.bold, table.dataTable > tbody > tr > td.bold {
    font-weight: bold !important;
}
#table-right-align{
    text-align: right;
    padding-right: 20px !important;
}
.mt-minus-50{
    margin-top: -50px;
}
#total-row th{
    font-weight: bold;
    font-size: 14px;
}
#total-row{
    background-color: #EDEDED;
}
.dataTables_paginate{
    text-align: center !important;
}
.dataTables_info{
    text-align: right !important;
    float: right !important;
}
.fa-spinner{
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    z-index: 10000;
}
.text-align-center{
    text-align: center;
}
.text-align-right{
    text-align: right;
}
.mt-70{
    margin-top: 70px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.ml-20{
    margin-left: 20px !important;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.max-width-23{
    max-width: 23px !important;
}
.pointer {
    cursor: pointer;
}
.dataTables_filter input { width: 200px !important;}
.dataTables_filter input::placeholder{
    font-size: 14px !important;
}
.fa-search{
    position: absolute;
    top: 4px;
    left: 92%;
    float: right;
}
.navbar-for-collapse .navbar-brand{
    font-size: 12px !important;
}
.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.black-color{
    color: black !important;
    cursor: pointer;
}
.bootstrap-select{
    margin-top: 0;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: #9c27b0 !important;
}
.custom-form-group{
    padding-bottom: 10px;
    margin: 8px 0 0 0;
    position: relative;
}
.custom-form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}
.custom-label{
    top: -28px;
    font-size: 11px;
    line-height: 1.428571429;
    will-change: left, top, contents;
    position: absolute;
    pointer-events: none;
    transition: 0.3s ease all;
    font-weight: 400;
    margin: 16px 0 0 0;
}
.bootstrap-select .dropdown-toggle{
    text-transform: none;
}
.bootstrap-select ul.dropdown-menu{
    height: auto;
}
.bootstrap-select div.dropdown-menu{
    max-height: fit-content !important;
    height: auto;
}
.fixed-columns{
    width: 100%;
    table-layout: fixed !important;
    word-wrap: break-word;
}
.nav-tabs{
    background-color: #e91e63 !important;
}
.custom-tabs .card-header-tabs{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.custom-tabs .card-body{
    padding: 15px 20px;
}
.content-editor{
    height: 250px !important;
}
.view-content{
    padding: 30px;
}
.user-log-in{
    padding: 8px 25px !important;
    font-size: 12px !important;
    margin: 0 !important;
}
.d-flex{
    display: flex !important;
}
.d-contents{
    display: contents !important;
}
td.details-control {
    background: url('../dataTableImages/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../dataTableImages/details_close.png') no-repeat center center;
    cursor: pointer;
}
.text-overflow{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.text-align-unset {
    text-align: unset !important;
}
table.dataTable > tbody > tr > td{
    font-weight: 300 !important;
}
.loader{
    background-color: #EAEAEA;
    display : none;
    position : fixed;
    z-index: 100;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
.loader .fa-spinner{
    left : 48%;
    top : 40%;
    position : sticky;
    z-index : 101;
    color: black !important;
}
.bootstrap-select.has-error .dropdown-toggle {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 100% 2px, 100% 1px;
    transition-duration: 0.3s;
}
.card [data-background-color="rose"]{
    background: linear-gradient(60deg, #e91e63, #e91e63) !important;
}
.m-0{
    margin: 0 !important;
}
.p-0 {
    padding: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.border-white{
    border: 1px solid white !important;
}
.form-group .checkbox label{
    line-height: 25px;
}
.middle {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

/*.main-panel > .content{
    padding: 0 15px;
}*/
.card {
    margin: 0 0 24px 0;
}
.card-content:not(.default){
    padding: 24px !important;
}
.card-title{
    margin: 8px 0 16px 0 !important;
    color: black;
    font-size: 18px;
    letter-spacing: 0.38px;
    line-height: 21px;
    font-weight: 400;
}
a, a:hover, a:focus{
    color: #015597;
}
.btn{
    padding: 10px 50px;
}
.btn-icon {
    margin-right: 8px;
    cursor: pointer;
}
.btn-icon img{
    height: 32px !important;
    width: 32px !important;
}
.btn-default {
    padding: 10px 30px !important;
    margin: 0;
}
.icon-mask{
    height: 32px !important;
    width: 36px !important;
    margin-right: 8px;
}
.btn.btn-blue, .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active, .btn.btn-blue.active, .btn.btn-blue:active:focus, .btn.btn-blue:active:hover, .btn.btn-blue.active:focus, .btn.btn-blue.active:hover, .open > .btn.btn-blue.dropdown-toggle, .open > .btn.btn-blue.dropdown-toggle:focus, .open > .btn.btn-blue.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-blue, .navbar .navbar-nav > li > a.btn.btn-blue:hover, .navbar .navbar-nav > li > a.btn.btn-blue:focus, .navbar .navbar-nav > li > a.btn.btn-blue:active, .navbar .navbar-nav > li > a.btn.btn-blue.active, .navbar .navbar-nav > li > a.btn.btn-blue:active:focus, .navbar .navbar-nav > li > a.btn.btn-blue:active:hover, .navbar .navbar-nav > li > a.btn.btn-blue.active:focus, .navbar .navbar-nav > li > a.btn.btn-blue.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-blue.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-blue.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-blue.dropdown-toggle:hover{
    background-color: #015597;
    color: #FFFFFF;
}
.btn.btn-red, .btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red:active, .btn.btn-red.active, .btn.btn-red:active:focus, .btn.btn-red:active:hover, .btn.btn-red.active:focus, .btn.btn-red.active:hover, .open > .btn.btn-red.dropdown-toggle, .open > .btn.btn-red.dropdown-toggle:focus, .open > .btn.btn-red.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-red, .navbar .navbar-nav > li > a.btn.btn-red:hover, .navbar .navbar-nav > li > a.btn.btn-red:focus, .navbar .navbar-nav > li > a.btn.btn-red:active, .navbar .navbar-nav > li > a.btn.btn-red.active, .navbar .navbar-nav > li > a.btn.btn-red:active:focus, .navbar .navbar-nav > li > a.btn.btn-red:active:hover, .navbar .navbar-nav > li > a.btn.btn-red.active:focus, .navbar .navbar-nav > li > a.btn.btn-red.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-red.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-red.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-red.dropdown-toggle:hover{
    background-color: #FF6D6D;
    color: #FFFFFF;
}
.btn.btn-white, .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active, .btn.btn-white.active, .btn.btn-white:active:focus, .btn.btn-white:active:hover, .btn.btn-white.active:focus, .btn.btn-white.active:hover, .open > .btn.btn-white.dropdown-toggle, .open > .btn.btn-white.dropdown-toggle:focus, .open > .btn.btn-white.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-white, .navbar .navbar-nav > li > a.btn.btn-white:hover, .navbar .navbar-nav > li > a.btn.btn-white:focus, .navbar .navbar-nav > li > a.btn.btn-white:active, .navbar .navbar-nav > li > a.btn.btn-white.active, .navbar .navbar-nav > li > a.btn.btn-white:active:focus, .navbar .navbar-nav > li > a.btn.btn-white:active:hover, .navbar .navbar-nav > li > a.btn.btn-white.active:focus, .navbar .navbar-nav > li > a.btn.btn-white.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-white.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-white.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-white.dropdown-toggle:hover{
    border: 1px solid #D2D1D2;
    background-color: white;
    color: #5E5E5E;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check{
    background: #015597;
}
.sidebar[data-active-color="blue"] li.active > a{
    background-color: #EEEEEE;
    color: black;
}
.sidebar[data-active-color="blue"] li.active > a > i{
    color: black;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: #015597 !important;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active{
    background-color: #015597 !important;
}
.bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li a:hover{
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(32, 39, 183, 0.4) !important;
}
/* The max width is dependant on the container (more info below) */
.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

/* Color selector */

.color-selector {
    margin-top: 5px;
}

.color-selector input {
    display: none;
}

.color-selector label {
    height: 50px !important;
    margin: 0 !important;
}

.color-selector .button {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 10px;
    cursor: pointer;
}

.color-selector .button span {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: #eeeeee;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    transition: ease .3s;
}

.color-selector .button span:hover {
    width: 40px !important;
    height: 40px !important;
}

.color-selector .blue-theme .button span {
    background: rgb(1, 85, 151);
}

.color-selector .red-theme .button span {
    background: rgb(149, 0, 20);
}

.color-selector .orange-theme .button span {
    background: #FF6600;
}

.color-selector input:checked + .button span {
    border: 3px solid #8a8a8a !important;
}
.row-selection {
    display: none;
}
.number-of-selected-records {
    margin-right: 10px;
}
.d-inline-flex {
    display: inline-flex;
}

.row-selection {
    display: none;
}

.number-of-selected-records {
    margin-right: 10px;
}

.d-inline-flex {
    display: inline-flex;
}