h5.subtitle {
    font-weight: bold;
    text-transform: uppercase;
}
.content {
    padding: 5px;
}
body.app #wrapper {
    margin:0 0 0 145px;
}
body.page-small.show-sidebar #wrapper {
    margin:0 0 0 145px;
}
.bg-contrast {
    background: #112056 !important;
    color: white !important;
}
.border-contrast {
    border-color: #112056 !important;
}
.danger-border-contrast {
    border: 2px solid #d73038 !important;
}
table.table > tfoot{
    border-top: 2px solid #323a45 !important;
}
#menu {
    width: 145px;
}
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}
.btn-bottom-toolbar{
    margin: 0;
}
.margin-0 {
    margin: 0px !important;
}
.pright0 {
    padding-right: 0px !important;
}
.p-0{
    padding: 0px !important;
}
.p-5{
    padding: 5px !important;
}
.p-10{
    padding: 10px !important;
}
.p-15{
    padding: 15px !important;
}
.p-20{
    padding: 20px !important;
}
.py-5{
    padding: 5px 0 5px 0 !important;
}
.py-10{
    padding: 10px 0 10px 0 !important;
}
.py-15{
    padding: 15px 0 15px 0 !important;
}
.py-20{
    padding: 20px 0 15px 0 !important;
}
.px-5{
    padding: 0 5px 0 5px !important;
}
.px-10{
    padding: 0 10px 0 10px !important;
}
.px-15{
    padding: 0 15px 0 15px !important;
}
.px-20{
    padding: 0 20px 0 20px !important;
}
.uppercase {
    text-transform: uppercase;
}
a.revelance {
    text-decoration: underline !important;
}
.capitalize {
    text-transform: capitalize;
}
.pbot15 {
    padding-bottom: 15px;
}
.pbot30 {
    padding-bottom: 30px;
}
body label {
    font-weight: bolder !important;
}
.border-none {
    border: none !important;
}
label {
    font-weight: bold;
}
label,
::placeholder {
    color: #333 !important;
    font-size: 1em !important;
    }
.control-label, label {
    margin-bottom:5px;
}
label > span.error {
    display:none;
}
.custom-file-label > .error {
    display: none !important;
    visibility: hidden !important;
}
.custom-file {
    height: calc(1.55em + .75rem + 4px);
}
.w100{
    width: 100% !important;
}
.mright0 {
    margin-right: 0px !important;
}
.mright5 {
    margin-right: 5px !important;
}
.mright10 {
    margin-right: 10px !important;
}
.mright20 {
    margin-right: 40px !important;
}
.mright40 {
    margin-right: 20px !important;
}
.mleft0 {
    margin-left: 0px !important;
}
.mright5 {
    margin-right: 5px;
}
.mright8 {
    margin-right: 8px;
}
.mleft10{
    margin-left: 10px;;
}

.tooltip-inner{
    max-width: 350px !important;
    /* If max-width does not work, try using width instead */
    width: 350px !important;
}
#side-menu li a i.menu-icon {
    margin-right:5px;
    font-size: 1.2em;
}
#side-menu li a {
    padding: 12px 6px;
    padding-right: 4px;
    font-size: 12px;
}
#side-menu li a span.menu-text{
    font-size: 1em;
}
#side-menu li a span.menu-text .badge{
    display: none;
}
#side-menu li .nav-second-level li a,
#side-menu li .nav-second-level li.active a {
    padding:6px;
    padding-right: 1px;
    margin: 8px 0 8px 1px;
    font-size: 12px;
}
#setup-menu-wrapper {
    width: 135px !important;
}
.dt-buttons.btn-group .btn {
    padding-top: 5px !important;
}
form .file-error {
    border: 1px solid #d73038 !important;
    border-radius: 4px;
    z-index: 1000 !important;
}
input[type=text].form-control {
    padding: 6px;
}

.error,
.has-error .form-control:read-only,
.has-error .form-control,
.form-control.error:read-only,
.form-control.error {
    border: 2px solid #d73038 !important;
    -webkit-box-shadow: inset 0px 0px 18px -13px rgba(215,48,56,1) !important;
    -moz-box-shadow: inset 0px 0px 18px -13px rgba(215,48,56,1) !important;
    box-shadow: inset 0px 0px 18px -13px rgba(215,48,56,1) !important;
    /*background: #d73038;
    color: white !important;*/
}
.is-invalid + .bootstrap-select .btn {
    border-color: #d73038;
}

.form-group {
    margin-bottom: 15px !important;
    }
.form-control-static {
    padding: 0 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 36px !important;
    color:#333;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: roboto !important;
    background-color: #c9cbcf !important;
    background: #c9cbcf !important;
    margin:0;
    border:none;
}
.form-control-static.static-primary {
    background: #555b6e !important;
    color: white;
}
.form-control-static.wrnumber{
    font-size: 13px !important;
    letter-spacing: 2px;
}
.form-control-static.disabled{
    border: 1px solid #c0cbda;

}
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control
input[type="text"]:disabled,
.dataTables_length select,
.uneditable-input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="search"],
select.form-control,
textarea.form-control {
  font-size: 1em;
  color:#333;
  min-height: 36px;
}
.input-group.disabled .input-group-addon,
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control
input[type="text"]:disabled,
input:read-only {
    background-color: #c9cbcf !important;
    border-color: transparent !important;
    background: #c9cbcf !important; 
}

label span.error {
    display:none !important;
}
.form-control {
    /*height: calc(1.55em + .75rem + 10px) !important;*/
}
form .error.bootstrap-select {
    /*border-radius:50rem !important;*/
}
.form-control .input-sm,
.input-sm {
  height: 30px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}
.bootstrap-select .btn-default {
    padding: 4px 6px;
}
.error.bootstrap-select .dropdown-toggle,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle.selectpicker-error,
.bootstrap-select .dropdown-toggle.selectpicker-error:focus {
    outline-color: #d73038 !important;
    outline: 2px #d73038 solid !important;
    -moz-outline-radius: 24px !important;
    -moz-border-radius: 24px !important;
}
.dataTables_filter input[type=search],
input[type=text] {
    height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: roboto !important;
    background-color: #f0f2f7 !important;
    border-color: #666 !important;
    background: #f0f2f7 !important;
}
.label-margin {
    margin-top: 28px;
}
.input-group input[type=text] {
    margin-top:1px;
}
.input-group .input-group-addon {
    border-color: #f0f2f7;
    background: #f0f2f7;
    color: #333;
}
.input-group.disabled .input-group-addon .fa,
.input-group .input-group-addon .fa {
    font-weight:bolder;
}
.input-group .input-group-addon.disabled{
    background:#c9cbcf;
    color: #333;
}
.input-group .input-group-addon.success{
    background: #02c39a;
    color: white;
}
.dropdown>button, .dropdown .input-group-addon {
height: 36px !important;
font-size: 12px !important;
font-weight: bold !important;
font-family: roboto !important;
/*
background-color: #f0f2f7 !important;
border-color: #f0f2f7 !important;
background: #f0f2f7 !important;
*/
}
.dropdown>button.btn-default {
    border-width: 1px !important;
    background-color: #f0f2f7 !important;
    border-color: #c9cbcf !important;
    border-color: #555b6e !important;
    background: #f0f2f7 !important;
}
.bootstrap-select .dropdown-toggle.error {
    outline-color: #d73038 !important;
    border: 2px #d73038 solid !important;
    -moz-outline-radius: 24px !important;
    -moz-border-radius: 24px !important;
    border-radius: 4px !important;
  }
  .dropdown>button.btn-default .caret {
      font-weight: bolder;
  }
.nav-tabs.dark>li>a {
    background-color: #dedede !important;
    font-weight: bolder;
    color: #7e7e7e;
}

.nav-tabs.dark>li.active>a, .nav-tabs.dark>li.active>a:focus, .nav-tabs.dark>li.active>a:hover, 
.nav-tabs.dark>li>a:focus, .nav-tabs.dark>li>a:hover {
    color: #212529;
    font-weight: bolder;
    border-bottom-color: transparent;
}

label.error{
    color: red !important;
    position: absolute;
    font-size: 11px !important;
}
.login-form a.btn-success {
    margin-top: 30px;
}

.pointer{
    cursor: pointer;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc {
    padding-left: 25px;
    padding-right: 5px;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_desc_disabled::after{
    left: 3px;
}
.bg-error-modal {
    background: #f2dede !important;
}
.dataTables_wrapper select,
.dataTables_length select{
    min-height: 30px !important;
}
td.description table th,
td.description table td
{
    font-size: 10px !important;
    padding: 3px 0px !important;
}
li a i.menu-icon {
    margin-right: 6px;
    font-size:12px;
}
.panel_s > .panel-heading-bg,
.panel_s > .panel-heading {
    background-color:#373253;
    color:white;
    padding: 18px 10px;
    min-height: 65px !important;
}
.panel_s .panel-body.opaque {
    background-color: #f5f3f4;
}
.filter-option-inner-inner {
    color: #212529 !important;
    font-size: 1em !important;
    letter-spacing: 1px;
}
.filter-option-inner-inner small.text-muted{
    color: white;
}
.bootstrap-select > .dropdown-toggle {
    border-width: 0px !important;
}
.btn-white {
    background-color: white;
    color: #333;
}
.btn-group-sm > .btn, .btn-sm {
    padding: 2px 4px !important;
    margin: 2px;
    font-size: 12px;
}

.btn-primary {
    background-color: #1a659e;
    border-color: #1a659e;
    color:white !important;
}
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.open > .dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary:hover,
.btn-primary.focus,
.btn-primary.active {
    background-color: #5588BB;
    border-color: #5588BB;
    color:white;
}
.btn-primary .filter-option-inner-inner,
.btn-primary:hover .filter-option-inner-inner,
.btn-primary.focus .filter-option-inner-inner,
.btn-primary.active .filter-option-inner-inner
{
    color:white !important;
}

.btn-warning {
    background-color: #FFBF46;
    border-color: #FFBF46;
    color:#333;
}
.dropdown-left {
    right: 0;
    left: auto;
    padding-left: 1px;
    padding-right: 1px;
  }
  
table.dataTable thead tr,
table.dataTable thead tr th {
    background-color: #555b6e !important;
    border-color: #555b6e !important;
    color: #faf9f9 !important;
    font-weight: bold !important;
}
table.tbody{
   
}
h5.subtitle {
    color: #373253 !important;
}
.text-white {
    color: #FFF !important;
}
.text-dark {
    color: #333 !important;
}
.text-yellow {
    color: #f9c74f !important;
}
.text-mostaza {
    color: #f6aa1c !important;
}
.text-green {
    color: #43aa8b !important;
}
.bg-white {
    background-color: white!important;
}
.btn.btn-purple {
    background-color: #7b2cbf;
    border-color: #7b2cbf;
    color:white;
}
.btn.btn-purple:hover,
.btn.btn-purple:focus
 {
    background-color: #9d4edd;
    border-color: #9d4edd;
    color:white;
}
.dt-buttons.btn-group .btn-danger:hover, .dt-buttons.btn-group .btn-danger:focus, .dt-buttons.btn-group .btn-danger:active {
    border-color: #d90429;
    background-color: #c93951;
}
.bg-opaque {
    background: #f5f3f4 !important;

}
.btn.btn-printer {
    color:white;
    background-color: #4c5c68;
}
.btn.btn-printer:hover,
.btn.btn-printer:link
 {
    color:white;
    background-color: #46494c;
}
.btn.btn-selector {
    background-color: #373253;
    border-color: #373253;
    color: white !important;
}
.bootstrap-select .dropdown-menu li small {
    font-weight: bold;
}
.bootstrap-select .btn-primary.dropdown-toggle .text-muted {
   
}
.modal-header.warnig {
    background-color: #ec971f !important;
}
@media (min-width: 768px) {
    .modal-xl {
      width: 95%;
      max-width:1200px;
    }
}

.dt-table-loading.table .loading-gif {
    display: block !important;
}

.table .loading-gif {
    display: none;
}

.mark-coincidence{
    font-weight: bold;
    background-color: #333;
    color: white;
    padding: 3px 5px;
}
.lb-dataContainer {
    background-color: white;
    border-radius: 0;
    border: 0;
    padding-bottom: 10px;;
}
.lb-data .lb-details {
    

}
.lb-data .lb-caption{
    margin-top: 5px;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 2em;
    color: black;
}
.lb-data .lb-close {
    background-color: black;
}