* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: 'Open Sans';
}

::placeholder {
    font-style: italic;
    font-size: 14px !important;
}

.d-flex.flex-wrap {
    row-gap: 10px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

.show-per-page-communities select:focus-visible {
    outline: none;
}
/*headercss start*/

.layout-width {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0px 40px;
}

.header-item.topbar-user button.dropdown-item {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

#layout-wrapper {
    padding-left: 40px !important;
}

.page-content {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.cancel-changes-btn:hover {
    border: 1px solid #2F5A84 !important;
    color: #2F5A84 !important;
}
/*loading  css start*/
.loading-bg {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 999;
    background: #00000040;
}

.ri-question-line {
    color: #0A0A0A;
    font-size: 18px;
    vertical-align: middle;
}

.loading-img {
    background: url('/Images/loading-icon.svg');
    position: fixed;
    z-index: 999;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

/*footer css start*/
footer.footer {
    padding: 24px 40px;
}


/*loading css end*/

.btn:disabled {
    background: #b6c5d4 !important;
    color: #E5EDF6 !important;
    border: none !important
}

.btn.cancel-changes-btn:disabled {
    background: transparent !important;
    color: #B6C5D4 !important;
    border: 1px solid #B6C5D4 !important;
}

.onsavemessage {
    width: 100% !important;
    justify-content: space-between;
}

.dasktopmessage {
    position: fixed;
    top: 70px;
    z-index: 99999;
    left: 50%;
    transform: translateX(-50%);
    max-width: 784px !important;
    width: 100%;
}

input:active {
    box-shadow: none !important;
    outline: none !important;
    border: none;
}

input:focus {
    box-shadow: none !important;
    outline: none !important;
}

input:focus-visible {
    outline: none !important;
}

input[type="password"] {
    background: #F0F5FA !important;
    font-size: 14px;
    padding: 9.5px 16px;
}

.header-search input:focus {
    background: transparent !important;
    border: none !important;
}

button:focus {
    box-shadow: none !important;
}

button {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

    button:active {
        border-color: none;
    }

textarea {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
}

selcet:focus-visible {
    border: none !important;
    outline: none !important;
}

.pagination li a:hover {
    cursor: pointer !important;
}
/* RadioButton */
.form-check-input:checked {
    background-color: #6199CB;
    border-color: #6199CB;
    box-shadow: none;
}

.form-check-input:focus {
    box-shadow: none;
}

.on-hover:hover {
    background: #2F5A84 !important;
    color: #fff !important;
    border-color: transparent !important;
}




button.hover-bg-remove:hover {
    background: transparent !important;
    color: initial !important;
    border-color: transparent !important;
}


label {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

input[type="text"]:focus {
    background: #F0F5FA;
    box-shadow: none;
    border: 1px solid #E5EDF6;
}

.password-create-tab input[type="text"]:focus {
    border: none;
}

input[type="checkbox"] {
    border-color: #6199CB;
}


input[type="tel"]:focus {
    background: #F0F5FA;
    box-shadow: none;
    border: 1px solid #E5EDF6;
}

input[type="email"]:focus {
    background: #F0F5FA;
    box-shadow: none;
    border: 1px solid #E5EDF6;
}

select.form-select {
    background-color: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 9.5px 16px;
    color: #0A0A0A;
}

input[type="text"] {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 9.5px 16px;
    color: #0A0A0A;
}

input[type="tel"] {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 9.5px 16px;
    color: #0A0A0A;
}

input[type="number"] {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 9.5px 16px;
    color: #0A0A0A;
}

    input[type="number"]:hover {
        background: #F0F5FA;
        border: 1px solid #E5EDF6;
        border-radius: 4px;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        padding: 9.5px 16px;
        color: #0A0A0A;
    }

input[type="email"] {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 9.5px 16px;
    color: #0A0A0A;
}


a {
    color: #6199CB;
}

input[type="text"]:disabled {
    background-color: #EBEBEB !important;
    color: #6F6F6F !important;
    border: 1px solid #EBEBEB !important;
    padding: 11px 16px !important;
}

input[type="email"]:disabled {
    background-color: #EBEBEB !important;
    color: #6F6F6F !important;
    border: 1px solid #EBEBEB !important;
    padding: 11px 16px !important;
}

input[type="date"]:disabled {
    background-color: #EBEBEB !important;
    color: #6F6F6F !important;
    border: 1px solid #EBEBEB !important;
}

input[type=checkbox]:focus {
    box-shadow: none !important;
}

input[type=radio] {
    border: 1px solid #6199CB;
}


.login-bg {
    background: url('../images/CORTEX-LoginPage_2400x1600.jpg');
    width: 100%;
    height: 100vh;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 100%;
}
    .login-bg.error-background {
        background: url('../images/error-background.png');
        width: 100%;
        height: 100vh;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        min-height: 100%;
    }

    .login-bg .main-login {
        border-radius: 10px;
        margin: auto;
    }

.main-login .main-login-left {
    background: rgba(32, 50, 76, 0.75);
    border-radius: 10px 0px 0px 10px;
    padding: 65px 63px 78px;
}

    .main-login .main-login-left img {
        margin: auto;
        display: block;
    }

    .main-login .main-login-left .carousel-item img {
        width: 262px;
        height: auto;
    }

    .main-login .main-login-left p {
        font-style: italic;
        font-weight: 600;
        font-size: 22px;
        line-height: 33px;
        text-align: center;
        color: #fff;
        margin-top: 75px;
        margin-bottom: 89px;
    }

    .main-login .main-login-left p span {
        display:block;
    }

        .main-login .main-login-left p span.quote-user-name {
            color: #70B0E1;
            font-style: normal;
            font-size: 18px;
        }

        .main-login .main-login-left p span.quote-user-title, 
        .main-login .main-login-left p span.quote-user-company {
            color: lightgray;
            font-style: normal;
            font-size: 16px;
            line-height: normal;
        }

            .main-login .main-login-left .carousel-indicators {
        bottom: -30px;
    }

.main-login-inner {
    min-height: 750px;
}

.main-login-right {
    background: #fff;
}

.main-login-right {
    padding-top: 56px;
    border-radius: 0 10px 10px 0;
}

    .main-login-right form {
        padding: 40px 48px 78px;
    }

    .main-login-right label {
        color: #0A0A0A;
        margin-bottom: 8px;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
    }

    .main-login-right input {
        background: #F0F5FA;
        border: 1px solid #E5EDF6;
        border-radius: 4px;
        /*   padding: 7px 14px;*/
    }

    .main-login-right .form-group {
        margin-bottom: 24px;
    }

    .main-login-right .forget-password {
        color: #6199CB;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8px;
        text-decoration: none;
    }

    .main-login-right input::placeholder {
        font-style: italic !important;
        font-weight: 400;
        font-size: 14px;
        color: #6F6F6F;
    }

    .main-login-right .loginbtn {
        background: #20324C;
        border-radius: 4px;
        padding: 10px;
        color: #fff;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }

    .main-login-right .password-eye {
        position: relative;
        background: #F0F5FA;
        border: 1px solid #E5EDF6;
        border-radius: 4px;
    }

        .main-login-right .password-eye input {
            background: transparent;
            border: none;
            border-radius: 4px;
            width: 100%;
        }

        .main-login-right .password-eye i {
            position: absolute;
            right: 14px;
            top: 50%;
            color: #2F5A84;
            font-size: 12px;
            transform: translateY(-50%);
        }

    .main-login-right button {
        margin-top: 29px;
    }

    .main-login-right .remember-tooltip i {
        color: #0A0A0A;
        font-size: 18px;
        margin-left: 9px;
    }

    .main-login-right .remember input {
        border: 1px solid #6199CB;
        border-radius: 4px;
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }

    .main-login-right .remember label {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
        line-height: 22px;
    }

.login-footer {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}

    .login-footer p {
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        color: #fff;
    }

.tooltip-inner {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    text-align: left !important;
    max-width: 100% !important;
    min-width:100%;
}




/*errer-message css star*/


.errer-messages h1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #20324C;
    text-align: center;
}

.errer-messages p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #20324C;
    text-align: center;
}









.custom-error,
input[type="password"].custom-error {
    background: rgb(255, 234, 234) !important;
    border: 1px solid #A40000 !important;
}

.custom-text-error {
    color: #A40000 !important;
    font-size: 13px;
}


.auth-div {
    margin: auto;
    background-color: white;
    max-width: 400px;
    width: auto;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.auth-textbox {
    height: 48px;
    width: 48px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #2f8f1f;
    text-align: center;
    outline: none;
    font-size: 16px;
}

.alert-main {
    display: flex;
    background: #A40000;
    border-radius: 4px;
}

    .alert-main .alert-icon {
        color: #fff;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 4px;
        padding: 11px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .alert-main .alert-text {
        color: #fff;
        padding: 14px 15px;
        font-size: 14px;
        font-weight: 400;
    }

    .alert-main .sucess-icon {
        color: #fff;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 4px;
        padding: 11px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .alert-main .sucess-text {
        color: #fff;
        padding: 14px 15px;
        font-size: 14px;
        font-weight: 400;
    }


.sucess-main {
    display: flex;
    align-items: center;
    background: #376917;
    border-radius: 4px;
}

    .sucess-main .sucess-icon {
        color: #fff;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 4px;
        padding: 11px 16px;
    }

    .sucess-main .sucess-text {
        color: #fff;
        padding: 0px 15px;
        font-size: 14px;
        font-weight: 400;
    }

.forgot-password-section .forgot-password-heading {
    text-align: center;
    color: #2F5A84;
    font-weight: 600;
    margin: 40px 0 8px;
}

.forgot-password-section .forgot-password-instruction {
    text-align: center;
    padding: 0 48px;
}

    .forgot-password-section .forgot-password-instruction p {
        margin-bottom: 0px;
    }

.forgot-password-section form {
    padding: 32px 48px 80px;
}

.forgot-password-section button#Resetpassword-btn {
    margin-top: 32px;
}

.forgot-password-p {
    margin-top: 32px;
    font-size: 14px;
    font-weight: 400;
}

.confirm-forget-password {
    padding: 40px 48px;
}

.factor-authentication-section {
    padding: 40px 48px 106px;
}

.auth-header {
    text-align: center;
    color: #2F5A84;
    font-weight: 600;
    margin-bottom: 8px;
}

.auth-message {
    text-align: center;
    margin-bottom: 32px;
}

.factor-authentication-section form {
    padding: 0;
}

.factor-authentication-section #Confirmbtn {
    margin-top: 32px;
}

.factor-authentication-section .remember {
    margin-top: 34px;
}

.factor-authentication-section .remember-tooltip i {
    margin-left: 5px;
}

.create-new-password-section {
    padding: 41px 48px 57px;
}

    .create-new-password-section .reset-password-header {
        text-align: center;
        color: #2F5A84;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .create-new-password-section .reset-message {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .create-new-password-section form {
        padding: 0;
    }








@media (min-width:1199px) {
    .main-login {
        max-width: 1117px;
    }
}





@media (max-width:1440px) {
    .login-bg {
        min-height: 850px;
    }

    .main-login .main-login-left .carousel-item img {
        width: 230px;
    }
}

@media (max-width:767px) {
    .main-login-left {
        border-radius: 10px 10px 0 0;
    }

    .main-login-right {
        border-radius: 10px 10px 10px 10px;
    }

    .login-bg {
        padding: 90px 15px;
    }

    .login-footer {
        width: 100%;
        text-align: center;
        left: 0;
        transform: inherit;
    }

    .main-login .main-login-left p {
        font-size: 18px;
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .factor-authentication-section {
        padding: 40px 25px 70px;
    }
}

@media (max-width:350px) {
    .forget-password {
        font-size: 12px !important;
    }
}

/*Header*/

.header-search {
    position: relative;
    max-width: 250px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    height: 40px;
    width: 250px;
    color: white;
}

    .header-search input {
        border: none;
        background: transparent;
        position: absolute;
        left: 36px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        width: -webkit-fill-available;
        padding: 0 10px 0 0;
    }

        .header-search input:focus-visible {
            border: none;
            outline: none;
        }

        .header-search input::placeholder {
            color: white;
        }

    .header-search i {
        position: absolute;
        left: 13px;
        top: 50%;
        transform: translateY(-50%);
    }

@media (max-width:767px) {
    .mobile-select-dashboard {
        display: block !important;
        height: 42px;
        width: 42px;
        background-color: transparent;
        border: none;
    }

        .mobile-select-dashboard i {
            color: #b0c4d9;
        }

    .header-search {
        display: none;
    }

    .header-search-mobile {
        display: block !important;
        width: 100% !important;
        max-width: 95% !important;
        margin: auto !important;
        margin-bottom: 10px !important;
    }
}


/*org-management  profile-settings */



.organization-detail {
    background: #FFFFFF;
    box-shadow: 2px 2px 8px rgba(27, 42, 64, 0.1);
    border-radius: 4px;
    padding: 24px;
    margin-bottom: 24px;
}

    .organization-detail h2 {
        color: #2F5A84;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 24px;
    }

    .organization-detail label {
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        margin-bottom: 8px;
    }

    .organization-detail input[type="text"] {
        background: #F0F5FA;
        border: 1px solid #E5EDF6;
        border-radius: 4px;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        padding: 10px 16px;
        color: #0A0A0A;
    }

        .organization-detail input[type="text"]:focus {
            background: #F0F5FA;
            box-shadow: none;
            border: 1px solid #E5EDF6;
        }

.cortax-setting .cortax-setting-heading {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

.organization-detail.cortax-setting input[type="radio"]:focus {
    box-shadow: none;
}

.cortax-setting ul li {
    list-style: disc;
}

.organization-detail-btn .save-changes-btn {
    background: #20324C;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 9px 23px;
}

.organization-detail-btn .cancel-changes-btn {
    border: 1px solid #20324C;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #20324C;
    padding: 9px 20px;
}

.organization-detail a i {
    font-size: 18px;
    color: #0A0A0A;
    vertical-align: middle;
}


/*org-management  Communities */


.communities-main {
    background: #FFFFFF;
    box-shadow: 2px 2px 8px rgba(27, 42, 64, 0.1);
    border-radius: 4px;
    padding: 24px;
    margin-bottom: 20px;
}

    .communities-main table th {
        border-top: 1px solid #d6d6d6;
    }

    .communities-main label {
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
    }

a {
    color: #85B0D6;
    text-decoration: none;
}

    a:hover {
        color: #85B0D6;
    }

.tooltip-list {
    padding: 8px;
}

    .tooltip-list li {
        list-style-type: disc;
        list-style-position: inside;
    }

.tooltip-user-assigned i {
    margin-right: 5px;
    font-size: 14px;
}

table#Communities-tbl th {
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    color: #2F5A84;
    padding: 14px 10px;
    white-space: nowrap;
}

    table#Communities-tbl th:first-child {
        padding-left: 34px;
        cursor: pointer;
    }

table#Communities-tbl td {
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    padding: 0 10px;
    color: #000000;
    white-space: nowrap;
}

.tooltip-user-assigned-cursor {
    cursor: pointer;
}

table#Communities-tbl td:first-child {
    padding-left: 34px !important;
}

.community-table-head i {
    font-size: 8px;
    cursor: pointer;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #F9FAFB;
}

.communities-main input[type="checkbox"]:focus {
    box-shadow: none;
}

table#Communities-tbl .null-user-assigned a {
    color: #0A0A0A !important;
}

.show-per-page-communities p {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #212529;
}

    .show-per-page-communities p:first-child {
        border-right: 1px solid #000;
        padding-right: 14px;
    }

    .show-per-page-communities p:last-child {
        padding-left: 14px;
    }

    .show-per-page-communities p span {
        font-weight: 600;
    }

.communities-pagination {
    border: 1px solid #D6D6D6;
    border-radius: 4px;
}

    .communities-pagination li {
        color: #2F5A84;
    }

        .communities-pagination li a {
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
        }

        .communities-pagination li.active {
            background: #2F5A84;
            color: #fff;
        }


/*org-management  Users */


.user-list-main .add-user-btn button {
    background: #20324C;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 9px 19px;
}

.user-list-main table {
    margin-top: 17px;
}

    .user-list-main table th {
        border-top: 1px solid #D6D6D6;
    }

    .user-list-main table td.admin i {
        color: #6199CB;
        font-size: 14px;
        vertical-align: middle;
    }

.user-mdl .modal-header {
    padding: 24px 32px !important;
    border-bottom: 1px solid #E5EDF6;
}

.user-mdl .modal-body {
    padding: 32px;
}

    .user-mdl .modal-body p.instruction {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
        margin-bottom: 32px;
    }

    .user-mdl .modal-body h2 {
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        text-transform: uppercase;
        color: #2F5A84;
    }

    .user-mdl .modal-body label {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
    }

    .user-mdl .modal-body .user-information label span {
        color: #DF6B00;
    }

    .user-mdl .modal-body .permissions {
        margin-top: 40px;
    }

        .user-mdl .modal-body .permissions table th {
            border-bottom: 1px solid #D6D6D6;
            font-weight: 600;
            font-size: 12px;
            line-height: 16px;
            text-transform: uppercase;
            color: #20324C;
        }

        .user-mdl .modal-body .permissions table td {
            border: none;
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
            letter-spacing: 0.1px;
            color: #0A0A0A;
        }

            .user-mdl .modal-body .permissions table td:first-child {
                font-weight: 600;
                font-size: 14px;
                color: #0A0A0A;
            }

                .user-mdl .modal-body .permissions table td:first-child i {
                    vertical-align: middle;
                    margin-left: 8px;
                    font-size: 18px;
                }

.user-mdl .modal-header h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #20324C;
}

.user-mdl .modal-footer {
    padding: 24px 32px 40px !important;
    border-top: 1px solid #E5EDF6 !important;
}

    .user-mdl .modal-footer button {
        background: #20324C;
        border-radius: 4px;
        text-align: center;
        color: #FFFFFF;
        padding: 9px 26px;
        margin: 0;
    }

    .user-mdl .modal-footer .close-btn {
        border: 1px solid #20324C;
        border-radius: 4px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #20324C;
        background: transparent;
        padding: 9px 19px;
    }

.user-mdl .permissions label i {
    color: #6199CB;
}

.user-detail-mdl .user-information-detail h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
    width: 202px;
    max-width: 202px;
}

.user-detail-mdl .user-information-detail p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #3D3D3D;
}

    .user-detail-mdl .user-information-detail p span {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #6199CB;
    }

.user-detail-mdl .security p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

.user-detail-mdl .security {
    margin-top: 40px;
}

.user-detail-mdl button.deactivate-user {
    background: transparent !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #A40000;
}

    .user-detail-mdl button.deactivate-user:hover {
        background: transparent !important;
        color: #D74848 !important;
    }

.deactivate-user-mdl .modal-content {
    max-width: 400px;
    width: 400px;
    padding: 24px 24px 48px;
}

.deactivate-user-mdl .modal-body {
    padding: 0 !important;
}

    .deactivate-user-mdl .modal-body h6 {
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 22px !important;
        color: #0A0A0A !important;
        margin-bottom: 15px;
    }

    .deactivate-user-mdl .modal-body p {
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 19px !important;
        color: #0A0A0A !important;
        margin-bottom: 24px;
    }

.deactivate-user-mdl .dont-deactivate-btn {
    background: #A40000;
    border-radius: 4px;
    padding: 9px 20px;
    color: #fff;
}

.dont-deactivate-btn:hover {
    background: #D74848 !important;
    color: #fff !important;
}

.deactivate-user-mdl .deactivate-btn {
    background: #20324C;
    border-radius: 4px;
    padding: 9px 25px;
    color: #fff;
}

.tooltip-users {
    margin-bottom: 0 !important;
    padding: 8px !important;
}

    .tooltip-users li {
        margin-bottom: 10px !important;
    }

.permission-tooltip i {
    color: #0A0A0A;
}

.tooltip-reset-password-main .tooltip-inner {
    width: 318px !important;
}

    .tooltip-reset-password-main .tooltip-inner ul {
        padding-left: 15px !important;
    }

    .tooltip-reset-password-main .tooltip-inner p {
        margin-bottom: 10px;
    }

.tooltip-reset-password {
    font-size: 14px;
    padding: 8px 21px 16px 8px !important;
    max-width: 100% !important;
}

    .tooltip-reset-password ul li {
        font-size: 14px;
        list-style-type: disc !important;
    }

#ResetPassword-form .form-group a i {
    font-size: 18px;
    color: #0a0a0a;
    margin-left: 6px;
    vertical-align: top;
}



/*profile css start*/
.profile-image {
    padding: 24px 24px 32px;
}

.card-box {
    background: #FFFFFF;
    box-shadow: 2px 2px 8px rgba(27, 42, 64, 0.1);
    border-radius: 4px;
}

.avatar-upload {
    position: relative;
    max-width: 110px;
    margin: 0px auto 24px;
}

    .avatar-upload .avatar-edit {
        position: absolute;
        right: -16px;
        z-index: 1;
        bottom: 15px;
    }

        .avatar-upload .avatar-edit input {
            display: none;
        }

            .avatar-upload .avatar-edit input + label {
                display: inline-block;
                width: 32px;
                height: 32px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #FFFFFF;
                border: 1px solid transparent;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all 0.2s ease-in-out;
                text-align: center;
            }

.avatar-edit label i {
    vertical-align: middle;
    font-size: 14px;
    color: #2F5A84;
}

.avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-preview {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

    .avatar-upload .avatar-preview > div {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

#userimagenamepreview {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: red;
    background: #2F5A84;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    #userimagenamepreview img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #userimagenamepreview span {
        color: #fff;
        font-weight: 900;
    }

#imageNamePreview {
    background: #2F5A84;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #imageNamePreview span {
        color: #fff;
        font-weight: 900;
    }



#imagePreview {
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    border: 1px solid #E9EBEC !important;
}

.profile-avatar-name {
    margin-bottom: 12px;
}

    .profile-avatar-name p {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #495057;
    }

    .profile-avatar-name .title {
        font-weight: 400;
    }

.company-region-name p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #9599AD;
}

.profiles-tabs ul {
    padding: 0px 24px 0px;
    border: none;
    border-bottom: 1px solid #D6D6D6;
}

    .profiles-tabs ul li button {
        font-weight: 400 !important;
        font-size: 16px;
        line-height: 22px;
        color: #2F5A84;
        border: none !important;
        padding: 16px 10px 20px;
    }

        .profiles-tabs ul li button.active {
            font-weight: 600 !important;
            border-bottom: 2px solid #2F5A84 !important;
            color: #2F5A84 !important;
        }

.personal-info label span {
    color: #DF6B00;
}

#profiletabcontent h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
}

.assigned-communiies {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

    .assigned-communiies span {
        color: #6199CB;
    }

.profile-tab-footer {
    margin-top: 130px;
    border-top: 1px solid #D6D6D6;
    padding: 24px 24px 32px;
}

    .profile-tab-footer .save-change-btn {
        color: #FFFFFF;
        background: #20324C;
        border-radius: 4px;
        padding: 9px 22px !important;
    }

    .profile-tab-footer .cancel-btn {
        color: #20324C;
        border: 1px solid #20324C;
        border-radius: 4px;
        padding: 9px 20px;
    }

.tab-pane#notification th {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
    padding: 13px 16px;
    background: rgba(182, 197, 212, 0.1);
    border: none;
}

    .tab-pane#notification th i {
        color: #0A0A0A;
        font-size: 18px;
        margin-left: 8px;
        vertical-align: middle;
    }

    .tab-pane#notification th:first-child {
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        text-transform: uppercase;
        color: #2F5A84;
    }

.tab-pane#notification td {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
    padding: 12px 16px;
    border-bottom: 1px solid #EBEBEB;
}

    .tab-pane#notification td label {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
    }

    .tab-pane#notification td:first-child {
        font-weight: 600;
    }

.profile-tab-footer .reset-defalt {
    color: #20324C;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

    .profile-tab-footer .reset-defalt .btn:disabled {
        background: transparent !important;
        color: #b6c5d4 !important;
        border: none !important;
    }

    .profile-tab-footer .reset-defalt i {
        font-size: 14px;
    }

        .profile-tab-footer .reset-defalt i:last-child {
            color: #0A0A0A;
            font-size: 18px;
        }

.production-in-app .tooltip-inner {
    width: 140px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    padding: 8px !important;
}

.production-in-email .tooltip-inner {
    padding: 8px !important;
    width: 220px !important;
}

    .production-in-email .tooltip-inner p {
        margin-bottom: 15px;
        font-size: 14px !important;
    }

.production-in-communities .tooltip-inner {
    padding: 8px !important;
    width: 310px !important;
}

    .production-in-communities .tooltip-inner p {
        margin-bottom: 15px;
        font-size: 14px !important;
    }

.reset-defalt-tooltip .tooltip-inner {
    padding: 8px !important;
    width: 175px !important;
}

    .reset-defalt-tooltip .tooltip-inner p {
        font-size: 14px !important;
    }

    .reset-defalt-tooltip .tooltip-inner ul li {
        list-style: disc !important;
        font-size: 14px !important;
    }

#notification-save-changes-mdl.deactivate-user-mdl p {
    margin-bottom: 43px;
}

.communities-head h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
}

    .communities-head h2 span {
        font-weight: 400;
    }

.communities-head p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

.table-my-communities th {
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    color: #2F5A84;
    padding: 14px 10px;
    white-space: nowrap;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #EBEBEB;
}

    .table-my-communities th i {
        font-size: 8px;
        cursor: pointer;
    }

.table-my-communities td {
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    padding: 0 10px;
    color: #000000;
    white-space: nowrap;
    border-bottom: 1px solid #EBEBEB;
}

.table-my-communities {
    max-height: 780px;
}

.profiles-tabs ul li button:hover {
    color: #2F5A84;
}

.password-create-tab .password-eye {
    position: relative;
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    line-height: 19px;
}

.password-create-tab input {
    background: transparent;
    border: none;
    width: 100%;
    padding-right: 30px;
    line-height: 22px;
}

.password-create-tab .password-eye i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    font-size: 14px;
    color: #2F5A84;
}

.password-create-tab p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

.password-create-tab label span {
    color: #DF6B00;
}

.password-create-tab label ~ a i {
    color: #0A0A0A;
}

#two-factor-authentication-mdl .model-body h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
}

#two-factor-authentication-mdl .model-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #20324C;
    margin-top: 12px;
}

.two-factor-authentication-btn {
    border: 1px solid #20324C !important;
    border-radius: 4px;
    padding: 9px 24px;
    color: #20324C;
}

    .two-factor-authentication-btn:hover {
        border: 1px solid #20324C !important;
    }

.two-factor-authentication-mdl .modal-body h2 {
    margin-bottom: 12px;
}

.two-factor-authentication-mdl .modal-body p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #20324C;
}

.two-factor-authentication-mdl .qr-code-area-main {
    margin: 40px 0 48px;
}

.two-factor-authentication-mdl .enter-verification-code {
    margin: 40px auto 0px;
}

.two-factor-authentication-mdl .modal-dialog {
    max-width: 774px !important;
}

.two-factor-authentication-mdl .qr-code-area-main h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 1px;
    color: #0A0A0A;
    max-width: 253px;
    margin-left: 35px;
    word-spacing: 20px;
}

.two-factor-authentication-mdl .qr-code-area-main .qr-code {
    text-align: end;
    margin-right: 35px;
    position: relative;
}

    .two-factor-authentication-mdl .qr-code-area-main .qr-code:after {
        content: "";
        position: absolute;
        right: -35px;
        top: 0;
        background: #A3A3A3;
        width: 1px;
        height: 100%;
    }

.black-icon {
    color: #0A0A0A !important;
}

.tooltip-two-factor .tooltip-inner {
    padding: 9px 14px 13px 8px;
}

    .tooltip-two-factor .tooltip-inner span {
        color: #B3CEE6;
    }



/*production-dashboard-css start*/

.production-dashboard-chart h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #0A0A0A;
}

h2.flagged-notification {
    padding-left: 36px !important;
}

.production-dashboard-drp button {
    background: #F0F5FA;
    color: #6199CB;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 6px 8px !important;
}

    .production-dashboard-drp button:hover {
        background: #F0F5FA !important;
        color: #6199CB !important;
    }

.production-dashboard-lot-hold button {
    color: #20324C;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    background: #F0F5FA;
    padding: 6px 8px !important;
}

    .production-dashboard-lot-hold button:hover {
        background: #F0F5FA !important;
        color: #20324C !important;
    }

.flagged-notification-tbl {
    max-height: 450px;
}

    .flagged-notification-tbl th {
        background: rgba(182, 197, 212, 0.1);
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        color: #2F5A84;
        border: none;
        padding: 16px;
    }

        .flagged-notification-tbl th:first-child {
            padding-left: 24px;
        }

        .flagged-notification-tbl th:last-child {
            padding-right: 24px;
        }

    .flagged-notification-tbl td {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        border: none;
        padding: 16px;
    }

        .flagged-notification-tbl td:first-child {
            padding-left: 24px;
            color: #6199CB;
        }

        .flagged-notification-tbl td:last-child {
            padding-right: 24px;
        }

    .flagged-notification-tbl .permit-on-hold p {
        background: #A40000;
        border-radius: 100px;
        color: #fff;
        font-weight: 400;
        font-size: 10px;
        padding: 2px 32px;
        line-height: 20px;
    }

    .flagged-notification-tbl .Pending-site-tbl p {
        background: #F0BB00;
        border-radius: 100px;
        color: #fff;
        font-weight: 400;
        font-size: 10px;
        padding: 2px 32px;
        line-height: 20px;
    }

    .flagged-notification-tbl .in-progress p {
        background: #2F5A84;
        border-radius: 100px;
        color: #fff;
        font-weight: 400;
        font-size: 10px;
        padding: 2px 32px;
        line-height: 20px;
    }

    .flagged-notification-tbl .Complete-tbl p {
        background: #376917;
        border-radius: 100px;
        color: #fff;
        font-weight: 400;
        font-size: 10px;
        padding: 2px 32px;
        line-height: 20px;
    }

    .flagged-notification-tbl .Complete-tbl span {
        color: #376917;
        border: 1px solid #376917;
        border-radius: 100px;
        padding: 2px 15px;
        background: transparent;
        margin-left: 8px;
        width: 140px;
        text-align: center;
    }

    .flagged-notification-tbl .permit-on-hold span {
        color: #A40000;
        border: 1px solid #A40000;
        border-radius: 100px;
        padding: 2px 15px;
        background: transparent;
        margin-left: 8px;
        text-align: center;
    }

    .flagged-notification-tbl .permit-reject p {
        background: #DF6B00;
        border-radius: 100px;
        color: #fff;
        font-weight: 400;
        font-size: 10px;
        padding: 2px 32px;
        line-height: 20px;
    }

.production-dashboard-drp .dropdown-menu {
    box-shadow: 1px 1px 6px rgba(32, 50, 76, 0.15);
    border-radius: none;
    border: none;
    padding: 8px !important;
}

    .production-dashboard-drp .dropdown-menu li a {
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
    }

        .production-dashboard-drp .dropdown-menu li a i {
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
        }

        .production-dashboard-drp .dropdown-menu li a:hover {
            background: #F0F5FA;
        }

    .production-dashboard-drp .dropdown-menu li a {
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        cursor: pointer;
    }



/*active lots css start*/
.active-lots-detail p {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #20324C;
    text-transform: uppercase;
}

.active-lots-detail .total-active p {
    font-weight: 700;
    color: #6199CB;
}

.active-lots-detail ul li:hover {
    cursor: pointer;
}

    .active-lots-detail ul li:hover p {
        color: #6199CB !important;
    }

    .active-lots-detail ul li:hover h2 {
        color: #6199CB !important;
    }

.active-lots-detail .total-active h2 {
    color: #6199CB;
}

.active-lots-detail h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #20324C;
}

.production-active-lots .selectdropdown {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #0A0A0A;
    padding: 5px 16px;
}

    .production-active-lots .selectdropdown button {
        padding: 0;
    }

.production-active-lots .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.production-active-lots .filters-reset-add button {
    color: #20324C;
    padding: 10px;
}

.production-active-lots .filters-reset-add .filter-reset button {
    color: #B6C5D4 !important;
}

.setting-exporty-filters button {
    color: #20324C;
    padding: 10px;
}

.setting-exporty-filters .tress-report .selectdropdown {
    background: #20324C;
    padding: 0;
}

.setting-exporty-filters .tress-report button {
    padding: 10px;
    border-radius: 4px;
    color: #FFFFFF;
}

.truss-report-drp button {
    color: #FFFFFF;
    background: #20324C;
    border-radius: 4px;
    padding: 10px;
    border: none;
    position: relative;
    width: 144px !important;
}

    .truss-report-drp button:after {
        position: absolute;
        right: 15px;
    }

.add-lot button {
    color: #FFFFFF;
    background: #20324C;
    border-radius: 4px;
    padding: 10px;
}

.all-filters-row {
    border-bottom: 1px solid #D6D6D6;
}

.active-lots-tbl thead th {
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    color: #2F5A84;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #EBEBEB;
    padding: 10px 17px 26px;
}

.active-lots-tbl tbody td {
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    color: #000000 !important;
    border-bottom: 1px solid #EBEBEB !important;
    padding: 0 17px;
    vertical-align: middle;
}

    .active-lots-tbl tbody td:first-child {
        font-weight: 600;
        font-size: 14px;
        color: #6199CB !important;
    }

    .active-lots-tbl tbody td.tag .rev {
        font-weight: 400;
        font-size: 9.75px;
        line-height: 13px;
        text-align: center;
        color: #6199CB;
        border: 1px solid #6199CB;
        border-radius: 20px;
        padding: 2px 7px;
    }

    .active-lots-tbl tbody td.tag .exp {
        font-weight: 400;
        font-size: 9.75px;
        line-height: 13px;
        text-align: center;
        color: #A40000;
        border: 1px solid #A40000;
        border-radius: 20px;
        padding: 2px 7px;
    }

    .active-lots-tbl tbody td.lot-status p.request-rec {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #A3A3A3;
        border-radius: 20px;
        width: 104px;
        text-align: center;
    }

    .active-lots-tbl tbody td.lot-status p.on-hold {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #A40000;
        border-radius: 20px;
        width: 104px;
        text-align: center;
    }

    .active-lots-tbl tbody td.lot-status p.accepted {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #6199CB;
        border-radius: 20px;
        width: 104px;
        text-align: center;
    }

    .active-lots-tbl tbody td.lot-status p.permit-rejected {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #DF6B00;
        border-radius: 20px;
        width: 104px;
        text-align: center;
    }

    .active-lots-tbl tbody td.lot-status p.in-progress {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #2F5A84;
        border-radius: 20px;
        width: 104px;
        text-align: center;
    }

    .active-lots-tbl tbody td.tress-status P {
        font-weight: 400;
        font-size: 10px;
        line-height: 18px;
        text-align: center;
        color: #A40000;
        width: 98px;
        border: 1px solid #A40000;
        border-radius: 20px;
        height: 18px;
        width: 104px;
    }

    .active-lots-tbl tbody td.expected-del-date-alert {
        color: #A40000 !important;
    }

    .active-lots-tbl tbody td.deliverables {
        max-width: 287px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .active-lots-tbl tbody td.ship-to {
        max-width: 258px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .active-lots-tbl tbody td.shipping-notes {
        max-width: 137px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.total-lots h2 {
    margin-right: 11px;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #0a0a0a;
}

.total-lots p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #3d3d3d;
}

    .total-lots p:last-child {
        font-size: 12px;
        line-height: 16px;
    }

.total-lots-this-last-year {
    background: rgba(182, 197, 212, 0.1);
    padding: 15px;
}


#scheduled-delivery .user-mdl .modal-body {
    padding: 24px 32px 32px;
}

#scheduled-delivery .modal-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
    margin-bottom: 47px;
}

#scheduled-delivery table th {
    border-radius: 1px solid #D6D6D6;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #20324C;
}

    #scheduled-delivery table th:first-child {
        padding-left: 0;
    }

#scheduled-delivery table td {
    border-bottom: none !important;
    padding: 8px;
}

    #scheduled-delivery table td:last-child {
        color: #6199CB;
        font-size: 14px;
    }

    #scheduled-delivery table td:first-child {
        font-weight: 400;
        font-size: 14px;
        color: #0A0A0A;
        padding-left: 0;
    }

#scheduled-delivery table {
    margin-bottom: 13px;
}

    #scheduled-delivery table .report-send {
        color: #376917 !important;
    }

#tbl-setting-mdl table th {
    border-radius: 1px solid #D6D6D6;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #20324C;
}

#tbl-setting-mdl table th {
    border-radius: 1px solid #D6D6D6;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #20324C;
}

    #tbl-setting-mdl table th:nth-child(2) {
        border: none;
    }

#tbl-setting-mdl .user-mdl .modal-body {
    padding: 24px 32px 32px;
}

#tbl-setting-mdl .modal-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
    margin-bottom: 32px;
}

#tbl-setting-mdl table td {
    border-bottom: none !important;
    padding: 8px;
}

#tbl-setting-mdl .reset-button {
    background: transparent;
    border-radius: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #20324C;
    padding: 0;
}


#tbl-setting-mdl .al-reset-button {
    background: transparent;
    border-radius: unset;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #20324C;
    padding: 0;
}

    #tbl-setting-mdl .al-reset-button:disabled {
        background: transparent !important;
        border-radius: unset !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #B6C5D4 !important;
        padding: 0 !important;
    }


#tbl-setting-mdl .reset-button:hover {
    background: transparent !important;
    color: #20324C !important;
}

.production-active-lots .select2-container {
    width: 100% !important;
}

.production-active-lots input[type="date"] {
    font-size: 14px;
}

.select2.select2-container {
    width: 100% !important;
}

    .select2.select2-container .select2-selection {
        background: #F0F5FA !important;
        border: none !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #6199CB !important;
    border-radius: 7px !important;
    color: #fff !important;
    border: none !important;
    font-weight: 400 !important;
    font-size: 10px !important;
}

/*.select2-selection__rendered {
    padding-left: 16px !important;
}*/

.select2-selection__choice__remove {
    float: right !important;
    color: #fff !important;
    margin-left: 10px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-size: 14px !important;
    /*width: inherit !important;*/
}

input.select2-search__field {
    width: 100% !important;
}
.select2-search.select2-search--inline{
    width:100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    padding: 4px 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #fff !important;
    padding-left: 10px !important;
}

.filter-type-select .select2-container {
    margin-top: 6px !important;
}


.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
    background-color: #6199CB !important;
}

/*completed action lot css start*/


.completed-show-lot-status label {
    font-weight: 400;
}

.active-lots-tbl tbody td.lot-status p.completed {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 2px 10px;
    background: #376917;
    border-radius: 20px;
    width: 104px;
    text-align: center;
}

.active-lots-tbl tbody td.lot-status p.cancelled {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #A3A3A3;
    padding: 2px 10px;
    background: transparent;
    border-radius: 20px;
    width: 104px;
    text-align: center;
    border: 1px solid #A3A3A3;
}

.active-lots-tbl tbody td.past-due-alert {
    color: #A40000 !important;
}

.production-active-lots input[type="date"] {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 16px;
    color: #0A0A0A;
}




/*errer-message css start*/

.errer-message {
    padding: 40px 80px;
}

    .errer-message h1 {
        font-weight: 600;
        font-size: 32px;
        line-height: 44px;
        text-align: center;
        color: #20324C;
    }

    .errer-message p {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #20324C;
        margin-top: 24px;
    }

    .errer-message button {
        margin: 32px auto 32px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        background: #20324C;
        border-radius: 4px;
        padding: 10px 43px;
        border: none !important;
        display: block;
    }

.addunit-main label span {
    color: #DF6B00;
    margin-right: 4px;
}
/*single-family-lot-main css start*/
.single-family-lot-main h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
}

.single-family-lot-main label span {
    color: #DF6B00;
    margin-right: 4px;
}

.single-family-lot-main label i {
    margin-left: 4px;
    vertical-align: middle;
}

.select2.select2-container {
    background: #F0F5FA !important;
    border-radius: 4px !important;
    color: #0A0A0A !important;
    border: 1px solid #E5EDF6 !important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

.select2-selection__placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.sales-center-model {
    height: 40px;
}

.select-lot-option-mdl .modal-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

    .select-lot-option-mdl .modal-body p span {
        font-weight: 600;
    }

.community-elevation li {
    margin-bottom: 8px;
}

.lot-select-checkbox-options hr {
    max-width: 360px;
}

.lot-select-checkbox-options ul li {
    line-height: 36px;
}

    .lot-select-checkbox-options ul li .form-check label {
        font-weight: 400;
        font-size: 14px;
        color: #0A0A0A;
    }

    .lot-select-checkbox-options ul li .form-check input {
        margin-top: 10px;
    }

.modal-footer .reset-button {
    background: transparent !important;
    border-radius: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #B6C5D4 !important;
    padding: 0 !important;
}

.modal-footer .reset-active-button {
    background: transparent !important;
    border-radius: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #20324C !important;
    padding: 0 !important;
}


.single-family-lot-main p.select-community-lot-option {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #0A0A0A;
}

.single-family-lot-main .select-lot-option-btn {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 36px !important;
    color: #6199CB !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.selected-lots-and-view p {
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #0A0A0A;
}

.selected-lots-and-view a {
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #6199CB;
}

.deliverables-and-Shipping-lot-option p {
    margin-top: 11px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.deliverables-and-Shipping-lot-option input::placeholder {
    font-style: italic;
}

.deliverables-and-Shipping-lot-option a {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6199CB;
}

.single-family-lot-main .notes textarea {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 9.5px 16px;
    color: #0A0A0A;
}



/*.documents-drag-and-drop-card input[type="file"] {
  display: none;
}*/
.visually-hidden {
    position: absolute;
    left: -9999px;
}

.documents-drag-and-drop-card .file-drag span {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.1px;
    color: #0A0A0A;
}

    .documents-drag-and-drop-card .file-drag span span {
        color: #2F5A84;
    }

.documents-drag-and-drop-card .file-upload-btn {
    margin: auto;
}

.fileInputSize {
    position: absolute !important;
    opacity: 0 !important;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.file-upload-form {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    padding: 27px 24px;
    position: relative;
}

.documents-drag-and-drop-card .output-file {
    background: #2F5A84;
    color: #fff;
    border-radius: 8px;
    margin-top: 30px;
    padding: 7px 16px;
}

    .documents-drag-and-drop-card .output-file .file-name {
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.1px;
        text-align: left;
    }

    .documents-drag-and-drop-card .output-file .file-size {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.1px;
        color: #B3CEE6;
    }

    .documents-drag-and-drop-card .output-file .file-upload {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.1px;
        color: #B3CEE6;
    }

.close-btn {
    border: 1px solid #20324C;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #20324C;
    padding: 9px 19px;
}

    .close-btn:hover {
        border: 1px solid #20324C !important;
    }

.submit-request-btn {
    background: #20324C;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    border: none !important;
    padding: 9px 15px;
}





/*lot-detail-active lote css start*/



.active-lots-left h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
    margin-bottom: 16px;
}

.active-lots-left .lot-identification-main {
    background: #E5EDF6;
    box-shadow: 2px 2px 8px rgba(27, 42, 64, 0.1);
    border-radius: 4px;
}

    .active-lots-left .lot-identification-main ul {
        padding-left: 0;
    }

        .active-lots-left .lot-identification-main ul li {
            display: flex;
            align-items: center;
        }

            .active-lots-left .lot-identification-main ul li p {
                width: 40%;
                font-weight: 600;
                font-size: 14px;
                line-height: 19px;
                color: #0A0A0A;
            }

            .active-lots-left .lot-identification-main ul li a {
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: #6199CB;
                margin-left: 6px;
            }

            .active-lots-left .lot-identification-main ul li span {
                width: 60%;
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: #3D3D3D;
            }

    .active-lots-left .lot-identification-main .download-all-attachment {
        background: #FFFFFF;
        border: 1px solid #E5EDF6;
        border-radius: 4px;
        padding: 12px 24px;
    }

.active-lots-left .all-attachment .file-img i {
    background: #2F5A84;
    font-size: 20px;
}

.active-lots-left .all-attachment .file-name-detail .file-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #2F5A84;
}

.active-lots-left .all-attachment .file-name-detail .file-size-upload {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

.active-lots-left .all-attachment .file-download-icon i {
    color: #2F5A84;
    font-size: 18px;
}

.active-lots-left .status-timeline-history-main {
    background: #fff;
}

    .active-lots-left .status-timeline-history-main .on-hold {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #A40000;
        border-radius: 20px;
        text-align: center;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }

    .active-lots-left .status-timeline-history-main .wating-info {
        background: transparent;
        border: 1px solid #A40000;
        border-radius: 100px;
        height: 18px;
        text-align: center;
        color: #A40000;
        font-size: 10px;
        line-height: 16px;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }

    .active-lots-left .status-timeline-history-main .request-rec {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #A3A3A3;
        border-radius: 20px;
        text-align: center;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }

    .active-lots-left .status-timeline-history-main .accepted {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #6199CB;
        border-radius: 20px;
        text-align: center;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }

    .active-lots-left .status-timeline-history-main .permit-rejected {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #DF6B00;
        border-radius: 20px;
        text-align: center;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }

    .active-lots-left .status-timeline-history-main .in-progress {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #2F5A84;
        border-radius: 20px;
        text-align: center;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }

    .active-lots-left .status-timeline-history-main .completed {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 2px 10px;
        background: #376917;
        border-radius: 20px;
        text-align: center;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }

    .active-lots-left .status-timeline-history-main .cancelled {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #A3A3A3;
        padding: 2px 10px;
        background: transparent;
        border-radius: 20px;
        text-align: center;
        border: 1px solid #A3A3A3;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 104px;
    }





































    .active-lots-left .status-timeline-history-main .time-history-exp {
        background: transparent;
        border: 1px solid #A40000;
        border-radius: 20px;
        width: 34px;
        height: 18px;
        text-align: center;
        color: #A40000;
        font-size: 10px;
        line-height: 16px;
        margin-left: 8px;
        display: inline-block;
    }

    .active-lots-left .lot-identification-main .time-history-rev {
        background: transparent;
        border: 1px solid #6199CB;
        border-radius: 20px;
        width: 34px;
        height: 18px;
        text-align: center;
        color: #6199CB;
        font-size: 10px;
        line-height: 16px;
        display: inline-block;
        margin-left: 8px;
    }

    .active-lots-left .status-timeline-history-main .timeline-history button {
        background: #20324C;
        border-radius: 4px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        border: none;
        padding: 10px 15px;
    }

.active-lots-left .dates-main {
    background: transparent;
}

.active-lots-left .delivery-detail-main h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
    margin-bottom: 8px;
}

.active-lots-left .delivery-detail-main p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6F6F6F;
}

.active-lots-left .delivery-detail-main .delivery {
    margin-bottom: 24px;
}

.active-lots-left .delivery-detail-main button {
    background: #20324C;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    padding: 10px 22px;
}

.active-lots-left .team h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

.active-lots-left .team p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6F6F6F;
}













.progress-container {
    display: flex;
    justify-content: space-between;
    max-width: 85%;
    position: relative;
    width: 100%;
    z-index: 9;
    margin: auto;
    height: 50px;
}

    .progress-container::before {
        background-color: #D6D6D6;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 12px;
        transform: translateY(-50%);
        width: 100%;
        z-index: -1;
    }

.progress {
    background-color: #2F5A84;
    height: 0.4rem;
    left: 0;
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    transition: 0.4s ease;
    width: 0%;
    z-index: -1;
}

.unread-notification-count {
    margin-right: auto;
    margin-left: 8px;
    font-size: 12px;
}

.circle {
    align-items: center;
    background-color: #D6D6D6;
    border-radius: 50%;
    color: var(--text-color);
    display: flex;
    height: 24px;
    justify-content: center;
    transition: 0.4s ease;
    width: 24px;
    position: relative;
}

.circle p {
    position: absolute;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #A3A3A3;
    white-space: nowrap;
    margin-top: 50px;
}

.circle.active {
    background-color: #2F5A84
}

.circle.active p {
    color: #0A0A0A;
}

    .circle.active-cancelled {
        background: #fff;
        border: 1px solid #D6D6D6;
    }

    .circle.active-complete {
        background-color: #376917
    }

    .circle.active-complete p {
        color: #0A0A0A;
    }

    .circle.active-onhold {
        background-color: #A40000
    }

        .circle.active-onhold p {
            color: #A40000;
        }

    .circle.active-permit-rejected {
        background-color: #DF6B00
    }

        .circle.active-permit-rejected p {
            color: #DF6B00;
        }

.comments-tabs ul {
    padding-left: 35px;
}

.comments-tabs .comment-tab-main {
    margin: 0px 32px;
    border-bottom: 1px solid #EBEBEB;
}

.comments-tabs .comment-tab-main .comment-tab-left-img img {
    width: 32px;
    margin-right: 8px;
    border-radius: 50%;
}

    .comments-tabs .comment-tab-main .comment-tab-right-text .name {
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #6199CB;
        margin-right: 12px;
        margin-bottom: 6px;
    }

    .comments-tabs .comment-tab-main .comment-tab-right-text .date-time {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: #6F6F6F;
        margin-bottom: 6px;
    }

    .comments-tabs .comment-tab-main .comment-tab-right-text .comment-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
    }

    .comments-tabs .comment-tab-main .comment-tab-right-text .zip-file {
        margin-top: 12px;
    }

        .comments-tabs .comment-tab-main .comment-tab-right-text .zip-file i {
            font-size: 20px;
            margin-right: 10px;
        }

        .comments-tabs .comment-tab-main .comment-tab-right-text .zip-file .file-name {
            font-weight: 600;
            font-size: 14px;
            line-height: 19px;
            color: #2F5A84;
        }

        .comments-tabs .comment-tab-main .comment-tab-right-text .zip-file .file-size {
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
            color: #6F6F6F;
            margin-left: 8px;
        }

    .comments-tabs .comment-tab-main:first-child {
        border-bottom: none !important;
    }

.comments-tabs .leave-comment {
    padding: 24px 24px 36px 39px;
    border-top: 1px solid #D6D6D6;
}

    .comments-tabs .leave-comment textarea {
        background: #F0F5FA;
        border: 1px solid #E5EDF6;
        border-radius: 4px;
        padding: 10px;
    }

    .comments-tabs .leave-comment .filelabel {
        display: block;
        cursor: pointer;
        text-align: center;
        margin: 0;
    }

        .comments-tabs .leave-comment .filelabel i {
            display: block;
            font-size: 30px;
            padding-bottom: 5px;
        }

        .comments-tabs .leave-comment .filelabel i,
        .comments-tabs .leave-comment .filelabel .title {
            color: #0A0A0A;
        }

    .comments-tabs .leave-comment .FileInput-upload {
        display: none;
    }

    .comments-tabs .leave-comment button {
        background: #20324C;
        border-radius: 4px;
        padding: 10px 15px;
        color: #fff;
        margin-left: 16px;
    }

.lot-history-detail li {
    margin-bottom: 24px;
}

    .lot-history-detail li:last-child {
        margin-bottom: 0;
    }

    .lot-history-detail li .circle {
        width: 15px;
        height: 15px;
        min-width: 15px;
        border-radius: 50%;
        text-align: center;
        background: #000;
        margin-right: 12px;
        color: #fff;
        font-weight: 500;
        font-size: 10px;
        position: relative;
    }

        .lot-history-detail li .circle:after {
            position: absolute;
            content: "";
            width: 0px;
            height: 25px;
            border-right: 1px dashed #D6D6D6;
            top: 16px;
        }

    .lot-history-detail li:last-child .circle:after {
        display: none;
    }

.lot-history .lot-history-detail {
    padding: 30px 52px 11px;
    border-bottom: none;
}

.lot-history-detail li p {
    color: #0A0A0A;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
}

    .lot-history-detail li p span {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        margin-left: 4px;
        color: #6F6F6F;
    }

.lot-history-detail .orignal-request-circle .circle {
    background: #A3A3A3;
    border: 1px solid #A3A3A3;
}

.lot-history-detail .lot-expedited-circle .circle {
    background: #fff;
    border: 1px solid #A40000;
    color: #A40000;
}

.lot-history-detail .accepted-circle .circle {
    background: #6199CB;
    border: 1px solid #6199CB;
    color: #6199CB;
}

.lot-history-detail .in-progress-circle .circle {
    background: #20324C;
    border: 1px solid #20324C;
    color: #20324C;
}

.lot-history-detail .revision-submitted-circle .circle {
    background: #fff;
    border: 1px solid #6199CB;
    color: #6199CB;
}

.lot-history-detail .on-hold-circle .circle {
    background: #A40000;
    border: 1px solid #A40000;
    color: #A40000;
}

.lot-history-detail .deliverables-requested-circle .circle {
    background: #fff;
    border: 1px solid #6F6F6F;
    color: #6F6F6F;
}

.lot-history-detail .pending-circle .circle {
    background: #F0BB00;
    border: 1px solid #F0BB00;
    color: #A40000;
}

.lot-history-detail .complete-circle .circle {
    background: #376917;
    border: 1px solid #376917;
    color: #A40000;
}

.lot-history-detail .permit-rejected-circle .circle {
    background: #DF6B00;
    border: 1px solid #DF6B00;
    color: #A40000;
}

.lot-history-detail .truss-rejected-circle .circle {
    background: #DF6B00;
    border: 1px solid #DF6B00;
    color: #A40000;
}

.lot-history-detail .cancelled-circle .circle {
    background: #fff;
    border: 1px solid #6F6F6F;
    color: #6F6F6F;
}

.lot-history-detail .swat-circle .circle {
    background: #fff;
    border: 1px solid #6199CB;
    color: #6199CB;
}

.swat-ticket-tbl h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
}

.swat-ticket-tbl .swat-ticket-btn {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #20324C;
    padding: 6px 8px;
    background: #F0F5FA;
    border-radius: 4px;
}

.swat-ticket-tbl .swat-ticket-head {
    padding: 15px 24px 17px;
}

.swat-ticket-tbl thead th {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #2F5A84;
    background: rgba(182, 197, 212, 0.1);
    padding: 15px;
    border-bottom: none !important;
}

    .swat-ticket-tbl thead th:first-child {
        padding-left: 24px;
    }

    .swat-ticket-tbl thead th:last-child {
        padding-right: 24px;
    }

.swat-ticket-tbl tbody td {
    border: none;
    padding: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #0A0A0A;
}

    .swat-ticket-tbl tbody td:first-child {
        padding-left: 24px;
        font-weight: 600;
        font-size: 14px;
        color: #6199CB;
    }

    .swat-ticket-tbl tbody td:last-child {
        padding-right: 24px;
        color: #6199CB;
        font-size: 18px;
    }

    .swat-ticket-tbl tbody td.swat-progress {
        vertical-align: middle;
    }

        .swat-ticket-tbl tbody td.swat-progress p {
            background: #2F5A84;
            color: #fff;
            line-height: 18px;
            font-weight: 400;
            font-size: 10px;
            text-align: center;
            width: 104px;
            padding: 2px 10px;
            padding-right: 8px;
            padding-left: 8px;
            border-radius: 20px;
        }

    .swat-ticket-tbl tbody td.swat-onhold p {
        background: #A40000;
    }

    .swat-ticket-tbl tbody td.swat-complete p {
        background: #376917;
    }

    .swat-ticket-tbl tbody td.swat-request-received p {
        background: #A3A3A3;
    }

    .swat-ticket-tbl tbody td.swat-pending-site-visit p {
        background: #F0BB00;
    }

    .swat-ticket-tbl tbody td.swat-title {
        max-width: 350px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.invoice-tble-action-lot td {
    font-weight: 400;
    font-size: 14px;
    color: #0A0A0A;
}

    .invoice-tble-action-lot td:first-child {
        font-weight: 400 !important;
        font-size: 14px !important;
        color: #0A0A0A !important;
    }

    .invoice-tble-action-lot td:last-child {
        font-weight: 400 !important;
        font-size: 14px !important;
        color: #0A0A0A !important;
    }

.invoice-tble-action-lot .charge-past-due {
    color: #A40000;
    font-weight: bold;
}

.request-deliverables-mdl .modal-content {
    padding: 24px 30px 40px;
}

.request-revision-mdl .modal-content {
    padding: 24px 30px 40px;
}



/*home page css start*/
.learn-about-cortex-content-right {
    margin-left: 20px;
}

.home-notification-inner-main {
    height: 590px;
    overflow: auto;
}

.home-page .home-notification-head h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #0A0A0A;
}

.home-page .home-notification-head {
    padding: 16px 24px 16px;
    border-bottom: 1px solid #EBEBEB;
}

.home-notification-head .setting-icon {
    margin-right: 26px;
}

    .home-notification-head .setting-icon i {
        color: #20324C;
        font-size: 18px;
    }

.home-notification-head .show-flagged-unread {
    background: #F0F5FA;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-right: 16px;
}

select:focus-visible {
    outline: none;
}

.home-notification-head .show-flagged-unread label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #20324C;
}

.home-notification-head .show-flagged-unread a {
    padding: 0;
    border: none;
}

    .home-notification-head .show-flagged-unread a:active {
        border: none !important;
        outline: none;
    }

    .home-notification-head .show-flagged-unread a.show {
        border: none;
    }

    .home-notification-head .show-flagged-unread a span {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: #20324C;
        border: none;
        background: transparent;
    }

.show-flagged-unread .dropdown-toggle::after {
    vertical-align: middle;
}

.show-flagged-unread .dropdown-item.active, .dropdown-item:active {
    background: transparent;
    color: initial;
}

.show-flagged-unread .dropdown-item:hover {
    background: transparent;
}

.show-flagged-unread .dropdown-menu {
    padding: 7px 16px 12px 16px;
    box-shadow: 1px 1px 6px rgba(32, 50, 76, 0.15);
    border: none;
}

    .show-flagged-unread .dropdown-menu li {
        padding-bottom: 18px;
    }

        .show-flagged-unread .dropdown-menu li:last-child {
            padding-bottom: 0px;
        }

.home-notification-head button {
    background: #F0F5FA !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #20324C !important;
    padding: 5px 8px !important;
}

.home-notification-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px 16px;
    border-bottom: 1px solid #EBEBEB;
}

.home-notification-inner-right {
    width: 104px;
    display: flex;
    flex-wrap: nowrap;
}

.home-notification-inner .home-notification-left .date-time {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #A3A3A3;
}

.home-notification-inner .home-notification-left .lot-number {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #6199CB;
}

    .home-notification-inner .home-notification-left .lot-number span {
        font-weight: 400;
        color: #0A0A0A;
    }

.home-notification-inner .home-notification-left .status p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

.home-notification-inner .home-notification-left .status .on-hold {
    background: #A40000;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    width: 104px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
}

.home-notification-inner .home-notification-left .status .waiting {
    background: transparent;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #A40000;
    border: 1px solid #A40000;
    width: 104px;
    height: 18px;
    border-radius: 20px;
}

.home-notification-inner .home-notification-inner-right .fill-flag {
    margin-right: 45px;
}

    .home-notification-inner .home-notification-inner-right .fill-flag i {
        color: #A40000;
        font-size: 19px;
        line-height: normal;
    }

.home-notification-inner .home-notification-inner-right .unread-message {
    margin-right: 14px;
}

    .home-notification-inner .home-notification-inner-right .unread-message i {
        color: #2F5A84;
        font-size: 22px;
        line-height: normal;
    }


.home-notification-inner .home-notification-inner-right .blank-flag {
    margin-right: 45px;
}

    .home-notification-inner .home-notification-inner-right .blank-flag i {
        color: #D6D6D6;
        font-size: 19px;
    }

.home-notification-inner .home-notification-inner-right a {
}

.home-notification-inner .home-notification-inner-right .read-message {
    margin-right: 14px;
}

    .home-notification-inner .home-notification-inner-right .read-message i {
        color: #D6D6D6;
        font-size: 22px;
    }

.home-notification-inner .home-notification-left .status .pending-site {
    background: #F0BB00;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    width: 104px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
}

.home-notification-inner .home-notification-left .status .permit-rejected {
    background: #DF6B00;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    width: 104px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
}



.home-notification-inner .home-notification-left .status .permit-inprogress {
    background: #2f5a84;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    width: 104px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
}

.home-notification-inner .home-notification-left .status .permit-cancelled {
    background: #fff;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #a3a3a3;
    width: 104px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
    border: 1px solid #a3a3a3;
}

.home-notification-inner .home-notification-left .status .permit-accepted {
    background: #6199cb;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    width: 104px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
}



.home-notification-inner .home-notification-left .status .permit-Complete {
    background: #376917;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    width: 104px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
}

.home-notification-inner .home-notification-left .message-notification i {
    color: #000000;
    font-size: 13px;
}

.home-notification-inner .home-notification-left .message-notification P {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-page .notification-next-preview-btn {
    padding: 16px 24px 24px;
}

    .home-page .notification-next-preview-btn button {
        background: transparent;
        color: #D6D6D6;
    }

    .home-page .notification-next-preview-btn .notifivation-button-box {
        border: 1px solid #D6D6D6;
        border-radius: 4px;
        width: fit-content;
        margin: auto;
    }

    .home-page .notification-next-preview-btn button:hover {
        background: transparent !important;
        color: #D6D6D6 !important;
    }

    .home-page .notification-next-preview-btn .nxt-btn {
        border-left: 1px solid #d6d6d6;
        border-radius: 0;
    }

.fieldstone-main {
    height: 590px;
    overflow: auto;
}

.fieldstone-heading {
    padding: 22px 24px 19px !important;
}

.fieldstone-main .fieldstone-left {
    margin-right: 14px;
    width: 115px;
    height: 115px;
    object-fit: cover;
}

.fieldstone-main .fieldstone-inner {
    border-bottom: 1px solid #EBEBEB;
    padding: 12px 0px;
}

.fieldstone-main .fieldstone-right {
    padding-right: 22px;
}

    .fieldstone-main .fieldstone-right .fieldstone-right-heading {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: #0A0A0A;
    }

    .fieldstone-main .fieldstone-right p {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #000000;
        margin: 8px 0;
    }

        .fieldstone-main .fieldstone-right p.project-detail {
            width: 100%;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

    .fieldstone-main .fieldstone-right .fieldstone-read-more p {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #2F5A84;
        margin: 0;
    }

    .fieldstone-main .fieldstone-right .fieldstone-read-more i {
        color: #2F5A84;
        font-size: 13px;
    }

.new-in-contex-heading {
    padding: 24px;
    border-bottom: 1px solid #EBEBEB;
}

    .new-in-contex-heading h2 {
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        text-transform: uppercase;
        color: #0A0A0A;
    }

.new-in-contex .new-in-contex-content h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.new-in-contex .new-in-contex-content p {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.learn-about-cortex-content-right h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #2F5A84;
}

.learn-about-cortex-content-right i {
    color: #2F5A84;
    font-size: 13px;
    margin-left: 8px;
}

.learn-about-cortex-content-right p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    margin-top: 4px;
}

.send-feedback-main select {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 14px;
}

.send-feedback-main input::placeholder {
    font-style: italic !important;
}

.send-feedback-main textarea::placeholder {
    font-style: italic !important;
}

.send-feedback-main textarea {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-size: 14px;
}

.file-drag span {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.1px;
    color: #0A0A0A;
}

    .file-drag span span {
        color: #2F5A84;
    }

.send-feedback-main .send-feedback-inner button {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #2F5A84;
    padding: 9px 13px;
    border: 1px solid #2F5A84;
    border-radius: 4px;
}

.send-feedback-main select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.output-file-close-icon {
    margin-right: 14px;
}

    .output-file-close-icon i {
        font-size: 20px;
        color: #fff;
        vertical-align: middle;
    }

.home-notification-left {
    width: calc(100% - 104px);
}

.new-in-contex-inner-main {
    height: 450px;
    overflow: auto;
}

@media (max-width:767px) {
    .home-notification-inner-right {
        align-self: flex-start;
    }
}





/*accounting-invoice-page css start*/

.accounting-invoice-filters li a {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #20324C;
    padding: 10px;
}

    .accounting-invoice-filters li a i {
        color: #20324C;
        font-size: 14px;
    }

.accounting-invoice-filters {
    border-bottom: 1px solid #D6D6D6;
}

.invoice-collapse-filters-area {
    padding-bottom: 33px;
}

.account-invoice-table td:first-child {
    font-weight: 400 !important;
}

.account-invoice-table .charge-alert {
    color: #A40000 !important;
}

.account-invoice-table .invoice-past-due {
    color: #A40000 !important;
}

.account-invoice-table .lot-number {
    color: #6199CB !important;
}

.account-invoice-table .swat-request {
    color: #6199CB !important;
}


/*swat-dashboard css start*/
.on-hold {
    background: #A40000;
    border-radius: 100px;
    width: 104px;
    height: 18px;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}

.waiting-info-request {
    background: transparent;
    border-radius: 100px;
    width: 104px;
    height: 18px;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #A40000;
    border: 1px solid #A40000;
}

.pending {
    background: #F0BB00;
    border-radius: 100px;
    width: 104px;
    height: 18px;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}

.swat-dashboard-notification-tbl td:first-child {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #6199CB !important;
}

.swat-dashboard-notification-tbl td i {
    font-size: 19px;
    color: #A40000;
}

.swat-dashboard-notification th {
    border-bottom: none !important;
}

.active-lots-tbl.swat-dashboard-notification td {
    border-bottom: none !important;
}

.flagged-notification h2 {
    padding: 20px 0px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #0A0A0A;
}

.swat-dashboard-notification-tbl thead {
    background: rgba(182, 197, 212, 0.1);
}

    .swat-dashboard-notification-tbl thead th {
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        color: #2F5A84;
        padding: 14px 12px 12px;
    }

        .swat-dashboard-notification-tbl thead th:first-child {
            padding-left: 24px;
        }

        .swat-dashboard-notification-tbl thead th:last-child {
            padding-right: 24px;
        }

.swat-dashboard-notification-tbl tbody td {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #6199CB;
    padding: 18px 12px;
}

    .swat-dashboard-notification-tbl tbody td:first-child {
        padding-left: 24px;
    }

    .swat-dashboard-notification-tbl tbody td:last-child {
        padding-right: 24px;
    }

.requests-completed-swat-dashboard {
    background: rgba(182, 197, 212, 0.1);
}

    .requests-completed-swat-dashboard h6 {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #0A0A0A;
        margin-right: 12px;
    }

    .requests-completed-swat-dashboard p {
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        color: #3D3D3D;
    }

        .requests-completed-swat-dashboard p:last-child {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #3D3D3D;
        }

.request-completed-chart-dropdown button {
    background: #F0F5FA;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #347683;
    padding: 6px 8px;
}

    .request-completed-chart-dropdown button:hover {
        background: #F0F5FA !important;
        color: #347683 !important;
    }



/*swat-request css start*/


.swat-request #expand-filter label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.swat-request .create-request-btn {
    background: #20324C;
    border-radius: 4px;
    padding: 10px 19px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}

.input-search {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
}

    .input-search input {
        background: transparent;
        border: none;
    }

        .input-search input[type="text"]:focus {
            background: #F0F5FA;
            box-shadow: none;
            border: none !important;
        }

        .input-search input[type="text"]:focus-visible {
            background: #F0F5FA;
            box-shadow: none;
            border: none !important;
            outline: none;
        }

    .input-search button {
        background: #FFFFFF;
        border: 1px solid #B6C5D4;
        border-radius: 0px 4px 4px 0px;
        padding: 8px 8px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #B6C5D4;
    }

        .input-search button:hover {
            border: 1px solid #B6C5D4 !important;
            color: #B6C5D4 !important;
        }

.active-lots-tbl .pending-status p {
    width: 104px;
    height: 18px;
    background: #F0BB00;
    border-radius: 100px;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    line-height: 18px;
}

.swat-request-create .file-upload-form {
    padding: 40px 24px;
}

.swat-request-create h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #2F5A84;
}

.label-required {
    color: #DF6B00;
    margin-right: 4px;
}

input[type=radio] ~ label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.1px;
    color: #0A0A0A;
}

/*swat-request-issue-detail css start*/

.swat-request-issue-detail-invoice-tbl td:first-child {
    font-weight: 400 !important;
    color: #0A0A0A !important;
}

.swat-request-issue-detail-invoice-tbl td:last-child {
    font-weight: 400 !important;
    color: #0A0A0A !important;
    font-size: 14px !important;
}

.swat-request-issue-detail-invoice-tbl td.charge {
    color: #A40000;
}

.swat-request-issue-detail-invoice-tbl td.invoice-status {
    color: #A40000;
}

.swat-request-issue-detail-invoice-tbl td.invoice-date i {
    color: #A40000;
}

.swat-request-issue-detail-invoice-tbl h2 {
    padding: 20px 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
}

.repair-head {
    border-bottom: 1px solid #6F6F6F;
}

    .repair-head h2 {
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        color: #0A0A0A;
    }

.repair-detail {
    padding: 32px 8px 32px;
}

    .repair-detail p {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
        margin-bottom: 13px;
    }

    .repair-detail .design-image img {
        width: 400px;
    }

    .repair-detail .design-image {
        margin-bottom: 32px;
    }

.file-name-detail i {
    color: #2F5A84;
    font-size: 20px;
    margin-right: 10px;
}

.file-name-detail {
    margin-bottom: 11px;
}

    .file-name-detail h6 {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        color: #2F5A84;
        margin-right: 8px;
    }

    .file-name-detail p {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #6F6F6F;
    }

.request-detail-card-box {
    background: #E5EDF6;
    box-shadow: 2px 2px 8px rgba(27, 42, 64, 0.1);
    border-radius: 4px;
}

    .request-detail-card-box h2 {
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        text-transform: uppercase;
        color: #2F5A84;
        margin-bottom: 16px;
    }

    .request-detail-card-box ul li h6 {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
        width: 50%;
    }

    .request-detail-card-box ul li p {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
        width: 50%;
    }

        .request-detail-card-box ul li p.status-in-progress {
            width: 104px;
            height: 18px;
            line-height: 18px;
            background: #2F5A84;
            font-size: 10px;
            text-align: center;
            color: #fff;
            border-radius: 20px;
        }

        .request-detail-card-box ul li p.complete {
            width: 104px;
            height: 18px;
            line-height: 18px;
            background: #376917 !important;
            font-size: 10px;
            text-align: center;
            color: #fff;
            border-radius: 20px;
        }

    .request-detail-card-box ul li .lot-number {
        color: #6199CB;
    }

.all-attachments-inner {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    padding: 9px 28px 9px 9px;
}

    .all-attachments-inner .file-icon {
        margin-right: 10px;
    }

        .all-attachments-inner .file-icon i {
            font-size: 20px;
            padding: 15px;
            color: #6199CB;
            background: #fff;
            border-radius: 4px;
        }

    .all-attachments-inner .file-details h6 {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        color: #2F5A84;
        margin-bottom: 4px;
    }

    .all-attachments-inner .file-details div span {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #0A0A0A;
    }

    .all-attachments-inner .download i {
        font-size: 15px;
        color: #6199CB;
    }

.all-attachment h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
}

.all-attachments-inner:last-child {
    margin-bottom: 0 !important;
}

.team-section h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
    margin-bottom: 16px;
}

.team-section .team-name-detail h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.2px;
    color: #0A0A0A;
}

.team-section .team-name-detail p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6F6F6F;
}

.team-section .team-swat {
    border-top: 1px solid #EBEBEB;
}

.team-swat p {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #0A0A0A;
}

    .team-swat p span {
        color: #6199CB;
    }

        .team-swat p span.call-number {
            border: 1px solid #A3A3A3;
            border-top: 0;
            border-bottom: 0;
            padding: 0 8px;
            margin: 0 8px;
        }

.jurisdiction-section h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F5A84;
    margin-bottom: 16px;
}

.jurisdiction-section p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6F6F6F;
}

.filter-plus-minus {
    width: 14px !important;
}

.filter-add i {
    font-size: 14px !important;
}

/*activelots additional*/
.request-additional-deliverables-mdl .modal-header h6 {
    color: #20324C;
}

.request-additional-deliverables-mdl .modal-body {
    padding: 24px 32px;
}

.request-additional-deliverables-mdl .select-deliverables {
    border-bottom: 1px solid #D6D6D6;
}

    .request-additional-deliverables-mdl .select-deliverables p:first-child {
        font-size: 14px;
        color: #0A0A0A;
        margin-bottom: 42px;
        font-weight: 400;
    }

    .request-additional-deliverables-mdl .select-deliverables p:last-child {
        font-size: 12px;
        color: #20324C;
        margin-bottom: 10px;
        font-weight: 500;
    }

.request-additional-deliverables-mdl .original-email-dropbox ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.request-additional-deliverables-mdl .original-email-dropbox label {
    font-weight: 400;
    font-size: 14px;
}

.request-additional-deliverables-mdl .additional-deliver {
    margin-top: 40px;
}

    .request-additional-deliverables-mdl .additional-deliver h2 {
        font-size: 12px;
        font-weight: 500;
        color: #20324C;
        border-bottom: 1px solid #D6D6D6;
        padding-bottom: 10px;
    }

.red-deliverables {
    color: #A40000 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.request-additional-deliverables-mdl .modal-footer .deliverable-free-approved {
    color: #A40000;
    font-size: 14px;
    font-weight: 600;
}

    .request-additional-deliverables-mdl .modal-footer .deliverable-free-approved i {
        font-size: 18px;
        font-weight: 900;
    }

.request-additional-deliverables-mdl select {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 9.5px 16px;
    color: #0A0A0A;
}

.request-additional-deliverables-mdl table td {
    border-bottom: 1px solid #D6D6D6;
    padding: 16px 0;
}

.request-additional-deliverables-mdl select:focus {
    box-shadow: none;
    border: 1px solid #E5EDF6;
    background: #F0F5FA;
}

.request-additional-deliverables-mdl .document-select {
    width: 214px;
}

.request-additional-deliverables-mdl .format-select {
    width: 113px;
}

.request-additional-deliverables-mdl .quantity-select {
    width: 69px;
}

.request-additional-deliverables-mdl .size-select {
    width: 147px;
}

@media (min-width:1024px) {
    .request-additional-deliverables-mdl .document-select {
        width: 100%;
    }

    .request-additional-deliverables-mdl .format-select {
        width: 100%;
    }

    .request-additional-deliverables-mdl .quantity-select {
        width: 100%;
    }

    .request-additional-deliverables-mdl .size-select {
        width: 100%;
    }
}

.request-additional-deliverables-mdl .modal-dialog {
    max-width: 1068px !important;
}

.request-additional-deliverables-mdl textarea {
    background: #E5EDF6;
    padding: 10px;
}

.request-additional-deliverables-mdl .form-check-label {
    font-size: 14px;
    font-weight: 400;
}

.request-additional-deliverables-mdl .dlt-btn i {
    color: #A40000;
    font-size: 18px;
    font-weight: bold;
}

.request-additional-deliverables-mdl .add-deliver button {
    padding: 10px 7px;
    border: none;
    background: transparent;
    color: #20324C;
    font-weight: 700;
    font-size: 14px;
    margin-top: 18px;
    margin-bottom: 38px;
}

    .request-additional-deliverables-mdl .add-deliver button i {
        color: #20324C;
    }

.tooltip-options {
    padding: 0px;
}

    .tooltip-options ul {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

        .tooltip-options ul li {
            margin-bottom: 16px;
            font-size: 14px;
            font-weight: 400;
            text-decoration: none;
            padding-left: 0 !important;
            margin-left: 0 !important;
        }

            .tooltip-options ul li:last-child {
                margin-bottom: 0px;
            }

.production-active-lots .filters-reset-add .filter-reset button.recent-active {
    color: #20324C !important;
}

.dropdown button:focus {
    background: #20324C !important;
    color: #fff !important;
}

.requiredtext label {
    color: #A40000 !important;
}

    .requiredtext label i {
        color: #000 !important;
    }

.requiredtext input[type="text"] {
    border: 1px solid #A40000 !important;
    background: #FFEAEA !important;
}

.requiredtext p {
    color: #A40000 !important;
    font-family: Open Sans !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.requiredtext .select2.select2-container {
    background: #FFEAEA !important;
    border: 1px solid #A40000 !important;
}

    .requiredtext .select2.select2-container .select2-selection {
        background: #FFEAEA !important;
    }

/*condo */

.lot-unit-tbl .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #fff !important;
    --bs-table-accent-bg: #fff !important;
}

.lot-unit-tbl .table-striped > tbody > tr:nth-of-type(even) > * {
    background: #F5F5F5 !important;
}

.lot-unit-tbl .edit-dlt-icon i.la-edit {
    font-size: 18px;
    margin-right: 16px;
}

.lot-unit-tbl .edit-dlt-icon i.la-trash {
    font-size: 18px;
    color: #A40000;
}

.lot-unit-tbl tbody td:first-child {
    color: #000000 !important;
}

.lot-unit-mdl-btn button {
    color: #20324C;
}

    .lot-unit-mdl-btn button i {
        color: #20324C;
        font-size: 16px !important;
    }

.lot-unit-heading {
    border-bottom: 1px solid #D6D6D6;
}

.lot-unit-tbl thead th {
    border-top: none !important;
}

.note-option-textarea {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
}

    .note-option-textarea:focus {
        background: #F0F5FA;
        box-shadow: none;
        border: 1px solid #E5EDF6;
    }


.select2-container--open {
    z-index: 9999999;
}


.select2.select2-container--disabled .select2-selection {
    background: #EBEBEB !important;
}

.select2-container--disabled .select2-selection {
    background: #EBEBEB !important;
    color: #888888 !important;
    border: 1px solid #EBEBEB !important;
    cursor: not-allowed;
}

.addlot-select-option {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 36px !important;
    color: #6199CB !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.addlot-select-lot-option-btn {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 36px !important;
    color: #6199CB !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

#Add-lot-mdl {
    z-index: 9999;
}

#lot-option-mdl {
    z-index: 99999;
}

.unvisible-label {
    visibility: hidden !important;
}

.additional-row .filter-type-select .select2-container {
    margin-top: 0 !important;
}

.ri-question-line {
    color: #000;
    font-weight: 400;
    vertical-align: middle;
}

.additional-deliver table td {
    padding-right: 24px;
}

    .additional-deliver table td:last-child {
        padding-right: 0px;
    }

#qrCode img {
    margin: auto;
    width: 180px;
    height: auto;
}

.learn-about-cortex-content img {
    max-width: 156px;
    height: 95px;
    object-fit: cover;
}

.production-dashboard-drp select {
    background: #f0f5fa;
    border-radius: 6px;
    border: none;
    color: #6199CB;
    font-weight: 300 !important;
    font-size: 12px !important;
    line-height: 16px;
    padding: 6px;
}

    .production-dashboard-drp select:focus-visible {
        border: none;
    }

    .production-dashboard-drp select option {
        border: none !important;
    }

.table-emplty .blank-flag {
    text-align: center;
    margin-top: 40px;
}

    .table-emplty .blank-flag p {
        width: 290px;
        margin: auto;
        margin-top: 35px;
    }


.home-section select {
    background: #f0f5fa;
    border-radius: 6px;
    border: none;
    color: #6199CB;
    font-weight: 300 !important;
    font-size: 12px !important;
    line-height: 16px;
    width: 100%;
    padding: 0px 10px;
    height: 28px;
}

.OrgStates .select2-selection__arrow {
    display: none;
}

.OrgStates .select2-selection__placeholder {
    color: #0A0A0A !important;
}

.OrgStates select {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 16px;
    color: #0A0A0A;
}

.Activelot-Production-select select {
    background: #F0F5FA;
    border: 1px solid #E5EDF6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 16px;
    color: #0A0A0A;
    appearance: none;
}

.footer {
    bottom: 0 !important;
}

/*datepicker css start*/
.datepicker {
    min-width: 300px !important;
    padding: 0 !important;
}

    .datepicker table.table-condensed {
        width: 100% !important;
    }

        .datepicker table.table-condensed thead th {
            background: #20324c !important;
            padding: 10px 8px !important;
            border-radius: 0 !important;
            color: #fff !important;
            font-size: 14px !important;
            font-weight: 400 !important;
        }

       
        .datepicker table.table-condensed td.month {
            padding: 10px !important;
            font-size: 14px !important;
        }
        .datepicker table.table-condensed td span.active {
            background: #20324c !important;
            color: #fff !important;
        }
    .datepicker table tr td span.focused {
        background: #20324c !important;
        color: #fff !important;
    }
        .datepicker table.table-condensed td.day {
            padding: 10px !important;
            font-size: 14px !important;
        }

            .datepicker table.table-condensed td.day.active {
                background: #20324c !important;
                color: #fff !important;
                border-radius: 50%;
                padding: 10px !important;
            }
            .datepicker table.table-condensed td.day:hover {
                background: #F0F5FA !important;
                border-radius: 50%;
                padding: 10px !important;
            }
            .datepicker table.table-condensed td.day.today {
                background: #F0F5FA !important;
                outline: 1px solid #8dc5fd !important;
                color: #20324c !important;
                border-radius: 50%;
                padding: 10px !important;
            }
.datepicker-dropdown:after {
    border-bottom: 6px solid #20324c !important;
   
}
.input-group-append {
    border: none;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: transparent !important;
}
.input-group-text {
    padding: 0;
    border: none;
    background: transparent !important;
}
    .input-group-text i {
        font-size: 26px;
    }
i.calender-icon{
    font-size:20px;
}
/*.datepicker-dropdown.datepicker-orient-left:after {
    right: 7px !important;
    width: 8px !important;
    left: 94% !important;
}
.datepicker-dropdown.datepicker-orient-left:before {
   display:none !important;
}*/
#calender input:focus {
    z-index: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

#calender input:focus {
    box-shadow: none !important;
    outline: none !important;
}


#scheduled-delivery .al-reset-button {
    background: transparent !important;
    border-radius: unset !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #B6C5D4 ;
    padding: 0 !important;
}
.custom-mdl-loader .modal-content {
    position: relative;
}
.custom-mdl-loader .modal-content {
    position: relative;
    border: none !important;
}
.custom-mdl-loader .loading-bg {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100% !important;
    height: 100% !important;
}
.modal-footer .al-reset-button{
    color:#20324c !important;
    border:none;
    outline:none;
}
.expendited-active p {
    font-weight: 700;
    position: relative;
    color: #6199CB !important;
}
.expendited-active h2 {
    font-weight: 700;
    color: #6199CB !important;
}
.expendited-active p:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6199CB;
    top:50%;
    transform:translateY(-50%);
    right:-12px;
}
.btn-modal-send {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6199CB;
    font-size: 14px !important;
    font-weight:400 !important;
    margin-left:23px;
}
.modal-sendto-div {
    border-top: 1px solid #e9ebec;
    padding: 12px;
}

.modal-sendto-div input{
    width:80% !important;

}

tr.lotdetail-buildingunit-selected > td {
    background: #E5EDF6 !important;
    font-weight: bold !important;
}

tr.lotdetail-buildingunit-selected > td:first-child {
    font-weight: bold !important;
}

.userimagepreview img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.lot-select-missing-options {
    padding: 32px 24px;
}

    .lot-select-missing-options hr {
        max-width: 360px;
    }

    .lot-select-missing-options .form-check label {
        font-weight: 400;
        font-size: 14px;
        color: #0A0A0A;
    }

.tooltip {
    z-index: 99999999 !important;
}

.color-primary-white {
    /* current primary color on white is really low contrast */
    color: #2f5a84; /* pulled from figma design */
}
.project-box {
    margin-top: 30px;
    background: #FFFFFF;
    box-shadow: 2px 2px 8px rgba(27, 42, 64, 0.1);
    border-radius: 4px;
}

.project-box td:first-child, .project-box th:first-child {
    padding-left: 1.5rem;
}
.project-box .milestone td:first-child {
    padding-left: 3.0rem !important;
}
.project-box td:last-child, .project-box th:last-child {
    padding-right: 1.5rem;
}
.project-box .table>:not(caption)>*>* {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.project-box .project-phases tr {
    border-bottom: 1px solid #F3F4F6;
}
.project-box .milestone-row:nth-child(odd),
.project-forecast tbody tr:nth-child(odd) {
    background-color: #F9FAFB;
}

.project-forecast th {
    padding-bottom: 0.56rem;   
}
.project-phases .phase-row th,
.project-phases .milestone-row td,
.project-forecast td {
    padding-top: 0.56rem;
    padding-bottom: 0.56rem;
    vertical-align: top;
}

.project-comment {
    background-color: #FFFCF7;
    border-radius: 4px;
    padding: 3px 5px;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    color: #d65723;
}
.project-comment .las {
    color: #EA580C;
    font-size: 16px;
}
.project-box .la-comment {
    color: #EA580C;
}

/* Project Dashboard Expand/Collapse Animations */
.project-details-container {
    overflow: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out;
    transform-origin: top;
}

.project-details-container.collapsed {
    max-height: 0;
    opacity: 0;
}

.project-details-container.expanded {
    max-height: none;
    opacity: 1;
}

/* Smooth transition for the chevron icon rotation */
.project-header img {
    transition: transform 0.2s ease-in-out;
}

/* Base styles for interactive project boxes */
.project-box[style*="cursor: pointer"] {
    transition: box-shadow 0.3s ease-in-out;    
}

/* Glow effect for collapsed projects on hover */
.project-box.project-collapsed:hover {
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.15), 0 0 20px rgba(0, 123, 255, 0.1);
}

/* Pulsing animation for chevron when collapsed */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}

.project-box.project-collapsed .project-header img {
    animation: pulse 2s ease-in-out infinite;
}