.c-hide {
    display: none;
}
.home-wrapper {
    margin-top:2em;
    margin-bottom:2em;
}
.sheet-wrapper {
    margin-top:2em;
    margin-bottom:2em;
}
.sheet-wrapper label {
    margin-top:0.5em;
    font-weight:bold;
}
.c-button-index {
    margin-top:3em;
}
.c-text-small {
    font-size:smaller;
}
.c-text-bold {
    font-weight:bold;
}
.c-num {
    font-size: 2.5em;
    float: left;
    padding-right: 0.2em;
}

.cv-sheeter {
    display:flex;
    flex-direction: row;
    margin-top:1px;
}
.sheeter-element {
    flex-grow:1;
    padding:4px;
    text-align:center;
    margin-right:1px;
    cursor:pointer;

}
.sheeter-element:not(.selected) {
    background:#94a6b3;
    color:white;
}
.sheeter-element.selected {
    background:#033f6a;
    color:white;
}

.upper-capital {
    text-transform: uppercase;
}
label {
    display:block;
}
.nengo-cell {
    width:5em;
    display:inline-block;
}
.width-5 {
    width:5em;
}
.btn-next {
    background: #033f6a;
    color:white;
}
.btn-area {
    margin-top:4em;
    margin-bottom:4em;
}
.col.ch-label {
    margin-top: 1em;
    font-weight: bold;
    font-size: large;
}
h3 {
    margin-top:1em;
    margin-bottom:0.5em;
}

.cv-sheeter-spacer {
    margin-top:72px;
}
.small-digit {
    width:8em;
    display:inline-block;
}
.inline-block {
    display: inline-block;
}
.dynblock {
    border:1px solid #dedede;
    border-radius:4px;
    margin-bottom:8px;
}
.block-wrapper {
    padding: 1em;
}
.commands {
    background: #f4f3f3;
    height: 40px;
    border-bottom:1px solid #d9d9d9;
}
.commands .btn-trash {
    color:white;
    background:red;
    margin-right:2px;
    float:right;
}
.commands .btn-copy {
    color:white;
    background:rgb(56, 71, 202);
    margin-right:2px;
    float:right;
}
.commands .move-elem {
    display:none;
    margin-right:2px;
    float:right;
}
.commands .move-item {
    display:block;
    color:white;
    background:rgb(107 181 255);
    margin-right:2px;
    float:right;

}
.commands .group-id {
    float:left;
}
.group-id {
    font-size:20px;
    padding-left:4px;
    padding-top:4px;
}

.text-area {
    min-height:150px!important;
    background:#ffffee;
    color:black;
}

#photo-area {
    border: 1px solid #d5d5d5;
    height: 100px;
    border-radius: 8px;
    cursor:pointer;
}
#photo-area h3 {
    text-align:center;
    color:#777777;
}
#photo-area-file-input {
    width: 0px;
    height: 0px;
    visibility: hidden;
}

#photo-preview-wrapper {
    border:1px solid #aaaaaa;
    padding:16px;
}

#photo-crop {
    margin-bottom:16px;
}
#loaded-photo {
    height: 266px;
    border: 1px solid #cccccc;
    padding: 16px;
    width: 200px;
    border-radius: 4px;
    color: lightgrey;
    text-align: center;
    vertical-align: middle;
}
#loaded-photo i {
    font-size: 120px;
}
#photo-preview-image {
    
}
#preview-area {
    margin-top:16px;
    padding:12px;
    border:1px solid grey;
    width:100%;
    height:400px;
    overflow:scroll;
}

.phone-pref-limit {
    width:140px;
}
.action-btn {
    padding:8px;
    cursor:pointer;
    border:1px solid #7d7373;
    border-radius:4px;
    background:#595959;
    color:white;
    margin-right:4px;
    display:inline-block;
    width:32px;
    text-align:center;
}
.action-btn.delete-sql {
    border:1px solid #ff2929;
    background:#f26464;
}
.action-btn.load-sql {
    border:1px solid #1a786c;
    background:#2899a5;
}

.commands-label {
    padding-top:6px;
    padding-left:16px;
    display:inline-block;
}
#save-button {
    cursor:pointer;
    background:#007bff;
    color:white;
}
.width100 {
    width:100px;
}
.width180 {
    width:180px;
}

.result-msg {
    background: #5ea25e;
    padding: 8px;
    color: white;
    margin-bottom: 8px;
}

.menu-area {
    background:#f3f3f3;
    padding:6px;
}
.menu-area a {
    color:#007bff;
    font-weight:bold;
}
#intro-message {
    line-height:32px;
}
.warning-message {
    font-weight:bold;
}
.cv-spinner {
    display:block;
    margin:0 auto;
    text-align:center;
}
.access-link  {
    color:blue!important;
    font-weight:bold;
}

.set-age {
    display:inline-block;
    margin-right:2px;
}
.force-set-age {
    margin-bottom:4px;
}

.help-icon {
    display:inline-block;
    margin-left:8px;
    padding:2px;
    width:28px;
    text-align:center;
    background:#106fb1;
    color:white;
    border-radius:60px;
    cursor:pointer;
}