/* .form-radio .form-check-label { padding-left: 0px;} */
body { font-size: 14px;}
.sm-font { font-size: 14px !important; width: 100%;}
.labl-crless { color:#777;}
hr { margin-top: 0rem;}
.paddnone {padding: 0px !important;}
.red { color: #f00;}
.btn-info, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit { color: #212529; background-color: #1094f7; border-color: #1094f7;}
.navbar.navbar-success { background: #fefefe;}
.bg-grey { background:#f2f2f2; padding: 10px;}
.h5, h5 { font-size: 14px;}
.col-12 { margin-bottom: 30px;}
.pull-right { float: right;}
.img-responsive { max-width: 100%; display: block;}
.form-radio.tbradio { margin-top: 0px; margin-bottom: 0px;}
.form-group.tablegr { margin-bottom: 0rem;}
.table.roomtable td { vertical-align: text-bottom;}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-top: 14px;
    padding-bottom: 14px;
}

.text-custom { color: #188ae2 !important;}
.m-b-5 { margin-bottom: 5px !important;}
.box-brdr { padding: 20px; border: 2px solid #f3f3f3;}
.marg-t30 { margin-top: 30px;}

.preview-thumbnail { color: #ffffff; position: relative;}
.preview-thumbnail .preview-icon { padding: 6px; text-align: center;  width: 36px; height: 36px; border-radius: 100%;}
.preview-thumbnail .preview-icon i {font-size: 17px;}
.grid-margin-t { margin-top: 30px; }
.btn.social-btn i{ margin-right: 0; font-size: 1.5rem;}
p.font-1 { font-size: 0.9rem;}

.modal-body .form-control {background: #ddd;}

.footer {position: fixed; width: 100%; bottom: 0px;}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background:#2a58ad;; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(30, 45, 212); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #02215a; 
}

.alert-secondary { color: #222; background-color: #fff; border-color: #e0e0e0; }
.alert-primary { color: #0c70bc; background-color: #fff; border-color: rgba(12, 115, 212, 0.5); }

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}
.btn {box-shadow: 0px 0px 6px 0px #fff;}
.alert-success:hover, .alert-success:focus {
    background-color: rgba(12, 115, 212, 0.6);
    border-color:rgba(12, 115, 212, 0.5); }

b.h5 { font-weight: bold;}

@media all and (max-width: 1600px) {
    .sidebar { width: 295px;}
    .sidebar-fixed .main-panel { margin-left: 302px; }
}

@media all and (max-width: 1300px) {
    .col-md-8.col-sm-12.min-scale {max-width: 80%;  flex: 0 0 80%;}
}

@media all and (max-width: 991px) {
    .row { margin-right: 0px; margin-left: 0px;}
    .content-wrapper { padding: 1.5rem 0.5rem;}
    .stretch-card.max-str { max-width: 100%; flex: 0 0 auto; }
    .navbar .navbar-menu-wrapper { width: auto; }
    .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) { display: none; }
    .sidebar-fixed .main-panel { margin-left: 0px; }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 0px; padding-left: 0px; }
    .col-12 .card .card-body { padding: 1rem; } 
    .card-title { padding-left: 20px; } 
    .col-md-8.col-sm-12.min-scale {max-width: 100%;  flex: 0 0 100%;}  
}

@media all and (max-width: 767px) {
    .form-group { margin-bottom: .4rem;}
    .main-panel { margin-left: 0px; width: 110%;} 
    body {background-color: #eaeef1; }
    .card .card-body {  padding: 1rem !important; } 
    .modal-content { height: 530px; padding: 10px; }  
    .modal-header { border-bottom: 0px solid #f3f3f3;}
    .modal .modal-dialog .modal-content .modal-header { padding: 1rem; padding-bottom: 0px; display: block;}
    .modal .modal-dialog .modal-content .modal-body { padding: 1rem; padding-top: 0px; position: static; }
}

@media all and (max-width: 320px) {
    .modal-content { height: 380px; padding: 10px 10px 15px 10px;}  
    .modal .modal-dialog .modal-content .modal-header { height: 332px; overflow: scroll; }
}