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;
}

.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;
}


.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;
}
.form-control[readonly]{
    background-color:var(--bs-gray-400);
    cursor: not-allowed;
}

.validation-summary-errors {
    /*background-color: #ca4f3e;*/
    padding: .5rem;
}
    .validation-summary-errors ul {

        margin: 0px;
    }
    .validation-summary-errors ul li {
        /*color: #ffffff;*/
        font-size: .8rem;
    }

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

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

/*OneUI Overrides*/
:root {
    --bs-body-font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

#page-container > #page-header .content-header,
#page-container > #page-header .content,
#page-container > #main-container .content,
#page-container > #page-footer .content {
    max-width: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

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;
}


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

#tray-notification.top{
    bottom:auto;
    top:15px;
    transform:translateX(-50%) translateY(calc(-100% - 15px));
}

#tray-notification.bottom{
    top:auto;
    bottom:15px;
    transform:translateX(-50%) translateY(calc(100% + 15px));
}

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

    #tray-notification-icon {
        font-family: 'Font Awesome 6 Free';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 5px;
        width: 30px;
        font-size: 18px;
        font-weight: 600;
    }

/* TrayNotification END */

/*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;
    }




/* JqueryUI Sortable Utilities START */
ul.sortable-container{
    list-style:none;
    padding:0;
    border:1px solid #000;
}

.sortable-container li{
    padding:8px 10px;
    line-height:1;
    border-bottom:1px solid #dadada;    
    display:flex;
    align-items:center;
    gap:15px;
    background:#FFF;
}

.sortable-container li .sort-handle{
    display:inline-block;
    background:#dadada;
    padding:5px 8px;
    border-radius:3px;
    font-size:0.9em;
    cursor:pointer;
}

.sortable-container li:last-child{
    border-bottom:none;
}

.sortable-container .sort-placeholder {
    background: repeating-linear-gradient( 45deg, #666, #666 10px, #dadada 10px, #dadada 20px );
}

.sortable-container .ui-sortable-helper{
    opacity:0.9;
}
/* JqueryUI Sortable Utilities END */