/* Region List *****
    - Root 
    - Sentry360 Colors 
    - General
    - Card Styles
    - Color Update
    - Alert & Notification
    - Sidebar Styles
    - Navigation Menu
    - Dashboard
    - Modal
    - Search Form
    - W2ui
    - User access drawer
    - Common
    - Colors & Background Colors
    - Calendar
    - Tagify Styles
    - General Updates
    - Context Menu
    - Card Tabs
    - Sub Button Group
    - Intake Request
    - Task DataImporter Wizard
*/


/*#region Root ***** 
-------------------------------------------------------------------------*/
@charset "UTF-8";

:root {
    /*
        Sentry360 styles
    */
    --sentry-360-color: #33658a;
    /*
        SentryDNA styles
    */
    --sentry-dna-color: #86bbd8;
    --sentry-dna-border-color: #499bc7;
    /*
        SentryOversight styles
    */
    --sentry-oversight-color: #58406b;
    --sentry-oversight-border-color: #331e44;
    /*
        SentryTeam styles
    */
    --sentry-team-color: #758e4f;
    --sentry-team-border-color: #466615;
    /*
        SentryPartner styles
    */
    --sentry-partner-color: #f6ae2d;
    --sentry-partner-border-color: #d88b00;
    /*
        ReportingHub styles
    */
    --reporting-hub-color: #c55A11;
    --reporting-hub-border-color: #993f02;
    /*
        HelpCenter styles
    */
    --help-center-color: #1f4e79;
    --help-center-border-color: #014e7a;
    /*
        Sentry Analytics styles
    */
    --sentry-analytics-color: #014e7a;
    --sentry-analytics-border-color: #014e7a;
    /*
        Sentry Admin styles
    */
    --sentry-admin-color: #06a70b;
    --sentry-admin-border-color: #014e7a;
    /*
        Sentry Access styles
    */
    --sentry-access-color: #05669d;
    --sentry-access-border-color: #014e7a;
    /*
        CT Dashboard styles
    */
    --ctdashboard-border-color: #AA05B2;
    --ctdashboard-color: #E040FB;
    /*
        CT Dashboard styles
    */
    --all-border-color: #8A5827;
    --all-color: #BB8752;
    /*
        Sentry 360 Other styles
    */
    --sentry-font-family: 'Roboto', sans-serif;
    --sentry-header-background: #33658a;
    --sentry-header-color: #dfdfdf;
    --sentry-user-submenu-indicator-top: 24px;
    --update-button-bg-color: #6c8cbf;
    --bg-dark-orange: #eb611c;
    /*
        Content Default Tag Styles
    */
    --sentry360-default-color: #7E8299;
    --sentry360-default-border-color: #C1C1C1;
    --sentry360-default-text-color: #ffffff;
    /*
        Alert
    */
    --alert-default-color: #C8D2DB;
    --alert-default-hover-color: #D3DFEB;
    --alert-default-text-color: #181C32;
    --alert-default-icon-color: #73828F;
    --alert-default-button-color: #73828F;
    --alert-info-text-color: #7C3C3C;
    --alert-info-color: #FF6B6B;
    --alert-info-hover-color: #FA8080;
    --alert-info-icon-color: #931F1F;
    --alert-info-button-color: #910C0C;
    --warning-info-text-color: #705C2B;
    --warning-info-color: #FFE099;
    --warning-info-hover-color: #FFF4DA;
    --warning-info-icon-color: #896A24;
    --warning-info-button-color: #896B27;
    --notification-info-text-color: #265F45;
    --notification-info-color: #63BB93;
    --notification-info-hover-color: #75D1A7;
    --notification-info-icon-color: #0A5935;
    --notification-info-button-color: #0E6E42;
    --information-info-text-color: #385376;
    --information-info-color: #CDDBEC;
    --information-info-hover-color: #D9E1EC;
    --information-info-icon-color: #275894;
    --information-info-button-color: #2C4F7A;
    /*
        Notification
    */
    --update-default-color: #C8D2DB;
    --update-default-icon-color: #73828F;
    --update-applicationupdates-color: #F1FAFF;
    --update-applicationupdates-icon-color: #009EF7;
    --update-releasenotes-color: #FFF8DD;
    --update-releasenotes-icon-color: #FFC700;
}
/*#endregion Root*/



/*#region Sentry360 Colors ***** 
-------------------------------------------------------------------------*/
.sentry-dna {
    color: var(--sentry-dna-color) !important;
}

.sentry-oversight {
    color: var(--sentry-oversight-color) !important;
}

.sentry-team {
    color: var(--sentry-team-color) !important;
}

.sentry-partner {
    color: var(--sentry-partner-color) !important;
}

.sentry-access {
    color: var(--sentry-access-color) !important;
}

.reporting-hub {
    color: var(--reporting-hub-color) !important;
}

.help-center {
    color: var(--help-center-color) !important;
}

.sentry-admin {
    color: var(--sentry-admin-color) !important;
}

.sentry-analytics {
    color: var(--sentry-analytics-color) !important;
}

.btn-dna {
    background-color: var(--sentry-dna-color) !important;
}

.btn-oversight {
    background-color: var(--sentry-oversight-color) !important;
}

.btn-analytics {
    background-color: var(--sentry-analytics-color) !important;
}

.btn-team {
    background-color: var(--sentry-team-color) !important;
}

/*.sentry-center {
    color: #1F4E79 !important;
}
*/
.btn-partner {
    background-color: var(--sentry-partner-color) !important;
}
.sentry-center {
    color: #1F4E79 !important;
}
/*#endregion Sentry360 Colors ***** */



/*#region General ***** 
-------------------------------------------------------------------------*/
html, body {
    font-family: var(--sentry-font-family) !important;
}

/*** CUSTOM SCROLL BAR [LIGHT GRAY | HIDDEN] *************************************************************/
/*html {*/
    /*overflow: hidden !important;*/
    /*overflow-x: hidden !important;
    margin: 0 auto;
}*/

#kt_app_header, #kt_app_header h1, #kt_app_sidebar_menu_wrapper, #kt_app_footer, #kt_app_main, #kt_app_header_wrapper {
    font-family: var(--sentry-font-family) !important;
}

::-webkit-scrollbar-thumb {
    /* border-radius: 10px; */
    -webkit-box-shadow: inset 0 0 6px rgb(30 30 45);
    background-color: #666;
}

/*img.app-sidebar-logo-minimize, .sentry360-logo-short {
    filter: invert(100%) sepia(1%) saturate(1608%) hue-rotate(47deg) brightness(85%) contrast(87%);
}*/

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    border-radius: 0 !important;
}

#kt_app_header_wrapper #menu-header-title,
#kt_user_access_drawer #menu-header-title {
    background-position: bottom;
}

    #kt_app_header_wrapper #menu-header-title h3.text-white {
        margin-top: 10px !important;
    }

#kt_app_header_wrapper .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
#kt_app_header_wrapper .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    background-color: var(--kt-menu-link-bg-color-active);
    color: var(--kt-primary);
}

#kt_app_header_wrapper .menu-custom-icon {
    background-color: var(--kt-gray-100);
}

#kt_app_header_wrapper .menu-link:hover .menu-custom-icon {
    background-color: var(--kt-gray-300);
}

.menu-rounded .menu-link {
    border-radius: 0.475rem !important;
}

#kt_app_header_container i.fa-solid {
    font-size: 17px !important;
}

#kt_search .card {
    width: 100% !important;
}

#kt_search_header {
    min-height: 58px;
    padding-left: 8px;
}

#kt_search_body.card-body {
    padding-top: 15px !important;
}

.queue-permission-container #permissionData {
    position: sticky !important;
    top: 80px !important;
    z-index: 0 !important;
}

/*#endregion General ***** */
/*#region Card Styles ***** 
-------------------------------------------------------------------------*/

/*#endregion Card Styles ***** */


/*#region Color Update ***** 
-------------------------------------------------------------------------*/
.sentry-text {
    color: #7F7F7F !important;
    font-weight: 300 !important;
}

.sentry-dashboard {
    color: #497AC4 !important;
}

.sentry-360 {
    color: #33658A !important;
}

.sentry-dna,
.sentry-oversight,
.sentry-team,
.sentry-partner,
.sentry-analytics,
.reporting-hub,
.sentry-center {
    font-weight: 700 !important;
}

.bg-dark-orange {
    background-color: var(--bg-dark-orange);
    color: var(--kt-white);
}

.dark-moderate-blue {
    color: #2f5597 !important;
}

.delos-blue {
    color: #1798c8 !important;
}
/*#endregion Color Update ***** */



/*#region Alert & Notification ***** 
-------------------------------------------------------------------------*/
#notification-container .alert {
    background-color: var(--alert-default-color);
}

    #notification-container .alert:hover {
        background-color: var(--alert-default-hover-color);
    }

    #notification-container .alert .notification-content {
        color: var(--alert-default-text-color);
    }

    #notification-container .alert .sentry360-notification-info-icon i {
        color: var(--alert-default-icon-color);
    }

    #notification-container .alert .sentry360-notification-button-info {
        color: var(--alert-default-button-color);
        cursor: default;
    }

.alert-sentry360-info {
    background-color: var(--alert-info-color) !important;
}

    .alert-sentry360-info:hover {
        background-color: var(--alert-info-hover-color) !important;
    }

    .alert-sentry360-info .notification-content {
        color: var(--alert-info-text-color) !important;
    }

    .alert-sentry360-info .sentry360-notification-info-icon i {
        color: var(--alert-info-icon-color) !important;
    }

    .alert-sentry360-info .sentry360-notification-button-info {
        color: var(--alert-info-button-color) !important;
    }

.warning-sentry360-info {
    background-color: var(--warning-info-color) !important;
}

    .warning-sentry360-info:hover {
        background-color: var(--warning-info-hover-color) !important;
    }

    .warning-sentry360-info .notification-content {
        color: var(--warning-info-text-color) !important;
    }

    .warning-sentry360-info .sentry360-notification-info-icon i {
        color: var(--warning-info-icon-color) !important;
    }

    .warning-sentry360-info .sentry360-notification-button-info {
        color: var(--warning-info-button-color) !important;
    }

.notification-sentry360-info {
    background-color: var(--notification-info-color) !important;
}

    .notification-sentry360-info:hover {
        background-color: var(--notification-info-hover-color) !important;
    }

    .notification-sentry360-info .notification-content {
        color: var(--notification-info-text-color) !important;
    }

    .notification-sentry360-info .sentry360-notification-info-icon i {
        color: var(--notification-info-icon-color) !important;
    }

    .notification-sentry360-info .sentry360-notification-button-info {
        color: var(--notification-info-button-color) !important;
    }

.information-sentry360-info {
    background-color: var(--information-info-color) !important;
}

    .information-sentry360-info:hover {
        background-color: var(--information-info-hover-color) !important;
    }

    .information-sentry360-info .notification-content {
        color: var(--information-info-text-color) !important;
    }

    .information-sentry360-info .sentry360-notification-info-icon i {
        color: var(--information-info-icon-color) !important;
    }

    .information-sentry360-info .sentry360-notification-button-info {
        color: var(--information-info-button-color) !important;
    }


.applicationupdates-sentry360-info .update-notification-icon {
    background-color: var(--update-applicationupdates-color) !important;
}

    .applicationupdates-sentry360-info .update-notification-icon i {
        color: var(--update-applicationupdates-icon-color) !important;
    }

.releasenotes-sentry360-info .update-notification-icon {
    background-color: var(--update-releasenotes-color) !important;
}

    .releasenotes-sentry360-info .update-notification-icon i {
        color: var(--update-releasenotes-icon-color) !important;
    }

.update-notification-icon {
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

/*#toastr-container {
    width: 40% !important;
}*/

#toastr-container .toastr {
    min-width: 500px !important;
    max-width: 800px !important;
}
/*#endregion Alert & Notification *****  */



/*#region Sidebar Styles ***** 
-------------------------------------------------------------------------*/
[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: #1E1E2D !important;
    /*background-color: #2E2E3C !important;*/
}

#kt_app_content {
    padding-top: 10px;
}

.dashboard-container .card .card-body {
    padding: 0px 20px 20px 20px !important;
}

sentry-360-body .menu .menu-title {
    font-size: 15px !important;
}

#kt_app_sidebar_menu_wrapper .menu-item .menu-link .menu-title {
    color: #7F7F7F !important;
}

    #kt_app_sidebar_menu_wrapper .menu-item .menu-link .menu-title:hover {
        color: #FFFFFF !important;
    }

/* Header Styles */
sentry-360-body .app-header {
    background-color: #33658A !important;
    color: #FFFFFF !important;
}

.app-sidebar .menu-item hr {
    margin: 15px 20px;
    color: #aaaaaa;
}

/* Side bar Horizontal Line */
[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
.app-sidebar
.menu-item hr {
    width: 35px;
    transition: opacity .3s ease !important;
    margin-left: 9px;
}

[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
.app-sidebar:not(:hover)
.menu-item hr {
    width: 35px;
    transition: opacity .3s ease !important;
    margin-left: 19px;
}

/* User Info*/
.app-sidebar
.user-menu-item
.user-info {
    display: flex;
}

[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
.app-sidebar
.user-menu-item
.user-info {
    opacity: 0;
    transition: opacity .3s ease !important;
}

[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
.app-sidebar:not(:hover)
.user-menu-item
.user-info {
    opacity: 0;
    transition: opacity .3s ease !important;
}

[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
.app-sidebar
.user-menu-item
.user_sidebar_menu {
    display: none;
}

[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
.app-sidebar:not(:hover)
.user-menu-item
.user_sidebar_menu {
    display: none;
}

/* User Menu */
.user_sidebar_menu {
    background-color: #2F2F36;
}

    .user_sidebar_menu .menu-link {
        color: var(--kt-gray-800) !important;
    }

    .user_sidebar_menu .separator {
        border-color: #404041;
    }

    .user_sidebar_menu .menu-link:hover:not(.disabled):not(.active):not(.here) {
        background-color: #4e4e4e !important;
    }

#kt_app_sidebar_menu_wrapper .menu-sub-accordion {
    background-color: #2f2f36 !important;
}

    #kt_app_sidebar_menu_wrapper .menu-sub-accordion .menu-item:not(:last-child) {
        border-bottom: 1px solid #2f2f36 !important;
    }

    #kt_app_sidebar_menu_wrapper .menu-sub-accordion .menu-item {
        padding: 0 !important;
    }

        #kt_app_sidebar_menu_wrapper .menu-sub-accordion .menu-item:not(:last-child):after {
            content: "";
            position: absolute;
            left: 18%;
            height: 1px;
            width: 73%;
            border-bottom: 1px solid #404040 !important;
            transition: opacity .1s ease !important;
        }

#kt_app_sidebar_menu_wrapper .sub-menu-item {
    margin-left: 20px !important;
}

#kt_app_sidebar_menu_wrapper .menu-sub-accordion .sub-menu-item:not(:last-child):after {
    left: 25% !important;
    width: 66%;
}

#kt_app_sidebar_menu_wrapper .menu-sub-indention .menu-sub:not([data-popper-placement]) {
    padding-left: 0;
    margin-left: 0;
}

#kt_app_sidebar_menu_wrapper .menu-sub-indention .menu-bullet .bullet {
    display: none;
}

#kt_app_sidebar_menu_wrapper .menu-column .menu-item .menu-link {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
    padding-top: 0.80rem !important;
    padding-bottom: 0.80rem !important;
}

#kt_app_sidebar_menu_wrapper .menu-column #kt_header_user_side_menu_toggle .menu-link {
    padding-left: 0.84rem !important;
}

#kt_app_sidebar_menu_wrapper .menu-column .menu-sub-accordion .menu-item .menu-link {
    padding-left: 2.75rem !important;
    /*padding-right: 1.75rem !important;*/
}

[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"])
.app-sidebar
.menu-sub-accordion
.menu-item::after {
    opacity: 0;
    transition: opacity .3s ease !important;
}

[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"]
.app-sidebar:not(:hover)
.menu-sub-accordion
.menu-item::after {
    opacity: 0;
    transition: opacity .3s ease !important;
}

#kt_app_content {
    padding-bottom: 0;
}

/* Child Sub Menu */
#kt_app_sidebar_menu_wrapper .menu-sub-accordion .menu-sub-accordion {
    background-color: #1d1a2e !important;
}

.menu-accordion .svg-icon i {
    color: #ffffff;
}
/*#endregion Sidebar Styles ***** */


/*#region Navigation Menu ***** 
-------------------------------------------------------------------------*/
#kt_app_header_container {
    background-color: var(--sentry-header-background);
}

#kt_app_header_wrapper .btn.btn-icon-muted .svg-icon, .btn.btn-icon-muted i {
    color: var(--sentry-header-color);
}

#kt_app_header_wrapper, #kt_app_header_wrapper h1 {
    color: var(--kt-text-white);
}

/* Side navigation menu */
.main-nav-icon {
    filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(88deg) brightness(108%) contrast(101%);
}
/*#endregion Navigation Menu ***** */



/*#region Dashboard ***** 
-------------------------------------------------------------------------*/
#sentry-dashboard-container img.card-icon {
    filter: invert(51%) sepia(2%) saturate(10%) hue-rotate(337deg) brightness(96%) contrast(96%);
}

#sentry-dashboard-container .card:hover img {
    filter: invert(32%) sepia(87%) saturate(810%) hue-rotate(169deg) brightness(87%) contrast(89%);
}


#sentry-dashboard-container .card.sentry-dna-dashboard:hover img {
    filter: invert(78%) sepia(17%) saturate(757%) hue-rotate(160deg) brightness(89%) contrast(89%);
}

#sentry-dashboard-container .card.sentry-oversight-dashboard:hover img {
    filter: invert(24%) sepia(29%) saturate(867%) hue-rotate(230deg) brightness(95%) contrast(84%);
}

#sentry-dashboard-container .card.sentry-team-dashboard:hover img {
    filter: invert(49%) sepia(58%) saturate(283%) hue-rotate(42deg) brightness(95%) contrast(93%);
}

#sentry-dashboard-container .card.sentry-partner-dashboard:hover img {
    filter: invert(73%) sepia(68%) saturate(865%) hue-rotate(337deg) brightness(102%) contrast(93%);
}

#sentry-dashboard-container .card.reporting-hub-dashboard:hover img {
    filter: invert(61%) sepia(75%) saturate(6554%) hue-rotate(9deg) brightness(88%) contrast(87%);
}

#sentry-dashboard-container .card.sentry-center-dashboard:hover img {
    filter: invert(24%) sepia(7%) saturate(6363%) hue-rotate(171deg) brightness(98%) contrast(88%);
}

#sentry-dashboard-container .sentry-text {
    font-weight: 500 !important;
}

.reporting-hub-cards img.card-icon {
    /*filter: invert(51%) sepia(2%) saturate(10%) hue-rotate(337deg) brightness(96%) contrast(96%);*/
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(302deg) brightness(104%) contrast(101%);
}

.reporting-hub-cards .card.reporting-hub-dashboard:hover img {
    /*filter: invert(61%) sepia(75%) saturate(6554%) hue-rotate(9deg) brightness(88%) contrast(87%);*/
    filter: invert(99%) sepia(0%) saturate(2892%) hue-rotate(92deg) brightness(120%) contrast(73%);
}

.help-center-cards i.help-center-icon {
    color: #ffffff45 !important;
}

.help-center-cards .card.reporting-hub-dashboard:hover i.help-center-icon {
    color: #e0e0e0 !important;
}

/*#kt_app_content_container {
    margin-top: 20px;
}*/
#kt_app_sidebar_menu_wrapper .menu-title {
    margin-left: 10px;
}

#kt_app_sidebar_menu_wrapper > .menu-sub-indention > .menu-item > .menu-link > .menu-title {
    margin-top: 5px;
}

#kt_app_sidebar_menu_wrapper .menu-link {
    font-size: 15px;
}

.menu-sub-indention .menu-item .menu-item .menu-link.active {
    margin-right: 0px;
}
/*#endregion Dashboard ***** */



/*#region Modal ***** 
-------------------------------------------------------------------------*/
.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}

.modal.show {
    opacity: 1 !important;
}

/*Dashboard Styles*/
.dashboard-container .card {
    border-radius: 1.5rem;
    color: #000;
    box-shadow: 0 .1rem 1rem .25rem rgba(0,0,0,.02) !important;
    transition: box-shadow 0.2s ease-in-out;
}

    .dashboard-container .card:hover {
        /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;*/
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
    }

.dashboard-container-xxl {
    max-width: 1000px;
}

@media (min-width: 1200px) {
    .mb-xl-10 {
        margin-bottom: 2.5rem !important;
    }
}

[data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-wrapper.hide-action-menu {
    margin-top: var(--kt-app-header-height) !important;
}

.bg-dark-blue {
    background-color: #203864 !important;
}


.card.bg-dark-blue .card-body {
    color: var(--kt-text-white);
}

.card.bg-dark-blue .card-header .card-title {
    color: var(--kt-text-white);
}

.help-center-actions .btn {
    border-radius: 18px;
    color: #ffffff;
}

.help-center-actions .card .card-body {
    padding: 0px !important;
}

.app-page-loader {
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #151821;
    height: 100%;
    z-index: 999999 !important;
    top: 0 auto;
    /*position: absolute;*/
    vertical-align: middle;
    width: 100%;
    opacity: 0.95;
}

.loadProgress-bar {
    height: 100%;
    position: relative;
    width: 100%;
    background-color: #151821;
    color: #0073b7 !important;
    font-family: 'Source Sans Pro', 'Segoe UI', Tahoma, Geneva, Verdana !important;
    font-variant: small-caps !important;
}

    .loadProgress-bar img {
        position: absolute;
        left: 0;
        right: 0;
        top: 10%;
        margin: 0 auto;
        height: 60%;
        object-fit: cover;
        background-color: #151821;
        display: inline-flex;
    }

#kt_header_user_side_menu_toggle .menu-sub-dropdown.menu.show,
#kt_header_user_side_menu_toggle .menu-sub-dropdown.show[data-popper-placement],
#kt_header_user_side_menu_toggle .show.menu-dropdown > .menu-sub-dropdown {
    margin-left: 20px !important;
    border-radius: 0px;
}

#kt_header_user_side_menu_toggle .user_sidebar_menu.menu-sub-dropdown.menu.show:after {
    content: '';
    display: block;
    position: absolute;
    top: var(--sentry-user-submenu-indicator-top);
    right: -7px;
    left: -16px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom: 12px solid #030303;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

#kt_header_user_side_menu_toggle .user_sidebar_menu.menu-sub-dropdown.menu .menu-item a,
#kt_header_user_menu_toggle .menu-sub .menu-item a {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}
/*#endregion Model ***** */



/*#region Search Form ***** 
-------------------------------------------------------------------------*/
#quickSearchForm .childSpan {
    color: #ffffff;
}

    #quickSearchForm .childSpan span {
        padding-right: 0px;
    }

#dvQuickSearchresult {
    margin-top: 10px;
}
/*#endregion Search Form ***** */



/*#region W2ui ***** 
-------------------------------------------------------------------------*/
.w2uiGrid-partial {
    height: 340px !important;
    min-height: 340px !important;
    /*max-height: 700px !important;*/
}

.w2uiGrid {
    /*height: 700px !important;*/
    height: calc(75vh - 20px) !important;
    max-height: 98% !important;
    min-height: 98% !important;
    /*    margin-left: -15px;
    margin-right: -15px;*/
    /*box-shadow: 0px 0px 10px 2px rgb(118 118 121 / 24%);*/
}

.w2ui-odd, .w2ui-even {
    height: 50px !important;
}

    .w2ui-odd td, .w2ui-even td {
        font-size: 12px !important;
    }

.w2ui-col-header {
    font-size: 12px !important;
    font-weight: 600;
}

.w2ui-grid .w2ui-grid-body table td {
    border-right: 0px !important;
}

.w2ui-grid-box {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Subgrid font-awesome icon size */
[id^=grid_subgrid] i.fa {
    font-size: 14px !important;
}

/* Subgrid Background color on Expand */
.w2ui-expanded, .w2ui-expanded-row > td.w2ui-grid-data {
    background-color: #CCDCF0 !important;
    border-bottom: 0.5px solid #b4c3d6 !important;
    background-image: linear-gradient(#dae6f3,#c2d5ed);
}

/* Grid "Expand" icon (+) Link padding */
td.w2ui-grid-data.w2ui-col-expand div {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* Expand column style fix */
.w2ui-grid .w2ui-grid-body table .w2ui-col-expand {
    height: 26px;
}
/* w2ui grid on all the listing page - END */

/* File Upload Button Style - STARTS */
.spUploadedFileName {
    line-height: 55px;
}

.w2ui-grid .w2ui-grid-data .alert {
    padding: 6px !important;
    margin-right: 10px !important;
    color: #ffffff !important;
}

.w2ui-grid .w2ui-grid-data .alert-darkgray {
    background-color: #757575 !important;
}

.w2ui-grid .w2ui-grid-data .alert-lightblue {
    background-color: #0288D1 !important;
}

.w2ui-grid .w2ui-grid-data .alert-bluegray {
    background-color: #607D8B !important;
}

.w2ui-grid .w2ui-grid-data .alert-blue {
    background-color: #2962FF !important;
}

.w2ui-grid .w2ui-grid-data .alert-lime {
    background-color: #827717 !important;
}

.w2ui-grid .w2ui-grid-data .alert-brown {
    background-color: #4E342E !important;
}

.w2ui-grid .w2ui-grid-data .alert-teal {
    background-color: #00796B !important;
}

.w2ui-grid .w2ui-grid-data .alert-darkpink {
    background-color: #9C27B0 !important;
}

.w2ui-grid .w2ui-grid-data .alert-yellow {
    background-color: #f0ad4e !important;
    color: #000 !important;
}

.app-container .w2uiGrid {
 /*   margin-left: -20px !important;
    margin-right: -20px !important;*/
}
/* w2ui grid on all the listing page - END */

li.cdx-pullright {
    position: absolute;
    float: right !important;
    margin: 0 auto !important;
    right: 0 !important;
    list-style: none;
    min-width: 200px;
}
/*#endregion W2ui ***** */



/*#region User access drawer ***** 
-------------------------------------------------------------------------*/
#kt_user_access_drawer .card {
    width: 100%;
}

#kt_user_access_drawer .card-header:first-child {
    border-radius: 0;
}

#kt_app_toolbar .cdx-commandBar-item {
    display: inline-block;
}

#kt_app_toolbar #kt_app_toolbar_container ul {
    margin-bottom: 0;
}

li.cdx-pullright {
    right: 10px !important;
}

@media (min-width: 576px) {
    body:not([data-kt-app-toolbar-fixed-mobile=true]) .app-toolbar {
        height: var(--kt-app-toolbar-height);
    }
}

@media (min-width: 576px) {
    body:not([data-kt-app-toolbar-fixed-mobile=true]) .app-toolbar {
        z-index: 99;
        box-shadow: var(--kt-app-toolbar-base-box-shadow-mobile);
        background-color: var(--kt-app-toolbar-base-bg-color-mobile);
        border-top: var(--kt-app-toolbar-base-border-top-mobile);
        border-bottom: var(--kt-app-toolbar-base-border-bottom-mobile);
    }
}

.update-button-bg-color {
    background-color: var(--update-button-bg-color) !important;
}

#kt_help_toggle {
    box-shadow: 0px 0rem 0.5rem 0rem rgb(0 0 0 / 32%) !important;
}

    #kt_help_toggle:hover {
        box-shadow: 0px 0rem 0.5rem 0rem rgb(2 166 255 / 72%) !important;
    }

.transform-270 {
    transform: rotate(270deg);
    transform-origin: right top;
}

.top-35 {
    top: 35% !important;
}

.review-warning-card .card-body {
    padding: 2px 15px 1px 15px !important;
    cursor: pointer;
}

.review-warning-card .card-data-icon i {
    color: rgba(0,0,0,0.15) !important;
}

.review-warning-card .card-data-count {
    font-size: 32px;
    font-weight: bold;
    white-space: nowrap;
    border-right: 3px solid rgba(0,0,0,0.15);
}
/*#endregion User access drawer ***** */



/*#region Common ***** 
-------------------------------------------------------------------------*/
.w2uiGrid span.badge {
    border-radius: 6px !important;
    padding: 2px 6px !important;
    min-width: 40px !important;
}

.sentry-content-header {
}

.w2ui-grid-data .badge {
    font-size: 12px;
    font-weight: 700;
}

#notification-container {
    margin-left: -20px;
    margin-right: -20px;
}

/*#kt_app_content_container .dashboard-container {
    margin-left: 20px;
}*/

@media (max-width: 991.98px) {
    #notification-container {
        margin-left: -10px;
        margin-right: -10px;
    }

    #kt_app_content_container .dashboard-container {
        margin-left: 0px;
    }
}

.badge-green {
    background-color: forestgreen;
}

/* Temporarly Disabled this alert section */
#notification-container {
    /*display: none !important;*/
}

span.reqIndicator {
    position: relative;
    font-size: 0.90em;
    margin: -45px 0 0 0 !important;
    z-index: 10 !important;
    float: right;
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
}

select.input-error + span.select2 span.selection span.select2-selection,
select.input-validation-error + span.select2 span.selection span.select2-selection,
.form-control.input-error {
    border: 1px solid #b94a48 !important;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
}

.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
}

/* WarningPageFilterWrapper */
/*#WarningPageFilterWrapper {
    margin-left: -30px;
    margin-right: 30px;
}*/

#WarningPageFilterWrapper .card .card-body {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/*#endregion Common ***** */



/*#region Colors & Background Colors ***** 
-------------------------------------------------------------------------*/
.border-blue {
    border-color: #3498DB !important;
}

.border-purple {
    border-color: #9B59B6 !important;
}

.border-green {
    border-color: #00a65a !important;
}

.border-aero {
    border-color: #9CC2CB !important;
}

.border-red {
    border-color: #E74C3C !important;
}

.border-dark {
    border-color: #34495E !important;
}

.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C;
}

.bg-grey {
    background: #ececec !important;
    border: 1px solid #ccc !important;
    color: #000;
}

.bg-darkgrey {
    background: #444 !important;
    border: 1px solid #444 !important;
    color: #fff;
}

.bg-green {
    background: #00a65a !important;
    border: 1px solid #00a65a !important;
    color: #fff;
}

.btn-check:active + .btn.bg-green,
.btn-check:checked + .btn.bg-green,
.btn.bg-green.active,
.btn.bg-green.show,
.btn.bg-green:active:not(.btn-active),
.btn.bg-green:focus:not(.btn-active),
.btn.bg-green:hover:not(.btn-active),
.show > .btn.bg-green {
    color: var(--kt-success-inverse);
    border-color: #039954 !important;
    background-color: #039954 !important;
}

.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
}

.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff;
}

.bg-dark-blue {
    background: #175782 !important;
    border: 1px solid #175782 !important;
    color: #fff;
}

.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #000;
}

.bg-dark-orange {
    background: #eb611c !important;
    border: 1px solid #eb611c !important;
    color: #000;
}

.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff;
}

.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #000;
}

.bg-yellow {
    background: #f0ad4e !important;
    border: 1px solid #f0ad4e !important;
    color: #333 !important;
}

.bg-black {
    background: #333 !important;
    border: 1px solid #111 !important;
    color: #fff;
}

.bg-slate {
    background: #34495E !important;
    border: 1px solid #22303d !important;
    color: #fff;
}

.bg-pink {
    background: #ff7bc2 !important;
    border: 1px solid #ff48aa !important;
    color: #000;
}

.bg-mint {
    background: #3eb489 !important;
    border: 1px solid #3eb489 !important;
    color: #fff;
}

.bg-aqua {
    background: #00c0ef !important;
    border: 1px solid #00c0ef !important;
    color: #000;
}

.bg-lime {
    background: #01ff70 !important;
    border: 1px solid #01ff70 !important;
    color: #000;
}

.bg-teal {
    background: #39cccc !important;
    border: 1px solid #39cccc !important;
    color: #000;
}

.bg-dark-teal {
    background: #155353 !important;
    border: 1px solid #155353 !important;
    color: #fff;
}

.bg-olive-drab {
    background: #3f3f00 !important;
    border: 1px solid #3f3f00 !important;
    color: #fff;
}

.bg-maroon {
    background: #880000 !important;
    border: 1px solid #880000 !important;
    color: #fff;
}

.bg-navy {
    background: #001f3f !important;
    border: 1px solid #001f3f !important;
    color: #fff;
}

.blue {
    color: #0073b7 !important;
}

.light-blue {
    color: #3c8dbc !important;
}

.grey {
    color: #999 !important;
}

.red {
    color: #b30000;
}

.dark-red {
    color: #8b0000;
}

.yellow {
    color: #e2de6a !important;
}

.green {
    color: #3cb371 !important;
}

.purple {
    color: #7f38b3 !important;
}

.dark-grey {
    color: #666 !important;
}
/*#endregion Colors & Background Colors ***** */



/*#region Calendar ***** 
-------------------------------------------------------------------------*/
.resultCard {
    min-width: 34px !important;
    max-width: calc(100% - 50px);
    word-wrap: normal;
}

.calendar-header {
    /*    margin: 3%;
    position: relative;*/
}

.calendar-container {
    /*background-color: #000000;*/
    /*border-radius: 7px;*/
    text-align: center;
    /*padding: 2px;*/
    /*    position: absolute;
    top: 29px;
    left: 110px;*/
    padding-top: 1px;
}

.calendar-top {
    color: #000;
    background: #fff;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 0px 2px;
    margin: 9px 5px -4px 5px;
    border: 1px solid #000;
    font-size: 0.750rem;
}

.calendar-body {
    background: #ED7D31;
    padding: 3px 0px 1px 0px;
    line-height: 1;
    text-align: center;
    font-size: 1.75rem;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    border: 2px solid #c05609;
    margin: 2px;
}

.calendar-today {
    background: #ED7D31;
    border: 2px solid #c05609;
}

.calendar-tomorrow {
    background: #FFC000;
    border: 2px solid #BC8C00;
}

.calendar-overdue {
    background: #C00000;
    border: 2px solid #41719C;
}

.calendar-pending {
    background: #6d6d6d;
    border: 2px solid #b5bdd8;
}

.calendar-elements {
    background-color: #000000;
    border-radius: 7px;
    padding: 2px;
}

.calendar-pins .calendar-left-pin,
.calendar-pins .calendar-right-pin {
    height: 7px;
    width: 7px;
    background-color: #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.calendar-pins .calendar-left-pin {
    margin-left: 13px;
}

.calendar-pins .calendar-right-pin {
    margin-right: 13px;
}

/*.calendar-container {*/
/*padding-left: 32px;*/
/*position: relative;
    font-size: 5.5rem;
}

    .calendar-container:before {
        position: absolute;
        font-family: 'FontAwesome';
        top: -30px;
        left: 0px;
        content: "\f133";
    }*/

/*Validation*/
.field-validation-error {
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.925rem;
    color: #f1416c;
}

[hidden] {
    display: none !important;
}
/*#endregion Calendar ***** */



/*#region Tagify Styles ***** 
-------------------------------------------------------------------------*/
/*
    Dashboard Card Styles
*/
.help-center-cards .card {
    background-color: var(--sentry360-default-color);
    color: var(--kt-white);
    /*--sentry360-default-border-color*/
}

.card.sentrydna-info {
    background-color: var(--sentry-dna-color) !important;
    color: var(--kt-white);
}

.card.sentrydna-info {
    background-color: var(--sentry-dna-color) !important;
    color: var(--kt-white);
}

.card.sentryoversight-info {
    background-color: var(--sentry-oversight-color) !important;
    color: var(--kt-white);
}

.card.sentryteam-info {
    background-color: var(--sentry-team-color) !important;
    color: var(--kt-white);
}

.card.sentrypartner-info {
    background-color: var(--sentry-partner-color) !important;
    color: var(--kt-white);
}

.card.reportinghub-info {
    background-color: var(--reporting-hub-color) !important;
    color: var(--kt-white);
}

.card.helpcenter-info {
    background-color: var(--help-center-color) !important;
    color: var(--kt-white);
}

.card.sentryaccess-info {
    background-color: var(--sentry-access-color) !important;
    color: var(--kt-white);
}

.card.sentryadmin-info {
    background-color: var(--sentry-admin-color) !important;
    color: var(--kt-white);
}

.card.sentryanalytics-info {
    background-color: var(--sentry-analytics-color) !important;
    color: var(--kt-white);
}

.card.ctdashboard-info {
    background-color: var(--ctdashboard-color) !important;
    color: var(--kt-white);
}

.card.all-info {
    background-color: var(--all-color) !important;
    color: var(--kt-white);
}

.help-center-cards .card,
.reporting-hub-cards .card {
    border: 1px solid var(--kt-gray-300);
}

.help-center-dashborad .card,
.reporting-hub-cards .card {
    /*    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px !important;*/
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px !important;
}

span.badge.custom-badge,
tag.tagify__tag.custom-badge,
div.tagify__dropdown__item.custom-dropdown-item {
    border-radius: 20px !important;
    font-weight: 500 !important;
    padding: 0.3rem 0.6rem !important;
    margin-bottom: 5px;
}

    tag.tagify__tag.custom-badge:hover,
    .tagify__dropdown__item.custom-dropdown-item:hover {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    }

tag.tagify__tag.custom-badge, div.tagify__dropdown__item, .badge.custom-badge {
    border: 1px solid #c1c1c1;
    background-color: var(--kt-gray-600) !important;
}

    tag.tagify__tag.custom-badge .tagify__tag-text, div.tagify__dropdown__item {
        color: var(--kt-white) !important;
    }

        tag.tagify__tag.custom-badge.sentrydna-info,
        .badge.custom-badge.sentrydna-info,
        div.tagify__dropdown__item.sentrydna-info {
            border: 1px solid var(--sentry-dna-border-color);
            background-color: var(--sentry-dna-color) !important;
        }

        tag.tagify__tag.custom-badge.sentryoversight-info,
        .badge.custom-badge.sentryoversight-info,
        div.tagify__dropdown__item.sentryoversight-info {
            border: 1px solid var(--sentry-oversight-border-color);
            background-color: var(--sentry-oversight-color) !important;
        }

        tag.tagify__tag.custom-badge.sentryteam-info,
        .badge.custom-badge.sentryteam-info,
        div.tagify__dropdown__item.sentryteam-info {
            border: 1px solid var(--sentry-team-border-color);
            background-color: var(--sentry-team-color) !important;
        }

        tag.tagify__tag.custom-badge.sentrypartner-info,
        .badge.custom-badge.sentrypartner-info,
        div.tagify__dropdown__item.sentrypartner-info {
            border: 1px solid var(--sentry-partner-border-color);
            background-color: var(--sentry-partner-color) !important;
        }

        tag.tagify__tag.custom-badge.reportinghub-info,
        .badge.custom-badge.reportinghub-info,
        div.tagify__dropdown__item.reportinghub-info {
            border: 1px solid var(--reporting-hub-border-color);
            background-color: var(--reporting-hub-color) !important;
        }

        tag.tagify__tag.custom-badge.helpcenter-info,
        .badge.custom-badge.helpcenter-info,
        div.tagify__dropdown__item.helpcenter-info {
            border: 1px solid var(--help-center-border-color);
            background-color: var(--help-center-color) !important;
        }

        tag.tagify__tag.custom-badge.sentryaccess-info,
        .badge.custom-badge.sentryaccess-info,
        div.tagify__dropdown__item.sentryaccess-info {
            border: 1px solid var(--sentry-access-border-color);
            background-color: var(--sentry-access-color) !important;
        }

        tag.tagify__tag.custom-badge.sentryadmin-info,
        .badge.custom-badge.sentryadmin-info,
        div.tagify__dropdown__item.sentryadmin-info {
            border: 1px solid var(--sentry-admin-border-color);
            background-color: var(--sentry-admin-color) !important;
        }

        tag.tagify__tag.custom-badge.sentryanalytics-info,
        .badge.custom-badge.sentryanalytics-info,
        div.tagify__dropdown__item.sentryanalytics-info {
            border: 1px solid var(--sentry-analytics-border-color);
            background-color: var(--sentry-analytics-color) !important;
        }

        tag.tagify__tag.custom-badge.ctdashboard-info,
        .badge.custom-badge.ctdashboard-info,
        div.tagify__dropdown__item.ctdashboard-info {
            border: 1px solid var(--ctdashboard-border-color);
            background-color: var(--ctdashboard-color) !important;
        }

        tag.tagify__tag.custom-badge.all-info,
        .badge.custom-badge.all-info,
        div.tagify__dropdown__item.all-info {
            border: 1px solid var(--all-border-color);
            background-color: var(--all-color) !important;
        }
        div.tagify__dropdown__item.all-info {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }

            .w2uiGrid .custom-badge {
                border: 1px solid var(--sentry360-default-border-color);
                background-color: var(--sentry360-default-color);
                margin: 3px 0px;
            }

/*Tag Styles: Start*/
tag.custom-badge.tagify__tag > div::before {
    inset: unset !important;
}

.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag.custom-badge .tagify__tag-text {
    font-size: 1rem;
}

tag.custom-badge.tagify__tag {
    padding: 0.4rem 0.4rem !important;
}

/*Tag Remove Button*/
.tagify .tagify__tag.custom-badge .tagify__tag__removeBtn {
    background-color: var(--kt-white) !important;
}

    .tagify .tagify__tag.custom-badge .tagify__tag__removeBtn:hover {
        color: #fff;
        background: var(--kt-danger-active) !important;
    }

.tagify .tagify__dropdown__item {
    transition: transform 1s 0s;
}

.tagify__dropdown__item.custom-dropdown-item {
    display: inline-block;
    vertical-align: middle;
}

.tagify__dropdown__item--hidden.custom-dropdown-item {
    transform: translateY(-100%) !important;
    opacity: 0;
    transition: var(--tagify-dd-item--hidden-duration, .1s) !important
}
/*#endregion Tagify Styles ***** */



/*#region General Updates ***** 
-------------------------------------------------------------------------*/
.sentry360-breadcrumb .breadcrumb li a {
    color: var(--kt-white) !important;
}

    .sentry360-breadcrumb.breadcrumb li a:hover {
        color: var(--kt-primary-active) !important;
    }

.sentry360-breadcrumb .breadcrumb li i {
    margin-bottom: 7px !important;
}


.sentry360-breadcrumb .breadcrumb li a:hover i,
.sentry360-breadcrumb .breadcrumb li a:hover {
    color: #89f3ff !important;
} 

#notification-container div.alert {
    padding: 0 !important;
    line-height: 0 !important;
}

    #notification-container div.alert a {
        width: 100%;
        text-align: left;
        margin: 0 !important;
        vertical-align: middle;
        padding: 10px 10px !important;
        font-weight: 400 !important;
    }

#notification-container div.alert {
    font-size: 1.7em !important;
}

    #notification-container div.alert
    .sentry360-notification-info-icon i {
        vertical-align: -0.1875em !important;
        margin-right: 6px !important;
    }

.sentry360-notification-info-icon i {
    font-size: 1.6em;
}

.w2ui-grid-data i.fa-default-icon {
    color: #585858 !important;
    font-size: 2.3em !important;
}

#kt_help_toggle span {
    /*transform: rotate(90deg);*/
    top: 0;
    background-color: #014496 !important;
}

.update-notification-links .update-notification-icon i {
    font-size: 4em;
    line-height: .03125em;
    vertical-align: -0.1875em;
}

.modal.sentry360-info-modal {
    /*z-index: 1100 !important;*/
}

.mw-md-285px {
    max-width: 285px !important;
}

#OfflineNotification {
    padding: 30px;
    border: 1px solid #7ca3c0;
    margin: 20px 5px;
    background: #ffff;
    border-radius: 10px;
    color: #2c72a5 !important;
}

    #OfflineNotification h4 {
        color: #2c72a5 !important;
    }

/* Notification Drawer */
#kt_help > .card .card-body {
    padding: 0;
}

#kt_help .update-notification-links {
    padding: 4px 15px;
}

.tblContainer thead {
    border-color: var(--kt-info) !important;
    /*background-color: var(--kt-info) !important;*/
    background-color: #818e9d !important;
}

th.header {
    position: sticky;
    top: 0;
    color: var(--kt-info-inverse) !important;
}

.tblContainer {
    width: 100%;
    height: calc(80vh - 100px);
    overflow: auto;
}

#HelpCenterReOrderModal .modal-dialog {
    width: calc(70% - 50px) !important;
    height: calc(100vh - 50px) !important;
}

#ApplicationContentReOrderModal .modal-dialog {
    width: calc(80% - 50px) !important;
    height: calc(100vh - 50px) !important;
}

#HelpCenterReOrderModal .modal-content,
#ApplicationContentReOrderModal .modal-content {
    width: 100%;
    /*height: 90%;*/
}

tr.ui-sortable-helper {
    background-color: #f00 !important;
}

/*.table-fixed {
    background-color: #fbfbfb;
    width: 100%;
}
    .table-fixed tbody {
        height: 500px;
        overflow-y: auto;
        width: 100%;
    }
    .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
        display: block;
    }
        .table-fixed tbody td {
            float: left;
        }
        .table-fixed thead tr th {
            background-color: #159bd0;
            border-color: #0881b1;
            float: left;
            color: #fff;
        }*/

#impersonateModal .modal-lg {
    width: calc(80% - 100px) !important;
}

@media screen and (min-width: 992px) {
    #impersonateModal .modal-lg {
        width: calc(80% - 100px) !important;
    }

    .sentry360-notification-info-icon i {
        font-size: 2.4em;
    }
}


@media screen and (min-width: 1200px) {
    #impersonateModal .modal-lg {
        width: calc(60% - 100px) !important;
    }
}

@media screen and (min-width: 1400px) {
    #impersonateModal .modal-lg {
        width: calc(40% - 100px) !important;
    }
}

/* Sentry360 */
.image-input-outline .btn-upload {
    border: 0.5px solid #e1e1e1 !important;
}

    .image-input-outline .btn-upload:hover {
        border: 0.5px solid var(--kt-text-primary) !important;
    }

.image-input-outline .btn-upload-cancel {
    border: 0.5px solid #b9bcca !important;
}

    .image-input-outline .btn-upload-cancel:hover {
        border: 0.5px solid var(--kt-text-danger) !important;
    }

        .image-input-outline .btn-upload-cancel:hover i {
            color: var(--kt-text-danger) !important;
        }
/*Loan Search Result*/
.loan-search-result {
    z-index: 1100;
}

    .loan-search-result .card {
        position: absolute;
        z-index: inherit;
        width: 95%;
        box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px !important;
    }

    .loan-search-result .card-body {
        padding: 0;
        /*border: 1px solid rgb(0 0 0 / 5%);*/
        border-radius: inherit;
    }

    .loan-search-result .no-loannumbers
     {
        padding: 10px !important;
        position: relative;
        display: block;
        padding: 0.5rem 1rem;
        text-decoration: none;
        background-color: #F9F9F9;
        color: #181C32;
        border: 1px solid rgb(0 0 0 / 5%);
        border-bottom-color: rgb(0 0 0 / 5%);
        border-radius: inherit;
    }
        .loan-search-result .no-loannumbers:hover {
            transition: color 0.2s ease;
            border-style: dashed;
            border-width: 1px;
        }

        .loan-search-result .no-loannumbers:hover {            
            color: var(--bs-info);
            background-color: #f8f5ff !important;
            border-color: #7239ea;
        }

            .loan-search-result .warning-loannumbers {
                padding: 10px;
            }

            .loan-search-result .card-loannumbers {
                padding: 10px !important;
                position: relative;
                display: block;
                padding: 0.5rem 1rem;
                color: #212529;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid rgb(0 0 0 / 5%);
                border-bottom-color: rgb(0 0 0 / 5%);
                border-top-color: transparent;
                border-left-color: transparent;
                border-right-color: transparent;
                cursor: pointer;
            }

        .loan-search-result .card-loannumbers:hover {
            transition: color 0.2s ease;
            color: var(--bs-primary);
            background-color: #f1faff !important;
            border-style: dashed;
            border-width: 1px;
            border-color: #009ef7;
        }

    .loan-search-result .card-loannumbers:first-child {
        border-top-right-radius: inherit;
        border-top-left-radius: inherit;
    }

        .loan-search-result .card-loannumbers:last-child {
            border-bottom-right-radius: inherit;
            border-bottom-left-radius: inherit;
        }

.alert-container .alert-success span i {
    color: #00a65a !important
}

.alert-container .alert-warning span i {
    color: #ffc700 !important
}

.alert-container .alert-danger span i {
    color: #f1416c !important
}

.alert-container .padright4 {
    padding-right: 6px;
}
/*#endregion General Updates ***** */



/*#region => Context Menu ***** 
-------------------------------------------------------------------------*/
.context-menu-root {
    width: 270px;
    /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    font-family: open sans,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: none;
}

    .context-menu-root li.context-menu-item {
        padding: 0.8em 1em 0.8em 3em;
        cursor: pointer;
        color: #3f4d67;
        margin-top: 1px;
        margin-bottom: 1px;
    }

        .context-menu-root li.context-menu-item:hover {
            color: #1dc4e9;
            text-decoration: none;
            background-color: #f8f8f8;
        }

        .context-menu-root li.context-menu-item span {
            font-weight: 400;
            color: #3f4d67;
        }

        .context-menu-root li.context-menu-item:hover span {
            color: #1dc4e9;
        }

    .context-menu-root .fa-classic,
    .context-menu-root .fa-light,
    .context-menu-root .fa-regular,
    .context-menu-root .fa-solid,
    .context-menu-root .fa-thin,
    .context-menu-root .fal,
    .context-menu-root .far,
    .context-menu-root .fas,
    .context-menu-root .fat {
        font-family: "Font Awesome 5" !important;
    }

.context-menu-icon.context-menu-icon--fa::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    width: 3em;
    color: #0b5ed7;
}

.context-menu-icon.context-menu-icon--fa.fa-wpforms::before {
    font-family: "Font Awesome 6 Brands";
}

    .context-menu-icon.context-menu-icon--fa.context-menu-hover::before {
        color: #0b5ed7 !important;
    }

ul.context-menu-root li.context-menu-icon span {
    font-family: open sans,sans-serif !important;
    font-size: 14px;
    /*color: #888;*/
    font-weight: 400;
}

.context-menu-root li.context-menu-item.context-menu-disabled {
    cursor: not-allowed;
    color: #bbb;
}

    .context-menu-root li.context-menu-item.context-menu-disabled:hover {
        background-color: #ffffff;
    }

ul.context-menu-root .context-menu-icon.context-menu-disabled span {
    color: #bbb;
}
/*#endregion  => Context Menu ***** */


/*#region => Queue Management ***** 
-------------------------------------------------------------------------*/
.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.sentry-tree-header {
    width: 100% !important;
    margin: 0 !important;
    padding: 5px !important;
    border-radius: 10px 10px 0 0;
}

.sentry-team-tree-header {
    background-color: #3c5069 !important;
    border: 1px solid #31445b;
}

.sentry-partner-tree-header {
    background-color: #00695c !important;
    border: 1px solid #0c5c52;
}

.sentry-team-tree-header span, .sentry-partner-tree-header span {
    color: #fff !important;
}

table.fancytree-container thead tr th {
    border: 1px solid #EDEDED;
}

table.fancytree-container thead tr {
    border: 1px solid #EDEDED;
    background-color: #009ef7;
    color: #ffffff;
}

/*.bgColor-ClientObligations {
    color: #fff;
    background-color: #00695c !important;
}

.bg-ClientObligations {
    color: #fff;
    background-color: #00695c !important;
    min-height: 175px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    cursor: pointer;
}

.bgColor-MgmtControls {
    color: #fff;
    background-color: #3c5069 !important;
}*/
.hidden {
    display: none !important;
}
/*#endregion*/



/*#region => Sentry360 Admin Dashboard *****
-------------------------------------------------------------------------*/
#s360-admin-dashboard .s360-card > .card-body {
    padding: 0px 3px !important;
}

#s360-admin-dashboard .s360-card .card .card-body {
    background: rgba(255, 255, 255, 0.192);
    backdrop-filter: blur(40px);
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    padding: 10px !important;
}

#s360-admin-dashboard .card.bg-success, #s360-admin-dashboard .card.bg-success .card-header .card-title,
#s360-admin-dashboard .card.bg-danger, #s360-admin-dashboard .card.bg-danger .card-header .card-title,
#s360-admin-dashboard .card.bg-warning, #s360-admin-dashboard .card.bg-warning .card-header .card-title,
#s360-admin-dashboard .card.bg-info, #s360-admin-dashboard .card.bg-info .card-header .card-title,
#s360-admin-dashboard .card.bg-primary, #s360-admin-dashboard .card.bg-primary .card-header .card-title {
    color: #fff;
}

#s360-admin-dashboard .dashboard-container {
    /*margin-left: 0px !important;*/
}

#s360-admin-dashboard .s360-card > .card-body span {
    z-index: 100;
}


.small-box {
    /*border-radius: 0.25rem;*/
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    display: block;
    /*margin-bottom: 20px;*/
    position: absolute;
    right: 0;
    z-index: 1;
}

    .small-box > .inner {
        padding: 10px;
    }

    .small-box h4 {
        font-size: 2.2rem;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 0;
        white-space: nowrap;
    }

@media (min-width: 992px) {
    .col-lg-2 .small-box h4,
    .col-md-2 .small-box h4,
    .col-xl-2 .small-box h4 {
        font-size: 1.6rem;
    }

    .col-lg-3 .small-box h4,
    .col-md-3 .small-box h4,
    .col-xl-3 .small-box h4 {
        font-size: 1.6rem;
    }
}

@media (min-width: 1200px) {
    .col-lg-2 .small-box h4,
    .col-md-2 .small-box h4,
    .col-xl-2 .small-box h4 {
        font-size: 2.2rem;
    }

    .col-lg-3 .small-box h4,
    .col-md-3 .small-box h4,
    .col-xl-3 .small-box h4 {
        font-size: 2.2rem;
    }
}

.small-box p {
    font-size: 1rem;
}

    .small-box p > small {
        color: #f8f9fa;
        display: block;
        font-size: 0.9rem;
        margin-top: 5px;
    }

.small-box h4,
.small-box p {
    z-index: 5;
    color: #e3e3e3;
}

.small-box .icon {
    color: rgba(0, 0, 0, 0.15) !important;
    z-index: 0;
}

    .small-box .icon > i {
        font-size: 90px;
        position: absolute; /*Main change here*/
        right: 15px;
        top: 15px;
        transition: all 0.3s linear;
        color: rgba(0, 0, 0, 0.15) !important;
    }

        .small-box .icon > i.fa,
        .small-box .icon > i.fab,
        .small-box .icon > i.far,
        .small-box .icon > i.fas,
        .small-box .icon > i.glyphicon,
        .small-box .icon > i.ion {
            line-height: 1; /*Main change here*/
            font-size: 70px;
            top: 0px;
        }

.small-box:hover {
    text-decoration: none;
}

    .small-box:hover .icon > i {
        font-size: 95px;
    }

        .small-box:hover .icon > i.fa,
        .small-box:hover .icon > i.fab,
        .small-box:hover .icon > i.far,
        .small-box:hover .icon > i.fas,
        .small-box:hover .icon > i.glyphicon,
        .small-box:hover .icon > i.ion {
            font-size: 75px;
        }

*::before,
*::after {
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    .small-box {
        text-align: center;
    }

        .small-box .icon {
            display: none;
        }

        .small-box p {
            font-size: 12px;
        }
}
/*#endregion*/


/*#region => Sentry360 Admin Dashboard *****
-------------------------------------------------------------------------*/
.card-tab-container .card-header {
    padding-left: 0px !important;
    min-height: 52px;
}

.card-tab-container .card-toolbar a.nav-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;

    line-height: 0px;
}
.card-tab-container .card-toolbar ul li:not(:first-child) a.nav-link {
    border-radius: 0 !important;
}

.card-tab-container .card-toolbar ul li:first-child a.nav-link {
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.w2uiGrid .w2ui-grid-records .badge.bg-red,
.w2uiGrid .w2ui-grid-records .badge.bg-orange {
    color: #ffffff;
    text-align: center !important;
    display: inline-block;
}

.filter-ribben {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 400px;
}

.card-body-container {
    width: 100%;
    border-radius: 5px;
}

    .card-body-container .card-count {
        border-right: 2px solid #e3e3e3;
        padding: 3px 12px 3px 3px;
        display: inline-block;
        margin: 12px 0;
    }

    .card-body-container .small-box {
        position: static;
    }

    .card-body-container i.fa {
        font-size: 3em !important;
        margin-top: 9px;
        color: rgba(0, 0, 0, 0.15) !important;
    }

    .card-body-container:hover i.fa {
        color: rgba(0, 0, 0, 0.15) !important;
    }

    /*bg-default*/
    .card-body-container.bg-default-card {
        color: #565656;
        background-color: #cdd1e0;
    }

        .card-body-container.bg-default-card i.fa {
            color: rgba(0, 0, 0, 0.15);
        }

        .card-body-container.bg-default-card:hover {
            background-color: #d1d9e8;
            transform: translateY(-2.5%);
            transition: transform 0.3s ease;
        }
    /*                .card-body-container.bg-default-card:hover .card-count {
                    border-color: #a9b0b6;
                }*/

    /*Card Styles*/
    .card-body-container.bg-success,
    .card-body-container.bg-warning,
    .card-body-container.bg-orange-warning,
    .card-body-container.bg-danger,
    .card-body-container.bg-primary {
        color: #ffffff;
    }

    .card-body-container.bg-orange-warning {
        background-color: #ff7800 !important;
    }
/*#endregion*/



/*#region => Sub Button Group *****
-------------------------------------------------------------------------*/
.sub-action-button ul.dropdown-menu {
    width: 100%;
}

#kt_app_content_container .sub-action-button ul.dropdown-menu a i.fa {
    color: #000;
}

.form-label-sm {
    font-size: 0.95em;
    font-style: italic;
    display: block;
}

#kt_app_content_container .form-label-sm i.fa {
    color: #000 !important;
}
/*#endregion*/


/*#region => Task *****
-------------------------------------------------------------------------*/
.sidenav {
    top: 70px !important;
    background-color: #fff !important;
}

    .sidenav a {
        color: #888;
    }

.bg-control {
    background-color: #3c5069 !important;
}

.bg-obligation {
    background-color: #00695c !important;
}

span.badge.searchResultsToWork {
    cursor: pointer;
    padding: 8px 14px !important;
    width: auto !important;
    font-size: 16px !important;
    margin-right: 17px;
}


/*Cron Expression*/
#example1-resultText::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
}

#example1-resultText::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
}

#example1-resultText:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
}

#example1-resultText:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
}
/*#endregion*/


/*#region => Intake Request *****
-------------------------------------------------------------------------*/
.control-label-sm {
    font-size: 0.95em !important;
    font-style: italic !important;
}

#tabList.nav-tabs > li > a {
    padding: 10px 15px !important;
    position: relative !important;
}

.intake-process-wizard .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: inherit !important;
}

.card-bordered {
    border: 1px solid #e4e4e4 !important;
}

    .card-bordered .card-header {
        border-bottom: 1px solid #e4e4e4 !important;
    }

.form-control:disabled, 
.form-control[readonly] {
    color: var(--kt-input-disabled-color);
    background-color: var(--kt-input-disabled-bg);
    border-color: var(--kt-input-disabled-border-color);
}

a.badge.badgelargecontent {
    border-radius: 3px !important;
    padding: 5px 10px !important;
    min-width: 100px !important;
    line-height: 15px;
}
/*#endregion*/


/*#region => Task DataImporter Wizard *****
-------------------------------------------------------------------------*/
#taskDataImporterSmartWizard {

}

    #taskDataImporterSmartWizard li > a i {
        color: #9E9E9E !important;
    }

    #taskDataImporterSmartWizard.sw-theme-dots > ul.step-anchor > li.notactivated > a {
        color: #9E9E9E !important;
    }

    #taskDataImporterSmartWizard.sw-theme-dots > ul.step-anchor > li {
        width: calc(25% - 40px) !important;
        display: inline-block !important;
    }


.sw-theme-dots > ul.step-anchor:before {
    height: 2px !important;
}

#taskDataImporterSmartWizard li.done > a i {
    color: #5cb85c !important;
}

.sw-theme-dots > ul.step-anchor > li > a {
    margin-top: -3px !important;
    width: 25px !important;
    height: 25px !important;
    padding: 0px !important;
}

.sw-theme-dots > ul.step-anchor > li.active > a {
    width: 30px;
    height: 30px;
}

#taskDataImporterSmartWizard.sw-theme-dots > ul.step-anchor > li {
    height: 1px !important;
}

.sw-theme-dots > ul.step-anchor > li.done > a .fa:before,
.sw-theme-dots > ul.step-anchor > li.notactivated > a .fa:before,
.sw-theme-dots > ul.step-anchor > li.active > a .fa:before {
    top: -2px !important;
    right: 0px !important;
}

.sw-theme-dots > ul.step-anchor > li.done > a:hover {
    background: #fc5a5a !important;
}

.sw-theme-dots > ul.step-anchor > li > a {
    top: -9px !important;
}

.sw-theme-dots > ul.step-anchor > li.active > a .fa-circle:before {
    content: "\f111";
    top: -10px;
    right: 13px;
    position: relative;
    background: none !important;
    font-size: 29px !important;
}

#taskDataImporterSmartWizard li.active > a i {
    color: #000000 !important;
}

.sw-theme-dots > ul.step-anchor > li.active > a:after {
    top: 6px !important;
    left: 7px !important;
    width: 12px !important;
    height: 12px !important;
}
.errdisplay {
    display: none !important;
}

#taskDataImporterSmartWizard .btn-finish {
    border-radius: 0 0.475rem 0.475rem 0 !important;
}
.w2ui-grid-data span.badge {
    text-align: center;
    display: inline-block;
}
#task_instance_drawer > .card > .card-header {
    background-color: var(--kt-gray-400) !important;
}


pre {
    /*white-space: normal;*/
    box-shadow: none;
    border-radius: 0.625rem;
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#importWarningMsg .fa-info-circle {
    color: #080707;
}

.ck-editor__editable {
    min-height: 150px;
}

/*** VALIDATION ERROR BORDER */
.input-error,
.input-validation-error {
    border: 2px solid #b94a48 !important;
}

textarea.input-error,
textarea.input-validation-error {
    border: 2px solid #b94a48 !important;
}

select.input-error + span.select2,
select.input-validation-error + span.select2 {
    border: 2px solid #b94a48 !important;
}

span.reqIndicator, span.invalidIndicator {
    position: relative;
    font-size: 0.90em;
    margin: -35px 0 0 0 !important;
    z-index: 10000 !important;
    float: right;
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
}
/*#endregion*/