.overlay{position: fixed; top:0; left:0; display:none; width:100%; height:100%; background:#000; opacity:0.5}
textarea.small{height:82px;}

.form-group{margin-bottom:10px;}
.form-group label{margin-bottom:0;}
.form-group.right-padding{padding-right:10px;}
.form-group.required label:after {content:"*";color:red;}

.box{min-height:100px; margin:6px 0; padding:6px; text-align:center; font-size:16px; color:#fff; background:#1a7bb9; border-radius:3px; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; cursor:pointer;}
.box.deleted{background:#34495e}
.box .quantity{border:0px solid; background:#1a7bb9; width:60px;}
.box .quantity:focus{background:#fff; color:#000;}

.table-fixed{margin-bottom:0px !important;}
.forced-vertical-scroll{overflow-y:scroll;}
.scrollable-table-wrapper{height:500px; overflow-y:scroll;}

/* vertical padding*/
.vp{padding-top:6px; padding-bottom:6px;}

.input-group.input-xs{width:100px;}
.input-group.input-xs input{height:22px;padding:2px;}
.input-group.input-xs span{height:22px;padding:0 5px;}

input.xs{height:22px;width:60px;padding:2px;}

.btn-file {position:relative;overflow:hidden;}
.btn-file input[type=file] {position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:white;cursor:inherit;display:block;}
.btn-danger{color:white !important;}

.navbar-top-links{background:#fff;width:calc(100% - 80px);}
.navbar-top-links h2{width:calc(50% - 30px);float:left;margin:15px;font-weight:400;}
.navbar-top-links > div{width:calc(50% - 30px);float:left;margin:15px;text-align:right;}

.nav .client-name{color:#FFF;margin:-10px 0 10px 0;font-size:12px;font-weight:bold;}
.nav .avatar{margin-right:10px;}
.nav i{width:12px;text-align:center;}
.nav .langs{margin:12px 0px;}
.nav .langs a{color:#8095a8;}
.nav .langs a:hover{color:#fff;}
.nav .langs a.active{font-weight:bold; }
.nav .langs a:after{content: '|';}
.nav .langs a:last-child:after{content: ' ';}
.head-error{font-size:12px;font-weight:bold;}

.loading{text-align:center;font-size:20px;position:absolute;margin:auto;width:250px;top:40px;left:0;right:0;z-index:2050;}
.loading span{background-color:#FFF;padding:20px;box-shadow:0 0 10px -2px #333;margin:20px;border-radius:5px;}

.white{color:#FFF;}
.numeric{text-align:right;}

.modal-xl{width:90%;}

.ibox-title-selection{font-weight:bold; font-size:16px; color:#1a7bb9;}

.buffer-top{margin-top:6px !important;}
.buffer-top-2x{margin-top:12px !important;}
.buffer-top-3x{margin-top:18px !important;}
.buffer-top-4x{margin-top:24px !important;}
.buffer-top-label{margin-top:20px !important;}
.buffer-right{margin-right:6px !important;}
.buffer-right-2x{margin-right:12px !important;}
.buffer-right-3x{margin-right:18px !important;}
.buffer-right-4x{margin-right:24px !important;}
.buffer-bottom{margin-bottom:6px !important;}
.buffer-bottom-2x{margin-bottom:12px !important;}
.buffer-bottom-3x{margin-bottom:18px !important;}
.buffer-bottom-4x{margin-bottom:24px !important;}
.buffer-left{margin-left:6px !important;}
.buffer-left-2x{margin-left:12px !important;}
.buffer-left-3x{margin-left:18px !important;}
.buffer-left-4x{margin-left:24px !important;}

.nav .always-open > ul.collapse{height:auto !important;display:block;}
.feed-element p{margin:10px 0;}
.feed-element button{margin-top:0;}

.chosen-container-single .chosen-single {border-radius:0;border:1px solid #e5e6e7;background:#ffffff;box-shadow:none;}

.small-table > thead > tr > th{padding:1px 5px;line-height:1;vertical-align:middle;}
.small-table > tbody > tr > td{padding:1px 5px;line-height:1;vertical-align:middle;}
.small-table .btn {margin:1px 0;}

.table-details td{padding-right:10px;}

.radio-box{margin-bottom:10px;}
.radio-box input[type=radio]{display:none;}
.radio-box input[type=radio]+label{margin:0 4px;cursor:pointer;}
.radio-box input[type=radio]+label img{width:40px;}
.radio-box input[type=radio]:checked+label{box-shadow:0 0 6px -2px #000;border:1px solid rgba(0,0,0,0.5);}

.avatar-box input[type=radio]{display:none;}
.avatar-box input[type=radio]+label{margin:0 4px;cursor:pointer;}
.avatar-box input[type=radio]+label img{width:40px;}
.avatar-box input[type=radio]:checked+label{box-shadow:0 0 6px -2px #000;border:1px solid rgba(0,0,0,0.8);border-radius:20px;}

img.avatar{width:40px;border-radius:20px;background-color:#FFF;}
.ownAvatar.checked img{box-shadow:0 0 6px -2px #000;border:1px solid rgba(0,0,0,0.8);border-radius:20px;}

.login .logo{width:250px;}
.login h1{margin:0 0 40px 0;}

tr.highlighted{background-color:#f9f8f8;}
tr.highlighted-warning{background-color:#FEF8EF;}
tr.highlighted-danger{background-color:#FEF6F7;}
tr.highlighted-primary{background-color:#E8F7F4;}
tr.highlighted-hidden{opacity:0.5;}

.dropzone button[name=upload]{margin:10px;}
.chosen-container-single .chosen-single{line-height:34px;}
.chosen-container-single .chosen-single div{top:6px;}
.w-100{width:100%;}
.popover-title{color:#666 !important;background-color:#FFF !important;}
.event_save{margin-bottom:15px;}

input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}
table.classes input[type=text]{height:20px;width:40px;padding:1px;display:inline;text-align:center;}
table.classes input[type=text]:focus{opacity:1;background-color:lightgreen;}
table.classes td{position:relative;text-align:center;}
table.classes .bg{font-weight:bold;font-size:14px;}
table.classes th{text-align:center;background:#f5f5f6;}

.review-todo .row{padding:2px 0;}
.control-label{font-weight:500;text-align:right;padding-top:10px;}

.popover{z-index:3000 !important;}
.datepicker{z-index:3000 !important;}
.has-spinner{pointer-events:none;}

a.disabled {
  pointer-events: none;
  cursor: default;
}