body {
    /*background-color: #f9f9f9 !important;*/
    background-color: #f0f0f0 !important;
}
#page-footer {
    background-color: #fff !important
}
.main-container {
}
.content-main-area {
    padding-top: 20px;
    margin-bottom: 50px;
}

.btn-group a {
    margin-right: .25rem;
    margin-left: .25rem;
}

.badge {
    padding: .3em .4em .3em .4em;
    font-size: 90%;
    font-weight: 400;
}

.alert {
    font-size: 90%;
}

.alert-danger {
    background-color: #ca4f3e;
}
.alert h2 {
    color: #fff;
}

.alert-warning {
    background-color: #f3b760;
}

#environment-tag{
    position:fixed;
    z-index:10000;
    bottom:0;
    left:25px;
    background:orange;
    box-shadow:0 0 5px orange;
    padding:5px 25px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    font-size:1.1em;
}

.form-group .text-danger {
    font-size: 80%;
}
.dataTables_info {
    font-size: .8rem;
    /*font-weight: 400;
    line-height: 1.5;
    color: #575757;
    text-align: left;*/
}
.pagination {
    font-size: .8rem;
}
.social-icon {
    color: #575757;
    color: #c8c8c8;
}
.control-label {
    font-size: .9rem;
    font-weight: 400;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #46c37b;
    background-color: #46c37b;
}

.validation-summary-errors {
    /*background-color: #ca4f3e;*/
    /*padding: .5rem;*/
    margin-bottom:15px;
}
    .validation-summary-errors ul {
        padding-left:20px;
        margin: 0px;
    }
    .validation-summary-errors ul li {
        /*color: #ffffff;*/
        font-size: .8rem;
    }

table.dataTable {
     margin-top: 0px !important; 
     margin-bottom: 0px !important; 
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{
    text-align:left; /*override the default text-align: right*/
}

th.fit-content,
td.fit-content {
    width: 1% !important;
    white-space: nowrap !important;
}

.nav-tabs-block {
    background-color: #f0f0f0;
}
.btn-light {
    background-color: #f0f0f0;
    /*border-color: #f8f9fa;*/
    border-color: #ddd;
     
}

#sidebar-logo{
    display:block;
    height:100%;
    width:100%;
    padding:10px 0;
}

#sidebar-logo img{
    max-width:100%;
    max-height:100%;
}


/* Selectize Overrides */
.selectize .item{
    height:auto;
    width:auto;
}
/* End Selectize Overrides*/

#tray-notification{
    position:fixed;
    z-index:1000;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    padding:8px 20px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    box-shadow:0 0 5px #666;
    transform:translateX(-50%) translateY(calc(100% + 8px)); /*account for box shadow*/
    transition:0.3s;
    width:clamp(150px, 75%, 350px);
    text-align:center;
}

#tray-notification.show{
    transform:translateX(-50%);
}

#tray-notification::before{
    font-family: 'Font Awesome 5 Free';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:5px;
    width:30px;
    font-size:18px;
    font-weight:600;
}
    #tray-notification.alert-success::before {
        content: '\f058';
    }
    #tray-notification.alert-warning::before {
        content: '\f071';
    }
    #tray-notification.alert-danger::before {
        content: '\f06a';
    }
    #tray-notification.alert-info::before {
        content: '\f05a';
    }

/*password requirements displayed in popover that attach to input.validate-password-rules*/
ul.password-rules {
    list-style: none;
    margin-bottom: 0;
}

    ul.password-rules,
    ul.password-rules li {
        margin-left: 0;
        padding-left: 0;
    }