@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Nunito:wght@400;500;600;700;800&display=swap');

:root {
    --login_heading: #343434;
    --login_text: #005A77;
    --white: #ffffff;
    --heading: #212121;
    --label: #424242;
    --theme_light: #1D8F83;
    --theme: #11554E;
    --active-theme: #55DDCE;
}

* {
    font-family: 'Montserrat', sans-serif;
}


*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

*::-webkit-scrollbar-track {
    background: #E6E6E6;
    border-radius: 10px;
    height: 2px !important;

}

*::-webkit-scrollbar-thumb {
    height: 2px !important;
    width: 2px;
    background: #1D8F83;
    border-radius: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

label {
    color: var(--label);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bg_primary_light {
    background: #ECF3F3;
}

.bg_main {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ECF3F3), color-stop(10%, white));
    background: -o-linear-gradient(left, #ECF3F3 50%, white 10%);
    background: linear-gradient(90deg, #ECF3F3 50%, white 10%);
    position: relative;
    width: 100%;
}


.text_primary {
    color: #1D8F83;
}

.btn_primary {
    border-radius: 8px;
    background: #1D8F83;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
}

.btn_primary:hover {
    background: #11554E;
    color: #fff;
}


.br-50px .input-group-text {
    border-radius: 49px;
}


.ms-36px {
    margin-left: 36px;
}

.mb-28px {
    margin-bottom: 28px;
}

.input-group-text {
    background: #ffffff !important;
    border-color: #EFEFEF !important;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    padding-right: 8px;
    border-radius: 8px;
}

.form_control {
    color: #0a0a0a;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    height: 44px;
    /* flex-shrink: 0; */
    width: 100%;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: 500;

}

.input-group .form_control {
    border-radius: 0 8px 8px 0 !important;
}

.form_control:focus,
.input-group:focus-within .rs-picker-toggle.rs-btn,
.input-group:focus-within .input-group-text,
.input-group.daterangePicker.br-50px:focus-within .input-group-text {
    outline: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    border-color: #1D8F83 !important;
}

div#daterangePickercstm svg path {
    stroke: #1D8F83;
}

.form_control.active,
.input-group.active .form_control,
.input-group.active .rs-picker-toggle.rs-btn,
.input-group.active .input-group-text,
.input-group.daterangePicker.br-50px.active .input-group-text {
    border-color: #1D8F83 !important;
}

.input-group:focus-within .rs-picker-toggle.rs-btn {
    border-width: 1px 1px 1px 0px !important;
    border-radius: 0px 0px 20px 0px;
}

.form_control::-webkit-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}

.form_control::-moz-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}

.form_control:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}

.form_control::-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}

.form_control::placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}



.input-group:focus-within .input-group-text svg.fill path,
.input-group.active .input-group-text svg.fill path {
    fill: #1D8F83;
}

.input-group-text svg.fill path {
    fill: #BDBDBD;
}

.input-group:focus-within .input-group-text svg.stroke path,
.input-group.active .input-group-text svg.stroke path {
    stroke: #1D8F83;
}

.input-group-text svg.stroke path {
    stroke: #BDBDBD;
}

.text_dark {
    color: #757575;

    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.mb_12px {
    margin-bottom: 12px;
}

.mb_49px {
    margin-bottom: 49px;
}

.otp__digit {
    width: 57px;
    height: 74px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #EFEFEF;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
}

.otp__digit.error {
    width: 57px;
    height: 74px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #EFEFEF;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin-top: 0;
}

.otp__digit:focus {
    outline: none;
    border: 1px solid #757575;
    color: #0A0A0A;
}

.svg-24px {
    width: 24px;
}

.mb_20px {
    margin-bottom: 20px;
}

.mb_32px {
    margin-bottom: 32px;
}

.icon_badge.bg_blue_light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    padding: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(85, 112, 241, 0.08);
    border-radius: 8px;

}

.icon_badge.bg_success_light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    padding: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 173, 28, 0.08);
    border-radius: 8px;

}

.mb-25px {
    margin-bottom: 25px;
}

.heading_data {
    color: #212121;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;

}

.heading_data span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 7px;
}

.heading_data .success {
    color: #519C66;
}

.heading_data .danger {
    color: rgba(237, 0, 23, 1);
}

.w-95 {
    width: 95%;
}

.w-5 {
    width: 5%;
}

.w-100 {
    width: 100%;
}

.card_content_data {
    padding: 20px 20px 22px 20px;
    border-radius: 12px;
    background: #FFF;
    border-radius: 8px;
}

.text_sub_head {
    color: #757575;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.nav_heading {

    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #0A0A0A;
}


.bg_light {
    background: #F4F7FC;
    overflow: hidden;
}

header {
    background: #343434;
    height: 100%;
    padding-top: 134px;
    position: fixed;

}

nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}

.p-24px.w-100 {
    padding-left: 74px;
}

.p-24px {
    padding: 24px;
}

.w-50px {
    width: 50px;
}

/* 
.item-nav.stroke svg path,
.item-nav.stroke svg circle {
    stroke: #E0E0E0;
}

.item-nav.fill svg path,
.item-nav.fill svg circle {
    fill: #E0E0E0;
} */

/* .item-nav.stroke:hover svg path,
.item-nav.stroke:hover svg circle,
.item-nav.stroke.active svg path,
.item-nav.stroke.active svg circle {
    stroke: var(--active-theme);
    transition: 0.5s ease;
} */

/* .item-nav.fill:hover svg path,
.item-nav.fill:hover svg circle,
.item-nav.fill.active svg path,
.item-nav.fill.active svg circle {
    fill: var(--active-theme);
    transition: 0.5s ease;
} */

.item-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 50px;
    height: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.item-nav.active:before {
    position: absolute;
    width: 5px;
    right: 0;
    top: 0;
    height: 32px;
    border-radius: 100px;
    content: '';
    background: var(--active-theme);
}

.form_select_main.form-select {
    color: #424242;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.28px;
    width: 115px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #ffffff;
    cursor: pointer;
    padding: 0;
}

.form_select_main.form-select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #1D8F83;
}

.profile_content img {
    width: 38px;
    border-radius: 100px;
    cursor: pointer;
}

span.ant-dropdown-menu-title-content a {
    text-decoration: none;
}

/* Table - Css */



#data-table thead tr th {
    color: #424242 !important;
    background: #F5F5F5 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    height: 44px;
    border-left: 0px;
    border-right: 0px;
    white-space: nowrap;
}

.table>:not(caption)>*>* {
    padding: 0.5rem 1.5rem !important;
}

#data-table tbody tr td,
#data-table tbody tr {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    border: 0px solid transparent;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    color: #616161;
}

#data-table tfoot td {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    border: 0px solid transparent;
    line-height: normal;
    height: 47px;
    border-top: 1px solid #2a968a;
}

#data-table tfoot {
    background: #fff !important;
    border-color: transparent !important;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0px 3px 0px -2px #dee2e6, 0px -2px 0px -1.5px #2a968a;
    box-shadow: 0px 3px 0px -2px #dee2e6, 0px -2px 0px -1.5px #2a968a;
    border-bottom: 1px solid #dee2e6 !important;
}



#data-table tbody tr:nth-child(even) td {
    height: 47px;
    /* padding: 13px 146px 14px 8px; */
    background: rgba(250, 250, 250, 1) !important;
}

table#data-table {
    margin-bottom: 0px;
}

#data-table.table-hover>tbody>tr:hover>* {
    border-color: #edf6f5 !important;
    --bs-table-color-state: #edf6f5 !important;
    --bs-table-bg-state: #edf6f57a !important;
}

/* #data-table.table-bordered>:not(caption)>*>* {
    border-top: 1px solid #e1e2e9;
} */

#data-table tbody tr:nth-child(odd) td {
    height: 47px;
    /* padding: 13px 146px 14px 8px; */
    background: #ffffff !important;
}

#data-table tbody td.p-0 {
    padding: 0 !important;
}

#data-table tbody tr td a {
    color: #0C69FF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

/* End Table Css */

input:focus {
    outline: none;
}


.form_control {
    border-color: #EFEFEF;
    border-width: 1px 1px 1px 0px;
}

.input-greoup .form_control {
    border-radius: 0 8px 8px 0px !important;
    border-color: #EFEFEF;
    border-width: 1px 1px 1px 0px;
}

.search_content input {
    height: 36px;
    padding: 8px;
    height: 36px;
    font-size: 13px;
    border: 1px solid #CFD3D4;
    border-radius: 8px;
    padding-left: 30px;
    background-image: url(../media/images/Search.svg);
    background-repeat: no-repeat;
    background-position: left 8px center;
    background-size: 16px;
    font-weight: 500;
    color: #0a0a0a;
}

.search_content input::-webkit-input-placeholder {
    font-weight: 400;
    color: #9E9E9E;
}

.search_content input::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: #9E9E9E;
}

.search_content input:-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 400;
    color: #9E9E9E;
}

.search_content input:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: #9E9E9E;
}


.ant-select.form_select_table.btn_outline .ant-select-selector {
    border-radius: 0;
    height: 35px !important;
    background: none;
    font-weight: 500;
    padding: 0 !important;
}

.ant-select.form_select_table.btn_outline:hover .ant-select-selector {
    color: #ffffff;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.btn_outline {
    height: 36px;
    padding: 8px;
    border: 1px solid #CFD3D4;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    color: #616161;
    font-weight: 500;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.btn_outline:hover {
    background: #1D8F83;
    color: #ffffff;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    border-color: #1D8F83;
}

.btn_outline:hover svg path {
    stroke: #fff;
}

.search_content input:focus-within {
    border-color: #1D8F83;
}

.search_content input:focus-within {
    background-image: url(../media/images/Search-active.svg) !important;
}

.search_content {
    margin-bottom: 13px;
}

.pagination_content select {
    border-radius: 8px;
    height: 23px;
    width: 60px;
    background: #F5F5F5;
    padding: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    padding: 0px 11px;
    line-height: normal;
    margin-right: 8px;
}

.pagination_content select:focus {
    outline: none;
}

.pagination_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination_content label,
.arrows_content label {
    color: #616161;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.arrows_content .btn {
    background: none;
    color: #757575;
    border: none
}

.arrows_content .btn.disabled,
.arrows_content .btn:disabled,
.arrows_content .btn.hover,
.arrows_content .btn.active,
.arrows_content .btn:focus-visible,
.arrows_content fieldset:disabled .btn {
    background: none !important;
    color: #757575;
    border: none !important;
}

.pagination_content {
    margin-top: 10px;
}

.pagination_content select {
    background-image: url(../media/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.ant-select-selector {
    background-image: url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
}

.form_select_table {
    background-size: 16px;
    background-image: url(../media/images/ad_unit_theme.svg), url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: left 8px center, right 8px center;
    padding-left: 30px;
}

.form_select_table:hover,
.ant-select-single.ant-select-open {
    background-image: url(../media/images/ad_unit_filter.svg), url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: left 8px center, right 8px center;
    background-size: 16px;
}

.ant-select.form_select_table.btn_outline:hover .ant-select-selector {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ant-select-focused.ant-select.form_select_table.btn_outline:where(.css-dev-only-do-not-override-1m62vyb).ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination_content select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #11554E;
}

.table-bordered>:not(caption)>*>* p {
    margin-bottom: 0;
}

.position-relative .dropdown-menu {
    padding: 16px 16px 16px;
    width: 245px !important;
    border-radius: 12px;
    background: #FFF;
    margin-top: 8px;
    -webkit-box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
    box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    right: 0;
}

.dropdown-menu .label_main {
    color: #757575;
    font-size: 13px;
    position: relative;
    left: -20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    padding: 4.5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

input[type="checkbox"]:checked+label {
    font-weight: bold;
    color: #0A0A0A !important;
}

.dropdown-menu input[type="checkbox"] {
    margin-right: 10px;
    position: relative;
}

span.rs-picker-toggle-clean.rs-btn-close {
    display: none;
}

.sorting_icon {
    position: relative;
    top: -1.5px;
    margin-left: 6px;
    width: 13px;
}

/*  */

.rs-picker-daterange-predefined .rs-btn {
    display: block;
    color: #757575;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rs-picker-default .rs-picker-toggle.rs-btn {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px 50px 50px 0 !important;
    border-color: #fff;
    border-width: 1px 1px 1px 0px !important;
    padding-left: 1px !important;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group.daterangePicker .rs-picker-toggle-textbox {
    padding-left: 0;
}

.input-group.daterangePicker .input-group-text {
    background: #fff;
    border-color: #fff !important;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.input-group:focus .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
    padding-right: 32px;
    border-style: solid !important;
    border-width: 1px 1px 1px 0 !important;
    border-color: #1d8f83 !important;
    padding-left: 0px !important;
}

.rs-picker-daterange-predefined.rs-stack .rs-stack-item {
    display: block;
    width: 100%;
}

.rs-picker-daterange-predefined .rs-btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 10px;
}

.rs-picker-daterange-predefined .rs-btn:hover {
    border-radius: 6px;
    background: rgba(29, 143, 131, 0.08);
    text-decoration: none;
    color: #1D8F83;
}

.rs-picker-daterange-predefined {
    width: 150px;
    padding: 8px !important;
}

.rs-picker-menu {
    position: absolute;
    text-align: left;
    z-index: 7;
    border-radius: 12px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08) !important;
    box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08) !important;
}

.rs-picker-toolbar {
    border-top: 0px hidden !important;
}

.rs-picker-daterange-header {
    border-bottom: 0px hidden !important;
}

.rs-picker-daterange-menu .rs-calendar:first-child {
    border-right: 0px hidden !important;
}

/* .rs-calendar-table-cell.rs-calendar-table-cell-is-today .rs-calendar-table-cell-content span.rs-calendar-table-cell-day {
    color: #fff;
} */


/* .rs-calendar-table-cell.rs-calendar-table-cell-is-today span.rs-calendar-table-cell-day {
    color: var(--theme);
} */
.rs-calendar-table-cell.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected.rs-calendar-table-cell-selected-end span.rs-calendar-table-cell-day {
    color: #fff !important;
}

.rs-calendar-table-cell.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected.rs-calendar-table-cell-selected-end:hover span.rs-calendar-table-cell-day {
    color: var(--theme) !important;
}

.rs-calendar-table-cell-selected::before,
.rs-calendar-table-cell-in-range::before {

    width: 100%;
    height: 100%;
}

.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
    background-color: #1D8F83 !important;
}

.rs-calendar-table-cell-selected::before,
.rs-calendar-table-cell-in-range::before {
    margin-top: 0 !important;
    height: 100% !important;
}

.rs-calendar-table-cell-in-range::before {
    background: rgba(29, 143, 131, 0.06) !important;
}

.rs-calendar-table-cell.rs-calendar-table-cell-selected.rs-calendar-table-cell-selected-start .rs-calendar-table-cell-content {
    border-radius: 4px 0px 0px 4px !important;
    color: #fff !important;
}

.rs-calendar-table-cell.rs-calendar-table-cell-selected.rs-calendar-table-cell-selected-end .rs-calendar-table-cell-content {
    border-radius: 0px 4px 4px 0px !important;
}

.rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
    background-color: #f2f8f8 !important;
    color: #1d8f83 !important;
}

.rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
    -webkit-box-shadow: inset 0 0 0 1px #1d8f83 !important;
    box-shadow: inset 0 0 0 1px #1d8f83 !important;
    color: #1d8f83 !important;

}

.rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content {
    /* display: none; */
    opacity: 0;
}

.rs-picker-daterange-predefined {
    border-right: 1px solid #F0F1F5 !important;
}

.rs-calendar-table-header-cell-content {
    color: #718096 !important;
    text-align: center;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.rs-calendar-header-title {
    margin: 0 4px;
    color: #212121 !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 600 !important;
}

.rs-btn-icon.rs-btn-xs>.rs-icon {
    fill: rgba(207, 211, 212, 1) !important;
    font-size: 14px !important;
}

.rs-btn-primary {
    color: #fff !important;
    background-color: #1d8f83 !important;
    border: none;
    border-radius: 4px !important;
    width: 60px !important;
}

.rs-btn-primary:hover,
.rs-btn-primary:focus {
    color: #fff !important;
    background-color: #11554E !important;
    border: none;
    border-radius: 4px !important;
    width: 60px !important;
}

.br-50px .form_control.date_picker .rs-picker-toggle.rs-btn.rs-btn-default {
    height: 40px;
    border: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.br-50px .form_control.date_picker:focus .rs-picker-toggle.rs-btn.rs-btn-default:focus,
.br-50px .form_control.date_picker:focus .rs-picker-toggle.rs-btn.rs-btn-default {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.rs-picker-toggle-read-only {
    opacity: 0;
    height: 40px;
}

.br-50px .form_control.date_picker {
    height: 40px;
    width: 200px;
    border-radius: 0 50px 50px 0px;
    overflow: hidden;
    background: #f8f9fa;
}

.br-50px .form_control.date_picker .rs-picker-toggle.rs-btn.rs-btn-default {
    height: 38px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 0 !important;
}

.form_control.date_picker .rs-picker-default .rs-btn,
.form_control.date_picker .rs-picker-input .rs-btn,
.form_control.date_picker .rs-picker-default .rs-picker-toggle,
.form_control.date_picker .rs-picker-input .rs-picker-toggle {
    background-color: #f8f9fa !important;
    background: #f8f9fa !important;

}

/* .rs-picker-default .rs-btn {
    background: #f8f9fa !important;
} */

/* .rs-picker-toggle.rs-btn.rs-btn-default {
    background: #ffff !important;
} */

/* .rs-picker-toggle-textbox {
    padding-left: 0px !important;
} */

/* .daterangePicker .input-group-text {
    background-color: #ffffff;
    border: 1px solid #fff;
} */

.rs-picker-default .rs-picker-toggle {
    border-radius: 0px !important;
    color: #575757;
    border: 1px solid transparent !important;
}

svg.rs-picker-toggle-caret.rs-icon {
    opacity: 0;
}

.rs-picker-toggle-active,
.rs-picker.rs-picker-focused {
    -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
    -webkit-box-shadow: var(--rs-state-focus-shadow);
    box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
    -webkit-box-shadow: 0px 0px 7px 6px #fff !important;
    box-shadow: 0px 0px 7px 6px #fff !important;
}

.rs-picker:not(.rs-picker-disabled):hover,
.rs-picker.rs-picker-focused {
    border-color: #ffffff !important;
    border-style: none !important;
    border-width: 0 !important;
}

.form_control.date_picker {
    color: #212121;
    border-radius: 8px;
    /* border-color: #dee2e6; */
}

/* .rs-picker-has-value .rs-btn .rs-picker-toggle-value,
.rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
    color: #1d8f83 !important;
} */

.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
    top: 9px !important;
}


/* .rs-picker-daterange-header,
.rs-picker-toolbar-ranges.rs-stack {
    display: none;
} */

.rs-picker-toolbar-ranges.rs-stack button.rs-btn.rs-btn-link.rs-btn-sm.rs-btn-disabled {
    /* background: #000; */
    color: #333333;
    opacity: 1;
}

.rs-picker-has-value .rs-btn .rs-picker-toggle-value,
.rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
    color: #222222 !important;
}

.mb_5px {
    margin-bottom: 5px;
}

.rs-picker-daterange-predefined {
    height: 330px !important;
}

.rs-btn-icon.rs-btn:hover,
.rs-calendar-header-title-date:hover {
    background: rgba(29, 143, 131, 0.08) !important;
    text-decoration: none;
    color: #1D8F83;
}

.rs-calendar-month-dropdown-cell-content {
    border-radius: 4px;
}

.rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
    background-color: rgba(29, 143, 131, 0.08) !important;
    color: var(--theme) !important;
}

.rs-calendar-month-dropdown-year-active {
    color: var(--theme_light);
}

.rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover,
.rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
    background-color: var(--theme_light) !important;
}

.rs-calendar-header-month-toolbar .rs-btn:focus-visible,
.rs-calendar-header-month-toolbar .rs-btn:focus {
    background: var(--theme_light) !important;
    outline: none !important;
}

:where(.css-dev-only-do-not-override-1m62vyb).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 50px;
    border: none;
    height: 40px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px !important;
}

.input-group.daterangePicker {
    height: 40px;
}

.input-group.daterangePicker .rs-picker-toggle-textbox {
    background: url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

/*  */
.form-check-input:checked {
    background-color: #1d8f83 !important;
    border-color: #1d8f83 !important;
}

.form-check-input {
    border: 1px solid #d4d7e1;
    border-radius: 3px;
    background-color: #fff;
    width: 16px !important;
    height: 16px !important;
    -webkit-appearance: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    top: 0px;


}


.d-flex.w-100.bg_light {
    min-height: 100vh;
}

.mb_16px {
    margin-bottom: 16px;
}

/* Login */
.login_heading {
    color: var(--login_heading);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.68px;
    margin-bottom: 20px;

}

.login_content {
    background: -o-radial-gradient(3.63% 4.47%, 141.79% 110.87%, #FEFFE0 16.91%, #CBF9E5 100%);
    background: radial-gradient(141.79% 110.87% at 3.63% 4.47%, #FEFFE0 16.91%, #CBF9E5 100%);
    display: block;
    position: relative;
    width: 71%;
    height: 100%;
    overflow: hidden;
}

.login_img img {
    position: absolute;
    bottom: -18px;
    left: 270px;
}

.login_form.d-flex.align-items-center {
    width: 29%;
    background: var(--white);
}

.login_text {
    margin-left: 270px;
    margin-top: 100px;
    padding-right: 400px;
}

.login_text p {
    color: var(--login_text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
}

.login_form_inner {
    width: 100%;
    padding: 0 77px;
    position: relative;
}

.login_form_inner .heading {
    font-weight: 400;
    font-size: 32px;

}

.loader_text {
    display: none;
}

.loading_btn .loader_text {
    display: block;
    color: var(--theme_light);
}

.loading_btn .btn_text {
    display: none;
}

span.ant-select-arrow {
    display: none;
    opacity: 0;
}

.loading_btn,
.loading_btn:hover,
.loading_btn:focus,
.loading_btn:active {
    background: none;
    color: var(--theme_light);
    border-radius: 8px;
    border: 1px solid var(--theme_light);
}

.login_form {
    width: 471px;
}

.mb_55px {
    margin-bottom: 55px;
}

.error {
    color: #ED0017;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 15px;
    display: block;
    margin-top: 4px;
    text-align: right;
}

.error_head {
    color: #ED0017;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-top: 4px;
    height: 15px;

    margin-bottom: 5px;
}

/* Login End */


.form-select {
    cursor: pointer;
}

.ant-select-focused:where(.css-dev-only-do-not-override-1m62vyb).ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
    -webkit-box-shadow: 0px 0px 0px 1px var(--theme);
    box-shadow: 0px 0px 0px 1px var(--theme);
}

:where(.css-dev-only-do-not-override-1m62vyb).ant-select-single.ant-select-open .ant-select-selection-item {
    color: #222222;
}

.ant-select-single.ant-select-open {
    background-color: var(--theme_light);
    border-color: var(--theme_light);
}

.ant-select.form_select_table.btn_outline.form_select_v1.ant-select-open span.ant-select-selection-item,
.ant-select-single.ant-select-open.form_select_table .ant-select-selection-item {
    color: var(--white);
}

:where(.css-dev-only-do-not-override-1m62vyb).ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: #1D8F83;
    font-weight: 500;
    background: rgba(29, 143, 131, 0.08);
}

:where(.css-dev-only-do-not-override-1m62vyb).ant-select-dropdown {
    padding: 8px;
}

.gap-8px {
    gap: 8px
}

.tab_item {
    color: var(--heading);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.28px;
    background: none;
    border: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: 40px;
    width: 171px;
}

.tab_item.active {
    background: rgba(29, 143, 131, 0.08);
    color: var(--theme);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    padding: 0 16px;
    border-radius: 100px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 172px;

}

.tab_links {
    gap: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.tab_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tab_content .form_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.w_100px {
    width: 100px;
}

.logout_btn {
    color: #757575;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: none;
    text-decoration: none;
    width: 100%;
    text-align: left;
    padding: 12px;
    border-radius: 4px;

}

.logout_btn:hover {
    background: rgba(29, 143, 131, 0.08);
    color: var(--theme);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.logout_btn svg path {
    stroke: #757575;
}

.logout_btn:hover svg path {
    stroke: var(--theme);
}

.mail_text {
    color: #757575;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    padding: 0 12px;

}

.mail_name {
    color: #212121;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 12px;

}

.dropdown_menu_profile {
    position: absolute;
    right: 0;
    top: 47px;
    border-radius: 12px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
    box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
    width: 205px;
    padding: 10px 10px 10px;
    z-index: 99999;
    display: none;

}

.dropdown-menu .label_main.active {
    color: #212121;
}

/* .position-relative:hover .dropdown_menu_profile {
    display: block;
} */


.fa-spin {
    -webkit-animation: fa-spin 0.5s infinite linear !important;
    animation: fa-spin 0.5s infinite linear !important;
}

@media screen and (max-width:1540px) {
    .login_form_inner {
        padding: 0 45px;
    }

    .login_content.register_content .login_img img {
        left: 100px !important;
    }

    .login_content.register_content .login_text {
        margin-left: 100px !important;
        margin-top: 50px !important;
        padding-right: 50px !important;
    }

    .login_content.register_content .login_img img {
        left: 100px;
        width: 811px !important;
    }

    .mb_55px {
        margin-bottom: 35px;
    }

    .login_text {
        margin-left: 93px;
        margin-top: 50px;
        padding-right: 100px;
    }

    .login_img img {
        left: 93px;
        width: 1115px;
    }

    .form_control {
        width: 87.6%;

    }

    .otp__digit {
        width: 49px;
    }

    .error {
        font-size: 11px;
        margin-top: 4px;
    }
}

.form-check-input:focus {
    border-color: var(--theme) !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ap-otp-input.otp__digit.otp__field__1.error {
    border: 1px solid #ED0017;
}

.ap-otp-input.otp__digit.active {
    border: 1px solid #1D8F83;
}

.nodataTable,
.errortable {
    min-height: 300px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.form_select_v1.form-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 184px;
    height: 36px;
    padding: 0px 8px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #CFD3D4;
}

.form_select_v1.form-select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #1D8F83;
}


.ant-select.form_select_table.btn_outline.form_select_v1 {
    padding-left: 8px;
    padding-right: 11px;
}

.ant-select.form_select_table.btn_outline.form_select_v1 span.ant-select-selection-item {
    color: #616161;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.ant-select.form_select_table.btn_outline.form_select_v1:hover span.ant-select-selection-item {
    color: #fff;
}

.form_select_table.form_select_v1 {
    background-size: 16px;
    background-image: url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
}


.form_select_table.form_select_v1:hover {
    background-size: 16px;
    background-image: url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.title_heading {
    color: #0A0A0A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.login_content.register_content {
    width: 50%;
}

.login_content.register_content .login_text {
    margin-left: 170px;
    margin-top: 100px;
    padding-right: 100px;
}

.login_content.register_content .login_img img {
    left: 170px;
}

.login_form.register_form.d-flex.align-items-center.justify-content-center {
    width: 50%;
}

/* .login_form_inner.register_form_inner .form_control {
    width: 87.2%;
} */

.login_form.register_form .login_form_inner {
    padding: 0 50px;
}

.btn_outline.active {
    background: var(--theme_light);
    color: var(--white);
    border-color: var(--theme_light);
}


.btn_outline.active svg path {
    stroke: var(--white);
}

.btn_outline.active:focus-visible {
    border: none;
}



.daterangepicker td.start-date.end-date {
    background-color: var(--theme_light) !important;
}

.applyBtn.btn.btn-sm.btn-primary {
    background-color: var(--theme_light);
    border-color: var(--theme_light);
    font-weight: 500;
}

.applyBtn.btn.btn-sm.btn-primary:hover {
    background-color: var(--theme);
    border-color: var(--theme);

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;
}

.daterangepicker .drp-buttons {
    position: relative;
}

.daterangepicker button.applyBtn:disabled,
.daterangepicker button.applyBtn:disabled:hover {
    color: #fff !important;
}

.daterangepicker .drp-buttons:before {
    position: absolute;
    content: 'Maximum 31 days only';
    left: 210px;
    top: 0;
    padding: 16px;
    height: 100%;
    font-size: 12px;
    color: #757575;
    font-weight: 500;
}

.daterangepicker .drp-buttons:after {
    position: absolute;
    content: '';
    left: 210px;
    top: 14px;
    padding: 0;
    height: 14px;
    width: 14px;
    color: #757575;
    font-weight: 500;
    background-repeat: no-repeat;
    background-image: url(../media/images/info-circle.svg);
    background-size: cover;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--theme_light) !important;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: none !important;
    opacity: 0.5 !important;
}

td.off.ends.available {
    opacity: 0 !important;
    cursor: not-allowed;
}

td.today {
    border-radius: 4px !important;
    -webkit-box-shadow: 0px 0px 0px 1px #1d8f83 inset !important;
    box-shadow: 0px 0px 0px 1px #1d8f83 inset !important;
}

.success_message {
    border-radius: 8px;
    border: 2px solid rgba(0, 133, 0, 0.12);
    background: rgba(0, 133, 0, 0.06);
    padding: 12px;
    position: relative;
    /* top: -100px; */
    top: -65px;
}

.success_message .text {
    margin-left: 8px;
}

.success_message .text h2 {
    color: #212121;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-align: left;
    margin-bottom: 2px;

    /* 19.5px */
}

.error_message .text p {
    color: #616161;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    margin-bottom: 0;

}

.error_message {
    border-radius: 8px;
    border: 2px solid rgb(133 3 0 / 47%);
    background: rgb(133 0 0 / 6%);
    padding: 12px;
    position: relative;
    top: -65px;
}

.error_message .text {
    margin-left: 8px;
}

.error_message .text h2 {
    color: #212121;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-align: left;
    margin-bottom: 2px;

    /* 19.5px */
}

.error_message .text p {
    color: #616161;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    margin-bottom: 0;

}

.profile_symbol {
    border-radius: 100px;
    background-color: #ffffff;
}

.symbol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(29, 143, 131, 0.08);
    -webkit-box-shadow: 0px 0px 0px 4px #ffffff inset;
    box-shadow: 0px 0px 0px 4px #ffffff inset;
    cursor: pointer;
}

.position-relative.profile_symbol:hover .symbol,
.cursor-pointer.symbol.active {
    background: rgb(29 143 131);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.position-relative.profile_symbol:hover .symbol-label.bg-light-success.text-success,
.cursor-pointer.symbol.active .symbol-label.bg-light-success.text-success {
    color: #fff !important;
}

.daterangepicker:after,
.daterangepicker:before {
    display: none !important;
}

.daterangepicker {
    background-color: #fff;
    border: none !important;
    width: 278px;
    border-radius: 12px !important;
    -webkit-box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
    box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0 !important;
}

@media (min-width: 564px) {
    .daterangepicker .ranges ul {
        width: 211px !important;
    }
}

.daterangepicker .ranges li.active {
    border-radius: 6px;
    background: rgba(29, 143, 131, 0.08) !important;
    color: var(--heading) !important;
    font-weight: 600;
}

.daterangepicker .ranges li {
    border-radius: 6px !important;
    color: #757575;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.daterangepicker .ranges ul {
    padding: 8px !important;
    border-right: 1px solid #F0F1F5;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    font-family: 'Nunito', sans-serif;

}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: none !important;
}

td.active.start-date.in-range.available,
td.active.end-date.in-range.available {
    background: var(--theme_light) !important;
}

.daterangepicker .calendar-table td {
    color: #212121;
    text-align: center;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.daterangepicker .calendar-table th {
    color: #718096;
    text-align: center;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}

.daterangepicker th.month {
    width: auto;
    color: #212121;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.daterangepicker .ranges li:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #f6f7f9 !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border: solid #CFD3D4 !important;
    border-width: 0 1px 1px 0 !important;
}

.daterangepicker td.in-range {
    background-color: #edf6f5 !important;
}

.form_control.date_picker_control {
    height: 40px;
    border: 1px solid #fff !important;
    cursor: pointer;
    border-width: 1px 1px 1px 0px !important;
    border-radius: 40px !important;
    padding-left: 40px !important;

}

.input-group:focus-within .date_picker_control,
.input-group:focus-within .date_picker_control {
    border-color: var(--theme_light) !important;

}

.mb_50px {
    margin-bottom: 50px;
}

.mb_36px {
    margin-bottom: 36px;
}

.mb_26px {
    margin-bottom: 26px;
}

.mt_26px {
    margin-top: 26px;
}

span.drp-selected {
    display: none !important;
    opacity: 0;
}


button.cancelBtn.btn.btn-sm.btn-default {
    color: var(--label);
    font-weight: 500;
}

.hr_border {
    border-top: 1px solid #EFEFEF;
    opacity: 1;
    margin: 3.5rem 0;
}

.tab_content.unedited .input-group .form_control {
    border-color: #EFEFEF;
    border-width: 1px 1px 1px 0px !important;
    padding-left: 1px !important;
    font-weight: 500 !important;
}

.tab_content .input-group .form_control {
    border-width: 1px 1px 1px 0px !important;
    padding-left: 1px !important;
}

.tab_content.unedited .form_group .form_control:focus,
.tab_content.unedited .form_group .form_control:focus-within {
    border-width: 1px 1px 1px 1px !important;
}

.tab_content.unedited .input-group .form_control:focus,
.tab_content.unedited .input-group .form_control:focus-within {
    border-width: 1px 1px 1px 0 !important;
}

.tab_content.unedited .form_group .form_control {
    padding: 12px;
    border-width: 1px;
    font-weight: 500;
    border: 1px solid #EFEFEF;
    background: #FAFAFA;
    color: #616161;

}

.tab_content.unedited .form_group .input-group .input-group-text {
    background: #FAFAFA !important;
    border: 1px solid #EFEFEF;
}

.tab_content .form_group .form_control {
    padding: 12px;
    border-width: 1px;
    font-weight: 600;
}

.tab_content.unedited .input-group:focus-within .input-group-text,
.tab_content.unedited .form_group .form_control:focus {
    border-color: #EFEFEF !important;
}

.tab_content .form_group .form_control:focus {
    outline: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    border-color: #1D8F83 !important;
    border-width: 1px !important;
}

.tab_content .input-group .form_control:focus {
    outline: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    border-color: #1D8F83 !important;
    border-width: 1px 1px 1px 0 !important;
}

.text_success {
    font-size: 13px;
    font-weight: 500;
    margin-right: 15px;
    color: var(--theme_light);
    margin-bottom: 0;
}

.h_50px {
    height: 48px;
}

:where(.css-dev-only-do-not-override-1m62vyb).ant-tooltip-placement-right {
    inset-inline-start: 57px !important;
}

:where(.css-dev-only-do-not-override-1m62vyb).ant-tooltip .ant-tooltip-inner {
    background: #3A3A3A;
    -webkit-box-sizing: 2px 2px 0px rgba(0, 0, 0, 0.16);
    box-sizing: 2px 2px 0px rgba(0, 0, 0, 0.16);
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 12px;
}

:where(.css-dev-only-do-not-override-1m62vyb).ant-tooltip .ant-tooltip-arrow:before {
    background: rgb(58 58 58);
}



.loader-animation {
    -webkit-animation: spining-loader 1s linear infinite;
    animation: spining-loader 1s linear infinite;
    width: 50px;
    height: 50px;
}

.loader-animation img {
    width: 50px;
}

@-webkit-keyframes spining-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes spining-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.nodataTable h6 {
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0 10px;
}

.nodataTable p {
    color: #a2a2a2;
    font-size: 12px;
    font-weight: 400;
}

.arrows_content .btn-secondar:active,
.arrows_content .btn-secondary:focus,
.arrows_content .btn-secondary:focus-within {
    border: none !important;
    background: none !important;
    color: #222 !important;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.arrows_content .btn-secondary:hover {
    color: var(--theme_light);
    font-weight: 700;
    border: none !important;
    background: none !important;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-icon {
    color: #ccc;
    padding: 0 !important;
    margin-right: 12px;
}

.btn-icon path {
    fill: #222222;
}

.btn-icon:hover path {
    fill: var(--theme);
}

button.btn-icon.active {
    border: 0px;
}

.sub_heading {
    color: #616161;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.sub_heading.ml_adjust {
    margin-left: 46px;
}


#details,
#next {
    position: relative;
}

#details::before,
#next::before {
    content: '';
    left: 0;
    top: -70px;
    width: 49%;
    height: 2px;
    background: #1D8F83;
    position: absolute;
    border-radius: 50px;
}

#details::after {
    content: '';
    right: 0;
    top: -70px;
    width: 49%;
    height: 2px;
    background: #E0E0E0;
    position: absolute;
    border-radius: 50px;
}

#next::after {
    content: '';
    right: 0;
    top: -70px;
    width: 49.5%;
    height: 2px;
    background: #1D8F83;
    position: absolute;
    border-radius: 50px;
}

.dropdown_filter {
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 999;
    width: 287px;
    border-radius: 12px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
    box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
    /* padding: 7px 16px 16px 16px; */
}

.clearAllBtn {
    color: #757575;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: block;
    background: none;
}

.clearAllBtn:hover {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #424242;
}

.accordion-item:last-of-type .accordion-button {
    border-radius: 0 !important;
}

.applyBtn {
    color: #1D8F83;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: block;
    background: none;
}

.applyBtn:hover {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #11554e;
}

.filter_bottom.d-flex.justify-content-between {
    padding: 16px;
}

button.accordion-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.filter_content {
    padding: 9px 16px 0;
    margin-bottom: 66px;
}

.filter_bottom {
    padding: 0 16px;
}

.dropdown_filter .accordion-button {
    color: #424242;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 40px;
    padding: 0 10px !important;
}

.dropdown_filter .accordion-button.activeView {
    color: #212121;
    font-weight: 500;
}

.dropdown_filter .accordion-button.activeView span.text-primary {
    font-weight: 600 !important;
}

.dropdown_filter .accordion-button:focus,
.dropdown_filter .accordion-button:not(.collapsed) {
    background: none;
    z-index: 3;
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search_input {
    height: 36px;
    color: #9E9E9E;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 8px;
    border: 1px solid #CFD3D4;
}

.w_145px {
    width: 145px;
}

.dropdown_filter .accordion-item {
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.dropdown_filter .form-check input {
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.dropdown_filter .form-check:last-child {
    margin-bottom: 0px !important;
}

.clearBtn:hover {
    color: #424242;
}

.dropdown_filter hr {
    margin: 8px 0;
    border-top: 1px solid #EFEFEF;
    opacity: 1;
}

.dropdown_filter .form-check-label {
    /* cursor: pointer !important; */
    cursor: pointer;
    color: #616161;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

label.form-check-label.active {
    color: #212121;
}

.dropdown_filter .form-check {
    padding-left: 1.2em;
    margin-bottom: 8px;
}

.list_scroll {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* .st0 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linecap: round;
    stroke-linejoin: round;
} */
.dropdown_filter .form-check input:focus {
    border: 1px solid #1d8f83 !important;
}

.dropdown_filter .accordion-body {
    padding: 10px;
    background: #FBFBFB;
    /* border-radius: 4px 4px 0 0; */
    border-top: 1px solid #dee2e6;
}

.dropdown_filter span.text-primary {
    color: var(--theme_light) !important;
    font-weight: 600;
}

.clearBtn {
    color: #757575;
    font-size: 12px;
    z-index: 999;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: none;
    position: absolute;
    right: 40px;
    top: 0;
    padding: 0;
    height: 40px;
}

.dropdown_filter .accordion-button::after {
    width: 15px;
    height: 15px;
    background-size: 15px;
}

.mb_10px {
    margin-bottom: 10px;
}

.form-check-input.indeterminate_check:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='rgb(255 255 255)' d='M12.1,6.9H1.9c-0.7,0-1.4-0.6-1.4-1.4v0c0-0.7,0.6-1.4,1.4-1.4h10.3c0.7,0,1.4,0.6,1.4,1.4v0	C13.5,6.2,12.9,6.9,12.1,6.9z'/%3e%3c/svg%3e") !important;
    background-position: center center;
    background-size: 10px;
}

button.applyBtn:disabled,
button.applyBtn:disabled:hover {
    /* opacity: 0.4; */
    color: #1d8f8373 !important;
}

button.applyBtn:disabled:hover span.tooltip_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

span.tooltip_content {
    text-align: left;
    display: none;
    position: absolute;
    top: -16px;
    left: 60px;
    width: 260px;
    opacity: 1;
    border-radius: 6px;
    background: #3A3A3A;
    -webkit-box-sizing: 2px 2px 0px rgba(0, 0, 0, 0.16);
    box-sizing: 2px 2px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 12px;
}

button.applyBtn:disabled:hover span.tooltip_content::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    bottom: auto;
    border-width: 0.4rem;
    border-top-color: #3a3a3a;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -12px;
}

input.form_control.date_picker_control.short-width {
    width: 170px !important;
}

input.form_control.date_picker_control.long-width {
    width: 250px;
}

span.dollar_icon {
    font-weight: 600;
    margin-right: 5px;
}

.data_dashboard {
    padding-right: 80px;
    min-width: 150px;
    height: 65px;
}

.data_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width:1600px) {
    .data_dashboard {
        padding-right: 0px;
    }

    .data_row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

}

@media screen and (max-width:1700px) {
    .login_img img {
        width: 1072px;
    }
}

/* ant-select-table */
.ant-select.btn_select.form_select .ant-select-selector {
    color: #424242;
    font-size: 13px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #fff !important;

}

.ant-select.btn_select.form_select.ant-select-focused.ant-select-open .ant-select-selector {
    color: #FFFFFF !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: 'Montserrat', sans-serif;
    background: var(--theme);
    border-color: var(--theme) !important;
}

.ant-select.btn_select.form_select.ant-select-focused.ant-select-open .ant-select-selector span.ant-select-selection-item {
    color: #FFFFFF;
}

.ant-select.btn_select.form_select.ant-select-focused.ant-select-open .ant-select-selector {
    background-image: url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
}

:where(.css-dev-only-do-not-override-17a39f8).ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background: rgba(29, 143, 131, 0.08) !important;
}

:where(.css-dev-only-do-not-override-17a39f8).ant-select-dropdown .ant-select-item-option-selected {
    font-size: 13px;
}

.form_select_container .ant-space.css-dev-only-do-not-override-17a39f8.ant-space-horizontal.ant-space-align-center {
    border-radius: 8px !important;
    overflow: hidden;
    border: 1px solid #ccc !important;
}

/* :where(.css-dev-only-do-not-override-17a39f8).ant-select-dropdown {
    width: 182px !important;
} */

/* End ant-select-table */

.ant-select.form-select-header.css-dev-only-do-not-override-17a39f8.ant-select-single.ant-select-show-arrow {
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
}

.currency_container .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    width: 100%;
    height: 40px;
    border: 0px solid;
    padding: 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.currency_container .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
    -webkit-padding-end: 18px;
    padding-inline-end: 18px;
    font-weight: 600;
    color: #424242;
}

.form_select_container .ant-space.css-dev-only-do-not-override-17a39f8.ant-space-horizontal.ant-space-align-center:hover {
    border-color: var(--theme) !important;

}

:where(.css-dev-only-do-not-override-17a39f8).ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
    /* border-color: var(--theme) !important; */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /* background: red; */
}

.form_group .input-group-text {
    border-radius: 8px;
}


.input-group .ant-select-selector {
    color: #0a0a0a;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 89.2%;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: 500;

}

.input-group .ant-select-selector {
    border-radius: 0 8px 8px 0 !important;
}

.ant-select-selector:focus {
    outline: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    border-color: #1D8F83 !important;
}

.input-group.active .ant-select-selector {
    border-color: #1D8F83 !important;
}


.input-group .ant-select-selector::-webkit-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}


.input-group .ant-select-selector::-moz-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}


.input-group .ant-select-selector:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}


.input-group .ant-select-selector::-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}


.input-group .ant-select-selector::placeholder {
    color: #BDBDBD;
    font-weight: 400;
    width: 100%;
}

.input-group .ant-select.ant-select-multiple.ant-select-show-arrow.ant-select-show-search .ant-select-selector:hover {
    border-color: #efefef !important;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;

    border-left: 0px;
}

.input-group.active .ant-select.ant-select-multiple.ant-select-show-arrow.ant-select-show-search .ant-select-selector {
    border-color: #1d8f83 !important;
}

.input-group .ant-select.ant-select-multiple.ant-select-show-arrow.ant-select-show-search .ant-select-selector {
    border-color: #efefef !important;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    border-left: 0px;
    width: 100% !important;
    height: auto !important;
    min-height: 44px;
}

.input-group .ant-select.ant-select-multiple.ant-select-show-arrow.ant-select-show-search .ant-select-selector:focus-within {
    border-color: #1D8F83 !important;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;

}

.ant-select-focused:where(.css-dev-only-do-not-override-17a39f8).ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.input-group.flex-nowrap.w-100.active.error {
    min-height: 44px;
}

.tabcontent {
    min-height: 444px;
}

.input-group.daterangePicker .input-group-text {
    border-radius: 100px;
}


.succcess_heading {
    color: #212121;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
}

.mb_24px {
    margin-bottom: 24px;
}

.mb_27px {
    margin-bottom: 27px;
}

.nodataTable:hover,
.errortable:hover {
    background: white;
}

.accordion-button:not(.collapsed) {
    color: #0a0a0a !important;
}

.daterangePicker .date_picker_control {
    background-image: url(../media/images/calendar.svg), url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: left .90rem center, right .75rem center;
    background-size: 15px, 16px;
}

.input-group.daterangePicker .input-group-text,
.input-group.daterangePicker input.form_control.date_picker_control {
    border: 1px solid #fff !important;

}

.input-group.daterangePicker input.form_control.date_picker_control {
    border-left: 0px solid #fff !important;

}

.input-group.daterangePicker.active .input-group-text,
.input-group.daterangePicker:hover .input-group-text,
.input-group.daterangePicker.active input.form_control.date_picker_control,
.input-group.daterangePicker:hover input.form_control.date_picker_control {
    background-color: var(--theme_light) !important;
    color: #fff !important;
    border: 1px solid var(--theme_light) !important;
    background-image: url(../media/images/calendar-white.svg), url(../media/images/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: left .90rem center, right .75rem center;
    background-size: 15px, 16px;

}

.input-group.daterangePicker.active svg path,
.input-group.daterangePicker:hover svg path {
    stroke: #fff !important;
}

.back_btn {
    margin-left: 5px;
}

.back_btn:active,
.back_btn:focus,
.back_btn:focus-within,
.back_btn:visited {
    border: 0px solid;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.btn-icon.btn.back_btn {
    position: relative;
    top: -1px;
}

.back_btn svg path {
    stroke: #222222;
    fill: none;
}

.back_btn:hover svg path {
    stroke: var(--theme);
    fill: none;
}

#data-table tbody tr td:first-child {
    color: #0A0A0A;
}

.item-nav.stroke:hover svg path {
    stroke: #ffffff !important;
}

.dropdown-menu .label_main span {
    margin-left: 20px;
}

.dropdown-menu .form-check-input.colvisCheckboxes {
    position: relative;
    right: -20px;
    top: -1px;
    z-index: -1;
}

.h_15px {
    height: 15px;
}


.ant-select.btn_select.page_select.ant-select-focused.ant-select-open .ant-select-selector {
    font-size: 12px;
    background-color: var(--theme);
    border-color: var(--theme) !important;
}

.ant-select.btn_select.page_select.ant-select-focused.ant-select-open .ant-select-selector span.ant-select-selection-item {
    color: #FFFFFF;
}

.ant-select.btn_select.page_select .ant-select-selector {
    margin-right: 10px;
    border-radius: 66px;
    border-radius: 8px;
    background-color: var(--gray-100, #F5F5F5);
    display: inline-flex;
    color: var(--gray-800, #424242);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 23px;
}

.ant-select.btn_select.page_select {
    height: 23px;
    padding: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 8px;
    margin-right: 10px;
}

.ant-select.btn_select.page_select:hover,
.ant-select.btn_select.page_select .ant-select-selector:hover,
.ant-select.btn_select.page_select:hover .ant-select-selector.custom-cursor-on-hover {
    border-color: #d9d9d9 !important;
    outline: none;
}

.ant-select.btn_select.page_select .ant-select-selection-item {
    line-height: 20px;
}

.ant-select.btn_select.page_select.ant-select-focused {
    border-color: #d9d9d9 !important;
}

.ant-select-focused:where(.css-dev-only-do-not-override-17a39f8).ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
    border-color: #d9d9d9;
}

.w_190px {
    width: 190px;
}


.btn-icon-page:hover svg path {
    stroke: #11554E;
}

.input-group.flex-nowrap.w-100 .ant-select-multiple .ant-select-selection-item-content {
    color: #0a0a0a !important;
}

.ant-select-disabled:where(.css-dev-only-do-not-override-17a39f8).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background: rgb(255 255 255 / 0%) !important;
    opacity: 0.7 !important;
}
.btn_view {
    background: none;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 40px;
    line-height: 38px;
    display: flex;
    align-items: center;
}

.view_pass{
    position: relative;
}

button.btn_view:focus-visible {
    outline: none;
}
.loginModeBtn {
    border: none;
    background: no-repeat;
    font-size: 12px;
}
.loginModeBtn:hover {
    text-decoration: underline;
}
.otpBtn {
    color: #0C69FF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 0;
}
.forgotBtn {
    float: right;
    color: #1D8F83;
    text-align: right;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 4px;
    padding-right: 0px;
}
.forgot-pass-txt {
    color: var(--Gray-500, #9E9E9E);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 19.2px */
}
.password::placeholder {
    /* letter-spacing: 2px;
    font-size: 22px;
    padding: 0 0 4px 0;
    font-weight: 600; */
}
.password {
    letter-spacing: 0px;
    font-size: 14px;
    padding: 0 0 0px 0;
    font-weight: 500;
}
.backToSigninFromForgotPassword {
    margin-top: 20px;
}