@import url('https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap');

body {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500; /* Medium weight */
    color: #014751;
    font-size: 14px;
    background-color: #F8FBFF;
    overflow: hidden; /* Prevent body scroll */
    /*    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #036*/
}

a {
    color: #014751 !important;
    font-size: 14px;
    font-style: normal;
    /*    font-weight: 600;*/
    line-height: 22px;
    text-decoration: none !important;
    cursor: pointer;
}

/*    a:hover {
        color: #c49659;
        text-decoration: none;
        font-weight: bold
    }*/

h1 {
    font-size: 1.125rem;
    margin: 0;
    padding: 0
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.login-box {
    padding: 1rem 2rem;
    margin: 1rem 2rem;
}

.form-label {
    font-size: 14px;
    font-weight: 500;
}

.form-check-label {
    font-size: 12px;
}

.form-check > span {
    display: contents;
    removes span layout effect
}

.form-check-input input[type="checkbox"] {
    margin-top: 0.25rem;
    margin-right: 0.5rem;
}

.terms-link {
    color: #00C896;
    font-weight: 600;
    text-decoration: none;
}

    .terms-link:hover {
        text-decoration: underline;
    }

.required {
    color: red;
    margin-left: 2px;
}

.login-btn {
    background-color: #00464f;
    border: none;
    padding: 10px;
    font-size: 16px;
    border-radius: 10px;
    color: white;
    font-weight: 600;
    width: 100%;
}

    .login-btn:hover {
        background-color: #003B49;
    }

.support-text {
    font-size: 12px;
    margin-top: 20px;
    color: #000;
}

    .support-text a {
        color: #00C896;
        font-weight: 500;
        text-decoration: none;
    }

        .support-text a:hover {
            text-decoration: underline;
        }

.forgot-link {
    color: #014751;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
    cursor: pointer;
}

body.modal-bg {
    background: #014751 !important;
}

.modal-backdrop.show {
    opacity: 1 !important;
    background: #014751;
}

.modal-content {
    border-radius: 25px;
    background: #F8FBFF;
    color: #014751;
    margin: auto;
}

/*    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.clear {
    clear: both
}

body.login_page {
    background: #F8FBFF;
    color: #014751;
    font-size: 12px;
    padding: 0 1.125rem
}

.login_page h1 {
    /*    color: #00D37F;
    font-size: 1rem;
    margin: 0 0 0.5rem;
    padding: 0*/
    height: 41px;
    color: #014751;
    text-align: center;
    font-size: 31px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.login_page .iverify {
    width: 191.051px;
    height: 80px;
    flex-shrink: 0;
    color: #00D37F;
    opacity: 79%;
    text-align: center;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.login_container {
    /*background-color: #ffffff;
    padding: 2rem;
    border-radius: 12px;*/
    /*    max-width: 400px;*/
    /*width: 48rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin: 7rem auto;*/
    margin: 2rem auto;
    width: 878px;
    /*    height: 551px;*/
    height: 70%;
    flex-shrink: 0;
    border-radius: 25px;
    background: #ffffff;
    justify-content: start;
}

.login_container_main {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 1rem;
    width: 100%
}

.login_container * {
    box-sizing: border-box
}

.login_left {
    width: 40%;
    padding: 1rem
}

.login_logo_anchor {
    z-index: 10;
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    margin-left: -.75rem
}

.login_left a#ctl00_cphMain_lbtnForgotPassword {
    font-weight: bold;
    position: absolute !important;
    top: 1.875rem;
    right: 7rem
}

.login_left a#ctl00_cphMain_lbtnForgotPassword1 {
    font-weight: bold;
    position: absolute;
    top: 30px;
    right: -230px
}

.login_left a#ctl00_cphMain_lbtnForgotPassword2 {
    font-weight: bold;
    position: absolute;
    top: 30px;
    right: -230px
}

.login_left .login_logo {
    float: left;
    margin: 0;
    padding: 0
}

.login_left .form {
    padding: 1rem;
    margin-top: .375rem;
    border-radius: .5rem;
    background: linear-gradient(to bottom, #efefef, #eeee)
}

    .login_left .form:after {
        content: ' ';
        display: block;
        clear: both
    }

.login_right {
    width: 60%;
    padding: 6rem 1rem 1rem 3.5rem;
}

    .login_right a.home {
        position: absolute;
        top: 1.875rem;
        right: 2rem
    }


    .login_right:before,
    .login_left:before {
        content: ' ';
        display: block;
        position: absolute;
        top: 3.75rem;
        left: 0;
        right: 0;
        border-bottom: 3px solid #ba7f31;
        z-index: 0
    }

    .login_right:after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
        background: url('/App_Themes/IVerify/images/RAI-sg-light-blue.png?v2') bottom right no-repeat;
        background-size: contain;
        height: 8rem;
        width: 25rem;
    }

.login_message {
    >span

{
    font-size: .875rem !important;
}

}

.eye_icon {
    font-size: 1rem;
    cursor: pointer;
}

body.login_page .footer {
    color: #014751;
    background: transparent;
    /*    margin-left: 20rem;*/
    margin: 0 auto;
    width: 878px;
}

.login_container_main:before,
.login_container_main:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: .5rem .5rem 0 0
}

.login_container_main:before {
    background: repeating-linear-gradient(135deg, #0d3366 0 2px, #00274e 2px 4px)
}

.login_container_main:after {
    background: linear-gradient(to bottom, transparent 0, #0d3366 6rem)
}

.login_page label {
    display: inline-block;
    width: 30%;
    color: #036;
    font-weight: bold;
    text-align: right;
    padding-right: .25rem;
    font-size: .75rem
}

    .login_page label.chkTerms {
        width: 90%;
    }

.login_page input {
    /*    width: 68%;
    background: #fff;
    border: 1px solid #999;
    margin: .125rem 0*/
    /*        width: 375px;*/
    width: 400px;
    padding: 10px 16px;
    font-size: 12px;
    align-items: center;
    gap: 8px;
    border-radius: var(--Roundness-Round-Inside, 6px);
    border: 1px solid #014751;
    background: var(--Background-Light-Base-Main, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    color: #014751;
}
    .login_page input::placeholder {
        color: #014751;
    }

    .login_page input:focus {
        color: #014751;
        border: 1px solid #014751;
        box-shadow: 0 0 2px #014751;
    }

    .login_page input:-webkit-autofill {
        background-color: white !important; /* Set to white or any desired color */
        -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
        box-shadow: 0 0 0px 1000px white inset !important;
        -webkit-text-fill-color: #014751;
        transition: background-color 5000s ease-in-out 0s;
    }

    /* optional: keep color consistent when focused after autofill */
    .login_page input:-webkit-autofill:focus {
        -webkit-text-fill-color: #014751;
        box-shadow: 0 0 0px 1000px white inset !important;
    }

    .login_page input.security_submit,
    .login_page input.security_submit2,
    .login_page input.login_submit {
        /*        width: 79px;
        display: inline-block;
        margin: .5rem .25rem 0;
        float: right;*/
        background-color: #00464f;
        border: none;
        padding: 10px;
        font-size: 16px;
        border-radius: 10px;
        color: white;
        font-weight: 600;
        width: 100%;
    }

.login_page input[type = "checkbox"] {
    height: 20px;
    width: 20px;
}

        .login_page input[type="checkbox"]:checked {
            accent-color: #014751;
        }
/*            .login_page input[type="checkbox"]:checked:hover {
                accent-color: #014751;
            }*/

.login_page .dropdown {
    padding-top: 8px;
    padding-bottom: 4px
}

.login_page .green_text {
    color: #00D37F !important;
}

.security_page input.login-submit-natural,
input.login-submit-natural {
    width: auto;
    float: none;
    display: inline-block
}

.verify-security-image {
    height: 85px;
    border: 2px solid #0f3f6f !important
}

.newuser-verify-questions .dropdown {
    padding: 0 0 2px
}

.newuser-verify-questions input[type=text] {
    width: 195px
}

.newuser-verify-questions select {
    width: 200px
}

.newuser-error-holder {
    border-radius: 8px;
    position: absolute;
    z-index: 1000;
    left: 34px
}

.newuser-login-error-messages {
    position: absolute;
    background: white;
    left: 40px;
    top: 22px;
    width: 300px;
    border-radius: 8px
}

.newuser-error-holder span {
    padding: 3px;
    display: inline-block;
    background: #036
}

.newuser-login-error-messages span {
    padding: 4px;
    display: inline-block
}

.newuser-verify-questions {
    width: 210px;
    padding: 6px 0 3px 7px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #ccc;
    background: -moz-linear-gradient(#efefef, #bbb 80%);
    background: -webkit-linear-gradient(#efefef, #bbb 80%);
    background: linear-gradient(#efefef, #bbb 80%)
}

.new-user-verify-container {
    position: relative
}

.newuser-security-r {
    height: 240px !important;
    overflow: initial !important
}

.new-user-security-image {
    width: 114px;
    float: left
}

.new-user-security-img-holder {
    width: 108px;
    position: relative;
    margin-bottom: 5px
}

.new-user-security-image img {
    width: 100%;
    height: auto
}

.newuser-security-img-btn {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 0;
    width: 100%
}

    .newuser-security-img-btn label {
        width: 100% !important;
        cursor: pointer;
        height: 100%;
        text-align: left !important;
        color: transparent !important
    }

    .newuser-security-img-btn input[type=radio] {
        position: absolute;
        right: 0;
        bottom: 0
    }

.cpwdiv input[type="submit"] {
    margin-left: 30%;
    margin-top: 0.5rem;
}

.cpwdiv label {
    color: #c8daee;
}

.updated-pswd-text {
    font-size: 1rem !important;
}

.login_container input[type=submit] {
    /*    cursor: pointer;
    appearance: none;
    color: white;
    border: 0;
    background: linear-gradient(to bottom, #DF9029 45%, #B57119 50%, #DF9029);
    border-radius: 0.1375rem;
    width: auto;
    padding: 0.125rem 1rem;
    font-size: 11px;
    font-weight: bold;*/
    width: 400px;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid #014751;
    background: #014751;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

    .login_container input[type=submit].pswd-cancel-btn {
        width: 12rem;
        background: transparent;
        color: #014751;
    }

    .login_container input[type=submit].pswd-confirm-btn {
        width: 12rem;
    }

    .login_container input[type=submit].disabled,
    .login_container input[type=submit][disabled] {
        cursor: not-allowed;
        opacity: 0.6; /* Makes the button visually appear disabled */
        /*pointer-events: none !important;*/ /* Prevents interaction */
    }

}
/*.login_container input[type=submit][disabled] {
        cursor: not-allowed !important;
        opacity: 0.6;*/ /* Optional: Makes the button visually appear disabled */
/*pointer-events: none;
    }*/
.clear {
    clear: both
}

body.security_page {
    background: #eaeff5 url(/App_Themes/IVerify/images/bkgrd.gif) top left repeat-x;
    color: white;
    font-size: 12px
}

.security_page h1 {
    color: white;
    font-size: 14px;
    margin: 0;
    padding: 0
}

.security_container {
    margin: 83px auto;
    margin-bottom: 0;
    width: 650px
}

.security_left {
    width: 305px;
    float: left;
    position: relative
}

    .security_left a#ctl00_cphMain_lbtnForgotPassword {
        font-weight: bold;
        position: absolute;
        top: 30px;
        right: -230px
    }

    .security_left a#ctl00_cphMain_lbtnForgotPassword1 {
        font-weight: bold;
        position: absolute;
        top: 30px;
        right: -230px
    }

    .security_left a#ctl00_cphMain_lbtnForgotPassword2 {
        font-weight: bold;
        position: absolute;
        top: 30px;
        right: -230px
    }

    .security_left .security_logo {
        float: left;
        margin: 0;
        padding: 0
    }

    .security_left .text {
        background: url(/App_Themes/IVerify/images/left_bkgrd.gif) top left no-repeat;
        width: 265px;
        height: 206px;
        padding-left: 40px;
        padding-top: 5px
    }

.security_right {
    background: url(/App_Themes/IVerify/images/right_bkgrd.gif) top left no-repeat;
    float: left;
    width: 303px;
    height: 231px;
    padding-top: 30px;
    padding-right: 37px;
    padding-bottom: 40px;
    overflow: hidden
}

    .security_right a.home {
        margin-left: 245px
    }

body.security_page .footer {
    width: 376px;
    float: left;
    margin: 8px 22px;
    font-size: 11px;
    color: #036;
    line-height: 16px;
    background: #eaeff5
}

.security_page .form {
    width: 237px;
    background: url(/App_Themes/IVerify/images/security_form_bkgrd.gif) top left no-repeat;
    margin-top: 3px;
    padding: 15px 15px 8px;
    margin-bottom: 0
}

.security_page label {
    font-size: 11px;
    text-align: right;
    color: #036;
    width: 65px;
    display: block;
    float: left;
    margin-right: 5px;
    line-height: 23px;
    font-weight: bold
}

.security_page input {
    width: 14px;
    margin-bottom: 4px
}

    .security_page input.security_submit {
        margin-left: 133px;
        width: 79px;
        margin-top: 0;
        height: 22px
    }

    .security_page input.security_submit2 {
        width: 79px;
        margin-top: 0;
        height: 22px
    }


#headercontrols_links {
    text-align: right;
    margin-top: 30px;
    margin-right: 10px
}

    #headercontrols_links a {
        margin-right: 15px
    }

#headercontrols_Name {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    margin-right: 25px;
    padding-top: 20px
}

body {
    height: 635px;
    background: #FFF;
}

.top_container {
    background: #FFF !important;
}

.top {
    background: #FFF;
    height: 0px !important;
    margin: 0;
    padding: 0
}

.top_form {
    background: url(/App_Themes/IVerify/images/rai_header.jpg) top left no-repeat;
    height: 131px;
    margin: 0;
    padding: 0
}

.container {
    background: #FFF !important;
    overflow: hidden; /* Prevent container scroll */
}

.sidebar {
    display: flex;
    width: 230px;
    display: block;
    float: left;
    padding: 10px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
    border-right: 2px solid #F8FBFF;
    background: #FFF;
}

    .sidebar table {
        height: calc(100vh - 90px);
        width: 100%;
        overflow-y: auto;
        position: relative;
        scrollbar-width: thin;
    }

        /* Hide scrollbar by default (Chrome, Edge, Safari) */
        .sidebar table::-webkit-scrollbar {
            width: 0px;
            background: transparent;
        }

        .sidebar:hover table::-webkit-scrollbar,
        .sidebar table:hover::-webkit-scrollbar {
            width: 2px;
        }

        .sidebar table::-webkit-scrollbar-thumb {
            border-radius: 4px;
            border: 2px solid #F8FBFF;
        }

    .sidebar table {
        scrollbar-width: none;
    }
        .sidebar:hover table,
        .sidebar table:hover {
            scrollbar-width: thin;
        }

.content {
    /*background: #FFF;*/
    /* margin-left: 226px;
    padding: 10px 20px;*/
    display: flex;
    /*height: 972px;*/
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.content_form {
    background: url(/App_Themes/IVerify/images/sidebar_bkgrd_2.gif) no-repeat #fff;
    margin-left: 0;
    padding: 10px 36px 85px
}

.global-header-content {
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-shrink: 0;
}

.global-header-header {
    display: flex;
    width: 911px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
}

.global-header__title {
    display: flex;
    height: 41px;
    flex-direction: column;
    justify-content: center;
}

    .global-header__title h1 {
        color: #014751;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

.global-header__subtitle {
    height: 20px;
    align-self: stretch;
    color: #014751;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.global-header__logo img {
    display: flex;
    width: 145px;
    height: 46px;
    flex-shrink: 0;
    aspect-ratio: 145/46;
}

.iverify__logo {
    display: flex;
    width: 113px;
    height: 41px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.iverify-log-text {
    width: 113px;
    height: 41px;
    margin: 5px 25px !important;
}

    .iverify-log-text h1 {
        color: #00D37F;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 22px;
    }

.sidebar-logo-container {
    text-align: center;
}

.iverify-logo {
    width: 113px;
    height: 76px;
    display: block;
    margin: 0 auto 10px !important;
}

.TabControlTable {
    display: flex;
    gap: 24px;
}

.sidebar table.TabControlTable tr.TabControlRow {
    height: 12px;
}

.footer {
    background: url(/App_Themes/IVerify/images/footer_repeat.gif) top left repeat-x;
    margin: 0;
    padding: 0;
    color: white
}

.footer_content {
    background: url(/App_Themes/IVerify/images/footer_bkgrd.gif) top left no-repeat;
    padding: 35px 0 0 25px;
    color: white;
    height: 35px
}

.sidebar table.TabControlTable tr.TabControlRow td.TabControlLeft {
    background: white !important;
    height: 10px;
    padding-left: 0px !important;
    width: 20px
}

.sidebar table.TabControlTable tr.TabControlRow td.TabControlSelectedLeft {
    background: white !important;
}

.sidebar table.TabControlTable tr.TabControlRow td.TabControlSelected {
    background: #AFF9C84D;
    border-right: 0.33rem solid #00D37FBD;
    padding-top: 11px !important;
    padding: 0px 10px;
    height: 12px;
    padding-bottom: 11px !important;
    margin-top: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 20px;
}

.sidebar table.TabControlTable tr.TabControlRow td.TabControl {
    padding-top: 11px !important;
    height: 12px;
    padding: 0px 10px;
    padding-bottom: 11px !important;
}

    .sidebar table.TabControlTable tr.TabControlRow td.TabControl a,
    .sidebar table.TabControlTable tr.TabControlRow td.TabControlSelected a {
        color: #014751;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

        .sidebar table.TabControlTable tr.TabControlRow td.TabControl a:hover {
            color: #014751;
        }

.sidebar img {
    margin: 0px;
}

.debugControls {
    display: none;
    height: 0;
    width: 0;
    background: #9d6316 url(/App_Themes/IVerify/images/orange_gradient.gif) top left repeat-y
}

#ctl00_cphMain_lblError {
    color: red;
    font-size: 11px;
    display: block;
    width: 100%;
    text-align: right;
    padding-right: 5px;
    margin-top: .5rem
}

.cpwdiv #ctl00_cphMain_lblError {
    width: 370px;
    left: 0;
    bottom: -20px
}

.forgot_password label {
    color: #c8daee;
    width: 80px;
    text-align: left;
    line-height: 15px;
    font-size: 12px
}

.forgot_password input {
    float: left;
    width: 135px
}

* + html .forgot_password input {
    margin-right: 180px
}

* html .forgot_password input {
    margin-right: 180px
}

    .forgot_password input.login_submit {
        float: right;
        margin-right: 10px;
        margin-top: 10px
    }

    * + html .forgot_password input.login_submit {
        margin-right: 30px
    }

    * html .forgot_password input.login_submit {
        margin-right: 30px
    }

.forgot_password #ctl00_cphMain_rfvtxtFPUserName {
    float: left;
    height: 10px
}

div #ctl00_cphMain_pnlExpand {
    position: absolute;
    top: 90px;
    left: 22px;
    width: 606px;
    height: 300px
}

div.forgot_password {
    float: left;
    height: 135px;
    width: 236px;
    padding: 10px 12px;
    background: #036 url(/App_Themes/IVerify/Images/right_bkgrd.gif) no-repeat scroll 283px -100px;
    margin-top: 5px
}

* + html div.forgot_password {
    height: 145px;
    width: 258px;
    padding: 20px 0 0 22px;
    background: #036 url(/App_Themes/IVerify/Images/right_bkgrd.gif) no-repeat scroll 283px -100px
}

* html div.forgot_password {
    height: 145px;
    width: 246px;
    padding: 20px 0 0 22px;
    background: #036 url(/App_Themes/IVerify/Images/right_bkgrd.gif) no-repeat scroll 283px -100px
}

div.forgot_description {
    background: #036 url(/App_Themes/IVerify/Images/right_bkgrd.gif) bottom right no-repeat;
    background-position: 3px -90px;
    height: 198px;
    overflow: hidden
}

.content table {
    font-size: 12px;
    text-align: left;
    border-radius: 10px;
    border-spacing: 0;
    border-collapse: separate !important;
    border: 1px solid #014751;
    background: #FFF;
}

    /* Style the corner cells */
    .content table tr:first-child th:first-child {
        border-top-left-radius: 10px;
        border-left: none;
        border-top: none;
    }

    .content table tr:first-child th:last-child {
        border-top-right-radius: 10px;
        border-left: none;
        border-top: none;
    }

    .content table tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
        border-left: none;
        border-top: none;
    }

    .content table tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
        border-left: none;
        border-top: none;
    }

    /* Fix for single-cell "no data" row in table */
    .content table tr:only-child td:only-child,
    .content table tr:only-child th:only-child {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-radius: 10px;
        font-weight: 500;
    }

.content th {
    font-weight: 700 !important;
}

.content th,
.content td {
    border-top: none;
    border-left: none;
    border-right: 1px solid #b9c8e1;
    border-bottom: 1px solid #b9c8e1;
    background: var(--color-ag-header-background-color, #F8F8F8);
    color: #014751;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 20px 5px 5px;
}

.content td {
    background: var(--color-ag-background-color, #FFF) !important;
}
    /* Remove right border from last cell in each row */
    .content th:last-child,
    .content td:last-child {
        border-right: none;
    }
/* Remove bottom border from last row */
.content tr:last-child td {
    border-bottom: none;
}

.content th.SortDesc a {
    background: none !important;
    color: white;
    padding-right: 30px;
    float: left;
    display: block;
    line-height: 18px
}

    .content th.SortDesc a:hover {
        background: none !important;
    }

.content th.SortAsc a {
    background: none !important;
    color: white;
    padding-right: 30px;
    float: left;
    display: block;
    line-height: 18px
}

    .content th.SortAsc a:hover {
        background: none !important;
    }

.content th a {
    color: white;
    padding-right: 30px;
    float: left;
    display: block;
    line-height: 18px
}

    .content th a:hover {
        color: #c49659
    }

.content label {
    font-weight: bold;
    line-height: 140%
}

hr {
    border: 0;
    height: 1px;
    background: #a4b6d6
}

#plc_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneClosedCaseLookup_iverifyclosedcaselookup_rblSearchType,
#plc_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneClosedCaseLookup_iverifyclosedcaselookup_rblSearchType td {
    border: 0
}

#TextLetter {
    width: 700px
}

#FileTOC {
    margin: 0
}

div.searchhelp {
    width: 358px;
    position: absolute;
    /*    top: 175px;*/
    top: 20px !important;
    left: 550px;
    /*    padding: 10px;*/
    padding: 20px;
    /*    background: #eaeaea;
    border: 1px solid #ccc;*/
    background: transparent !important;
    border: 1px solid #E8EEEF;
    height: auto;
    overflow: hidden;
    display: block
}

.divisions-container {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.divisions {
    /*    float: left;
    margin-bottom: 20px*/
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px 32px; /* row gap | column gap */
    margin-top: 1rem;
    margin-bottom: 0;
}

.division-item {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

    .division-item a {
        color: #00D37F !important;
        font-weight: 600;
    }

.division-count {
    color: #215E67;
    font-weight: 600;
    font-size: 14px;
}

.company-links {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .company-links a {
        color: #00D37F !important;
        font-weight: 600;
    }

#plc_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneCompanyPendingInvestigations_iverifycompanypendinginvestigations_pnlDivisions {
    float: left
}

.foot_right {
    float: right;
    margin: 10px 60px 0 0
}

.foot_left {
    float: left;
    margin: 10px 0 0 0
}

.footer_content a {
    color: #eaeff5
}

    .footer_content a:hover {
        color: white
    }

table.outside {
    overflow: hidden;
    font-size: 10px
}

    table.outside th,
    table.outside th a {
        font-size: 11px
    }

    table.outside th {
        padding: 5px
    }

table.inside th.fixed_cell_name,
table.inside td.fixed_cell_name {
    display: table-cell !important;
    width: 120px;
    overflow: hidden
}

table.inside th.fixed_cell_dl,
table.inside td.fixed_cell_dl {
    width: 50px;
    overflow: hidden
}

table.inside th.fixed_cell_type,
table.inside td.fixed_cell_type {
    width: 90px;
    overflow: hidden
}

table.inside th.fixed_cell_viewed,
table.inside td.fixed_cell_viewed {
    width: 70px;
    overflow: hidden
}

table.inside {
    font-size: 11px;
    width: 100%
}

.content td {
    padding: 5px
}

    .content td a,
    .content th a {
        padding: 0
    }

.daNextButton {
    background: url(/App_Themes/IVerify/images/next.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.daSubmitButton {
    background: url(/App_Themes/IVerify/images/accept-continue-btn.png) no-repeat;
    width: 131px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.daBackButton {
    background: url(/App_Themes/IVerify/images/back.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.daPrintButton {
    background: url(/App_Themes/IVerify/images/print_form.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.ocrStartNewRequest {
    background: url(/App_Themes/IVerify/images/start_request.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none;
    icon: none
}

.ocrStepOneSave {
    background: url(/App_Themes/IVerify/images/next.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.ocrCancel {
    background: url(/App_Themes/IVerify/images/cancel.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    border: none
}

.ocrCancelNewRequest {
    background: url(/App_Themes/IVerify/images/cancel.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.ocrUploadFile {
    background: url(/App_Themes/IVerify/images/upload.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0 0;
    color: transparent;
    border: none;
    position: relative;
    left: 0;
    top: 5px
}

.ocrSubmitNewRequest {
    background: url(/App_Themes/IVerify/images/submit.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.ocrFormTopLeft {
    display: flex;
    /*width: 17.143rem;*/ /* 240px / 14 */
    flex-direction: column;
    align-items: flex-start;
    gap: 1.429rem; /* 20px / 14 */
    flex-shrink: 0;
    border-right: 0.5px solid rgba(1, 71, 81, 0.1);
}

.ocrFormTopRight {
    float: right;
    border-left: 0px !important;
    padding: 0px !important;
    display: flex;
    width: 17.143rem; /* 240px / 14 */
    flex-direction: column;
    align-items: flex-start;
    gap: 1.429rem; /* 20px / 14 */
    flex-shrink: 0;
}

.ocrStepOne {
    clear: both
}

.ocrDocuments {
    clear: both
}

.ocrNewRequest {
    width: 855px;
}

.ocrNewRequest-main-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ocrNewRequest-layout {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

input.ocrNewRequest {
    border: none
}

.ocrQuestionBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sds-size-space-100);
    align-self: stretch;
    width: 0px !important;
    clear: none !important;
    padding: 0px !important;
}

.ocrHeading {
    width: 168px;
    float: left;
    clear: both;
    color: #215E67;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem; /* 14px */
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem; /* 19.6px */
}

.request-ocrTextBox span {
    float: left;
    width: 200px;
    display: flex;
    height: 1.8rem;
    min-width: 17.143rem; /* 240px / 14 */
    padding: 0.18rem 1.143rem;
    align-items: center;
    align-self: stretch;
    border-color: #014751;
    border-radius: 0.5rem;
    background: var(--sds-color-background-default-default);
    color: #014751;
    font-family: 'Poppins';
    font-size: 1rem; /* 14px */
    font-style: normal;
    font-weight: 500;
    line-height: 1rem; /* 14px */
}

.ocrTextBox input {
    float: left;
    width: 200px;
    display: flex;
    /*height: 2.857rem;*/ /* 40px / 14 */
    min-width: 17.143rem; /* 240px / 14 */
    padding: 0.5rem 1.143rem;
    align-items: center;
    align-self: stretch;
    border-color: #014751;
    border-radius: 0.5rem;
    border-width: 1px;
    background: var(--sds-color-background-default-default);
    color: #014751;
    font-family: 'Poppins';
    font-size: 14px; /* 14px */
    font-style: normal;
    font-weight: 500;
    line-height: 1rem; /* 14px */
    background-color: white !important; /* Set to white or any desired color */
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
    box-shadow: 0 0 0px 1000px white inset !important;
}

    .ocrTextBox input:-webkit-autofill,
    .ocrTextBox input:-webkit-autofill:focus,
    .ocrTextBox input:-webkit-autofill:hover,
    .ocrTextBox input:-webkit-autofill:active {
        -webkit-text-fill-color: #014751 !important;
        color: #014751 !important;
        box-shadow: 0 0 0px 1000px #fff inset !important;
        background-color: #fff !important;
    }

.ocrdropdown-layout {
    float: left;
    width: 200px;
    display: flex;
    /*height: 2.857rem;*/ /* 40px / 14 */
    min-width: 19.78rem;
    padding: 0.3rem 1.143rem;
    align-items: center;
    align-self: stretch;
    border-color: #014751;
    border-width: 1px;
    border-radius: 0.5rem;
    background: var(--sds-color-background-default-default);
    color: #014751;
    font-family: 'Poppins';
    font-size: 14px; /* 14px */
    font-style: normal;
    font-weight: 500;
    line-height: 1rem; /* 14px */
}

.datepickerAdd {
    height: 33px !important;
    min-height: 33px !important;
    box-sizing: border-box;
    padding: 0.3rem 1.143rem;
    font-size: 14px;
    border-radius: 0.5rem;
    border: 1px solid #014751;
    background: var(--sds-color-background-default-default);
    color: #014751;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}


.daQuestionBox,
.daDDL {
    width: 405px;
    clear: both;
    padding: 10px 0
}

.daTextBox input {
    float: left;
    width: 200px
}

.daHeading {
    width: 170px;
    font-weight: bold;
    float: left;
    clear: both
}

.daHeadingFull {
    width: 80%;
    font-weight: bold;
    float: left;
    clear: both
}

.daLine_long .daHeading,
.ocrDocumentHeader {
    border-top: 1px dotted #dedede;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    margin: 34px 0 10px;
    padding: 20px 0 0;
    width: 800px
}

.ocrDocumentHeader {
    border-top: none !important;
}

.daLine {
    margin: 10px 0 0 0
}

.not_bold {
    font-weight: normal
}

.daTextBody {
    width: 800px
}


.daESignature .daQuestionBox {
    border-top: 1px dotted #dedede;
    font-size: 12px;
    font-weight: bold;
    margin: 34px 0 10px;
    padding: 20px 0 0;
    width: 800px
}

.ocrList {
    margin: 12px 0
}

.required {
    font-size: 10px;
    font-style: italic;
    float: right
}

.errorreq {
    color: #f21;
    display: inline-block;
    padding: 2px 0
}

.daHeading_checkbox {
    font-weight: bold
}

#cbNoUSLicense {
    margin-right: 10px;
    float: left
}

#cbNoUSSSN {
    margin-right: 10px;
    float: left
}

#cbJLOutsideUS {
    margin-right: 10px;
    float: left
}

#cbSROutsideUS {
    margin-right: 10px;
    float: left
}

.print_view h1 {
    margin-top: 30px;
    border-top: 1px dotted #dedede;
    padding-top: 20px
}

#lblCompanyName {
    font-size: 24px;
    font-weight: bold;
    color: #9d6316
}

ol {
    list-style-type: decimal
}

.AASHSubmit {
    background: url(/App_Themes/IVerify/images/submit.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.AAok {
    background: url(/App_Themes/IVerify/images/ok.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.AAcancel {
    background: url(/App_Themes/IVerify/images/cancel.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none;
}

.AAsend {
    background: url(/App_Themes/IVerify/images/send.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 15px 0;
    color: transparent;
    display: inline-block;
    border: none
}

.AASubject table {
    font-size: 12px;
    text-align: left;
    border: 0 solid #b9c8e1;
    border-bottom: 0;
    border-right: 0
}

.AASubject td {
    padding: 0 20px 5px 0;
    border-bottom: 0 solid #b9c8e1;
    border-right: 0 solid #b9c8e1;
    vertical-align: top
}

.AASubject th {
    padding: 0 20px 5px 0;
    background: #1c3764;
    font-size: 13px;
    font-weight: bold;
    color: white;
    border: 0 solid #1c3764;
    text-align: left
}

    .AASubject th.SortDesc a {
        background: #1c3764 url(/App_Themes/IVerify/images/sort_icon2.gif) top right no-repeat;
        color: white;
        padding-right: 30px;
        float: left;
        display: block;
        line-height: 18px
    }

        .AASubject th.SortDesc a:hover {
            background: #1c3764 url(/App_Themes/IVerify/images/sort_icon2_ro.gif) top right no-repeat
        }

.AATitle {
    font-size: 18px;
    margin-top: 1rem 0 !important;
    padding: 0;
    display: block;
    font-weight: bold
}

.AASHLeft {
    font-weight: bold;
    width: 100px;
    margin: 10px
}

.AASHRight {
    margin: 5px;
    width: 300px;
    border: 1px solid #b9c8e1;
    padding: 5px
}

    .AASHRight input {
        border: none
    }

.AASHEmail {
    font-style: italic;
    font-weight: bold;
    margin-left: 10px
}

.AASubjectDetalBottom {
    margin: 0
}

.AABreak {
    height: 10px
}

.AASubjectHeader {
    margin-top: 20px
}

.AAdiv1,
.AAdiv2 {
    border-bottom: 1px solid #aeaeae;
    width: 500px;
    padding: 20px
}

.AAUploadFile {
    background: url(/App_Themes/IVerify/images/upload.png) no-repeat;
    width: 100px;
    height: 21px;
    margin: 0 0 0 0;
    color: transparent;
    border: none;
    position: relative;
    left: 0;
    top: 5px
}

.AAGridNoBorder table {
    border-style: none
}

.AAGridNoBorder td {
    border-style: none
}

.AAGrid table {
    border-style: solid
}

.AAGrid td {
    border-style: solid
}

.aaHeader {
    font-weight: bold
}

.hideTableBorders table {
    font-size: 12px;
    text-align: left;
    border: 0
}

.hideTableBorders td {
    border: 0
}

.showTableBorders td {
    border-bottom: 1px solid #b9c8e1;
    border-right: 1px solid #b9c8e1;
    vertical-align: top
}

.showTableBorders table {
    font-size: 12px;
    text-align: left;
    border: 1px solid #b9c8e1;
    border-bottom: 0;
    border-right: 0
}

.aaDetail {
    border: 1px solid #b9c8e1
}

.wBody {
    font-size: 14px !important;
    line-height: 140%
}

    .wBody .daCompanyName {
        margin-bottom: 20px;
        color: #036;
        display: block
    }

.wlabel {
    display: block;
    float: none !important
}

.wfield input {
    width: 200px !important
}

.wMIfield input,
.wMIlabel {
    width: 40px !important
}

.wMIbox {
    width: 60px !important
}

.wSalutationbox {
    width: 80px !important
}

.daQuestionBox .wlabel {
    display: block;
    float: none
}

.daQuestionBox .wfield {
    display: block
}

.wFirstNameBox,
.wLastNameBox,
.wSSNbox,
.wSalBox {
    width: 225px !important;
    clear: none !important;
    float: left
}

.wEmailfield input,
.wSSNfield input {
    width: 267px !important
}

.logo_wrap {
    float: right;
    margin: 0 20px 20px 50px
}

.wSSNtip,
.ssntip,
.tip {
    color: #666;
    font-size: 11px !important;
    line-height: 120% !important;
    width: 605px !important
}

.ssntip {
    margin-top: 8px
}

.req {
    color: #dc8d28
}

.wChecklabel {
    font-size: 12px !important
}

.wcheckbox {
    padding: 0 !important
}

.wDLbox {
    float: left;
    width: 200px;
    margin-right: 20px
}

.wJL2label {
    display: block;
    float: none;
    width: 370px
}

.wDLCountry {
    margin: 15px 0 10px 0
}

span.notice_txt {
    font-size: 11px;
    color: #666;
    display: block;
    margin-top: 8px
}

hr.line {
    width: 800px;
    margin: 20px 0
}

.wDLN2label {
    width: 100px
}

#unauthorizedSpan {
    color: #ee2a32;
    font-size: 18px;
    margin: .75em 0;
    display: inline-block;
    font-weight: bold
}

div[id*='reportsDiv'] {
    margin: 1em 0
}

    div[id*='reportsDiv'] table,
    .reportsDiv table {
        width: 762px
    }

span.tableName {
    display: inline-block;
    margin: 5px 0;
    font-weight: bold;
    text-align: left !important
}

div[id*='VerifyPendingDADashboard_pnl'] > .counts {
    width: 762px;
    display: block;
    padding-top: 2px;
    text-align: right
}

.tableJumpToHolder {
    line-height: 150%
}

.counts .numbers {
    display: inline-block;
    font-weight: bold;
    padding-right: .375em
}

.DashboardReportLinks,
.DashboardReportBody {
    max-width: 986px;
    min-width: 856px
}

.DashboardReportBody {
    height: auto;
    border: 1px solid #b9c8e1;
    box-sizing: border-box;
    padding: 12px
}

.DashboardReportParagraph {
    padding-bottom: 1em
}

.DashboardReportLinks > div {
    display: table-cell;
    max-width: 28%
}

    .DashboardReportLinks > div a {
        display: inline-block;
        padding: 9px 9px;
        margin-right: 2px;
        box-sizing: border-box;
        text-align: center;
        float: left;
        border: 1px solid #b9c8e1;
        border-bottom: 0;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        background: linear-gradient(#fff, #c8daee, #98b0cb 130%)
    }

    .DashboardReportLinks > div[class*='_Selected'] a,
    .DashboardReportLinks > div[class^='_Selected'] a {
        background: #fff;
        background: linear-gradient(#f5faff, #fff);
        border-bottom: 1px solid white;
        margin-bottom: -1px
    }

.counts,
.numbers {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 3px
}

.DashboardLegendSummary {
    margin-bottom: 16px
}

h3.DashboardLegendTitle {
    margin-bottom: 7px
}

.message_system {
    display: block;
    font-size: 1.25em;
    position: relative;
    color: white;
}


    .message_system h2 {
        font-weight: bold;
        font-size: 1rem;
        text-transform: uppercase;
        margin-bottom: .25rem;
    }

    .message_system:after {
        content: '!';
        display: inline-block;
        position: absolute;
        right: 100%;
        top: 0;
        margin: 0 0.25em 0.25em 0;
        line-height: 1.375em;
        height: 1.25em;
        width: 1.25em;
        border-radius: 50%;
        background: #e22;
        font-size: 1.375em;
        font-weight: bold;
        text-align: center;
        vertical-align: bottom;
        box-shadow: -0.125rem 0.125rem 0.5rem rgba(0, 0, 0, .4);
        text-shadow: 0 0 1rem rgba(0, 0, 0, 1);
        text-rendering: optimizelegibility;
        -moz-osx-font-smoothing: grayscale;
    }




.global-content {
    height: calc(100vh - 120px); /* Adjust height based on your header height */
    width: 100%;
    padding-right: 1rem;
    overflow-y: auto;
    position: relative;
    scrollbar-width: thin; /* For Firefox */
    /*scrollbar-color: #014751 #F8FBFF;*/ /* For Firefox - thumb and track colors */
}

    /* Webkit scrollbar styling (Chrome, Safari, Edge, etc) */
    /*.global-content::-webkit-scrollbar {
        width: 5px;
    }*/

    .global-content::-webkit-scrollbar-track {
        background: #F8FBFF;
        border-radius: 4px;
    }

    .global-content::-webkit-scrollbar-thumb {
        background: #014751;
        border-radius: 4px;
        border: 2px solid #F8FBFF;
    }

        .global-content::-webkit-scrollbar-thumb:hover {
            background: #003B49;
        }

/* Enable smooth scrolling */
.global-content {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* For iOS smooth scrolling */
}

.dashboard-layout {
    display: flex;
    width: 100%;
    padding-top: 1.603rem; /* 2.29rem * 0.7 */
    flex-direction: column;
    align-items: flex-start;
    gap: 1.3rem; /* 2.29rem * 0.7 */
}

.dashboard-case-progress-layout {
    display: flex;
    padding-top: 1rem; /* 2.29rem * 0.7 */
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem; /* 2.29rem * 0.7 */
    align-self: stretch;
    border-top: 0.7px solid rgba(26, 89, 98, 0.10); /* 1px * 0.7 */
}

.dashboard-case-progress-tiles-layout {
    display: flex;
    align-items: center;
    gap: 0.798rem; /* 1.14rem * 0.7 */
    align-self: stretch;
}

.dashboard-case-progress-tiles-inner-layout {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}

.dashboard-case-progress-tile-layout {
    height: 6.601rem; /* 9.43rem * 0.7 */
    display: flex;
}

.dashboard-case-progress-tile-box {
    display: flex;
    width: 8.351rem; /* 11.93rem * 0.7 */
    flex-direction: column;
    align-items: center;
    gap: 0.399rem; /* 0.57rem * 0.7 */
}

.dashboard-case-progress-tile-inner-box {
    width: 3.997rem; /* 5.71rem * 0.7 */
    height: 3.997rem; /* 5.71rem * 0.7 */
}

.dashboard-case-progress-tile-inner-box-circle {
    width: 3.997rem;
    height: 3.997rem;
    flex-shrink: 0;
    background-color: #F2B559;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-tile-link {
    background: none;
    cursor: pointer;
}

.Pending-Candidate-Information-bg-color {
    background-color: #F6CD7B;
}

.Investigations-InProgress-bg-color {
    background-color: #F9E2AF;
}

.Submitted-Initial-Report-bg-color {
    background-color: #AFF9C8;
}

.Cases-Closed-bg-color {
    background-color: #00D37F;
}

.dashboard-case-progress-tile-inner-box-circle h1 a {
    color: #373144 !important;
    text-align: center !important;
    font-family: Poppins !important;
    font-size: 15.4px !important; /* 22px * 0.7 */
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 12.6px !important; /* 18px * 0.7 */
}

.dashboard-case-progress-tile-inner-box-text {
    align-self: stretch;
}

    .dashboard-case-progress-tile-inner-box-text h4 {
        color: #1A5962;
        text-align: center;
        font-family: Poppins;
        font-size: 0.8rem; /* 1.143rem * 0.7 */
        font-style: normal;
        font-weight: 400;
        line-height: 1.1rem; /* 1.571rem * 0.7 */
    }

.dashboard-case-progress-tile-layout-arrow {
    flex-shrink: 0;
    opacity: 0.3;
}

    .dashboard-case-progress-tile-layout-arrow img {
        padding-bottom: 1.547rem; /* 2.21rem * 0.7 */
    }

.case-progress-tiles-dropdown-layout {
    border-radius: 0.3rem; /* 0.429rem * 0.7 */
    margin-right: 1.6rem;
    border: 0.03rem solid #014751; /* 0.043rem * 0.7 */
    background: #FFF;
    display: inline-flex;
    padding: 0.5rem 0.7rem; /* 0.714rem * 0.7, 1rem * 0.7 */
    align-items: center;
    gap: 0.6rem; /* 0.857rem * 0.7 */
    flex-shrink: 0;
    font-family: Poppins;
    font-size: 0.7rem; /* 1rem * 0.7 */
    color: #014751;
    outline: none;
}

/* Action Items */

.action-items-layout {
    display: flex;
    width: 100%;
    margin-top: 0.8rem; /* 1.143rem * 0.7 */
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem; /* 1.143rem * 0.7 */
    border-top: 0.05rem solid rgba(26, 89, 98, 0.10); /* 0.071rem * 0.7 */
}

.action-items-header-border {
    display: flex;
    height: 0.05rem; /* 0.071rem * 0.7 */
    margin-top: 1.6rem; /* 2.286rem * 0.7 */
    flex-direction: column;
    align-items: flex-end;
    gap: 1.6rem; /* 2.286rem * 0.7 */
    align-self: stretch;
}

.action-items-header-text {
    align-self: stretch;
    border-top: 0.05rem solid rgba(26, 89, 98, 0.10); /* 0.071rem * 0.7 */
    align-self: stretch;
}

    .action-items-header-text h3 {
        color: #014751;
        font-family: Poppins;
        font-size: 0.9rem; /* 1.286rem * 0.7 */
        font-style: normal;
        font-weight: 500;
        line-height: 2rem; /* 2.857rem * 0.7 */
    }

.action-items-content {
    display: flex;
    padding: 2rem 0rem; /* 2.857rem * 0.7 */
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    gap: 0.35rem 1.1rem; /* 0.5rem * 0.7, 1.571rem * 0.7 */
    align-self: stretch;
    flex-wrap: wrap;
    border-radius: 0.3rem; /* 0.43rem * 0.7 */
    border: 0.05rem solid #EFEFF1; /* 0.07rem * 0.7 */
    background: #FFF;
}

.action-items-content-layout {
    display: flex;
    padding: 0 1.6rem; /* 2.29rem * 0.7 */
    flex-direction: column;
    gap: 1.2rem; /* 1.71rem * 0.7 */
    flex: 1 0 0;
}

.action-items-box-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem; /* 2.86rem * 0.7 */
}

.action-items-box {
    display: flex;
    width: 100%;
    /*height: 3.7rem;*/ /* 5.29rem * 0.7 */
    padding: 1.25rem 0.9rem; /* 1.79rem * 0.7, 1.29rem * 0.7 */
    justify-content: center;
    gap: 0.5rem; /* 0.71rem * 0.7 */
    border-radius: 0.4rem; /* 0.57rem * 0.7 */
    border: 0.08rem solid #FF3B30; /* 0.11rem * 0.7 */
    background: #F8FBFF;
}

.action-items-box-inner {
    display: flex;
    align-items: center;
    gap: 1.2rem; /* 1.71rem * 0.7 */
}

.action-items-box-inner-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4.2rem; /* 6rem * 0.7 */
}

    .action-items-box-inner-text h4 a {
        color: #014751;
        font-family: Poppins;
        font-size: 0.8rem; /* 1.14rem * 0.7 */
        font-style: normal;
        font-weight: 400;
        line-height: 0rem; /* 0rem * 0.7 */
        cursor: pointer;
    }

    .action-items-box-inner-text h1 a {
        color: #014751;
        font-family: Poppins;
        font-size: 1.2rem; /* 1.714rem * 0.7 */
        font-style: normal;
        font-weight: 600;
        line-height: 1rem; /* 1.429rem * 0.7 */
        cursor: pointer;
    }

/* Dashboard Graphs */

.dashboard-graphs-layout {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    /*display: flex;
    width: 100%;
    height: 14rem;*/ /* 20rem * 0.7 */
    /*flex-direction: column;
    align-items: flex-start;
    gap: 2rem;*/ /* 2.857rem * 0.7 */
    /*flex-wrap: wrap;
    flex-shrink: 0;*/
}

.dashboard-graphs-inner-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    gap: 2rem;
}

.dashboard-graphs-case-timeline-layout {
    display: flex;
    height: 40vh;
    /*height: 15.1rem;*/ /* 21.571rem * 0.7 */
    flex-direction: column;
    align-items: flex-end;
    width: 50%;
}

.dashboard-graphs-case-timeline-header-layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.dashboard-graphs-case-timeline-header h3 {
    color: #014751;
    font-family: Poppins;
    font-size: 0.9rem; /* 1.286rem * 0.7 */
    font-style: normal;
    font-weight: 500;
    line-height: 2rem; /* 2.857rem * 0.7 */
}

.dashboard-graphs-case-timeline-content-layout {
    height: 40vh;
    width: 100%;
    position: relative;
    /*display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;*/ /* 0.143rem * 0.7 */
    /*align-self: stretch;
    width: 550px;*/ /* Set desired width */
    /*height: 300px;*/ /* Set desired height */
    /*position: relative;*/ /* Important for responsive resizing */
}

    .dashboard-graphs-case-timeline-content-layout canvas {
        width: 100% !important;
        /*        height: 100% !important;*/
        height: auto !important;
    }

.dashboard-graphs-case-timeline-content-header-layout {
    display: flex;
    width: 23.6rem; /* 33.714rem * 0.7 */
    align-items: center;
    align-content: center;
    gap: 0.4rem; /* 0.571rem * 0.7 */
    flex-wrap: wrap;
}

    .dashboard-graphs-case-timeline-content-header-layout h5 {
        color: #014751;
        font-family: Poppins;
        font-size: 0.6rem; /* 0.857rem * 0.7 */
        font-style: normal;
        font-weight: 400;
        line-height: 1rem; /* 1.429rem * 0.7 */
    }


.btn-primary {
    display: inline-flex;
    height: 2.286rem; /* 32px / 14 */
    padding: 0.571rem 1.143rem; /* 8px 16px / 14 */
    justify-content: center;
    align-items: center;
    gap: 0.571rem; /* 8px / 14 */
    flex-shrink: 0;
    border-radius: 0.429rem; /* 6px / 14 */
    background: #014751;
    box-shadow: 0 0.071rem 0.143rem 0 rgba(16, 24, 40, 0.04); /* 1px 2px / 14 */
    /* Typography */
    color: #FFF;
    text-align: center;
    font-family: 'Poppins';
    font-size: 0.857rem; /* 12px / 14 */
    font-style: normal;
    font-weight: 500;
    border: none;
    cursor: pointer;
}

.button-warning {
    background: #DF495C;
}

.btn-cancel {
    display: inline-flex;
    height: 2.286rem; /* 32px / 14 */
    padding: 0.571rem 1.143rem; /* 8px 16px / 14 */
    justify-content: center;
    align-items: center;
    gap: 0.571rem; /* 8px / 14 */
    flex-shrink: 0;
    background: #FFF;
    border-radius: var(--Roundness-Round-Inside, 6px) 6px 6px var(--Roundness-Round-Inside, 6px);
    border: 1px solid #014751 !important;
    /* Shadow/XSM */
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    /* Typography */
    color: #014751;
    text-align: center;
    font-family: 'Poppins';
    font-size: 0.857rem; /* 12px / 14 */
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
}

.btn-next-group, .disclamer, .ocrSubmitRequest {
    padding-top: 10px;
}



.panel-layout {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.drag-drop-area {
    border: 2px dashed #dfe6e9;
    border-radius: 8px;
    padding: 32px 16px;
    text-align: center;
    background: #FFF;
    transition: border-color 0.2s;
    margin-bottom: 16px;
    position: relative;
}

.drag-drop-area-width {
    width: 50%;
}

.drag-drop-icon {
    margin-bottom: 12px;
}

.upload-icon {
    border: 2px solid #EAEBF0;
    border-radius: 50%;
    padding: 6px;
    background: #fff;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    opacity: 0.6;
    cursor: pointer;
}

.drag-text {
    color: #333;
    font-weight: normal;
}

.choose-file-link {
    color: #00b894 !important;
    cursor: pointer;
    text-decoration: underline;
}

.drag-drop-subtext {
    color: #636e72;
    font-size: 0.95em;
    margin-top: 6px;
}

.file-upload-hidden {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.remove-file-btn {
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    font-size: 14px;
    margin-left: 8px;
}

.file-upload-hidden {
    display: none;
}

.file-list {
    margin-top: 10px;
}

.uploaded-file-item {
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 6px 10px;
    margin-top: 4px;
    border-radius: 4px;
    font-size: 0.9rem;
}

.drag-drop-area.drag-over {
    border: 2px dashed #007bff;
}

.file-card {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px;
    margin-top: 8px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.file-icon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.file-details {
    flex: 1;
}

.file-name {
    font-weight: bold;
    font-size: 14px;
}

.file-size {
    font-size: 12px;
    color: gray;
}

.progress-bar-container {
    height: 5px;
    background: #eee;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 4px;
}

.progress-bar {
    height: 100%;
    background: #4caf50;
    width: 0%;
    transition: width 0.2s ease;
}

.file-action {
    cursor: pointer;
    margin-left: 8px;
}


/*////////////////////////// Adverse Action start //////////////////////////////////*/
.grid-container {
    width: 95%;
    padding: 20px;
}

.summary-bar {
    font-size: 16px;
    margin-bottom: 10px;
}

.search-bar {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 10px;
}

.search-input {
    /*    padding: 6px;*/
    /*    width: 200px;*/
    /*    display: flex;*/
    min-width: 240px;
    padding: 10px 12px;
    /*    align-items: center;*/
    /*    flex: 1 0 0;*/
    /*    align-self: stretch;*/
    border-radius: 10px;
    border: 1px solid #014751;
    background: #ffffff;
    margin-bottom: 15px !important;
    background-color: white !important; /* Set to white or any desired color */
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
    box-shadow: 0 0 0px 1000px white inset !important;
    background: var(--sds-color-background-default-default) !important;
    color: #014751 !important;
}

    .search-input:focus {
        color: #014751;
        border: 1px solid #014751;
        box-shadow: 0 0 2px #014751;
    }

    .search-input:-webkit-autofill {
        background-color: white !important; /* Set to white or any desired color */
        -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
        box-shadow: 0 0 0px 1000px white inset !important;
        -webkit-text-fill-color: #014751;
        transition: background-color 5000s ease-in-out 0s;
    }

    /* optional: keep color consistent when focused after autofill */
    .search-input:-webkit-autofill:focus {
        -webkit-text-fill-color: #014751;
        box-shadow: 0 0 0px 1000px white inset !important;
    }
/*.search-button {
    padding: 6px 12px;
    background-color: #0066cc;
    color: #fff;
    border: none;
    cursor: pointer;
}*/

.styled-grid {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
    /*    border: 1px solid #ddd;*/
}

    /*    .styled-grid th {
        background-color: #f2f2f2;
        padding: 10px;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

    .styled-grid td {
        padding: 8px;
        border-bottom: 1px solid #eee;
    }*/
    .styled-grid th,
    .styled-grid td {
        padding: 10px;
        text-align: left;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    .styled-grid tr:last-child td {
        border-bottom-left-radius: 10px;
        border-bottom: none; /* Optional: remove last row line */
    }

    .styled-grid th {
        background-color: #f2f2f2;
        font-weight: bold;
        border-bottom: 2px solid #999;
    }

    /* Remove all borders for styled-grid when only one cell (EmptyDataText) is present */
    .styled-grid tr:only-child td:only-child,
    .styled-grid tr:only-child th:only-child {
        border: none !important;
        box-shadow: none !important;
        background: #fff !important;
        padding: 0px !important;
    }

    .styled-grid tr:only-child td:only-child {
        border-radius: 10px;
        padding: 0px !important;
    }

    /* Remove table border if present */
    .styled-grid:has(tr:only-child td:only-child) {
        border: none !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

.button-secondary {
    background-color: #FFFFFF;
    color: #014751;
    padding: 5px 13px;
    border: 1px solid #014751;
    border-radius: 6px;
    cursor: pointer;
}

.button-disabled {
    cursor: not-allowed;
    opacity: 0.6; /* Makes the button visually appear disabled */
    /*pointer-events: none !important;*/ /* Prevents interaction */
}

/*.aa-container {
    max-width: 600px;
    margin: 0 auto;*/
/*    font-family: 'Inter', sans-serif;*/
/*}*/

/*.aa-note {
    font-size: 14px;
    color: #d9534f;
    margin-bottom: 20px;
}*/
.email-form {
    display: flex;
    flex-direction: column;
}

.aa-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

    .aa-field label {
        font-weight: 500;
        margin-bottom: 6px;
        color: #215E67;
        font-style: normal !important;
        font-size: 12px;
    }

    .aa-field input:-webkit-autofill {
        background-color: white !important; /* Set to white or any desired color */
        -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
        box-shadow: 0 0 0px 1000px white inset !important;
        -webkit-text-fill-color: #014751;
        transition: background-color 5000s ease-in-out 0s;
    }

    /* optional: keep color consistent when focused after autofill */
    .aa-field input:-webkit-autofill:focus {
        -webkit-text-fill-color: #014751;
        box-shadow: 0 0 0px 1000px white inset !important;
    }

.aa-input,
.aa-textbox {
    border: 1px solid #014751;
    padding: 5px 10px;
    border-radius: 6px;
    background-color: white !important; /* Set to white or any desired color */
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
    box-shadow: 0 0 0px 1000px white inset !important;
    background: var(--sds-color-background-default-default) !important;
    color: #014751;
    width: 25%;
    height: 40px;
    box-sizing: border-box;
    align-content: center;
    font-weight: 500;
}

.aa-input {
    display: inline-block;
    background-color: #f8fdfd;
}

.aa-textbox:focus {
    outline: none;
    border-color: #006f65;
    box-shadow: 0 0 0 2px rgba(0, 111, 101, 0.2);
}

.aa-section-title {
    margin-top: 24px;
    margin-bottom: 16px;
    color: #004c45;
}

/*.aa-submit {
    margin-top: 20px;
}

.aa-submit-btn {
    background-color: #004c45;
    color: white;
    padding: 10px 18px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

    .aa-submit-btn:hover {
        background-color: #006f65;
    }*/

.required label::after {
    content: " *";
    color: #d9534f;
}

.hr-style {
    background: #01475129;
    margin: 15px 0px;
}

.aa-textarea {
    width: 35%;
    border: 1px solid #014751;
    border-radius: 15px;
    color: #215E67;
}

.aa-buttons-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
/*////////////////////////////////// Adverse action end /////////////////////////////*/

/*////////////////////////////////// Unviewed Reports start /////////////////////////////*/

.reports-filter-layout {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.1rem;
    flex-shrink: 0;
    align-self: stretch;
}

.reports-header-text-layout {
    display: flex;
    /*width: 881px;
    height: 41px;*/
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

    .reports-header-text-layout h2 {
        color: #014751;
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        /*line-height: 22px;*/ /* 91.667% */
    }

.reports-header-case-number-layout {
    display: flex;
    /*width: 181px;*/
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

    .reports-header-case-number-layout h4 {
        margin-block-start: 0px;
        margin-block-end: 0px;
        color: #215E67;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 19.6px */
    }

.reports-subtitle-layout {
    display: flex;
    height: 21px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    flex-shrink: 0;
}

    .reports-subtitle-layout h5 {
        color: #014751;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

.reports-filter-inner-layout {
    display: flex;
    height: 64px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    align-self: stretch;
}

.reports-filter-inner-layout-box {
    display: flex;
    width: 240px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

    .reports-filter-inner-layout-box h4 {
        margin-block-start: 0px;
        margin-block-end: 0px;
        color: #215E67;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 19.6px */
    }

.button-begin-adverse-action {
    display: inline-flex;
    height: 1.786rem;
    padding: 0.2rem !important;
    justify-content: center;
    align-items: center;
    gap: 0.571rem;
    flex-shrink: 0;
    border-radius: 0.429rem;
    background: #014751;
    box-shadow: 0 0.071rem 0.143rem 0 rgba(16, 24, 40, 0.04);
    color: #FFF !important;
    text-align: center;
    font-family: 'Poppins';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    border: none;
    cursor: pointer;
    margin-top: 5px !important;
}

    .button-begin-adverse-action:hover {
        font-weight: normal !important;
        text-decoration: none;
        outline: none;
    }

.button-begin-fca-action {
    display: inline-flex;
    padding: 0.2rem !important;
    justify-content: center;
    align-items: center;
    gap: 0.571rem;
    flex-shrink: 0;
    background-color: #FFFFFF;
    color: #014751 !important;
    text-align: center;
    font-family: 'Poppins';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    border: 1px solid #014751;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 5px !important;
}

    .button-begin-fca-action:hover {
        font-weight: normal !important;
        text-decoration: none;
        outline: none;
    }

.filter-field {
    display: flex;
    flex-direction: column;
}

.filter-boxes-group {
    display: flex;
    flex-direction: row;
    gap: 1.714rem;
}
/*////////////////////////////////// Unviewed Reports End /////////////////////////////*/

/*////////////////////////////// Company wide reports /////////////////////////////*/
.filter-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 0.28fr)); /*1fr */
    gap: 16px 0px; /* row | column gap (24px) */
    align-items: end;
    margin-bottom: 16px;
}

.filter-field {
    display: flex;
    flex-direction: column;
}

    .filter-field label {
        margin-bottom: 6px;
        color: #215E67;
        font-size: 14px;
        font-weight: 500;
    }

.green-text {
    color: #00D37F !important;
}


/* Popup overlay */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1,71,81,0.95);
    z-index: 9998;
    overflow-y: auto;
    padding-top: 80px;
}

/* Popup content */
.popup-content {
    background: #F8FBFF;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 9999;
}

.export-modal-content {
    max-width: 557px;
    height: fit-content;
    border-radius: 16px;
    padding: 32px 32px 24px 32px;
    position: relative;
}

/* Close button */
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    z-index: 10000;
}
/* Add space between close button and content */
.popup-content > *:not(.popup-close) {
    margin-top: 20px; /* adjust spacing as needed */
}

/* Tables inside popup */
.popup-content table {
    width: 100%;
    border-collapse: collapse;
    background: #F8FBFF;
    table-layout: fixed; /* important to make wrapping work */
    word-wrap: break-word;
    white-space: normal;
}

.popup-content th,
.popup-content td {
    padding: 10px;
    text-align: left;
    border: none !important;
    border-bottom: 1px solid #014751;
    word-break: break-word;
    white-space: normal;
}

/*.popup-content tr:last-child td {
    border-bottom: none;
}*/

.popup-content th {
    background-color: #f2f2f2 !important;
    color: #014751 !important;
    font-weight: bold;
    border-bottom: 2px solid #014751;
}
/*/////////////////////////////// company wide reports ends //////////////////////////////*/

.custom-modal-overlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #014751F2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-modal-dialog {
    display: flex;
    width: 670px;
    padding: var(--Main-System-24px, 24px);
    justify-content: center;
    align-items: flex-start;
    gap: var(--Main-System-16px, 16px);
    border-radius: 12px var(--Roundness-Round-Outside, 12px);
    border: 1px solid #EAEBF0;
    background: #F8FFFC;
    /* Shadow/XSM */
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.custom-modal-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.custom-modal-icon {
    font-size: 1.5em;
    color: #014751;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #014751;
    font-weight: bold;
    background: transparent;
}

.custom-modal-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    letter-spacing: -0.2px;
}

.custom-modal-body {
    margin-bottom: 18px;
}

    .custom-modal-body p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

.custom-modal-footer {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
}

/*//////////////////////////////////////// Company Users Start //////////////////////////////////////*/
.label-text {
    color: #014751 !important;
    font-size: 14px !important;
}

.company-users-grid {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
}

.company-users-history {
    display: flex;
    flex-direction: column;
}

.users-grid-spacing {
    margin-top: 58px !important;
}

/*///////////////////////////////////////// Company users end ////////////////////////////////////////*/

/*////////////////////////////////////////// Case Lookup Starts ///////////////////////////////////////*/
/*.case-radio td {
    display: flex;
    flex-direction: row;
    justify-content: center;
}*/
.radio-container {
    display: flex;
    width: 335px;
    align-items: center;
    gap: 12px;
    border: 1px solid #E8EEEF;
    margin-top: 1rem;
    padding: 5px 0;
}

.case-radio input[type="radio"] {
    margin-right: 5px;
}

.case-radio label {
    margin-right: 15px;
    /*    margin-top: 5px;*/
    font-weight: 500;
}

.case-radio {
    /*    border-collapse: collapse;*/
    border: none !important;
}

    .case-radio td {
        border: none !important;
        padding-right: 20px; /* space between radio options */
    }

.search-input-group {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 10px;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

    .search-input-group input[type="text"] {
        border: 1px solid #014751;
        border-radius: 6px;
        width: 20%;
        background-color: white !important; /* Set to white or any desired color */
        -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
        box-shadow: 0 0 0px 1000px white inset !important;
        background: var(--sds-color-background-default-default) !important;
        color: #014751 !important;
    }

        .search-input-group input[type="text"]:focus {
            color: #014751;
            border: 1px solid #014751;
            box-shadow: 0 0 2px #014751;
        }

        .search-input-group input[type="text"]:-webkit-autofill {
            background-color: white !important; /* Set to white or any desired color */
            -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
            box-shadow: 0 0 0px 1000px white inset !important;
            -webkit-text-fill-color: #014751;
            transition: background-color 5000s ease-in-out 0s;
        }

        /* optional: keep color consistent when focused after autofill */
        .search-input-group input[type="text"]:-webkit-autofill:focus {
        -webkit-text-fill-color: #014751;
        box-shadow: 0 0 0px 1000px white inset !important;
        }

/*////////////////////////////////////////// Case Lookup Ends /////////////////////////////////////////*/


/*/////////////////////////////////////////// Investigations input progress Start //////////////////////*/

.view-btn {
    color: #FFFFFF !important;
    padding: 0 10px !important;
    text-decoration: none; /* remove underline */
    display: inline-flex;
    align-items: center;
    gap: 5px; /* space between icon and text */
    cursor: pointer;
    font-weight: normal;
    height: 1.786rem !important;
    font-size: 12px !important;
}

    .view-btn:hover,
    .view-btn:focus,
    .view-btn:active {
        text-decoration: none; /* still no underline */
        outline: none; /* remove highlight border */
        font-weight: normal;
    }

.view-btn-spacing {
    margin-left: 0.5rem;
}

.pending-investigations-table-size {
    width: 80%;
}

.pin-input {
    width: 100%;
}

.pin-view-btn {
    margin-left: 1rem;
    width: 5rem;
}

.popup-close-btn {
    border: none;
    background: transparent;
    color: #014751;
}
/*////////////////////////////////////////// Investigations input progress End ////////////////////////*/

/*////////////////////////////////////////// DueDiligence starts //////////////////////////////////////*/
.dd-row {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

    .dd-row input[type = "checkbox"] {
        height: 15px;
        width: 15px;
        margin-top: 1.2rem;
    }

        .dd-row input[type="checkbox"]:checked {
            accent-color: #014751;
        }

.dd-label {
    font-weight: 500 !important;
    margin-top: 1rem !important;
    font-size: 14px;
}

.dd-ein {
    display: flex;
    flex-direction: row;
}

    .dd-ein input[type="Text"] {
        height: 1.8rem;
        border-radius: 0.5rem;
        border: 1px solid #014751;
    }

.dd-ein-first {
    width: 4rem !important;
    background-color: white !important; /* Set to white or any desired color */
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
    box-shadow: 0 0 0px 1000px white inset !important;
}

.dd-ein-second {
    width: 14rem !important;
    background-color: white !important; /* Set to white or any desired color */
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
    box-shadow: 0 0 0px 1000px white inset !important;
}

.dd-dob {
    width: 5.5rem !important;
    background-color: white !important; /* Set to white or any desired color */
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* Ensure the background is applied */
    box-shadow: 0 0 0px 1000px white inset !important;
}

.dd-item-header {
    background: #014751 !important;
    font-weight: 500 !important;
}

.dd-textarea {
    height: 7rem;
    border: 1px solid #014751;
    border-radius: 15px;
    color: #014751;
    padding: 0.5rem;
    font-size: 14px;
}
/*/////////////////////////////////////////// DueDiligence ends //////////////////////////////////////*/

/*/////////////////////////////////////////// Candidate Declined Starts //////////////////////////////*/
.case-edit-field {
    width: 10rem;
    padding: 0.2rem;
    border-radius: 0.5rem;
    border: 1px solid #014751;
    color: #014751;
    font-family: 'Poppins';
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}
/*/////////////////////////////////////////// Candidate Declined Ends ////////////////////////////////*/

/*/////////////////////////////////////////// Announcements starts ///////////////////////////////////*/
.announcements {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.announcements-heading {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.announcement-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 16px;
    margin-bottom: 1rem;
    border-radius: 10px;
    border: 1px solid var(--Stroke-Light-Base, #EAEBF0);
    background: var(--Background-Light-Base-Main, #FFF);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}

.announcement-title {
    font-weight: 500;
    font-size: 15px;
}

.announcement-desc {
    font-weight: 400;
}
/*/////////////////////////////////////////// Announcements ends /////////////////////////////////////*/

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

/*/////////////////////////////////////////// Toggle filter starts //////////////////////////////////////*/

.toggle-bar {
    margin-bottom: 10px;
    margin-top: 0.5rem;
    margin-right: 1rem;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    vertical-align: middle;
}

    .switch input {
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 26px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider {
    background-color: #014751;
}

    input:checked + .slider:before {
        transform: translateX(24px);
    }

/*/////////////////////////////////////////// Toggle filter ends ////////////////////////////////////////*/