@font-face {
    font-family: HindMadurai;
    src: url(../fonts/Hind/HindMadurai-Regular.ttf);
}

@font-face {
    font-family: HindMaduraiLight;
    src: url(../fonts/Hind/HindMadurai-Light.ttf);
}

@font-face {
    font-family: HindMaduraiSemiBold;
    src: url(../fonts/Hind/HindMadurai-SemiBold.ttf);
}

@font-face {
    font-family: HindMaduraiBold;
    src: url(../fonts/Hind/HindMadurai-SemiBold.ttf);
}

html {
    height: 100%;
}

body {
    background-color: #E5E5E5;
    margin: 0;
    padding: 0 0 62px;
    font-family: HindMadurai;
    color: #08343A;
    position: relative;
    min-height: 100%;
}

.white_bg {
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6, b {
    font-family: HindMaduraiBold;
}

a {
    cursor: pointer;
}

.dummy_space {
    height: 20px;
}

.text_center {
    text-align: center;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.error_txt {
    color: #dc2626;
    font-size: 16px;
}

.container {
    max-width: 1340px;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 1340px) {
    .container {
        padding: 0 15px;
    }
}

input[type=checkbox] {
    width: 24px;
    height: 24px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    cursor: pointer;
}

    input[type=checkbox]::after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        background: url(../images/crop_din.svg) no-repeat;
        background-size: 24px;
    }

    input[type=checkbox]::before {
        content: "";
        background-color: #DDF4EE;
        width: 20px;
        height: 20px;
        top: 2px;
        position: absolute;
        left: 2px;
        border-radius: 3px;
    }

    input[type=checkbox]:checked::after {
        background: url(../images/check_box.svg) no-repeat;
    }

input.progress {
    background: linear-gradient(to right, rgba(8, 52, 58, 0.1019607843) 0%, rgba(8, 52, 58, 0.1019607843) 40%, #f6f6f6 40%, #f6f6f6 100%);
    border-radius: 8px;
    height: 7px;
    width: 98% !important;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    position: relative;
    left: 2%;
}

    input.progress::before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        background-color: #fff;
        border: 1px solid #08343A;
        border-radius: 50%;
        left: -4%;
        top: -4px;
    }

    input.progress::-webkit-slider-thumb {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        -webkit-appearance: none;
        cursor: ew-resize;
        background: #08343A;
        cursor: pointer;
    }

.rs_value {
    display: flex;
    justify-content: space-between;
    margin: 18px 0 0;
    color: #08343A;
    font-size: 20px;
}

.range-slider {
    width: 100%;
    text-align: center;
    position: relative;
    /*hide the outline behind the border*/
}

    .range-slider .rangeValues {
        display: block;
    }

    .range-slider input[type=range] {
        -webkit-appearance: none;
        border: 1px solid white;
        width: 100%;
        position: absolute;
        left: 0;
    }

        .range-slider input[type=range]::-webkit-slider-runnable-track {
            width: 100%;
            height: 5px;
            background: rgba(8, 52, 58, 0.1);
            border: none;
            border-radius: 3px;
        }

        .range-slider input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: #08343A;
            margin-top: -6px;
            cursor: pointer;
            position: relative;
            z-index: 1;
        }

        .range-slider input[type=range]:focus {
            outline: none;
        }

            .range-slider input[type=range]:focus::-webkit-slider-runnable-track {
                background: #ccc;
            }

        .range-slider input[type=range]::-moz-range-track {
            width: 300px;
            height: 5px;
            background: #ddd;
            border: none;
            border-radius: 3px;
        }

        .range-slider input[type=range]::-moz-range-thumb {
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: #21c1ff;
        }

        .range-slider input[type=range]:-moz-focusring {
            outline: 1px solid white;
            outline-offset: -1px;
        }

        .range-slider input[type=range]::-ms-track {
            width: 300px;
            height: 5px;
            /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
            background: transparent;
            /*leave room for the larger thumb to overflow with a transparent border */
            border-color: transparent;
            border-width: 6px 0;
            /*remove default tick marks*/
            color: transparent;
            z-index: -4;
        }

        .range-slider input[type=range]::-ms-fill-lower {
            background: #777;
            border-radius: 10px;
        }

        .range-slider input[type=range]::-ms-fill-upper {
            background: #ddd;
            border-radius: 10px;
        }

        .range-slider input[type=range]::-ms-thumb {
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: #21c1ff;
        }

        .range-slider input[type=range]:focus::-ms-fill-lower {
            background: #888;
        }

        .range-slider input[type=range]:focus::-ms-fill-upper {
            background: #ccc;
        }

.tbox {
    position: relative;
    margin-bottom: 16px;
}

    .tbox.error input {
        border-color: #dc2626;
    }

    .tbox input {
        border: 1px solid rgba(8, 52, 58, 0.25);
        height: 48px;
        width: 100%;
        border-radius: 4px;
        font-size: 16px;
        padding: 0 12px;
        box-sizing: border-box;
        outline: none;
        font-family: HindMadurai;
        background-color: #DDF4EE;
    }

        .tbox input:-moz-read-only {
            background-color: #f5f5f5;
            opacity: 0.5;
            cursor: auto;
        }

        .tbox input:read-only {
            background-color: #f5f5f5;
            opacity: 0.5;
            cursor: auto;
        }

        .tbox input.hasDatepicker {
            background: url(../images/date_icon.svg) no-repeat #DDF4EE right 10px center;
        }

            .tbox input.hasDatepicker:-moz-read-only {
                background-color: #f5f5f5;
            }

            .tbox input.hasDatepicker:read-only {
                background-color: #f5f5f5;
            }

        .tbox input.yellow_bg {
            background-color: rgba(252, 223, 164, 0.5);
            border-color: rgba(227, 187, 98, 0.25);
        }

            .tbox input.yellow_bg:-moz-read-only {
                background-color: rgba(252, 223, 164, 0.5);
                border-color: rgba(227, 187, 98, 0.25);
                opacity: 1;
            }

            .tbox input.yellow_bg:read-only {
                background-color: rgba(252, 223, 164, 0.5);
                border-color: rgba(227, 187, 98, 0.25);
                opacity: 1;
            }

    .tbox .error_txt {
        font-size: 14px;
        position: absolute;
        bottom: -20px;
        left: 0;
        margin: 0;
    }

.tarea {
    position: relative;
    margin-bottom: 16px;
}

    .tarea.error textarea {
        border-color: #dc2626;
    }

    .tarea p.ta_comment {
        display: flex;
        justify-content: space-between;
    }

        .tarea p.ta_comment a {
            color: #2B4B4F;
            font-family: HindMadurai;
            text-decoration: underline;
        }

    .tarea .ta_view_card {
        background-color: rgba(252, 223, 164, 0.5);
        max-height: 280px;
        width: 100%;
        overflow: auto;
        padding: 14px 16px;
        border-radius: 4px;
        border: 1px solid rgba(227, 187, 98, 0.25);
        box-sizing: border-box;
        /* background of the scrollbar except button or resizer */
        /* scrollbar itself */
        /* set button(top and bottom of the scrollbar) */
    }

        .tarea .ta_view_card::-webkit-scrollbar {
            width: 4px;
        }

        .tarea .ta_view_card::-webkit-scrollbar-thumb {
            background-color: rgba(227, 187, 98, 0.25);
            border-radius: 16px;
            border: 6px solid transparent;
        }

        .tarea .ta_view_card::-webkit-scrollbar-button {
            display: none;
        }

        .tarea .ta_view_card ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            grid-gap: 10px;
        }

            .tarea .ta_view_card ul li {
                font-size: 16px;
                font-family: HindMaduraiSemiBold;
            }

                .tarea .ta_view_card ul li span {
                    display: block;
                    background: transparent;
                    border: 0;
                    padding: 0;
                    height: auto;
                    font-size: 14px;
                    font-family: HindMadurai;
                }

    .tarea ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .tarea ul li {
            margin: 0px 3px 6px 0;
            display: inline-block;
        }

            .tarea ul li span {
                background-color: #F2F2F2;
                border: 1px solid rgba(99, 99, 99, 0.15);
                text-decoration: none;
                color: #636363;
                height: 32px;
                font-size: 14px;
                border-radius: 4px;
                box-sizing: border-box;
                border-radius: 4px;
                box-sizing: border-box;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                padding: 0 6px;
            }

                .tarea ul li span.yellow_bg {
                    background-color: rgba(252, 223, 164, 0.5);
                    border-color: rgba(227, 187, 98, 0.25);
                }

    .tarea textarea {
        border: 1px solid rgba(8, 52, 58, 0.25);
        height: 96px;
        width: 100%;
        border-radius: 4px;
        font-size: 16px;
        padding: 12px;
        box-sizing: border-box;
        outline: none;
        font-family: HindMadurai;
        background-color: #DDF4EE;
        resize: none;
    }

        .tarea textarea:-moz-read-only {
            background-color: #f5f5f5;
            opacity: 0.5;
            cursor: auto;
        }

        .tarea textarea:read-only {
            background-color: #f5f5f5;
            opacity: 0.5;
            cursor: auto;
        }

        .tarea textarea.yellow_bg {
            background-color: rgba(252, 223, 164, 0.5);
            border-color: rgba(227, 187, 98, 0.25);
        }

            .tarea textarea.yellow_bg:-moz-read-only {
                background-color: rgba(252, 223, 164, 0.5);
                border-color: rgba(227, 187, 98, 0.25);
                opacity: 1;
            }

            .tarea textarea.yellow_bg:read-only {
                background-color: rgba(252, 223, 164, 0.5);
                border-color: rgba(227, 187, 98, 0.25);
                opacity: 1;
            }

    .tarea .error_txt {
        font-size: 14px;
        position: absolute;
        bottom: -20px;
        left: 0;
        margin: 0;
    }

.tsel {
    color: #a6ccc2;
}

.tselect {
    position: relative;
    margin-bottom: 16px;
    border-radius: 4px;
}

    .tselect .ts_no {
        display: flex;
        justify-content: space-between;
        color: #08343A;
        font-size: 20px;
    }

    .tselect .wrap-drop {
        cursor: pointer;
        margin: 0 auto;
        padding: 12px;
        position: relative;
        z-index: 99;
        border: 1px solid rgba(8, 52, 58, 0.25);
        height: 48px;
        border-radius: 4px;
        font-size: 16px;
        box-sizing: border-box;
        outline: none;
        font-family: HindMadurai;
        background-color: #DDF4EE;
        color: #08343A;
    }

        .tselect .wrap-drop::after {
            border-color: #695d52 transparent;
            border-style: solid;
            border-width: 10px 10px 0;
            content: "";
            height: 0;
            margin-top: -4px;
            position: absolute;
            right: 1rem;
            top: 50%;
            width: 0;
        }

        .tselect .wrap-drop .drop {
            background-color: #DDF4EE;
            display: none;
            left: -1px;
            list-style: none;
            margin-top: 0;
            opacity: 0;
            padding-left: 0;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: 100%;
            z-index: 2;
            border: 1px solid rgba(8, 52, 58, 0.25);
            border-top: 0;
            width: 100%;
            border-radius: 0 0 4px 4px;
        }

            .tselect .wrap-drop .drop li a {
                color: #695d52;
                display: block;
                padding: 1rem;
                text-decoration: none;
            }

        .tselect .wrap-drop span {
            color: #928579;
        }

        .tselect .wrap-drop.active::after {
            border-width: 0 10px 10px;
        }

        .tselect .wrap-drop.active .drop {
            display: block;
            opacity: 1;
            pointer-events: auto;
        }

    .tselect select {
        border: 1px solid rgba(8, 52, 58, 0.25);
        height: 48px;
        width: 100%;
        border-radius: 4px;
        font-size: 16px;
        padding: 0 12px;
        box-sizing: border-box;
        outline: none;
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        z-index: 6;
        background-color: transparent;
        font-family: HindMadurai;
        background: url(../images/input_arrow.svg) no-repeat #DDF4EE right 18px center;
        cursor: pointer;
    }

        .tselect select:disabled, .tselect select[disabled=true] {
            background-color: #f5f5f5 !important;
            color: initial !important;
            cursor: auto;
        }

        .tselect select.ts_arrow {
            background-image: none;
            cursor: auto;
        }

        .tselect select.yellow_bg {
            background-color: rgba(252, 223, 164, 0.5);
            border-color: rgba(227, 187, 98, 0.25);
            cursor: auto;
        }

            .tselect select.yellow_bg:disabled, .tselect select.yellow_bg[disabled=true] {
                background-color: rgba(252, 223, 164, 0.5) !important;
                border-color: rgba(227, 187, 98, 0.25) !important;
                opacity: 1;
            }

    .tselect .error_txt {
        font-size: 14px;
        position: absolute;
        bottom: -20px;
        left: 0;
        margin: 0;
    }

    .tselect.error select {
        border-color: #dc2626;
    }

    .tselect.error .select2-container--default .select2-selection--multiple {
        border-color: #dc2626 !important;
    }

.btn_view_card ul {
    margin-top: 10px;
}

.btn_view_card button, .btn_view_card input[type=submit] {
    background-color: transparent;
    color: #08343A;
    border: 1px solid #08343A;
    height: 48px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    grid-gap: 10px;
}

    .btn_view_card button span, .btn_view_card input[type=submit] span {
        line-height: 1;
    }

    .btn_view_card button:disabled:hover, .btn_view_card input[type=submit]:disabled:hover {
        background-color: initial !important;
        color: initial !important;
    }

        .btn_view_card button:disabled:hover span svg path, .btn_view_card input[type=submit]:disabled:hover span svg path {
            fill: #08343A;
        }

    .btn_view_card button:hover, .btn_view_card input[type=submit]:hover {
        background-color: #08343A;
        color: #fff;
    }

        .btn_view_card button:hover span svg path, .btn_view_card input[type=submit]:hover span svg path {
            fill: #fff;
        }

        .btn_view_card button:hover img, .btn_view_card input[type=submit]:hover img {
            display: none;
        }

.tchbox {
    position: relative;
    margin-bottom: 16px;
}

    .tchbox p {
        margin: 0 0 6px;
        font-size: 16px;
        font-family: HindMaduraiSemiBold;
    }

    .tchbox h5 {
        font-size: 16px;
        font-family: HindMaduraiLight;
        color: #636363;
        margin: 0 0 16px;
        font-weight: 100;
    }

    .tchbox .tch_inner {
        max-height: 105px;
        overflow: auto;
    }

        .tchbox .tch_inner .tchi_line {
            display: flex;
            align-items: center;
            grid-gap: 12px;
            font-size: 18px;
        }

.tbtn {
    position: relative;
    margin-top: 32px;
}

    .tbtn button {
        background-color: #08343A;
        color: #fff;
        height: 48px;
        width: 100%;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 4px;
        cursor: pointer;
        outline: none;
        font-family: HindMaduraiLight;
        text-transform: uppercase;
    }

.upload_card {
    display: grid;
    align-items: center;
    grid-gap: 30px;
    grid-template-columns: 1fr 128px;
}

    .upload_card.upc_bottom_space {
        margin-bottom: 32px;
    }

    .upload_card.upc_yellow_bg {
        background-color: #fdefd2;
        padding-left: 12px;
        box-sizing: border-box;
    }

        .upload_card.upc_yellow_bg button {
            background-color: #fff;
        }

    .upload_card .uc_img p {
        margin: 0 0 6px;
        font-size: 16px;
        font-family: HindMaduraiSemiBold;
        min-width: 167px;
    }

        .upload_card .uc_img p span.uci_and {
            font-family: HindMadurai;
            display: table;
            width: 167px;
            color: #08343A;
            font-size: 14px;
        }

        .upload_card .uc_img p.uc_slt_txt {
            color: #636363;
            font-family: HindMadurai;
            font-size: 18px;
            margin: 0;
        }

    .upload_card .uc_img .path_url {
        font-family: HindMadurai;
        display: table;
        width: 167px;
        color: #636363;
        font-size: 18px;
        margin-top: -3px;
        text-align: left;
    }

    .upload_card .uc_img img {
        width: 167px;
        -o-object-fit: cover;
        object-fit: cover;
        cursor: pointer;
    }

    .upload_card .error_txt {
        font-size: 14px;
        position: absolute;
        bottom: -20px;
        left: 0;
        margin: 0;
    }

    .upload_card.error input[type=file]::after {
        border-color: #dc2626;
        color: #dc2626;
    }

    .upload_card.error button {
        color: #dc2626;
        border-color: #dc2626;
    }

    .upload_card button, .upload_card input[type=submit] {
        background-color: transparent;
        color: #08343A;
        border: 1px solid #08343A;
        height: 48px;
        width: 128px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        border-radius: 4px;
        cursor: pointer;
        outline: none;
        text-transform: uppercase;
        font-family: HindMaduraiSemiBold;
    }

        .upload_card button:hover, .upload_card input[type=submit]:hover {
            background-color: #08343A;
            color: #fff;
        }

    .upload_card input[type=file] {
        width: 128px;
        height: 48px;
        background-color: #fff;
        color: #fff;
        border-radius: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: 0;
        margin: 0;
        position: relative;
        cursor: pointer;
    }

        .upload_card input[type=file]:hover::after {
            background-color: #08343A;
            color: #fff;
        }

        .upload_card input[type=file].uc_replace::after {
            content: "REPLACE";
        }

        .upload_card input[type=file]::after {
            position: absolute;
            content: "UPLOAD";
            font-family: HindMaduraiSemiBold;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 46px;
            background-color: #fff;
            color: #08343A;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #08343A;
            border-radius: 4px;
            box-sizing: border-box;
            font-size: 16px;
        }

h3 {
    margin: 0 0 10px;
    font-size: 20px;
}

hr {
    margin: 48px 0 12px;
}

button:disabled, input[type=submit]:disabled {
    cursor: auto !important;
    opacity: 0.5;
}

.bottom_btn_card {
    text-align: right;
    margin: 30px 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 18px;
}

    .bottom_btn_card.nxt_prv_card button, .bottom_btn_card.nxt_prv_card input[type=submit] {
        width: auto;
        background-color: transparent;
        color: #08343A;
        grid-gap: 15px;
        font-family: HindMadurai;
    }

    .bottom_btn_card button, .bottom_btn_card input[type=submit] {
        background-color: #08343A;
        color: #fff;
        height: 48px;
        width: 180px;
        border: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 4px;
        cursor: pointer;
        outline: none;
        text-transform: uppercase;
    }

.add_btn_card {
    text-align: right;
    margin: 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 18px;
}

    .add_btn_card button, .add_btn_card input[type=submit] {
        background-color: transparent;
        color: #08343A;
        border: 1px solid #08343A;
        height: 48px;
        min-width: 210px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 4px;
        cursor: pointer;
        outline: none;
        text-transform: uppercase;
        grid-gap: 10px;
    }

        .add_btn_card button span, .add_btn_card input[type=submit] span {
            line-height: 1;
        }

        .add_btn_card button:disabled:hover, .add_btn_card input[type=submit]:disabled:hover {
            background-color: initial !important;
            color: initial !important;
        }

            .add_btn_card button:disabled:hover span svg path, .add_btn_card input[type=submit]:disabled:hover span svg path {
                fill: #08343A;
            }

        .add_btn_card button:hover, .add_btn_card input[type=submit]:hover {
            background-color: #08343A;
            color: #fff;
        }

            .add_btn_card button:hover span svg path, .add_btn_card input[type=submit]:hover span svg path {
                fill: #fff;
            }

            .add_btn_card button:hover img, .add_btn_card input[type=submit]:hover img {
                display: none;
            }

.acc_box_card {
    background-color: #fff;
    padding: 42px 32px;
    box-sizing: border-box;
    margin-top: 48px;
}

    .acc_box_card .two_main_card {
        grid-template-columns: 440px 2fr;
    }

    .acc_box_card .abc_comment_card .dcc_tbox_card {
        padding-top: 0;
    }

    .acc_box_card .abc_title h3 {
        color: #08343A;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 24px;
        font-weight: 500;
        cursor: pointer;
        margin: 0;
        line-height: 1;
    }

    .acc_box_card .abc_show_card {
        margin-top: 40px;
    }

    .acc_box_card .abc_inner_card {
        border: 1px solid #e4e3e3;
        border-radius: 4px;
        overflow: hidden;
        margin-top: 30px;
    }

        .acc_box_card .abc_inner_card .abic_title {
            background-color: #e4e3e3;
            display: grid;
            grid-template-columns: 1fr auto 62px;
            align-items: center;
            height: 62px;
        }

            .acc_box_card .abc_inner_card .abic_title h4 {
                margin: 0;
                font-size: 18px;
                color: #08343A;
                padding-left: 24px;
            }

            .acc_box_card .abc_inner_card .abic_title a.abict_dlt {
                color: #2B4B4F;
                text-decoration: none;
                font-size: 16px;
                padding: 0 24px;
                display: flex;
                align-items: center;
                grid-gap: 10px;
                font-family: HindMaduraiSemiBold;
            }

            .acc_box_card .abc_inner_card .abic_title a.abict_arrow {
                background-color: #2B4B4F;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 62px;
            }

        .acc_box_card .abc_inner_card .acc_right_border {
            border-right: 1px solid #e5e5e5;
        }

.login_card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #fff;
}

    .login_card .login_inner_card {
        background-color: #fff;
        width: 715px;
        box-sizing: border-box;
        height: auto;
        padding: 80px 120px;
        border-radius: 4px;
    }

        .login_card .login_inner_card p {
            margin: 0;
            text-align: center;
        }

            .login_card .login_inner_card p img {
                height: 42px;
            }

        .login_card .login_inner_card h2 {
            margin: 60px 0 48px;
            color: #08343A;
            font-size: 28px;
            text-align: center;
        }

    .login_card .tdc_bg_card {
        display: grid;
        grid-template-columns: 220px 1fr;
        background-color: #fff;
        width: auto;
        border-radius: 8px;
        overflow: hidden;
        box-sizing: border-box;
    }

        .login_card .tdc_bg_card .tdbc_dummy {
            background-color: #95918F;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #95918F;
            border-right: 0;
        }

            .login_card .tdc_bg_card .tdbc_dummy img {
                width: 107px;
                opacity: 0.6;
            }

        .login_card .tdc_bg_card .tdbc_content {
            display: flex;
            align-items: center;
            padding: 60px;
            background-color: #F2F2F2;
            border: 2px solid rgba(149, 145, 143, 0.2509803922);
            border-left: 0;
            box-sizing: border-box;
            width: 660px;
        }

            .login_card .tdc_bg_card .tdbc_content:nth-of-type(2) {
                border-top: 0;
            }

            .login_card .tdc_bg_card .tdbc_content h1 {
                margin: 0;
                color: #08343A;
                font-size: 42px;
                font-family: HindMaduraiLight;
                font-weight: 300;
            }

            .login_card .tdc_bg_card .tdbc_content p {
                margin: 30px 0 0;
                display: flex;
                grid-gap: 16px;
            }

                .login_card .tdc_bg_card .tdbc_content p a {
                    display: inline-flex;
                    border: 1px solid #08343A;
                    border-radius: 4px;
                    font-size: 18px;
                    font-family: HindMadurai;
                    color: #08343A;
                    text-decoration: none;
                    height: 48px;
                    width: 165px;
                    align-items: center;
                    justify-content: center;
                }

                    .login_card .tdc_bg_card .tdbc_content p a:nth-of-type(2) {
                        background-color: #08343A;
                        color: #fff;
                    }

                    .login_card .tdc_bg_card .tdbc_content p a.tbc_seach_btn {
                        width: 230px;
                    }

header {
    background-color: #08343A;
    padding: 32px 0;
    color: #fff;
    margin-bottom: 52px;
}

    header .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    header a.menu_icon img {
        height: 32px;
    }

    header .menu_show_card {
        position: absolute;
        top: 72px;
        right: 0;
        width: 150px;
        background-color: #fff;
        box-shadow: 0 0 3px #ccc;
        padding-bottom: 10px;
        z-index: 9999;
        display: none;
    }

        header .menu_show_card ul {
            display: grid;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            header .menu_show_card ul li a {
                color: #08343A;
                text-decoration: none;
                display: block;
                padding: 12px;
            }

    header p {
        color: #fff;
        margin: 0;
        display: flex;
        grid-gap: 24px;
        align-items: center;
        font-size: 20px;
    }

        header p a {
            cursor: pointer;
        }

    header .head_user_card {
        display: flex;
        align-items: center;
        grid-gap: 32px;
    }

        header .head_user_card h4 {
            margin: 0;
            color: #fff;
            font-size: 18px;
            display: flex;
            align-items: center;
            grid-gap: 12px;
            line-height: 1;
        }

            header .head_user_card h4 a {
                text-decoration: none;
                color: #08343A;
            }

                header .head_user_card h4 a img {
                    width: 36px;
                    height: 36px;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: 50%;
                }

            header .head_user_card h4 span {
                color: #08343A;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 36px;
                height: 36px;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 50%;
                font-family: HindMaduraiSemiBold;
            }

.two_tbox_colorm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.two_inner_colom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.two_main_card {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px;
}

.three_main_card {
    display: grid;
    grid-template-columns: 440px 1fr 1fr;
    grid-gap: 1px;
}

.war_four_box {
    background-color: #fff;
    padding: 36px 32px;
    margin-top: 1px;
}

    .war_four_box h3 {
        margin-bottom: 24px;
    }

    .war_four_box .wfb_inner_box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 24px 48px;
    }

        .war_four_box .wfb_inner_box .tselect {
            margin-bottom: 0;
        }

        .war_four_box .wfb_inner_box .radio label {
            display: flex;
            grid-gap: 8px;
        }

            .war_four_box .wfb_inner_box .radio label input {
                width: 18px;
                height: 18px;
                margin: 2px 0 0;
            }

    .war_four_box .wfb_show_txt p {
        margin: 48px 0 0;
    }

.dcc_tbox_card {
    background-color: #fff;
    padding: 36px 32px;
    box-sizing: border-box;
    margin-bottom: 0;
}

    .dcc_tbox_card.prod_show_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 32px 36px;
    }

        .dcc_tbox_card.prod_show_grid .tbox, .dcc_tbox_card.prod_show_grid .tselect, .dcc_tbox_card.prod_show_grid .tarea {
            margin-bottom: 0 !important;
        }

    .dcc_tbox_card .tbox, .dcc_tbox_card .tselect, .dcc_tbox_card .tarea {
        margin-bottom: 32px;
    }

        .dcc_tbox_card .tbox:last-of-type, .dcc_tbox_card .tselect:last-of-type, .dcc_tbox_card .tarea:last-of-type {
            margin-bottom: 0;
        }

    .dcc_tbox_card label {
        display: inline-block;
        margin-bottom: 4px;
        font-family: HindMaduraiSemiBold;
    }

    .dcc_tbox_card p {
        margin: 0 0 6px;
        font-size: 16px;
        font-family: HindMaduraiSemiBold;
    }

        .dcc_tbox_card p span {
            color: #B33A3C;
            width: auto;
            font-size: 16px;
        }

    .dcc_tbox_card hr {
        border: 0;
        border-top: 1px solid #E5E5E5;
        margin: 30px 0;
        width: calc(100% + 64px);
        position: relative;
        right: 32px;
    }

.wfb_show_txt {
    padding-top: 0;
}

    .wfb_show_txt p {
        margin: 0;
        background-color: rgba(8, 52, 58, 0.25);
        border: 2px solid #08343A;
        padding: 16px;
        box-sizing: border-box;
        border-radius: 4px;
        color: #08343A;
        font-weight: 600;
        text-align: center;
        font-size: 22px !important;
    }

.dsearch_tbox {
    margin-bottom: 48px;
}

    .dsearch_tbox .container {
        display: grid;
        grid-template-columns: 1fr 56px;
        grid-gap: 16px;
    }

        .dsearch_tbox .container .dst_tarea {
            position: relative;
        }

            .dsearch_tbox .container .dst_tarea input {
                background: url(../images/search_icon.svg) no-repeat left 30px center;
                background-size: 24px;
                border: 1px solid rgba(149, 145, 143, 0.5);
                border-radius: 4px;
                background-color: #DDF4EE;
                padding-left: 70px;
                font-size: 18px;
                outline: none;
                height: 56px;
                box-sizing: border-box;
                width: 100%;
            }

            .dsearch_tbox .container .dst_tarea button {
                background-color: #08343A;
                color: #fff;
                height: 56px;
                width: 180px;
                border: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                border-radius: 0 4px 4px 0;
                cursor: pointer;
                outline: none;
                font-family: HindMaduraiLight;
                position: absolute;
                top: 0;
                right: 0;
            }

        .dsearch_tbox .container button {
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(149, 145, 143, 0.5);
            border-radius: 4px;
            width: 56px;
            height: 56px;
            background-color: #DDF4EE;
            cursor: pointer;
        }

            .dsearch_tbox .container button.active img {
                transform: rotate(180deg);
            }

.ca_search_card .war_four_box {
    margin: 0 0 20px;
}

    .ca_search_card .war_four_box h3 {
        margin-bottom: 16px;
    }

    .ca_search_card .war_four_box .tselect, .ca_search_card .war_four_box .tbox {
        border: 1px solid rgba(99, 99, 99, 0.25);
        padding: 20px;
        box-sizing: border-box;
        border-radius: 4px;
    }

    .ca_search_card .war_four_box input[type=range] {
        width: 100%;
    }

.result_card {
    background-color: #fff;
    padding-bottom: 60px;
}

    .result_card.rc_top_card {
        background-color: transparent;
    }

    .result_card .rc_sub_list_card {
        padding-left: 70px;
    }

        .result_card .rc_sub_list_card h3 {
            border-bottom: 1px solid rgba(149, 145, 143, 0.5);
            margin: 42px 0 32px;
            font-size: 16px;
            padding-bottom: 10px;
        }

        .result_card .rc_sub_list_card ul.rc_list_card {
            max-height: 360px;
            overflow: auto;
            /* background of the scrollbar except button or resizer */
            /* scrollbar itself */
            /* set button(top and bottom of the scrollbar) */
        }

            .result_card .rc_sub_list_card ul.rc_list_card::-webkit-scrollbar {
                width: 4px;
            }

            .result_card .rc_sub_list_card ul.rc_list_card::-webkit-scrollbar-track {
                background-color: #fff;
            }

            .result_card .rc_sub_list_card ul.rc_list_card::-webkit-scrollbar-thumb {
                background-color: #A9A9A9;
                border-radius: 16px;
                border: 6px solid transparent;
            }

            .result_card .rc_sub_list_card ul.rc_list_card::-webkit-scrollbar-button {
                display: none;
            }

            .result_card .rc_sub_list_card ul.rc_list_card li {
                padding-right: 20px;
            }

                .result_card .rc_sub_list_card ul.rc_list_card li .rchci_msg_box {
                    height: auto;
                    grid-template-columns: 850px 0 1fr !important;
                    grid-gap: 15px !important;
                }

                    .result_card .rc_sub_list_card ul.rc_list_card li .rchci_msg_box .rchc_txt ul {
                        margin-top: 10px;
                    }

                        .result_card .rc_sub_list_card ul.rc_list_card li .rchci_msg_box .rchc_txt ul li {
                            padding-right: 0;
                        }

                    .result_card .rc_sub_list_card ul.rc_list_card li .rchci_msg_box .rchc_txt .rcht_txt {
                        grid-template-columns: 368px 1fr;
                    }

                .result_card .rc_sub_list_card ul.rc_list_card li .rchc_txt .rcht_txt {
                    grid-template-columns: 368px 1fr !important;
                    margin-top: 0 !important;
                }

    .result_card.rc_final_card ul.rc_list_card li.rc_list_show .rchc_action {
        display: block;
        text-align: center;
    }

        .result_card.rc_final_card ul.rc_list_card li.rc_list_show .rchc_action a {
            text-decoration: none;
            color: #08343A;
        }

    .result_card .rc_head_card {
        padding: 18px 0;
        border-bottom: 1px solid rgba(149, 145, 143, 0.5);
        display: grid;
        grid-template-columns: 146px 620px 160px 1fr;
        grid-gap: 40px;
    }

        .result_card .rc_head_card h4 {
            margin: 0;
            font-size: 16px;
        }

            .result_card .rc_head_card h4:last-of-type {
                text-align: center;
            }

        .result_card .rc_head_card.rchc_sub_head {
            margin: 30px 0 20px;
            display: block;
        }

            .result_card .rc_head_card.rchc_sub_head h4:last-of-type {
                text-align: left;
            }

    .result_card ul.rc_list_card {
        list-style: none;
        padding: 0;
        margin: 32px 0 0;
    }

        .result_card ul.rc_list_card.rclc_scroll_bar {
            max-height: 360px;
            overflow: auto;
            /* background of the scrollbar except button or resizer */
            /* scrollbar itself */
            /* set button(top and bottom of the scrollbar) */
        }

            .result_card ul.rc_list_card.rclc_scroll_bar::-webkit-scrollbar {
                width: 4px;
            }

            .result_card ul.rc_list_card.rclc_scroll_bar::-webkit-scrollbar-track {
                background-color: #F0F0F0;
            }

            .result_card ul.rc_list_card.rclc_scroll_bar::-webkit-scrollbar-thumb {
                background-color: #A9A9A9;
                border-radius: 16px;
                border: 6px solid transparent;
            }

            .result_card ul.rc_list_card.rclc_scroll_bar::-webkit-scrollbar-button {
                display: none;
            }

            .result_card ul.rc_list_card.rclc_scroll_bar li .rchci_msg_box {
                height: 38px;
                grid-template-columns: 620px 160px 1fr !important;
            }

        .result_card ul.rc_list_card li {
            margin-top: 48px;
        }

            .result_card ul.rc_list_card li:first-child {
                margin-top: 0;
            }

            .result_card ul.rc_list_card li.rc_list_show {
                display: grid;
                grid-template-columns: 146px 1fr;
                grid-gap: 40px;
            }

                .result_card ul.rc_list_card li.rc_list_show .rchc_content {
                    display: grid;
                    grid-gap: 8px;
                }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner {
                        display: grid;
                        grid-template-columns: 650px 230px 1fr;
                        grid-gap: 30px;
                    }

                        .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box {
                            grid-template-columns: 620px 260px 1fr;
                            margin-bottom: 6px;
                        }

                            .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .tselect {
                                width: 100%;
                            }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .tselect select {
                                    height: 48px;
                                }

                            .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft {
                                display: grid;
                                grid-template-columns: 62px 1fr;
                            }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft p {
                                    margin: 0;
                                    height: 48px;
                                    border: 1px solid rgba(99, 99, 99, 0.25);
                                    display: flex;
                                    align-items: center;
                                    background-color: #fff;
                                    border-right: 0;
                                    border-radius: 4px 0 0 4px;
                                    justify-content: center;
                                    grid-gap: 4px;
                                    box-sizing: border-box;
                                    background-color: #DDF4EE;
                                }

                                    .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft p img {
                                        width: 20px;
                                        cursor: pointer;
                                    }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft h4 {
                                    font-family: HindMadurai;
                                    font-size: 18px;
                                    margin: 0;
                                    padding-left: 20px;
                                    display: flex;
                                    align-items: center;
                                    height: 38px;
                                }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft .tselect::after {
                                    bottom: 18px;
                                }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft .tselect select {
                                    border-radius: 0 4px 4px 0;
                                }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft .slhcoll_popup_card ul {
                                    grid-gap: 12px;
                                }

                                    .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft .slhcoll_popup_card ul li {
                                        margin-top: 0;
                                    }

                                        .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft .slhcoll_popup_card ul li p {
                                            display: block;
                                            height: auto;
                                            background-color: transparent;
                                            border: 0;
                                            border-radius: 0;
                                        }

                                        .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_msg_box .rchc_draft .slhcoll_popup_card ul li h4 {
                                            font-size: 14px;
                                            padding-left: 0;
                                        }

                        .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_history_box {
                            grid-template-columns: 680px 200px 1fr;
                        }

                            .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_history_box .tselect {
                                width: 100%;
                                height: 48px;
                            }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_history_box .tselect select {
                                    height: 48px;
                                }

                            .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_history_box .rchc_draft {
                                display: grid;
                                grid-template-columns: 62px 1fr;
                                align-items: center;
                            }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_history_box .rchc_draft h4 {
                                    font-family: HindMadurai;
                                    font-size: 18px;
                                    margin: 0;
                                    padding-left: 20px;
                                }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_history_box .rchc_draft .tselect::after {
                                    bottom: 18px;
                                }

                                .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner.rchci_history_box .rchc_draft .tselect select {
                                    border-radius: 0 4px 4px 0;
                                }

                        .result_card ul.rc_list_card li.rc_list_show .rchc_content .rchcc_inner .tselect {
                            margin-bottom: 0;
                        }

                .result_card ul.rc_list_card li.rc_list_show .rchc_img img {
                    width: 100%;
                    border-radius: 4px;
                    cursor: pointer;
                    height: 105px;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

                .result_card ul.rc_list_card li.rc_list_show .rchc_txt h4 {
                    margin: 0;
                    font-size: 16px;
                    color: #08343A;
                }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_txt h4 a {
                        color: #08343A;
                        text-decoration: none;
                    }

                .result_card ul.rc_list_card li.rc_list_show .rchc_txt p {
                    margin: 6px 0 0;
                    font-size: 14px;
                    color: #636363;
                }

                .result_card ul.rc_list_card li.rc_list_show .rchc_txt .rcht_txt {
                    display: grid;
                    grid-template-columns: 430px 1fr;
                    grid-gap: 14px;
                    margin-top: 24px;
                    font-size: 14px;
                }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_txt .rcht_txt p {
                        margin: 0;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        color: #333;
                    }

                        .result_card ul.rc_list_card li.rc_list_show .rchc_txt .rcht_txt p span {
                            color: #999;
                        }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_txt .rcht_txt a {
                        color: #08343A;
                        text-decoration: underline;
                    }

                .result_card ul.rc_list_card li.rc_list_show .rchc_txt ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_txt ul li {
                        margin: 0px 3px 6px 0;
                        display: inline-block;
                    }

                        .result_card ul.rc_list_card li.rc_list_show .rchc_txt ul li a, .result_card ul.rc_list_card li.rc_list_show .rchc_txt ul li span {
                            background-color: #F2F2F2;
                            border: 1px solid rgba(99, 99, 99, 0.15);
                            text-decoration: none;
                            color: #636363;
                            height: 32px;
                            font-size: 14px;
                            padding: 16px;
                            border-radius: 4px;
                            box-sizing: border-box;
                            padding: 0 16px;
                            border-radius: 4px;
                            box-sizing: border-box;
                            display: inline-flex;
                            justify-content: center;
                            align-items: center;
                            cursor: auto;
                        }

                .result_card ul.rc_list_card li.rc_list_show .rchc_draft p {
                    margin: 0;
                }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_draft p a {
                        color: #08343A;
                        text-decoration: none;
                        font-size: 16px;
                    }

                .result_card ul.rc_list_card li.rc_list_show .rchc_action {
                    display: flex;
                    justify-content: space-between;
                }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_action a {
                        color: #636363;
                        font-size: 16px;
                    }

                    .result_card ul.rc_list_card li.rc_list_show .rchc_action .tselect {
                        width: 100%;
                    }

footer {
    background-color: #95918F;
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

    footer .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    footer p {
        margin: 0;
        color: #fff;
    }

    footer ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        align-items: center;
        grid-gap: 28px;
    }

        footer ul li a img {
            height: 18px;
        }

.no_reslut_card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 340px);
}

    .no_reslut_card p {
        margin: 0;
        text-align: center;
    }

        .no_reslut_card p img {
            display: block;
            width: 76px;
            margin: 0 auto 30px;
        }

.popup_card {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999999;
}

    .popup_card#SelectPercentagePopup .tselect, .popup_card#FabricPercentagePopupCard .tselect {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        align-items: center;
    }

        .popup_card#SelectPercentagePopup .tselect p, .popup_card#FabricPercentagePopupCard .tselect p {
            margin: 0;
        }

    .popup_card#SelectPercentagePopup hr, .popup_card#FabricPercentagePopupCard hr {
        margin: 30px auto;
    }

    .popup_card#SelectPercentagePopup button, .popup_card#FabricPercentagePopupCard button {
        margin-top: 36px;
    }

    .popup_card#SelectPercentagePopup .error_txt, .popup_card#FabricPercentagePopupCard .error_txt {
        bottom: 50px !important;
        left: 30px !important;
    }

    .popup_card#errorPopupCard ul {
        list-style: none;
        padding: 0;
        display: grid;
        grid-gap: 12px;
    }

        .popup_card#errorPopupCard ul li {
            position: relative;
            padding-left: 24px;
        }

            .popup_card#errorPopupCard ul li::before {
                content: "!";
                position: absolute;
                top: 2px;
                left: 0;
                font-size: 13px;
                background-color: #dc2626;
                color: #fff;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }

    .popup_card .popup_inner {
        background-color: #fff;
        width: 500px;
        height: auto;
        padding: 32px;
        border-radius: 8px;
        position: relative;
        max-height: 80vh;
    }

        .popup_card .popup_inner.dcc_tbox_card {
            box-sizing: border-box;
        }

            .popup_card .popup_inner.dcc_tbox_card .tbox, .popup_card .popup_inner.dcc_tbox_card .tselect, .popup_card .popup_inner.dcc_tbox_card .tarea, .popup_card .popup_inner.dcc_tbox_card .tchbox {
                margin-bottom: 16px;
            }

                .popup_card .popup_inner.dcc_tbox_card .tbox:last-of-type, .popup_card .popup_inner.dcc_tbox_card .tselect:last-of-type, .popup_card .popup_inner.dcc_tbox_card .tarea:last-of-type, .popup_card .popup_inner.dcc_tbox_card .tchbox:last-of-type {
                    margin-bottom: 16px;
                }

            .popup_card .popup_inner.dcc_tbox_card p.bottom_btn_card {
                margin: 30px 0 0;
            }

        .popup_card .popup_inner.date_popup_card {
            width: 380px;
        }

        .popup_card .popup_inner.slhcoll_popup_card {
            width: 600px;
            max-height: 70vh;
            overflow: auto;
        }

            .popup_card .popup_inner.slhcoll_popup_card h3 span {
                display: block;
                font-family: HindMaduraiLight;
                color: #636363;
                font-size: 14px;
            }

            .popup_card .popup_inner.slhcoll_popup_card ul {
                display: grid;
                grid-gap: 30px;
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .popup_card .popup_inner.slhcoll_popup_card ul li p {
                    margin: 0;
                    color: #08343A;
                }

                    .popup_card .popup_inner.slhcoll_popup_card ul li p a {
                        color: #08343A;
                        text-decoration: none;
                    }

                .popup_card .popup_inner.slhcoll_popup_card ul li h4 {
                    font-family: HindMaduraiLight;
                    color: #636363;
                    font-size: 14px;
                    margin: 6px 0 0;
                }

        .popup_card .popup_inner.slt_color_popup_card {
            width: 950px;
            padding: 32px 0 0;
        }

            .popup_card .popup_inner.slt_color_popup_card h3 {
                margin: 0 0 32px;
                text-align: center;
                font-size: 20px;
            }

            .popup_card .popup_inner.slt_color_popup_card .scpc_inner_card {
                max-height: 50vh;
                overflow: auto;
                padding: 0 20px;
                margin: 0 12px;
                /* background of the scrollbar except button or resizer */
                /* scrollbar itself */
                /* set button(top and bottom of the scrollbar) */
            }

                .popup_card .popup_inner.slt_color_popup_card .scpc_inner_card::-webkit-scrollbar {
                    width: 4px;
                }

                .popup_card .popup_inner.slt_color_popup_card .scpc_inner_card::-webkit-scrollbar-track {
                    background-color: #F0F0F0;
                }

                .popup_card .popup_inner.slt_color_popup_card .scpc_inner_card::-webkit-scrollbar-thumb {
                    background-color: #A9A9A9;
                    border-radius: 16px;
                    border: 6px solid transparent;
                }

                .popup_card .popup_inner.slt_color_popup_card .scpc_inner_card::-webkit-scrollbar-button {
                    display: none;
                }

            .popup_card .popup_inner.slt_color_popup_card .add_btn_card {
                margin: 16px 32px 0;
            }

            .popup_card .popup_inner.slt_color_popup_card .scc_footer_card {
                background-color: #E4E3E3;
                padding: 24px 32px;
                margin-top: 64px;
                border-radius: 0 0 8px 8px;
            }

                .popup_card .popup_inner.slt_color_popup_card .scc_footer_card .bottom_btn_card {
                    margin-top: 0;
                }

            .popup_card .popup_inner.slt_color_popup_card .select_color_card {
                background-color: #f4f4f4;
                margin: 0 0 16px;
                border-radius: 4px;
                overflow: hidden;
            }

                .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_title {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background-color: #e4e3e3;
                    height: 48px;
                    padding: 0 24px;
                }

                    .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_title p {
                        margin: 0;
                        font-size: 18px;
                    }

                    .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_title a {
                        color: #2B4B4F;
                        font-size: 16px;
                        text-decoration: none;
                        display: flex;
                        align-items: center;
                        grid-gap: 10px;
                    }

                .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box {
                    display: grid;
                    grid-template-columns: 1fr 1fr 200px;
                    grid-gap: 20px;
                    padding: 24px;
                    box-sizing: border-box;
                }

                    .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box p span {
                        color: #dc2626;
                    }

                    .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .tselect {
                        background-color: transparent;
                        height: 72px;
                    }

                        .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .tselect::before {
                            content: "";
                            position: absolute;
                            bottom: 1px;
                            width: 100%;
                            height: 46px;
                            background-color: #fff;
                            border-radius: 4px;
                        }

                    .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img p {
                        text-align: center;
                    }

                    .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt {
                        height: 40px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        position: relative;
                    }

                        .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt a {
                            color: #2B4B4F;
                            width: 120px;
                            text-align: center;
                            font-family: HindMaduraiSemiBold;
                        }

                        .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt p {
                            position: relative;
                        }

                        .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt span {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 40px;
                            color: #636363;
                        }

                        .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt input[type=file] {
                            position: relative;
                            font-size: 0;
                            width: 100%;
                            height: 40px;
                        }

                            .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt input[type=file]:hover::after {
                                color: #2B4B4F;
                            }

                            .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt input[type=file]::after {
                                content: "Upload Image (.jpg/.png)";
                                font-size: 16px;
                                position: absolute;
                                width: 100%;
                                height: auto;
                                left: 0;
                                background-color: #f4f4f4;
                                text-align: center;
                                cursor: pointer;
                                bottom: 0;
                                border: 0;
                                text-decoration: underline;
                                height: 40px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                font-family: HindMaduraiSemiBold;
                            }

                        .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt.suit_uimg {
                            grid-gap: 0;
                        }

                            .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt.suit_uimg input[type=file] {
                                height: 40px;
                                display: flex;
                                justify-content: flex-end;
                                overflow: hidden;
                                border: 0;
                            }

                                .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt.suit_uimg input[type=file]::after {
                                    content: "REPLACE";
                                }

                            .popup_card .popup_inner.slt_color_popup_card .select_color_card .scc_box .scc_upload_img .sui_txt.suit_uimg p {
                                background-image: linear-gradient(transparent, #fff);
                                width: 100%;
                                text-align: center;
                                margin: 0;
                                padding-bottom: 6px;
                            }

        .popup_card .popup_inner .pc_max_height {
            max-height: 40vh;
            overflow: auto;
        }

            .popup_card .popup_inner .pc_max_height ul {
                margin: 0;
                padding-left: 20px;
            }

        .popup_card .popup_inner .pc_close {
            position: absolute;
            top: 3px;
            right: 7px;
            color: #08343A;
            text-decoration: none !important;
            font-size: 36px !important;
            line-height: 1;
            cursor: pointer;
        }

        .popup_card .popup_inner h3 {
            font-weight: 500;
            font-size: 20px;
            text-align: center;
            margin: 0 0 30px;
            font-family: HindMaduraiSemiBold;
            border: 0;
        }

        .popup_card .popup_inner img {
            width: 100%;
            max-height: inherit;
        }

        .popup_card .popup_inner .tbox p, .popup_card .popup_inner .tselect p, .popup_card .popup_inner .tarea p {
            margin: 0 0 3px;
            font-family: HindMaduraiSemiBold;
        }

        .popup_card .popup_inner .bottom_btn_card button, .popup_card .popup_inner .bottom_btn_card input[type=submit] {
            width: 170px;
        }

.ui-datepicker .ui-datepicker-header {
    z-index: 999;
}

.loader_card {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
}

    .loader_card.lc_show {
        display: flex;
    }

    .loader_card .loader {
        border: 6px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        border-top: 6px solid #DDF4EE;
        width: 90px;
        height: 90px; /* Safari */
        animation: spin 2s linear infinite;
    }

/* Safari */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

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

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

    .select2-results__option:before {
        content: "";
        display: inline-block;
        position: relative;
        height: 20px;
        width: 20px;
        border: 2px solid #e9e9e9;
        border-radius: 4px;
        background-color: #fff;
        margin-right: 10px;
        vertical-align: middle;
    }

    .select2-results__option[aria-selected=true]:before {
        background: url(../images/check_box.svg) no-repeat;
        border: 0;
        display: inline-block;
        padding-left: 3px;
    }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #DDF4EE !important;
    border: 1px solid rgba(8, 52, 58, 0.25) !important;
    border-radius: 4px;
    cursor: text;
    height: 48px;
    padding: 0 12px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.select2-selection .select2-selection--multiple:after {
    content: "hhghgh";
}

/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select-icon .placeholder {
    display: none;
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
    /* content: "" !important; */
}

.select-icon .select2-search--dropdown {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 0 !important;
    background-color: #2b4b4f !important;
    border-radius: 3px !important;
    padding: 2px 5px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    margin-top: 12px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 !important;
}