body {
    background: #f1f1f1;
    font-family: 'Roboto Condensed', sans-serif;
}

a:hover {text-decoration: none;}

footer {
    background: #f1f1f1;
    height: 200px;
    margin-top:20px;
    border-top:1px solid #e8e8e8;
}

h4 { font-size: 19px; font-weight: 600; color: #b0bdd2; }
label {color: #777777;}
.bold {font-weight: 700;}
.ttu { text-transform: uppercase; }
.ttn {text-transform: none !important;}
.pr {position: relative;}
.pa {position: absolute; }

.cp {cursor: pointer;}

.form-control { text-transform: uppercase;font-size: 14px; }
.modal-header { background: #ffd148; padding: 10px; }
.modal-header .modal-title { color: #696969; font-weight: 700; font-size: 18px; }
.modal-footer { background: #f3f3f3; }

.transparent {opacity: .5;}

.errorBorder { border: 2px solid red; }

.color-red { color: red !important; }
.color-gray { color: #6d6d6d;}

.hoverPhoto {opacity: 0.4; cursor:pointer;}


.added-box {margin-top: -10px; border-top: 1px dashed #ddd;}
.added-box:hover { background: #f7f7f7; cursor: pointer; }

.actions {position: absolute; right:10px; top: 10px;}
.actions a {padding: 5px;}
.actions a:hover {color: #ffc107; }

.listactions { padding-top:20px; }
.listactions a {padding-right:5px;}

.dn {display:none;}
.db {display:block;}

.box-shadow { -webkit-box-shadow: 0px 1px 5px -2px rgba(194,194,194,1); -moz-box-shadow: 0px 1px 5px -2px rgba(194,194,194,1); box-shadow: 0px 1px 5px -2px rgba(194,194,194,1); }
.button-area {text-align: right; padding: 16px;}

.p10 {padding:10px;}
.p20 {padding:20px;}
.p20px5 {padding: 20px 5px;}
.p10505 { padding: 10px 5px 0px 5px; }

.pl0 {padding-left:0}
.pr0 {padding-right:0;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}

.mt40 { margin-top:40px; }

.gray-bg { background: #f7f7f7; }
.white-bg { background: #fff; }

.br3 {border-radius: 3px;}

.h80 { height:80px; }

.mb0 { margin-bottom:0; }
.mb1 { margin-bottom:1px; }
.mb2 { margin-bottom:2px; }
.mb3 { margin-bottom:3px; }
.mb4 { margin-bottom:4px; }
.mb5 { margin-bottom:5px; }
.mb6 { margin-bottom:6px; }
.mb7 { margin-bottom:7px; }
.mb8 { margin-bottom:8px; }
.mb9 { margin-bottom:9px; }
.mb10 { margin-bottom:10px; }

.w80 {width:80px;}

.w10y {width: 10%;}
.w30y {width: 30%;}
.w70y {width: 70%;}
.w90y {width: 90%;}


.r15 {right: 15px;}


.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}

.mr10 {margin-right:10px;}

.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left: 20px;}


.loading {position: relative;}
.loading img {width: 60px; position: absolute; top: 30px; z-index: 1; left: 510px;}

.note-editor.note-frame {border: 1px solid #f3f3f3 !important;}

.btn-label {position: relative;left: -9px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:10px; }

.panel-menu ul { list-style-type: none;margin:0 }
.panel-menu ul li {float:left; margin-right: 20px;}
.panel-menu ul li a {font-weight: 700;}
.panel-menu ul li a i {color: #57a4f7;}

.visor-box .box-title   {font-weight: 700; color: #585858;}
.visor-box .box-content {font-size: 23px; font-weight: 700; color: #929292;}
.box-icon {position: absolute; font-size: 70px; right: 30px; top: 15px; color: #efefef;}

.user-type {border-radius: 3px; width: fit-content; padding: 0 10px; font-weight: 700; font-size: 15px;}
.user-admin {background: #FFEB3B; border: 1px solid #e6d430;}
.user-candidates {background: #4CAF50; border: 1px solid #429a45; color: #fff;}


@media (max-width:768px) { 
    .pl0-xs {padding-left:15px;}
    .pr0-xs {padding-right:15px;}
    .w70y-xs {width:100%;}
    .w30y-xs {width:100%;}
    .fr-xs {float:unset !important;}
    .panel-menu ul li {float:none;margin-bottom:5px;}
    .tr-xs {text-align: unset !important;}
}