html {
    font-size: var( --fontSize);
}

.sidebar .sidebar-background {
    background: #585a5e !important;
}

.btn.btn-primary {
    color: white !important;
    background-color: #313b4d !important;
    border-color: #313b4d !important;
    box-shadow: 0 2px 2px 0 rgb(117, 151, 158), 0 3px 1px -2px rgb(117, 151, 158), 0 1px 5px 0 rgb(117, 151, 158) !important;
}

.btn.btn-primary:hover {
    background-color: #313b4d !important;
    box-shadow: 0 14px 26px -12px rgb(117, 151, 158), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgb(117, 151, 158) !important;
}

.card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
    background: #75979e !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(57, 57, 88, 1) !important;
}

.form-control, .is-focused .form-control {
    background-image: linear-gradient(to top, #75979e 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
font-size:.875rem !important;
}


.simple-text{
    font-weight: bold !important;
}

h4 {
    font-size: 1.25rem;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #313b4d !important;
}




.form-control {
    background-image: linear-gradient(to top, #75979e 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
    color: black !important;
}
    .form-control :focus {
        color: black !important;
    }

.btn.btn-primary.btn-link {
    color: #ffffff !important;
}

.modal {
    overflow: auto !important;
}

.header-filter::before {
    background: none !important;
}

.bootstrap-select .dropdown-menu li.disabled a:active {
    color: white !important;
}

@media (min-width: 768px) {
    .col-md-3 label {
        margin-top: 15px !important;
    }
    .threshold {
        margin-top: 15px !important;
    }
    .monCheckboxlabel {
        max-width: 30% !important;
    }
    .monCheckbox {
        margin-top: 1px !important;
        max-width: 10% !important;
    }
    .innertable {
        width: 80% !important;
        margin-left: 65px !important;
    }
    .dropdown-menu .dropdown-item, .dropdown-menu li > a {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

a.dtMoveUp, a.dtMoveDown {
    margin-right: 5px !important;
    cursor: pointer !important;
}

.modal-title {
    text-align: center !important;
}

.bmd-form-group {
    padding-top: 0px !important;
    font-size: 1rem !important;
}

.clienticon {
    position: absolute;
    margin-top: 8px;
    color: #d2d2d2;
}

.clientMicIcon {
    margin-top: 8px;
    position: absolute;
    margin-left: 90%;
    color: #d2d2d2;
}

.upmoddiag {
    margin: 12.75rem auto !important;
}

.upmodhead {
    display: block !important;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.col2checkspan {
    max-width: 5% !important;
}

.col5labelcheck {
    max-width: fit-content !important;
    max-width: -moz-fit-content !important;
}

.comp {
    padding: 15px !important;
}

button {
    text-transform: capitalize !important;
}

.card-title {
    text-transform: capitalize ;
}

.nav-tabs .nav-item .nav-link {
    padding: 0px 15px !important;
}

.sidebar-wrapper {
    overflow: hidden !important;
}

.navbar.navbar-transparent {
    padding-top: 10px !important;
}

input {
    padding: 15px !important;
}

textarea {
    padding: 15px !important;
}

.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    margin-top: -20px !important;
}

.table thead tr th {
    font-size: 0.875rem !important;
    font-weight: bold;
}

.rulecol {
    padding-left: 0px !important;
}

@media (min-width: 992px) {
    .d-lg-none {
        text-transform: capitalize;
    }
}


.type {
    font-style: italic;
    color: darkgrey !important;
}

.card .card-title {
    margin-top: 0 !important;
    font-size: 0.875rem !important;
}


.validationError{
    color:red !important;
}


.simple-text {
    padding-left: 7% !important;
    text-align: left !important;
}

.sidebar-footer {
    width: 40%;
    margin: 25%;
    margin-left: 12%;
    margin-bottom: 10%;
}

.dropdown-toggle {
    padding-left: 15px !important;
}

.btn.btn-primary.btn-link {
    padding: 10px 10px;
}

.td-actions {
    margin-right: 15%;
}

.dataTable > tbody > tr > td {
    border-top: none;
}

.maincontent {
    max-width: 1000px;
}

.img-footer {
    position: fixed !important;
    bottom: 6px;
    left: 20px;
}
.dropdown-menu .dropdown-item, .dropdown-menu li > a {
font-size:.875rem !important;
}




.table_heading{
    font-weight:bold !important;
}


.login_error_messages{
    margin-left:55px;
}





/*Actions dropdown menu style: START*/
.actions_dropdown{
    padding: 8px 14px !important;
}

.actions_dropdown_childs {
    width: 95% !important;
    cursor:pointer !important;
}

.actions_dropdown_childs:active, .actions_dropdown_childs:hover, .actions_dropdown_childs:focus {
        background-color: #313b4d !important;
}
/*Actions dropdown menu style: END*/




.td_link{
    display:block;
    width:100% !important
}


.title_top_margin {
    margin-top: 20px;
}


/*Spinner Style Accross the application*/
.spinner-loading {
    width: 16px !important;
    height: 16px !important;
    margin-right: 5px !important;
}



.td_heading{
    font-weight:bold !important;
}

.modal_header_title{
    font-weight:bolder !important;    
}


.facility_header{
    margin-left:0px !important;
    margin-right:0px !important;
}


.actions_col{
    width:60px !important;
}

.expand_col{
    width:50px;
}

.device_cols {
    max-width:150px !important;
}




/*.bootstrap-select .dropdown-menu li a {
    text-transform: capitalize;
}*/


.actions_font_size{
    font-size:13px !important;
}


.add_buttons_style{
    padding: 6px 15px !important;
}


.add_rule_class {
    padding: 6px 15px !important;
}


.add_group_class {
    padding: 6px 15px !important;
}




.delete_buttons_style{
    padding: 3px 8px !important;
}


.gracePeriod_col{
    padding-left:0px !important;
    padding-right: 0px !important;
}


.gracePeriodInput{
    display:inline-block !important;
    width:90px !important;
}


.wrapper{
    overflow:auto !important;
}