@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');



* {
    margin: 0;
    padding: 0;
}

:root {
    --main-color: #202224;
    --second-color: #ffffff;
    --pane-padding: 5px 42px;
    --text-heading-twenty-eight-size: 28px;
    --text-second-eighteen-size: 18px;
    --text-third-sixteen-size: 16px;
    --text-fourth-fourteen-size: 14px;
    --font-nunito: "Nunito Sans", sans-serif;
    --font-inter: "Inter", sans-serif;
}

*:visited {
    background-color: rgba(255, 255, 255, 0);
    /* Same background color as the normal state */
    text-decoration: none;
}

body {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Nunito Sans", sans-serif;
    width: 100%;
    height: 100vh;
    background-image: url(bodybg);
}




input {
    border-radius: 10px !important;
}

label {
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
}

.select-wrapper {
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 10;
}

select.form-select {
    border: 1px solid #5E6E8E;
    height: 60px;
    font-size: 16px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0) !important;
    padding: 10px;
    border-radius: 10px !important;
    width: 100%;
    appearance: none;
    /* Removes default arrow on some browsers */
}


.btn-primary:hover {
    color: #FFFFFF;
    background-color: #397bc9 !important;
    border-color: #397bc9 !important;
}


.input-group>.form-select {
    height: 60px;
    width: 100%;
}


/* Width css */
.inp-width-100 {
    width: 100% !important;
}

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

.inp-width-31 {
    width: 31.5% !important;
}

/* 
input:-webkit-autofill {
    background-color: transparent !important;
}

input:-moz-autofill {
    background-color: transparent !important;
}
*/
auto-fill .navbar-dark .navbar-toggler {
    border: 1px solid #a3d55e;
    margin: 0;
    background-color: #a3d55e;
}

.navbar-dark .navbar-toggler:focus {
    border: 1px solid #429f40;
    background-color: #429f40;
}

.navbar-dark .navbar-toggler:hover {
    background-color: #429f40;
    border-color: #429f40;
}

#search.nav-link.navbar-icon .glyphicon {
    top: -5px;
    right: -9px;
}

.navbar-nav {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

/* header conetent */
.static-top.navbar .menu-bar>.navbar-nav>.divider-vertical {
    display: none;
}

.navbar-expand-xl.navbar.navbar-dark.static-top {
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 10px;
    padding: 13px 0px;
    box-shadow: none;
}

.navbar-nav {
    display: flex;
    justify-content: flex-end;
}

.navbar-nav {
    width: 100%;
}

nav.ms-auto.menu-bar {
    width: 100%;
}

.skip-to-content {
    display: none;
}

li.noti {
    padding: 5px;
    border: 0.38px solid #D5D5D5 !important;
    border-radius: 94px;
    background-color: #F5F6FA;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

li.noti a {
    padding: 10px 12px;
    border-radius: 100px;
    position: relative;
}

li.noti a {
    padding: 0px 20px;
    margin-left: 0px !important;
}

.noti_icon {
    margin-right: 0px;
}

.noti a {
    padding: 0 !important;
    padding-top: 0px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.noti a:hover {
    background-color: rgb(50 49 48 / 0%);
}

.navbar-dark .navbar-nav>li>a:focus,
.navbar-dark .navbar-nav>li.dropdown>a:focus {
    background-color: rgba(50, 49, 48, 0);
    color: #202224;
    text-decoration: none;
}

/* .static-top.navbar .menu-bar>.navbar-nav>li>a:focus {
    color: #333;
    text-decoration: none;
}
*/
.navbar-dark .navbar-nav>li>a:focus {
    color: #202224;
    background-color: #2f2ce100;
    border: 1px dashed rgba(0, 0, 0, 0) !important;
    outline: 1px dashed #ffffff00;
    text-decoration: none;
}

/* nav hover */
.navbar-nav>li.weblink>a:hover {
    background-color: transparent;
    color: #429F40;
}

.navbar-nav>.weblink {
    position: relative;
}

.navbar-nav>li.weblink>a:hover::before {
    display: block;
}

.navbar-nav>li.active>a::before {
    display: block !important;
}

.navbar-nav>div li.active>a::before,
.navbar-nav>div li.weblink>a::before {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #429F40;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
    display: none;
    bottom: -8px;
}

.logo-container {
    height: 51px;
    width: 187px;
    position: absolute;
    top: -80px;
    right: 0;
    left: 0;
    margin: 0;
}

.registration-form .input-group label.error {
    top: 0px;
    padding: 0;
    display: block;
}

a:hover {
    color: #429F40;
}

.navbar-dark .navbar-nav>li.active>a,
.navbar-dark .navbar-nav>li>a:hover,
.navbar-dark .navbar-nav>li.dropdown>a:hover {
    background-color: rgb(255 255 255 / 0%);
    color: #429F40;
}

a:not(.btn):hover {
    text-decoration: none !important;
}

/* nav hover */
.navbar-nav>li:nth-child(4) {
    float: left;
    position: relative;
    margin-right: 19%;
}

.noti {
    position: relative;
}

/* .noti::before {
    content: "";
    width: 2px;
    height: 30px;
    background-color: #E4E4E4;
    position: absolute;
    right: 10px;
    top: 19.33%;
} */

.nav-link {
    position: absolute;
}

.nav_log_dropdown {
    position: absolute;
    width: 200px;
    background-color: #fff;
    right: 0;
    top: 70px;
    border-radius: 0px 0px 10px 10px;
    z-index: 1;
    overflow: hidden;
    display: none;
    box-shadow: 0px 27px 30px rgb(33 37 41 / 20%);
}

.user_section {
    display: flex;
    align-items: center;
}

.nav_log_dropdown.dropdown-open {
    display: block;
}

a.drop_icon {
    cursor: pointer;
}

.user_sectoin {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.user_cont h3 img {
    margin-left: 10px;
}

.nav_log_dropdown a.nav-link {
    color: #404040;
    padding: 15px 20px;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    margin: 0px;
}

.nav_log_dropdown a.nav-link:first-child::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #E4E4E4;
    position: absolute;
    left: 0px;
    bottom: 0;
}

.nav_log_dropdown a.nav-link:hover {
    background-color: #f2f2f2;
}

#search.nav-link.navbar-icon {
    width: 47px;
    height: 47px;
    border: 0.38px solid #D5D5D5 !important;
    border-radius: 94px;
    background-color: #F5F6FA;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
} */



.user_sectoin {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

a.drop_icon img {
    margin-left: 10px;
    margin-right: 10px;
}

.user_sectoin .profile_pic {
    float: left;
}

.user_sectoin .profile_pic a {
    padding: 0;
    margin: 0;
}

.user_sectoin .profile_pic a img {
    width: auto;
}

.user_cont {
    margin-left: 10px;
}

.user_cont h3 {
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    text-align: left;
    color: #404040;
    margin: 0;
    margin-bottom: 0px;
}

.user_cont h5 {
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.1px;
    text-align: left;
    color: #565656;
    margin: 0;
}

.nav-item .nav-link {
    position: relative;
}

/* header conetent completed */
.navbar-nav>li>a {
    padding: 0;
}

ul li {
    display: flex;
    align-items: center;
}

.static-top.navbar .menu-bar>.navbar-nav>li>a {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-left: 0px !important;
}

.fa-magnifying-glass:before {
    content: url(i-search.svg);
}

.fa-search:before {
    content: url(i-search-white.svg);
}

.navbar-collapse .ms-auto {
    margin-right: auto !important;
    float: right;
}

footer .footer-bottom {
    background-color: #5C5A58;
    display: none;
}

footer .footer-bottom {
    background-color: #5C5A58;
    display: none !important;
}

div#referralTable_wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    margin-bottom: 20px;
    position: relative;
}

/* div#referralTable_wrapper .dt-layout-cell.dt-layout-start{
    position: absolute;
    bottom: 0;
    right: 0;
} */


table.dataTable.no-footer {
    border-bottom: 1px solid rgba(17, 17, 17, 0) !important;
}

table tbody tr td {
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 500;
    color: #202224;
}

table>tbody>tr>td>a.btn {
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 700;
    color: #4379EE;
}

.navbar-dark .navbar-nav>li>a:focus-visible,
.navbar-dark .navbar-nav>li.dropdown>a:focus-visible {
    background-color: rgb(50 49 48 / 0%);
    color: #202224;
    text-decoration: none;
}

/* Search */
label.visually-hidden {
    display: none;
}

.form-search.input-group {
    position: relative;
}

/* input#q {
    position: absolute;
} */


/* search demo */

form.form-search {
    float: left;
    width: 100%;
}

.input-group>input.form-control {
    padding: 10px 10px 10px 12px;
    background-color: #fff !important;
    float: left;
    color: #ffffff !important;
    border: 1px solid #5E6E8E;
    border-radius: 10px;
}

/* search demo///////////////////////////////////////////////////////////////////////////////////// */



.container a.fa.fa-fw.field-icon.toggle-password.fa-eye,
.container a.fa.fa-fw.field-icon.toggle-forgot-password.fa-eye,
.container a.fa.fa-fw.field-icon.toggle-forgot-password.fa-eye-slash,
.container a.fa.fa-fw.field-icon.toggle-forgot-confirm-password.fa-eye,
.container a.fa.fa-fw.field-icon.toggle-forgot-confirm-password.fa-eye-slash {
    line-height: normal;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #5e6e8e;
}

.container a.fa.fa-fw.field-icon.toggle-create-password.fa-eye,
.container a.fa.fa-fw.field-icon.toggle-create-password.fa-eye-slash,
.container a.fa.fa-fw.field-icon.toggle-create-confirm-password.fa-eye,
.container a.fa.fa-fw.field-icon.toggle-create-confirm-password.fa-eye-slash {
    line-height: normal;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 63px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #5e6e8e;
}

.modal.sign-in-page {
    background-color: rgba(0, 0, 0, 0.529);
}

#sign-div img {
    height: 17px;
    margin-left: 8px;
}


.modal.sign-in-page .modal-footer button.btn.btn-secondary {
    padding: 14px 50px;
    border-radius: 10px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    width: 100%;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0;
}

.modal.sign-in-page .modal-header {
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 30px;
}

.modal.sign-in-page .modal-body {
    padding: 10px 15px;
}

.modal.sign-in-page .modal-dialog {
    max-width: 500px;
}

.modal.sign-in-page h5.modal-title {
    color: #202224;
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    font-family: "Nunito Sans";
}



.modal.sign-in-page .modal-footer {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    padding: 0px 15px 20px;
}

.sign-in-page .modal-content {
    background-color: #fff;
}

.container a.fa.fa-fw.field-icon.toggle-password.fa-eye:hover {
    color: #5e6e8e;
}

.form-search .btn {
    border: none;
}

.form-search button.btn {
    border: none;
    background-color: #429f40;
    border-radius: 0px 10px 10px 0px;
    position: relative;
    right: 0px;
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

.dropdown-search .input-group {
    position: static;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}

.dropdown-search input#q {
    border-radius: 10px 0px 0px 10px !important;
    border: none !important;
}

/* home page css starts */
.status-heading {
    margin-top: 50px;
    font-size: 28px;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 24px;
}

.main-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(204px, 1fr));
    grid-auto-rows: 94px;
    grid-gap: 20px;
}

.overviewcard {
    /* display: flex;
    */
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 12px;
}

.overviewcard>h5 {
    margin: 0;
    color: var(--second-color);
    font-size: 16px;
    padding-top: 0px;
    font-family: var(--font-nunito);
    line-height: normal;
    font-weight: 700;
}

.overviewcard>p {
    font-size: 28px;
    font-weight: 700;
    color: var(--second-color);
    font-family: var(--font-nunito);
    font-weight: 500;
    float: left;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.green-card::before,
.orange-card::before,
.maroon-card::before,
.blue-card::before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    background: #FFFFFF;
    opacity: 0.2;
    border-radius: 23px 23px 23px 0px;
    right: -12px;
    bottom: -16px;
}

.green-card,
.orange-card,
.maroon-card,
.blue-card {
    padding: 16px 18px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.green-card {
    background-color: #429F40;
}

.orange-card {
    background-color: #EE673D;
}

.maroon-card {
    background-color: #CC444B;
}

.blue-card {
    background-color: #2A70F4;
}

.update-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.update-detail .Reports-update {
    display: flex;
    justify-content: center;
    color: #656575;
    font-size: 18px;
    width: 100%;
    font-family: var(--font-nunito);
    margin-top: 15px;
    font-weight: 600;
}

/* SCROLL CONTROLS CSS STARTS*/
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
}

/* .table-responsive .dt-layout-row .dt-length label{
    padding: 0;
    margin: 0;
} */

/* .table-responsive select#dt-length-0 {
    color: #212121 !important;
    border-radius: 6px;
    background-color: #ffffff;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 600;
    border: none;
} */

/* Custom scrollbar styles */
#referralTable::-webkit-scrollbar {
    height: 10px;
    /* Sets the scrollbar height for horizontal scrollbars */
    /* border-radius: 20px; */
}

#referralTable::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Background color of the scrollbar track */
    /* border-radius: 20px; */
}

#referralTable::-webkit-scrollbar-thumb {
    background-color: #A3D55E;
    /* Color of the scrollbar handle */
    border-radius: 4px;
    /* Optional: rounds the scrollbar edges */
}

#referralTable::-webkit-scrollbar-thumb:hover {
    background-color: #A3D55E;
    /* Darker color on hover */
    border-radius: 10px !important;
}

/* SCROLL CONTROLS CSS ENDS */
/* .dt-layout-cell .table {
    width: 100%;
    max-width: 100%;
    /* margin-bottom: 20px;
    margin-top: 20px; */
/* white-space: nowrap;
    border-radius: 10px
} */
*/ .home_dashboard .table>tbody>tr>td,
.home_dashboard .table>tbody>tr>th,
.home_dashboard .table>tfoot>tr>td,
.home_dashboard .table>tfoot>tr>th,
.home_dashboard .table>thead>tr>td {
    padding: 24px 6px;
    line-height: 1.42857143;
    border-bottom: 1px solid rgb(151 151 151 / 30%);
    font-size: 14px;
    font-weight: 400;
    padding-left: 40px;
    color: rgb(32 34 36 / 80%);
}

.home_dashboard .table>thead>tr>th {
    padding: 14px 36px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border: 0px solid #ddd;
    font-size: 16px;
    font-weight: 700;
}

svg:not(:root) {
    overflow: hidden;
    width: 156px;
}

.card-shadow {
    background: #FFF;
    padding: 15px;
    border-radius: 6px;
}

.home_dashboard .card-shadow table.table>tbody>tr>td {
    padding: 15px 20px;
    border-bottom: none;
}

.home_dashboard .card-shadow table.table.user-table>tbody>tr>td {
    padding: 24px 36px;
    border-bottom: 1px solid rgb(151 151 151 / 30%);
}

/* pie chart */
.chart-block {
    display: flex;
    justify-content: center;
}

.chart-block circle {
    transform-origin: center;
    transform-box: fill-box;
    stroke-width: 120px;
    fill: none;
    stroke-dasharray: 0 1000;
    transition: all 0.3s;
    cursor: pointer;
}

.chart-block circle:hover {
    stroke-width: 120;
    transition: all 0.3s;
}

.chart-block circle.active {
    stroke-width: 250;
}

.c1 {
    transform: rotate(-150deg);
    stroke: #006AFF;
}

.c2 {
    transform: rotate(-270deg);
    stroke: #52C93F;
}

.c3 {
    transform: rotate(-30deg);
    stroke: #FF2727;
}

.green-arrow svg.ionicon {
    width: 16px;
}

.blue-dot,
.green-dot,
.red-dot {
    width: 16px;
    height: 16px;
    border-radius: 26px;
}

.blue-dot {
    background: #006AFF;
}

.green-dot {
    background: #52C93F;
}

.red-dot {
    background: #FF2727;
}

.enrolled-arrow svg {
    width: auto;
    height: 14px;
    margin-left: 5px;
}

.enrolled-arrow {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
}

.enrolled-arrow .green-arrow {
    color: #52C93F;
}

.enrolled-arrow .red-arrow {
    color: #FF2727;
}

.mt-30 {
    margin-top: 30px;
}

table thead th {
    background-color: #F1F4F9;
    border-bottom: none !important;
    white-space: nowrap;
}

table thead tr th:first-child {
    border-radius: 6px 0 0 6px;
}

table thead tr th:last-child {
    border-radius: 0 6px 6px 0;
    text-align: center;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-info>img {
    max-width: 40px;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 4px;
    filter: grayscale(0.8);
}

.m-0 {
    margin: 0;
}

.user-table tbody tr td {
    vertical-align: middle !important;
}

.user-table tbody tr td:last-child {
    text-align: center;
}

.Referrals-detail {
    padding-left: 27px;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
}

/* active-status */
.active-status span {
    color: white;
    background-color: #429F40;
    border-radius: 33px;
    padding: 5px 15px;
    width: 80%;
    float: left;
}

.active-status {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

/* inactive-status */
.inactive-status {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.inactive-status span {
    color: white;
    background-color: #CC444B;
    border-radius: 33px;
    padding: 5px 15px;
    width: 80%;
    float: left;
}

/* bar chart */
.barcharts,
.barchart {
    background: #FFF;
    padding: 15px;
    border-radius: 10px;
}

.barcharts h1 {
    font-family: "Instrument Sans";
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    text-align: left;
}

.barcharts h1 {
    font-family: "Instrument Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.chart_text {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.chart_text h1 {
    font-family: "Instrument Sans";
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    text-align: left;
}

.chart_data {
    display: flex;
    justify-content: center;
    align-items: center;
}

.chart_data h4 {
    font-family: "Instrument Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

.chart_data svg {
    width: auto;
    padding: 0px 10px;
    height: 30px;
}

.table>thead:first-child>tr:first-child {
    background-color: #A3D55E;
    font-family: var(--font-nunito);
    font-size: 14px;
    font-weight: 700;
    line-height: 19.1px;
    text-align: left;
    padding-left: 50px;
}

/* thead tr.table-headers th:first-child {
    padding-left: 38px;
    border-radius: 12px 0px 0px 12px;
    padding: 18px 20px;
}

.home_dashboard .table>thead>tr>th:last-child {
    border-radius: 0px 12px 12px 0px;
} */



.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none !important;
}

.home_dashboard .table>tbody>tr>td {
    padding: 24px 6px;
    line-height: 1.42857143;
    border-bottom: 1px solid rgb(151 151 151 / 30%);
    font-size: 14px;
    font-weight: 400;
    padding-left: 40px;
    color: rgb(32 34 36 / 80%);
}

.home_dashboard .table>tbody>tr>td .user-info p.m-0 {
    font-size: 14px;
    font-weight: 400;
    padding-left: 0px;
    color: rgb(32 34 36 / 80%);
}

.home_dashboard .table>tbody>tr>td:last-child {
    padding-left: 10px;
}

.card-shadow.lr {
    background: #FFF;
    padding: 15px 35px;
    border-radius: 6px;
    margin-bottom: 50px;
}

.home_dashboard table.table.pie-date tbody tr td:first-child {
    padding: 15px 20px;
    padding-right: 0;
}

.update-detail select,
select.lr_status,
select.lr_months {
    padding: 9px 18px;
    border-radius: 4px;
    border: 0.6px solid #D5D5D5;
    color: rgb(43 48 52 / 40%);
}

.update-detail select:focus-visible,
select.lr_status:focus-visible,
select.lr_months:focus-visible {
    outline: none;
}

select.lr_status {
    margin-right: 14px;
}

.titilesec {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h3.status-heading-title {
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #202224;
    margin-top: 23px;
    margin-bottom: 35px;
}

.home_dashboard {
    width: 100%;
    position: relative;
    z-index: 1;
}

.home_dashboard .abst_element {
    position: absolute;
    top: -58px;
    z-index: -1;
    right: 0;
}

.navbar-expand-xl.navbar.navbar-dark.static-top {
    z-index: 10;
}

footer .footer-bottom {
    background-color: #5C5A58;
    display: none !important;
}

.page_actions {
    display: flex;
    align-items: center;
}

.back-button img {
    margin-right: 10px;
}

/* home page css Ends */
input {
    padding: 12px 10px;
    height: 60px;
    background-color: rgb(255 255 255 / 0%) !important;
    border: 1px solid #5e6e8e !important;
    color: #fff;
    padding-top: 26px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
}

.Referralsbg_img_1,
.Referralsbg_img_2,
.Referralsbg_img_3 {
    width: 100%;
    position: fixed;
    top: -21px;
    /* z-index: -1;
    */
}

.navbar-collapse .ms-auto {
    /* margin-right: auto !important;
    */
    float: right;
    margin: 0 !important;
}

.navbar-expand-xl .navbar-collapse {
    /* display: flex !important;
    */
    flex-basis: auto;
    justify-content: flex-end !important;
}

.Ref_cont_frm {
    display: flex;
    align-items: center;
    padding-top: 4%;
    justify-content: flex-end;
    position: relative;
}

.Ref_cont_frm .log_text {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
}

/* form content sectrion starts*/
/* Form Step Styling */
.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.form-step hr {
    margin: 0;
}

/* Step Indicator Styling */
.step-indicator {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
    flex-direction: column;
    align-items: flex-end;
    align-content: flex-end;
    padding-top: 50px;
}

.step {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    height: 50px;
}

/* Step Radio Button */
.step-radio {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 9px solid #429F40;
    background-color: #fff;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}

span.step-title {
    margin-right: 20px;
}

/* Completed and Active States */
.step.completed .step-radio,
.step.active .step-radio {
    background-color: #E4E4E4;
    border-color: #429F40;
    border: 9px solid #429F40;
    margin-left: 0px;
}

.step.active:nth-child(2) .step {
    cursor: pointer;
    position: relative;
    height: 50px;
    padding-left: 20px;
    width: 265px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.step.completed .step-radio {
    background-color: #E4E4E4;
    border-color: #429F40;
    border: 9px solid #429F40;
}

.step-title {
    color: #ffffff;
    font-size: 0.9em;
}

.step.active .step-title,
.step.completed .step-title {
    color: #ffffff;
    font-weight: bold;
}

.step.completed .step-title {
    color: #ffffff;
}

.step.completed {
    background-color: #429F40;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 35%);
    height: 50px;
    width: 270px;
    display: flex;
    justify-content: flex-end;
    padding-left: 0px;
}

.step.active {
    background-color: #429F40;
    height: 50px;
    padding-left: 0px;
    border-radius: 10px 2px 2px 10px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 35%);
    display: flex;
    justify-content: flex-end;
    width: 270px;
}

/* Line Between Steps */
.progress-line {
    position: absolute;
    height: 87%;
    background-color: #ccc;
    z-index: 0;
    transform: rotate(0deg);
    width: 2px;
    right: 24px;
}

.progress-line-active {
    position: absolute;
    height: 87%;
    background-color: #429f40;
    z-index: 0;
    transform: rotate(0deg);
    width: 2px;
    transition: width 0.3s ease;
    right: 24px;
}

span.step-title {
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 800;
    line-height: 21.82px;
    text-align: right;
}

.Referrals_frm input.form-control {
    border: 1px solid #5E6E8E;
    height: 60px;
    font-size: 16px;
    color: #ffffff;
    background-color: rgb(255 255 255 / 0%) !important;
    padding: 10PX;
    border-radius: 10px !important;
    width: 100%;
}

.input-group:last-child {
    padding-bottom: 0px;
    display: flex !important;
    /* overflow: hidden; */
    border-radius: 10px;
}

.pc_cont .input-group {
    padding-bottom: 0px;
}

.dropdown-search .input-group:last-child {
    padding-bottom: 0px;
    display: flex !important;
    border-radius: 10px;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-bottom: 0;
}

.input-group label {
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 19.1px;
    text-align: left;
    color: white;
    left: 11px;
    top: 10px;
    /* height: 50px; */
    display: flex;
    align-items: flex-end;
}

.input-group {
    position: relative;
    margin-bottom: 20px;
    flex-direction: column;
}

/* .input-group label {
    position: absolute;
} */

.input-group .inp_icon {
    position: absolute;
    right: 10px;
    height: 30px;
    top: 18px;
}

/* Error Message Styling */

.input-group label.error {
    color: red;
    font-size: 12px;
    position: relative;
    top: 0px;
    left: 0;
    height: 30px;
}

.form-label .star {
    color: red;
    font-size: 12px;
}

/* form content sectrion ends*/
.form_sectoion {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.form-container {
    background-color: rgb(12 21 32 / 95%);
    padding: 85px 40px;
    border-radius: 10px;
    margin-right: 30px;
    width: 70%;
    margin-bottom: 50px;
}

/* next buttons */
.Referrals_frm button {
    padding: 14px 50px;
    border-radius: 10px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    width: 100%;
    color: #fff;
    margin-top: 0px;
}

/* .Referrals_frm input::placeholder {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1;
   /* Ensures the color is fully applied 
}
*/
.Referrals_frm .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-radius: 10px !important;
    color: #fff;
}


.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 10px !important;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #FFFFFF;
    background-color: #a3d55e !important;
    border-color: #a3d55e !important;
}

button img.btn_icon {
    height: 18px;
    margin-left: 5px;
}

.back-button {
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    cursor: pointer;
}

.form-step h2 {
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
    font-family: "Nunito Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
}

.step {
    margin-bottom: 30px;
}

.step:last-child {
    margin-bottom: 0px;
}

.full-width {
    width: 100%;
}

/* consent-cont */
select.form-control {
    padding: 12px 10px;
    height: 60px;
    background-color: rgb(255 255 255 / 0%) !important;
    border: 1px solid #5e6e8e !important;
    color: #fff;
    padding-top: 26px;
    font-size: 16px;
    font-weight: 300;
}

select.form-control option {
    color: #202224;
}

.consent-cont .frm_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.consent-cont .input-group {
    width: 49%;
}

.frm_fields .input-group label {
    display: flex;
}

.toop_tip {
    margin-left: 10px;
    position: relative;
    z-index: 999;
}

.toop_tip p {
    position: absolute;
    color: #fff;
    font-size: 14px;
    background-color: #397bc9;
    width: max-content;
    margin: 0 auto;
    padding: 10px 40px;
    top: 30px;
    left: -225px;
    right: 0;
    z-index: 999;
    border-radius: 10px;
    display: none;
}

/* Show <p> when <img> is hovered */
.toop_tip:hover p {
    display: block;
}

.ppdpi .input-group select {
    border: 1px solid #5E6E8E;
    height: 60px;
    font-size: 16px;
    color: #ffffff;
    background-color: rgb(255 255 255 / 0%) !important;
    border-radius: 10px !important;
}

/* Personal Information Date picker */

input#my_date_picker {
    width: 100%;
    border: 1px solid #5E6E8E !important;
    padding: 10px;
}

input#my_date_picker:focus-visible {
    outline: 1px solid #5E6E8E !important;
    /* Corrected outline property */
}

input#my_date_picker:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

/* calander changes */

input#my_date_picker:focus-visible {
    outline: 1px solid #5E6E8E !important;
}

.ui-widget-header {
    border: 1px solid rgb(102 175 233 / 60%) !important;
    background: rgb(102 175 233 / 60%) 50% 50% repeat-x !important;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#ui-datepicker-div {
    border-radius: 14px;
    padding: 5px;
    border: none;
    background-color: #fff !important;
}

.ui-datepicker table {
    font-family: "Nunito Sans", sans-serif;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    min-width: 50%;
    border: none;
    border-radius: 4px;
    padding: 2px 4px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    display: flex;
    gap: 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0px solid #cccccc !important;
    background: #f6f6f6 50% 50% repeat-x !important;
    font-weight: bold;
    color: #1c94c4;
    text-align: center;
    border-radius: 6px;
}

table thead th {
    background-color: #F1F4F9;
    border-bottom: none !important;
    white-space: nowrap;
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 5px;
}

span.ui-icon.ui-icon-circle-triangle-e {
    background-position: -60px;
}

/* 
.ui-datepicker .ui-datepicker-prev-hover {
    left: 0px !important;
}
.ui-datepicker .ui-datepicker-next-hover{
    left: 0px !important;
}
 */
.ui-datepicker .ui-datepicker-prev {
    left: 0px !important;
}

.ui-datepicker-calendar tbody {
    margin-top: 20px;
    line-height: 30px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
    border: none !important;
    background: #ffffff21 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: none !important;
    background: #0d6efd !important;
    font-weight: bold;
    color: #ffffff !important;
}


.ui-widget-header .ui-icon {
    background-image: url(/I_frm_to_fro.svg) !important;
    background-position: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px !important;
    width: 30px !important;
    height: 30px !important;
}

.ui-icon {
    width: 30px !important;
    height: 30px !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    left: 30% !important;
    top: 27% !important;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee 50% top repeat-x !important;
    color: #333333;
}

/* Personal Information Date picker */


.ppdpi_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ppdpi_cont .input-group {
    width: 31.5%;
}

.form-container:nth-child(3) {
    width: 1096px;
}

.financial_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.financial_info .input-group {
    width: 49%;
}

.financial_info label {
    display: flex;
}

.health_care_info {
    width: 100%;
}

.health_care_info .input-group {
    width: 49%;
}

.form-control {
    background-color: rgb(255 255 255 / 0%) !important;
    color: #fff;
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px);
    background-color: rgb(255 255 255 / 0%) !important;
    color: #fff;
    border: 1px solid #5e6e8e !important;
    padding: 15px 10px;
    height: 60px;
}

.textarea_lable {
    width: 100%;
    position: relative;
}

textarea::-webkit-scrollbar {
    width: 10px;
    /* Width of the scrollbar */
}

textarea::-webkit-scrollbar-track {
    background: #397BC9;
    /* Background color of the scrollbar track */
    border-radius: 5px;
    /* Rounded corners */
}

.health_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    flex-wrap: wrap;
}

.textarea_lable label {
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: white;
}

.health_info label {
    display: flex;
    height: 50px;
    align-items: flex-end;
}

.current_health_network {
    width: 100%;
}

.text_area_cont {
    width: 100%;
    position: relative;
}

/* 
.text_area_cont label {
    position: absolute;
} */

.dm_cont .input-group {
    width: 49%;
}

.pc_cont .input-group {
    width: 31.5%;
}

.text_area_cont textarea {
    width: 100%;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 0%);
    border: 1px solid #5e6e8e;
    color: #fff;
    height: 70px;
    padding: 10px 10px 10px 10px;
}

.dm_cont .dm_fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.dm_cont h4,
.pc_cont h4 {
    width: 100%;
    color: #fff;
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    text-align: left;
}

.dm_cont .input-group input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background-color: hsl(0deg 0% 100% / 0%);
    border: 1px solid #5e6e8e !important;
}



.pc_cont .pc_fields {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.dm_cont {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}


.pc_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.pc_cont .input-group input {
    width: 100%;
    border-radius: 6px !important;
    height: 60px;
    background-color: rgb(255 255 255 / 0%);
    border: 1px solid #5e6e8e;
    padding: 10px 10px 10px 10px;
}

.dm_cont .input-group {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0;
    /* padding-top: 14px; */
}


/* referal_page Starts */
.page_title {
    margin-top: 40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.referal_page .status-heading,
.my_enrollments_page .status-heading {
    margin: 0;
}

.referal_page .btn-new-request,
.my_enrollments_page .btn-new-request {
    color: white !important;
    border-radius: 6px;
    background-color: #43A041;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 600;
}

.referal_page .btn-new-request img,
.my_enrollments_page .btn-new-request img {
    margin-left: 10px;
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 0px !important;
}

table>tbody>tr>td>a.btn {
    padding: 0;
}

thead tr.table-headers th {
    background-color: #A3D55E;
    border-bottom: none !important;
    white-space: nowrap;
}


thead tr.table-headers th {
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 700;
    padding: 1rem !important;
    background-color: #A3D55E;
}


table tbody td {
    border-bottom: none !important;
    white-space: nowrap;
    padding: 1rem !important;
}

tbody tr:nth-child(even) {
    background-color: #F7F9FB !important;
    border-top: 1px solid #d4d4d4 !important;
}

.dropdown-menu.drop_menu_style.show {
    width: 300px;
    padding: 20px;
    position: absolute;
    top: 6px !important;
    right: 50px !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: none;
    box-shadow: 0px 15px 55px rgb(0 0 0 / 10%);
}

/* referal_page done */
/* Regestration page */
.wizard-step {
    display: none;
}

.wizard-step.active {
    display: block;
}

.wizard-nav {
    margin-bottom: 1rem;
}

.rg_bg_img img {
    position: absolute;
    width: 100%;
    top: -20px;
}

.form_container {
    display: flex;
    justify-content: center;
    width: 60%;
    position: relative;
}

.form_content {
    background-color: rgb(12 21 32 / 90%);
    padding: 50px 30px;
    border-radius: 10px;
    margin-top: 30px;
    /* padding-bottom: 10px; */
}

.reg_logo {
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
    left: 0;
    right: auto;
    padding-top: 30px;
}


label.form-label {
    margin: 0px;
    top: 10px;
    color: white !important;
}

.input-group input {
    padding: 0 11px;
    padding-top: 18px;
}

option {
    color: #202224;
}

.form-control {
    color: #fff !important;
}

a.nav-link[role="tab"]:not(.active) {
    color: #fff;
}

a.nav-link[role="tab"]:not(.active) .form_content a.active.nav-link[role="tab"] {
    font-size: 16px;
    text-decoration: none;
    font-family: "Nunito Sans", sans-serif;
    background-color: #397BC9;
    color: #fff;
}

a.active.nav-link[role="tab"] {
    font-size: 16px;
    text-decoration: none;
    font-family: "Nunito Sans", sans-serif;
    background-color: #397BC9;
    color: #fff;
}

.tab-content>.active {
    display: block;
    margin-top: 30px;
}

.registration-form ul,
.registration-formli,
.registration-formlabel,
.registration-formselect,
.registration-form input,
.registration-form .form-label {
    font-size: 14px;
    text-decoration: none;
    font-family: "Nunito Sans", sans-serif;
}

.space_30px {
    width: 30px;
}

.registration-form .input-group>.form-select {
    height: 60px;
    width: 100% !important;
}

.registration-form select,
.registration-form input {
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #5e6e8e !important;
    text-decoration: none;
    font-family: "Nunito Sans", sans-serif;
    padding: 0 10px;
}

.registration-form .input-group label {
    height: 0;
}

.registration-form .tab-content>.active {
    margin-top: 40px;
}

/* .registration-form .input-group:last-child {
    margin-top: 14px;
    margin-bottom: 25px;
} */

input.form-control {
    width: 100% !important;
}

/* regestration btn */
.registration-form input#next1,
.registration-form input#next2,
.registration-form input#next3,
.registration-form input#next4,
.registration-form input.btn.btn-success {
    padding: 14px 50px;
    border-radius: 10px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    width: 49%;
    color: #fff;
    margin-top: 0px;
    float: right;
}

.registration-form input#next1,
.registration-form input#next2,
.registration-form input#next3,
.registration-form input#next4 {
    margin-top: 0px;
    border: none !important;
    width: 49%;
}


.reg_actions {
    display: flex;
    justify-content: space-between;
}

.registration-form input.btn-primary {
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    border: none;
    text-decoration: none;
    font-family: "Nunito Sans", sans-serif;
    padding: 0 10px;
    padding-top: 18px;
}

/* popup */
.modal {
    background-color: #00000087;
}


.registration-form a.btn.btn-secondary {
    padding: 14px 50px;
    border-radius: 10px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    width: 100%;
    color: #fff;
    margin-top: 0px;
}

/* .registration-form .h5.modal-title {
    margin-top: 50px;
    font-size: 28px;
    font-weight: 700;
    color: #202224;
    margin-bottom: 24px;
    font-family: 'Nunito Sans';

} */

/* .registration-form .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 10px 15px;
} */

/* .registration-form .modal-body p {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Nunito Sans';
    margin-bottom: 10px;
    margin-top: 0px;
    color: #202224;
} */

/* .registration-form .modal-footer {
    border-top: none;
} */

/* .registration-form .modal-footer .btn-secondary {
    width: auto;
}

.registration-form .modal-header {
    border-bottom: none;
    padding-bottom: 0px;
    /* padding-top: 30px; */
/* } */
*/
/* popup */

ul#wizard-nav {
    border-bottom: 1px solid #5e6e8e;
}

.reg_actions {
    display: flex;
}

input.btn.btn-success {
    background-color: #397BC9 !important;
}

.registration-form textarea#address {
    padding-top: 15px;
    height: 60px;
    width: 100%;
}

.registration-form form .input-group input.form-control {
    background-color: rgba(255, 255, 255, 0) !important;
    margin: 0;
    /* margin-bottom: 15px; */
}

.registration-form table tbody tr td {
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    padding: 15px 10px;
    /* background-color: rgb(255 255 255 / 21%); */
    margin: 10px 0px;
    border-top: 1px solid rgb(255 255 255 / 64%);
}

.registration-form .file_table {
    margin-bottom: 40px;
}

.registration-form table {
    width: 100%;
}


.registration-form table thead tr th {
    font-family: 'Nunito Sans';
    background-color: #397bc9;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.registration-form table thead tr th:first-child {
    border-radius: 6px 0 0 0px;
    padding: 10px 10px;
    font-family: 'Nunito Sans';
    background-color: #397bc9;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.registration-form table thead tr th:last-child {
    border-radius: 0 6px 0px 0;
}


.registration-form table tbody tr td i.fa.fa-close {
    font-size: 18px !important;
    color: rgb(255, 255, 255) !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    display: flex;
    justify-content: center;
}

.registration-form table tbody tr td .fa-remove:before,
.registration-form table tbody tr td .fa-close:before .registration-form table tbody tr td .fa-times:before {
    content: "\f00d";
    font-size: 18px !important;
}

table tbody tr td:last-child {
    position: relative;
}

label.form-label.document-Name {
    position: relative;
    width: 100%;
    top: -5px;
    left: 0;
}

button#prev2,
button#prev3, button#prev4, button#prev5 {
    padding: 14px 50px;
    border-radius: 10px;
    background-color: #a3d55e;
    border: none;
    outline: none;
    float: left;
    width: 49%;
    font-family: 'Nunito Sans';
    color: #fff;
    margin-top: 0px;
    height: 60px;
}

input#next1,
input#next2,
input#next3,
input#next4 {
    background: #397BC9 !important;
}

/* regestration btn */
a.nav-link[role="tab"]:not(.active) {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: #a3d55e;
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border: #a3d55e;
}

input[type=submit] {
    background: #44A147;
    border-color: #44A147;
    float: right;
}

.form-label {
    color: white !important;
}

/* Regestration page */


.Section_profile_pic {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.per_de_v1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.per_de_v1 h3 {
    width: 100%;
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.per_de_v1 .col-sm-3 {
    flex: 0 0 auto;
    width: 24%;
}

.inp_frm {
    background-color: #FFFFFF;
    padding: 40px 90px;
    margin-top: 50px;
    border-radius: 10px;
}

#submit-local {
    padding: 14px 50px;
    border-radius: 6px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    width: 100%;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
}

#submit-local img {
    width: auto;
    margin-left: 10px;
}

.per_de_v1 .form-control {
    color: #202224 !important;
}



/* Model Popup */
.crmEntityFormView,
.entitylist,
.popover-content {
    /* background-color: #397bc9; */
    color: #fff;
    border: none;
}

.custom_page_model .model_cont img {
    width: auto;
}

.custom_page_model .model_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal h1 {
    font-family: "Nunito Sans";
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    /* color: #fff; */
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
}

.modal-footer button.btn.btn-secondary img {
    margin-left: 10px;
}

.Referrals_frm button {
    padding: 14px 50px;
    border-radius: 10px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    width: 48%;
    color: #fff;
}

.frm_actions {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.modal-dialog {
    max-width: 800px;
}

/* .modal-footer {
    border: none;
    padding: 10px;
    margin: 0;
    /* display: flex;
    justify-content: center; */
/* gap: 15px; */
/* } */
*/
/* .modal-footer button.btn.btn-secondary { */
/* margin: 0;
    margin-bottom: 60px;
    background-color: #A3D55E;
    width: 50%;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px; */
/* } */

button.btn.btn-secondary:focus {
    color: rgb(255 255 255 / 80%);
}

.modal-body {
    padding-top: 60px;
}

.inp_frm #submit-local {
    margin-top: 5px;
    background-color: #A3D55E;
    margin-top: 9%;
}

.btn-secondary:hover {
    color: #ffffff;
    background-color: #f2f2f2;
    border: none;
}

/* Model Popup */

.page_title .page_actions {
    gap: 15px;
}

/* .dt-layout-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.dt-layout-cell.dt-layout-full {
    width: 100%;
    display: block;
}
.dt-length {
    display: flex;
    gap: 15px;
    align-items: center;
}
.dt-search {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 15px;
}

.table-responsive .dt-layout-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    align-content: center;
} */



/* edit_pro_pg */

.edit_pro_pg input {
    width: 100% !important;
}

.edit_pro_pg label.form-label {
    margin: 0px;
    top: 10px;
    color: #404040 !important;
}

.edit_pro_pg .input-group:last-child {
    overflow: visible;
}

.edit_pro_pg .input-group>input.form-control {
    padding: 10px 10px 10px 12px;
    background-color: #ffffff00 !important;
    float: left;
    color: #202224 !important;
    border: 1px solid #E1E1E1 !important;
}

/* .edit_profile_pic{} */

.edit_profile_pic_sec {
    width: 100%;
    float: left;
}

.edit_profile_pic {
    float: left;
    position: relative;
    margin-top: 10px;
}

.edit_profile_pic .profile-pic {
    display: inline-block;
    width: 100px;
}

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

.edit_profile_pic .circle {
    float: left;
    padding: 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px solid #E1E1E1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #f8f9fa;
    overflow: hidden;
}

.edit_profile_pic_sec .p-image {
    position: absolute;
    color: #404040;
    cursor: pointer;
    transition: color 0.3s;
    right: -5px;
    top: 0px;
    width: 50px;
    height: 50px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #E1E1E1;
    box-shadow: 0px 20px 20px -14px rgb(0 0 0 / 20%);
}

.edit_profile_pic_sec .p-image i {
    color: #404040;
}


.edit_profile_pic .p-image:hover {
    color: #999;
}

@media (max-width: 576px) {
    .edit_profile_pic .circle {
        top: 50px;
        width: 100px;
        height: 100px;
    }

    .edit_profile_pic .p-image {
        top: 140px;
        right: 20px;
    }
}


/* .edit_profile_pic{} */

/* ====== ====== ====== ====== @media Query Starts Here ====== ====== ====== ====== */
@media (max-width: 2560px) {
    .navbar-nav>li:nth-child(5) {
        margin-right: 20px;
    }
}

@media (max-width: 1300px) {
    .navbar-nav>li:nth-child(4) {
        float: left;
        position: relative;
        margin-right: 13%;
    }
}

@media (max-width: 1200px) {
    .step.completed {
        width: 250px;
    }

    .step.active {
        width: 250px;
    }

    .Ref_cont_frm .log_text {
        font-weight: 600;
    }

    .form-step h2 {
        font-size: 40px;
    }

    .form-container {
        padding: 45px 30px;
    }

    .step.active .step-title,
    .step.completed .step-title,
    span.step-title {
        font-weight: 500;
        margin-right: 6px;
    }

    .step-radio {
        border-radius: 100%;
        border: 8px solid #429F40;
    }

    .static-top.navbar .navbar-collapse {
        display: block;
    }

    .navbar-dark .navbar-toggler {
        margin: 0;
        display: none;
    }

    .navbar-nav>li:nth-child(4) {
        float: left;
        position: relative;
        margin-right: 12%;
    }
}

@media (max-width: 1173px) {
    .navbar-nav>li:nth-child(4) {
        margin-right: 6% !important;
    }

    .fa-magnifying-glass:before {
        content: url(i-search.svg);
        display: inline-block;
        transform: scale(0.85);
    }

    .static-top.navbar .menu-bar>.navbar-nav>li>a {
        font-family: "Nunito Sans", sans-serif;
        font-weight: 500;
        font-size: 16px;
        margin-left: 0px !important;
        padding: 0 11px !important;
    }
}

@media (max-width: 1160px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1163px;
    }

    .Ref_cont_frm .log_text {
        font-weight: 600;
        font-size: 45px;
    }

    .form-container {
        margin-right: 50px;
    }

    .static-top.navbar .navbar-collapse {
        display: block;
    }

    .navbar-dark .navbar-toggler {
        margin: 0;
        display: none;
    }

    .navbar-nav>li:nth-child(4) {
        float: left;
        position: relative;
        margin-right: 19%;
    }
}

@media (max-width: 1080px) {
    .health_care_info .input-group {
        width: 48.5%;
    }

    .form-container {
        margin-right: 25px;
    }

    .ppdpi_cont .input-group {
        width: 48.5%;
    }

    .pc_cont .pc_fields {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .pc_cont .input-group {
        width: 48.5%;
    }

    .input-group {
        position: relative;
        padding-bottom: 15px;
    }

    .dm_cont h4,
    .pc_cont h4 {
        margin-top: 20px;
    }
}

@media (max-width: 1024px) {
    .page_title .page_actions {
        gap: 15px;
    }

    .Ref_cont_frm .log_text {
        font-size: 40px;
    }

    .static-top.navbar .menu-bar>.navbar-nav>li>a {
        font-family: "Nunito Sans", sans-serif;
        font-weight: 600;
        font-size: 14px;
        width: max-content;
        padding: 0 0 !important;
    }

    .navbar-nav {
        display: flex;
        justify-content: flex-end;
        flex-direction: row;
        align-items: center;
    }

    .navbar-nav>li:nth-child(5) {
        margin: 0 20px;
    }

    .user_section {
        margin-right: 10px;
    }

    .noti::before {
        display: none;
    }

    #search.nav-link.navbar-icon {
        width: 40px;
        height: 40px;
        margin: 0px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0;
    }

    #search.nav-link.navbar-icon .glyphicon {
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    li.noti a {
        padding: 0 !important;
        margin: 0 !important;
    }

    html[dir=ltr] li a {
        margin-left: 0px !important;
    }

    .navbar-nav>li:nth-child(4) {
        margin-right: 7% !important;
    }

    .noti_icon .fa-bell:before {
        font-size: 16px;
        color: #202224;
    }

    li.noti {
        width: 40px !important;
        height: 40px !important;
    }

    .profile_pic {
        width: 40px !important;
        height: 40px !important;
        padding: 11px !important;
    }

    .navbar-toggler {
        background-color: #a3d55e !important;
    }

    .navbar-dark .navbar-toggler {
        border: 1px solid #a3d55e !important;
    }

    .navbar-header .xrm-attribute-value img {
        width: 80%;
    }

    .user_sectoin {
        margin-right: 10px;
    }

    .nav_log_dropdown {
        right: 10px;
        top: 84px;
    }

    .home_dashboard table.table.pie-date tbody tr td:first-child {
        padding: 12px 0px;
        padding-right: 0;
    }

    .home_dashboard .card-shadow table.table>tbody>tr>td {
        padding: 10px 0px;
        border-bottom: none;
    }

    .navbar-expand-xl.navbar.navbar-dark.static-top {
        width: 98%;
    }

    div#navbar {
        display: block;
    }

    .navbar-nav li.nav-item.weblink {
        padding: 10px 11px;
    }

    .edit_pro_pg {
        display: flex;
        justify-content: center;
    }

    .edit_pro_pg .row {
        justify-content: center;
    }

    .inp_frm {
        background-color: #FFFFFF;
        padding: 20px 20px;
        margin-top: 50px;
        border-radius: 10px;
    }

    .status-heading {
        font-size: 24px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    /* My referals */

    .modal-dialog {
        max-width: 650px;
    }


    /* My referals */
}

@media (max-width: 960px) {
    .navbar-nav>li:nth-child(4) {
        margin-right: 0% !important;
    }

    .static-top.navbar-dark .navbar-brand {
        margin: 0;
    }

    .user_cont h3 {
        font-size: 14px;
    }

    .navbar-nav>li>a>img {
        vertical-align: text-top;
        width: 75%;
    }

    .navbar-nav li.nav-item.weblink {
        padding: 0px 15px 0px 0px;
    }

    .Ref_cont_frm .log_text {
        font-size: 35px;
        display: none !important;
    }

    .form-container {
        padding: 40px 20px;
        margin-right: 0px;
    }

    .input-group.text_area_cont {
        padding-bottom: 0px;
    }

    .form_sectoion {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
    }

    .step-indicator {
        position: fixed;
        right: 15px;
    }

    .input-group label {
        font-size: 15px;
    }

    .step {
        margin-bottom: 15px;
    }

    .step {
        justify-content: flex-end;
    }

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

    .col-md-8.col-sm-12.col-xs-12 {
        width: 73%;
    }

    .consent-cont .input-group {
        width: 100%;
    }

    .financial_info .input-group {
        width: 100%;
    }

    .form-step h2 {
        font-size: 35px;
    }

    .health_care_info .input-group {
        width: 100%;
    }

    .dm_cont .input-group {
        width: 100%;
    }

    .pc_cont .input-group {
        width: 100%;
    }
}

@media (max-width: 867px) {
    .navbar-nav>li:nth-child(5) {
        margin: 0 16px;
    }

    .navbar-nav>li:nth-child(4) {
        margin-right: 0%;
    }

    #search.nav-link.navbar-icon {
        margin: 0;
    }

    thead tr.table-headers th {
        padding: 18px 8px;
    }

    .referal_page .table td:first-child,
    .table th,
    .my_enrollments_page .table td:first-child {
        padding: 18px 20px;
    }

    .referal_page .table td,
    .table th,
    .my_enrollments_page .table td {
        padding: 18px 20px;
    }
}


@media (max-width: 768px) {

    .Referralsbg_img_1,
    .Referralsbg_img_2,
    .Referralsbg_img_3 {
        width: auto;
        height: 100vh;
        top: 0px;
    }



    .fa-eye-slash:before {
        content: "\f070";
        position: absolute;
        right: 10px;
        top: 37%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .container a.fa.fa-fw.field-icon.toggle-password.fa-eye {
        line-height: normal;
        padding: 0;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        color: #5e6e8e;
    }

    .progress-line {
        height: 82%;
    }

    .navbar-nav .form_sectoion {
        margin-left: 20px;
    }

    .main-overview {
        max-width: 90%;
        margin: 0 auto;
    }

    .step.completed {
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 35%);
        height: 40px;
        width: 80%;
    }

    .navbar-dark .navbar-toggler {
        margin: 0;
        display: block;
    }

    .form_sectoion {
        justify-content: flex-start;
    }

    .col-md-8.col-sm-12.col-xs-12 {
        width: 90%;
    }

    .step.active {
        height: 40px;
    }

    .step {
        margin-bottom: 15px;
        height: 40px;
    }

    .ppdpi_cont .input-group {
        width: 100%;
    }

    .step.completed {
        width: 100%;
    }

    .home_dashboard .table>thead>tr>th {
        padding: 14px 3px !important;
    }

    .home_dashboard .card-shadow table.table.user-table>tbody>tr>td {
        padding: 11px 3px;
    }

    /* header Navigation bar starts */
    .static-top.navbar-dark .navbar-brand {
        margin: 0;
        padding: 0;
    }

    .navbar-nav {
        display: flex !;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 30px 0;
        align-items: center;
    }

    .user_section {
        display: flex;
        align-items: center;
    }

    .nav_log_dropdown {
        right: 10px;
        top: 130px;
    }

    .navbar-nav>li:nth-child(4) {
        margin-right: 0.6% !important;
    }

    /* navbar navbar navbar */
    #navbar {
        display: none;
        width: 100%;
    }

    #navbar.show {
        display: block;
    }

    /* navbar navbar navbar */
    .noti::before {
        display: none;
    }

    /* header Navigation bar Ends */
    .row.Reports_Upd {
        justify-content: center;
    }

    .Reports_Upd .col-md-6 {
        max-width: 90%;
        width: 90%;
        padding: 0;
    }

    .barchart {
        margin-top: 20px;
    }

    .status-heading {
        max-width: 90%;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
        padding: 0;
        max-width: 90%;
    }

    .card-shadow.lr {
        padding: 0px 0px;
        margin-bottom: 50px;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    h3.status-heading-title {
        margin: 0 0px;
    }

    .titilesec {
        padding: 0 20px;
        padding-top: 20px;
    }

    .active-status span,
    .inactive-status span {
        padding: 5px 15px;
        width: 70%;
    }

    .active-status {
        justify-content: flex-start;
    }

    div#navbar {
        order: 3;
        display: none;
    }

    .navbar-dark .navbar-toggler {
        order: 2;
    }

    .navbar-nav {
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        padding: 20px 0 0;
    }

    .home_dashboard .card-shadow table.table.user-table>tbody>tr>td {
        padding: 15px 5px;
    }

    table thead tr th:last-child {
        border-radius: 0 0px 0px 0;
        text-align: left;
    }

    table thead tr th {
        text-align: left;
    }

    .home_dashboard .card-shadow table.table.user-table>tbody>tr>td:last-child {
        padding: 0;
        text-align: left;
    }

    .inactive-status {
        display: flex;
        justify-content: flex-start;
    }

    Th:nth-child(5),
    th:nth-child(4),
    th:nth-child(3),
    th:nth-child(2),
    th:nth-child(1) {
        width: 130px !important;
    }

    thead tr.table-headers th:first-child,
    thead tr.table-headers th:last-child {
        border-radius: 0px 0px 0px 0px !important;
    }

    .inp_frm {
        padding: 30px 30px;
        margin-top: 30px;
        width: 92%;
    }

    .input-group label {
        height: auto;
    }

    .form-container {
        width: 71%;
    }

    .inp_frm .per_de_v1 .col-sm-3 {
        flex: 0 0 auto;
        width: 48%;
    }

    .inp_frm .per_de_v1 .col-sm-6 {
        width: 100%;
    }

    .modal-dialog {
        max-width: 600px;
    }

    .modal h1 {
        font-size: 35px;
        margin: 0;
        padding-bottom: 10px;
    }

    .modal-body {
        padding-top: 40px;
    }

    .modal-footer button.btn.btn-secondary {
        margin-bottom: 40px;
        width: 60%;
    }

    .modal.show .modal-dialog {
        transform: none;
        top: 50px;
    }

    /* resource Page 768 Starts */
    .resource_page .resource_content {
        display: flex;
        justify-content: space-between;
        gap: 25px;
        flex-direction: column;
        margin-top: 40px;
    }

    .resource_page .resource_content .card {
        width: 100%;
        margin: 0;
    }

    /* resource Page 768 Ends */
}

@media (max-width: 700px) {
    .step-indicator {
        position: fixed;
        right: 15px;
    }

    .form_sectoion {
        margin-left: 0px;
    }
}

@media (max-width: 660px) {
    .Ref_cont_frm {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .form-step h2 {
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 34px !important;
    }

    .back-button {
        font-weight: 400 !important;
    }

    .form-container {
        background-color: rgb(12 21 32 / 95%) !important;
    }

    .modal-dialog {
        max-width: 560px !important;
    }

    .modal h1 {
        font-family: "Nunito Sans";
        font-size: 38px !important;
        font-weight: 600 !important;
    }

    .modal-footer button.btn.btn-secondary {
        width: 70% !important;
    }

    .custom_page_model .model_cont img {
        width: 25% !important;
    }

    .step-indicator {
        position: relative;
    }

    .col-md-8.col-sm-12.col-xs-12 {
        width: 80%;
    }

    .Reports_Upd .col-sm-6.col-xs-12 {
        width: 80%;
        float: left;
    }

    .Reports_Upd .chart_text {
        width: 560px;
        max-width: 100%;
        display: block;
        height: 300px;
    }

    .form-container {
        width: 100%;
    }

    .form_sectoion {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .step-indicator {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        left: 0;
        padding-top: 0px;
    }

    .step.completed {
        width: 26%;
        height: 100%;
        flex-direction: column-reverse;
        border-radius: 0px 0px 10px 10px;
    }

    .step {
        width: 26%;
        height: 100%;
        flex-direction: column-reverse;
        border-radius: 0px 0px 10px 10px;
        display: inline-flex;
        align-items: center;
    }

    .step.active {
        width: 26%;
        height: 100%;
        flex-direction: column-reverse;
        border-radius: 0px 0px 10px 10px;
    }

    .step.completed .step-radio {
        border: 5px solid #429F40;
    }

    .step-radio {
        width: 20px;
        height: 20px;
        margin: 0;
        border: 5px solid #429F40;
    }

    .step.completed .step-radio,
    .step.active .step-radio {
        border: 5px solid #429F40;
        margin-left: 0px;
    }

    .toop_tip p {
        left: -265px;
    }

    .step.active .step-title,
    .step.completed .step-title,
    span.step-title {
        font-weight: 500;
        margin-right: 0px;
        text-align: center;
    }

    .progress-line {
        height: 2px;
        width: 100%;
        right: 0;
        display: none;
    }

    .progress-line-active {
        height: 2px;
        width: auto;
        display: none;
    }

    .Referralsbg_img_1,
    .Referralsbg_img_2,
    .Referralsbg_img_3 {
        top: 0;
    }
}

@media (max-width: 643px) {
    .navbar-nav {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        padding: 20px 0 0;
    }

    .navbar-nav li.nav-item.weblink {
        padding: 0px 0px 0px 0px !important;
        margin: 0px !important;
    }

    .navbar-nav>li:nth-child(5) {
        margin: 0px !important;
    }

    li.noti {
        margin: 0px !important;
    }
}


@media (max-width: 426px) {
    .row {
        justify-content: center;
    }

    .home_dashboard .card-shadow table.table.user-table>tbody>tr>td {
        padding: 14px 0px;
        border-bottom: 1px solid rgb(151 151 151 / 30%);
    }

    .card-shadow.lr {
        padding: 15px 15px;
    }

    .table>:not(caption)>*>* {
        padding: 0;
    }

    thead tr.table-headers th {
        padding: 0;
        text-align: right;
    }

    thead tr.table-headers th:first-child {
        padding: 0.255rem 0.375rem;
    }

    .referal_page table thead tr th:last-child,
    .my_enrollments_page table thead tr th:last-child {
        border-radius: 0 6px 0px 0;
        padding: 24px 10px !important;
    }

    .referal_page thead tr.table-headers th,
    .my_enrollments_page thead tr.table-headers th {
        padding: 0.52rem 0.375rem !important;
    }

    .static-top.navbar-dark .navbar-brand {
        margin: 0;
        padding: 0;
        width: 75%;
    }

    ul.nav.navbar-nav.weblinks {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    #navbar .dropdown-search {
        top: 101%;
    }

    thead tr.table-headers th:first-child {
        padding: 0;
    }

    .referal_page .table>tbody,
    .my_enrollments_page .table>tbody {
        overflow: auto;
    }

    .navbar-nav li.nav-item.weblink {
        padding: 10px 11px;
        margin: 0 0 0px 0 !important;
    }

    .page_title {
        margin-top: 40px;
        width: 100%;
    }

    .referal_page .page_title {
        justify-content: flex-start;
        flex-direction: column;
        display: flex;
        align-items: flex-start;
    }

    #search.nav-link.navbar-icon {
        width: 360px !important;
        margin-top: 20px;
        border-bottom: none;
        border-radius: 0 !important;
    }

    .navbar-nav>li:nth-child(4) {
        margin-right: 0%;
        margin-bottom: 10px;
    }

    .status-heading {
        font-size: 22px;
        margin-bottom: 20px !important;
    }

    .home_dashboard .table>thead>tr>th {
        padding: 14px 9px !important;
    }

    .home_dashboard .abst_element {
        position: absolute;
        top: -58px;
        z-index: -1;
        right: 0;
        display: none;
    }

    .card-shadow.lr {
        padding: 0 0px !important;
        margin-bottom: 40px;
    }

    .titilesec {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        padding: 20px;
    }

    h3.status-heading-title,
    .Referrals-detail {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 20px;
        padding: 0;
    }

    .inactive-status {
        justify-content: flex-start;
        padding-left: 10px;
    }

    .active-status {
        justify-content: flex-start;
        padding-left: 10px;
    }

    .home_dashboard .table>thead>tr>th {
        padding: 18px 5px !important;
    }

    .table>thead:first-child>tr:first-child {
        display: flex;
        padding-left: 0px;
        flex-direction: column;
        align-items: flex-end;
        width: 170px;
    }

    .home_dashboard .table>thead>tr>th:last-child {
        display: flex;
        justify-content: flex-end;
    }

    .barcharts {
        margin-bottom: 15px;
    }

    .table-responsive>.table>tbody {
        vertical-align: inherit;
        display: flex;
        flex-direction: row;
    }

    div#DataTables_Table_0_info {
        padding: 14px 10px;
    }

    .table-responsive .table.pie-date>tbody {
        vertical-align: inherit;
        display: flex;
        flex-direction: column;
    }

    table.dataTable tbody tr {
        display: flex;
        flex-direction: column;
        width: 225px;
    }

    tr.even {
        background: #f3f3f3 !important;
    }

    table.dataTable.no-footer {
        display: flex;
        flex-direction: row;
    }

    .home_dashboard .card-shadow table.table.user-table>tbody>tr>td {
        padding: 17px 0px;
        border-bottom: 0px solid rgb(151 151 151 / 30%);
        width: 166px;
        padding-left: 17px;
    }

    .home_dashboard .table>thead>tr>th {
        padding: 19px 6px !important;
        line-height: 1.42857143;
        vertical-align: top;
        border: 0px solid #ddd;
        font-size: 14px;
        font-weight: 700;
        display: flex;
        justify-content: flex-end;
        padding-right: 20px !important;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    /* nav_bar */
    .navbar-nav {
        flex-direction: column;
        justify-content: flex-end;
    }

    .static-top.navbar-dark .navbar-brand a {
        float: left;
    }

    .navbar-header .xrm-attribute-value img {
        width: 90% !important;
    }



    .navbar-nav {
        padding: 10px 0;
    }

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

    .navbar-nav>li:nth-child(5) {
        margin: 0px 0px !important;
        width: 360px;
        border-bottom: none;
        border-radius: 0;
        padding: 7px 10px;
        border: 1px solid #d5d5d5;
        margin-bottom: 30px !important;
    }

    .navbar-nav>li:nth-child(5) {
        margin-right: 23%;
    }

    select.lr_status {
        margin-right: 5px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .Reports_Upd .chart_text {
        height: 90px !important;
        text-align: center;
    }

    .chart_text h1 {
        text-align: center;
    }

    #search.nav-link.navbar-icon .glyphicon {
        right: -12px;
    }

    .noti a {
        padding-right: 25px !important;
        padding-bottom: 40px !important;
    }

    .referal_page .table td,
    .table th,
    .my_enrollments_page .table td {
        padding: 0.459rem 0.375rem !important;
    }

    .referal_page table,
    .my_enrollments_page table {
        display: flex;
        margin: 0;
    }

    .referal_page table,
    .my_enrollments_page table .home_dashboard .table>thead>tr>th {
        padding: 0 !important;
    }

    .col-md-8.col-sm-12.col-xs-12 {
        width: 90% !important;
    }

    .update-detail {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    h3.status-heading-title,
    .Referrals-detail {
        font-family: "Nunito Sans";
    }

    .Reports_Upd .col-sm-6.col-xs-12 {
        width: 90% !important;
        float: left;
    }

    /* referal_page */
    .table>tbody {
        vertical-align: inherit;
        display: flex;
        flex-direction: row;
    }

    tr {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        display: flex;
        flex-direction: column;
    }

    .form_content {
        padding: 10px 10px;
        float: left;
    }

    .rg_bg_img img {
        position: absolute;
        width: 100%;
        top: -20px;
        display: none;
    }

    .per_de_v1 .col-sm-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .inp_frm {
        padding: 20px 10px !important;
        margin-top: 20px !important;
        width: 94% !important;
    }

    .inp_frm .per_de_v1 .col-sm-3 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .modal-footer button.btn.btn-secondary {
        width: 90%;
    }

    .modal h1 {
        font-size: 28px;
    }

    .custom_page_model .model_cont img {
        width: 30%;
    }

    .step-indicator {
        width: 361px;
    }

    .step {
        flex-direction: column-reverse !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .form_sectoion {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .step.completed {
        padding: 0px 0px;
    }

    .step.active {
        padding: 0px 0px;
    }

    .form_sectoion {
        align-items: center;
    }

    .Ref_cont_frm {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #search.nav-link.navbar-icon {
        width: 270px !important;
        margin: 0;
    }

    li.nav-item.dropdown.profile_drop_section {
        position: relative !important;
        display: flex;
        flex-direction: column;
    }

    .user_section {
        margin: 0;
    }

    .nav_log_dropdown {
        right: 0 !important;
        top: 100% !important;
        left: 0 !important;
        margin: 0 auto !important;
    }

    .navbar-nav>li:nth-child(5) {
        margin: 0px 0px !important;
        width: 270px !important
    }

    textarea.form-control {
        min-height: calc(6.5em + 0rem + 11px);
    }

    #navbar .dropdown-search {
        top: 106%;
    }

    ul.dropdown-menu.profile-drop.show {
        right: 96px !important;
        top: 100%;
        width: 200px;
    }

    table tbody td:nth-child(even) {
        background-color: #F7F9FB !important;
    }

    table>tbody>tr>td>a.btn {
        padding: 15px 0;
    }

    .edit_profile_pic_sec {
        width: 100%;
        float: left;
        display: flex;
        justify-content: center;
    }

    .edit_profile_pic .circle {
        top: 50px;
        width: 120px;
        height: 120px;
        padding: 20px;
    }

    .edit_profile_pic .p-image {
        width: 40px;
        height: 40px;
        top: 0px;
        right: 0px;
        border: 2px solid #E1E1E1;
    }

    .page_title .page_actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 12px;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .Referrals_frm button {
        padding: 14px 0px;
    }

    .form-step.active .input-group {
        position: relative;
        padding-bottom: 0px;
    }

    .current_health_network .dm_cont,
    .current_health_network .pc_cont {
        margin-bottom: 0px;
    }

    .dm_cont .input-group {
        position: relative;
        margin-bottom: 0px;
        flex-direction: column;
    }

    /* resource Page 426 Starts */
    .resource_content .card-body {
        padding: 30px 30px !important;
    }

    .resource_content p {
        text-align: center !important;
    }

    .resource_content .page_actions {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-direction: column;
    }

    .page_actions a.btn.btn-primary {
        width: 100%;
        padding: 14px 0px !important;
    }

    .resource_page .resource_content {
        margin-top: 30px;
    }

    /* resource Page 426 Ends */


}

@media (max-width: 375px) {
    .modal-body {
        padding-top: 70px;
    }

    .modal-footer button.btn.btn-secondary {
        margin-bottom: 70px;
    }

    .step.active {
        width: 100px;
    }

    .step {
        width: 100px;
    }

    .step-indicator {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-around;
    }

    .modal-footer button.btn.btn-secondary {
        width: 86% !important;
        padding: 18px 10px;
    }

    .modal h1 {
        font-size: 26px !important;
        font-weight: 700 !important;
    }

    .update-detail select,
    select.lr_status,
    select.lr_months {
        padding: 6px 6px;
    }

    select.lr_status {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .titilesec {
        padding-bottom: 5px;
    }

    table.dataTable.no-footer {
        margin-bottom: 0;
    }

    .step-indicator {
        width: 320px;
    }

    thead tr.table-headers th {
        font-size: 13px;
    }

    #navbar .dropdown-search {
        top: 103%;
    }

    .referal_page .btn-new-request,
    .my_enrollments_page .btn-new-request {
        font-size: 13px;
        font-weight: 700;
    }

    .page_actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }


    .table>thead:first-child>tr:first-child {
        width: 140px !important;
    }

    table tbody tr td {
        font-size: 13px;
    }


    table>tbody>tr>td>a.btn {
        padding: 13px 0;
    }



}

@media (max-width: 320px) {

    .table td,
    .table th,
    .my_enrollments_page .table td {
        padding: 0.515rem 0.375rem !important;
    }


}




.input-group.multi-select-dropdown {
    width: 100%;
}

.input-group.multi-select-dropdown .js-example-basic-multiple {
    background-color: rgb(255 255 255 / 0%);
    width: 100%;
    height: 60px;
    border: 1px solid #5E6E8E;
    border-radius: 10px;
}

.input-group.multi-select-dropdown .select2-container--default .select2-selection--multiple {
    background-color: rgb(255 255 255 / 0%) !important;
    border: 1px solid #5E6E8E !important;
    border-radius: 4px !important;
    cursor: text !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
    position: relative !important;
    height: 60px !important;
    display: inline-table;
    width: 100%;
    float: left;
    border-radius: 10px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    /* display: inline; */
    list-style: none;
    padding: 0 !important;
    display: flex !important;
    margin: 0 !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 8px 10px !important;
    display: flex !important;
    flex-direction: row !important;
    background-color: #429f40 !important;
    justify-content: space-between;
    border: 3px solid rgb(255 255 255 / 18%) !important;
    border-radius: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    /* right: 80%; */
    position: relative !important;
    order: 2;
    margin: 0;
    display: flex;
    background: none;
    width: 25px;
    height: 25px;
    background-color: #fff !important;
    justify-content: center;
    border-radius: 30px !important;
    margin-left: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f100;
    color: #333;
    outline: none;
    border-radius: 10px;
}

.inp_pl_icon {
    width: 100%;
    display: flex;
    align-items: flex-start;
    position: relative;
    flex-direction: column;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    /* -webkit-appearance: textfield; */
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #fff;
}

.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #ffffff !important;
    border: none;
    right: 0px;
}


.navbar-dark .navbar-nav .show.dropdown-menu>li>a {
    color: #202224;
    text-decoration: none;
}

.navbar-dark .navbar-nav a.show,
.navbar-dark .navbar-nav a.dropdown-toggle.show {
    color: #484644 !important;
    background-color: #ffffff !important;
    text-decoration: none !important;
}


/* after login dropdpwn */


.profile_drop_section {
    position: relative;
}

.profile_drop_section ul.dropdown-menu.profile-drop.show {
    position: absolute;
    top: 63px !important;
    right: 0 !important;
    box-shadow: 0px 28px 35px 0px rgb(203 203 220 / 24%) !important;
}

/*  */



/*  */

#navbar .dropdown-menu {
    margin-top: 0px;
    box-shadow: 0px 28px 35px 0px rgb(203 203 220 / 24%);
}

#navbar .dropdown-search {
    background: rgb(255 255 255 / 70%) !important;
    border: 0;
    box-shadow: none;
    margin: 0px;
    width: 100%;
    position: absolute;
    padding: 5px 6px;
    top: 110%;
    border-radius: 14px;
    box-shadow: 0px 28px 35px 0px rgb(203 203 220 / 24%);
}


.navbar-dark .navbar-nav>.dropdown>a.show .navbar-dark .navbar-nav>.dropdown>a.show:hover,
.navbar-dark .navbar-nav>.dropdown>a.show:focus {
    color: #484644 !important;
    background-color: #ffffff !important;
    text-decoration: none !important;
}

/* Profile pic section */

li.nav-item.dropdown {
    position: initial !important;
}

.profile_pic {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    text-align: center;
    border-radius: 100px;
    background-color: #f5f6fa;
    border: 0.38px solid #D5D5D5;
}

.profile_pic a {
    margin: 0px !important;
}

.profile_pic img {
    width: 100%;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto !important;
    right: 0;
}

ul.dropdown-menu.profile-drop.show {
    position: absolute;
    right: 25px !important;
    border-radius: 0px 0px 10px 10px;
    top: 100%;
    width: 190px;
}

.home_dashboard .row.Reports_Upd {
    display: flex;
    justify-content: center;
}

.edit_pro_pg .inp_frm #submit-local {
    margin-top: 6%;
}

input.hasDatepicker {
    width: 100%;
}

.Ref_cont_frm .input-group input {
    padding: 0px 10px;
}

.Ref_cont_frm .input-group label.error {
    position: relative;
    top: 0px;
}

#step2-form .mb-3 {
    margin-bottom: 0rem !important;
}

form #step2-form label#zip-error {
    top: 96px;
}

.reg_actions {
    margin-top: 20px;
}

/* #file-list{
    
} */

.input-group label#email-error,
.input-group label#phoneNo-error {
    position: relative;
    top: 5px;
}


.ref_action_btn {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 30px;
}

.ref_action_btn button.i_save {
    background-color: #a3d55e;
}


.registration-form .nav>li>a:hover {
    background-color: #397bc9;
    border: none;
}

/* bootstrap toastes */

.toast-header {
    display: flex;
    justify-content: space-between;
}


.toast:not(.show) {
    display: block;
    position: absolute;
    /* top: 93px; */
    z-index: 999;
    /* right: 10px; */
    border-radius: 10px;
    overflow: hidden;
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.toast-body h5 {
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 500;
    padding-right: 15px;
    margin: 3px 0 10px 0;
}

/* button.btn-close {
    width: auto;
    padding: 8px 9px;
    display: flex;
    justify-content: center;
    align-items: center;
} */

button.btn-close img {
    margin: 0;
}

.btn-close:focus,
.btn-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    /* opacity: .5; */
    background-color: #0d6efd;
    box-shadow: none;
}

.error-success-messages {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 15px;
}

.custom_alert {
    position: absolute;
    /* right: 45px;
    top: 180px;
    width: 200px;
    height: 47px; */
    color: #fff;
    font-size: 14px;
    padding: 14px;
    border-radius: 5px;
    display: none;
}

.custom_alert .fa {
    margin: 0 10px 0 0;
}

.error_alert {
    background: rgb(255, 0, 0, 0.9);
}

.success_alert {
    background: rgb(0, 163, 108, 0.9);
}

.custom_alert p {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.custom-loader {
    width: 50px;
    aspect-ratio: 1;
    /* Keeps the element square (height = width) */
    /* Apply background gradients directly without using a custom property */
    background: no-repeat radial-gradient(farthest-side, #429F40 90%, #0000), no-repeat radial-gradient(farthest-side, #397CC9 90%, #0000), no-repeat radial-gradient(farthest-side, #A3D55E 90%, #0000), no-repeat radial-gradient(farthest-side, #5BB0BB 90%, #0000);
    background-size: 50% 50%, 20% 20%, 35% 35%, 30% 30%;
    /* Set size of the background gradients */
    /* Apply animation */
    animation: l46 3s infinite;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    margin: auto;
}

/* .modal .modal-header {} */

.modal .modal-header h5 {
    color: #000;
}

/* .modal .modal-body { */
/* padding: 20px 20px; */
/* background-color: #f8f8f8; */
/* margin: 20px 0px; */
/* } */

/* .modal .modal-content {
    background: url(/bodybg);
} */



.modal .modal-body h1 {
    font-size: 24px;
    line-height: 1.4em;
    padding: 0;
    margin-bottom: 0;
}

.modal .modal-body p {
    color: #202224;
    margin: 0;
}


.modal .modal-footer .btn-secondary {
    padding: 14px 50px;
    border-radius: 10px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    /* width: 100%; */
    color: #ffffff;
    margin-top: 0px;
    margin: 0;
}

.modal .modal-footer .btn-secondary:hover,
.modal .modal-footer .btn-secondary:focus {
    background-color: #429F40 !important;
    color: #ffffff;
}

/* .modal-content {
    overflow: hidden;
    gap: 20px;
} */


.modal.show .modal-dialog {
    transform: translateY(25%);
}

.modal.small-modal .modal-dialog {
    width: 400px;
    max-width: 100%;
    transform: translateY(25%)
}

.modal.small-modal .modal-body p {
    margin-bottom: 0;
}


.modal.small-modal.show {
    display: flex !important;
}

/* Keyframes for the animation */
@keyframes l46 {
    0% {
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }

    20% {
        background-position: 100% 100%, 100% 0, 0 0, 0 100%;
    }

    40% {
        background-position: 100% 100%, 0 100%, 0 0, 100% 0;
    }

    50% {
        background-position: 100% 100%, 0 100%, 0 0, 100% 0;
    }

    60% {
        background-position: 100% 0, 0 0, 0 100%, 100% 100%;
    }

    70% {
        background-position: 100% 0, 0 0, 0 100%, 100% 100%;
    }

    80% {
        background-position: 0 100%, 100% 100%, 100% 0, 0 0;
    }

    100% {
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
}

/* resource page start */

.resource_content h5,
.resource_content p {
    margin: 0;
}

.resource_content h5 {
    margin: 0;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    color: #202224;
}

.resource_content p {
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 19.1px;
    text-align: left;
    color: #7D7D7D;
    left: 11px;
    top: 10px;
    /* height: 50px; */
    display: flex;
    align-items: flex-end;
}

.resource_content .page_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.page_actions a.btn.btn-primary {
    padding: 14px 30px;
    border-radius: 10px;
    background-color: #397BC9;
    border: none;
    outline: none;
    float: left;
    font-family: 'Nunito Sans';
    color: #fff;
}

.page_actions a.btn.btn-primary:hover {
    background-color: #429F40 !important;
}

/* resource page Ends */

/* DataTable Css */
.dt-container .dt-layout-row:first-child,
.dt-container .dt-layout-row:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dt-container .dt-layout-row:first-child {
    margin-bottom: 15px
}

.table.dataTableCustom tfoot {
    display: table-header-group;
}

table tfoot th input {
    border: solid 1px var(--gray-medium);
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    padding: 6px 12px;
}

table tfoot th input::placeholder,
table tfoot th input::-moz-placeholder,
table tfoot th input::-webkit-input-placeholder {
    color: var(--gray-medium);
}

.dt-paging.paging_full_numbers button {
    padding: 6px 12px;
    border: solid 1px var(--gray-light);
    color: var(--gray-dark);
    background-color: var(--bg-white);
}

button.dt-paging-button.current {
    border: solid 1px var(--primary);
    color: var(--primary);
}

.dt-paging.paging_full_numbers button:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.dt-paging.paging_full_numbers button:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.dt-paging.paging_full_numbers button span {
    color: var(--text-black)
}

.dt-container .dt-layout-row .dt-length .dt-input,
.dt-container .dt-layout-row .dt-search .dt-input {
    border: solid 1px var(--body-color);
    padding: 8px 10px;
    border-radius: 4px;
    outline: 0;
}

.dt-container .dt-layout-row .dt-length label,
.dt-container .dt-layout-row .dt-search label {
    display: none;
}

.dt-container .dt-layout-row .dt-length .dt-input,
.dt-container .dt-layout-row .dt-search {
    position: relative;
}

.dt-container .dt-layout-row .dt-search .dt-input {
    padding-left: 30px;
}

.dt-container .dt-layout-row .dt-search .dt-input::-moz-placeholder,
.dt-container .dt-layout-row .dt-search .dt-input::-moz-placeholder,
.dt-container .dt-layout-row .dt-search .dt-input::placeholder {
    color: var(--text-black);
}

.dt-container .dt-layout-row .dt-search::after {
    content: "\e8b6";
    position: absolute;
    font-family: 'Material Icons';
    font-size: 20px;
    color: var(--text-black);
    left: 8px;
    top: 5px;
}

/* DataTable css end */

.dataTable tr td input[type="radio"],
.modal input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #FFF;
    box-shadow: 0 0 0 2px #454F5B;
    width: 18px;
    height: 18px;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modal input[type="radio"] {
    width: 17px;
    height: 17px;
}

.dataTable tr td input[type="radio"]:checked,
.modal input[type="radio"]:checked {
    background: #454F5B;
}

.dataTable tr td input[type="checkbox"],
.modal input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #FFF;
    box-shadow: 0 0 0 2px #454F5B;
    width: 18px;
    height: 18px;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modal input[type="radio"] {
    width: 17px;
    height: 17px;
}

.dataTable tr td input[type="checkbox"]:checked,
.modal input[type="checkbox"]:checked {
    background: #454F5B;
}

.dataTables_wrapper {
    max-width: 100%;
    overflow: auto;
}

.dataTable tbody tr {
    transition: all 0.3s ease;
}

.dataTable tbody tr.selected_tr {
    background: var(--light-gray-color1);
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 6px;
    padding: 8px 10px;
    margin: 0 5px;
    font-weight: 500;
    font-size: 18px;
    font-family: var(--default-font);
}

.dataTables_wrapper .dataTables_length select:focus {
    outline: none;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 6px;
    padding: 5px 10px;
    border: var(--dark-gray-color4) solid 1px;
    color: var(--dark-gray-color2);
    margin: 0 5px;
    height: 41px;
    font-weight: 500;
    font-size: 18px;
    font-family: var(--default-font);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dataTables_wrapper .dataTables_filter input:focus {
    outline: none;
    border-color: var(--btn-secondary);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.dataTables_wrapper .dataTables_filter label {
    font-weight: 600;
}

.dataTables_wrapper .dataTable .action_dropdown {
    width: auto;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    position: relative;
    color: var(--text-black);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.dataTables_wrapper .dataTable .action_dropdown>.material-symbols-outlined {
    font-size: 36px;
}

.dataTables_wrapper .dataTable .action_dropdown:hover,
.dataTables_wrapper .dataTable .action_dropdown:focus {
    color: var(--btn-secondary);
}

.dataTables_wrapper .dataTable .action_dropdown ul {
    width: 130px;
    padding: 5px;
    z-index: 123;
    border-radius: 3px;
    list-style: none;
    position: absolute;
    right: 0;
    background: var(--btn-primary);
    font-size: 14px;
    top: 35px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 14px 45px rgba(0, 0, 0, 0.23);
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.dataTables_wrapper .dataTable .action_dropdown ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: var(--color-white);
    border-radius: 3px;
    transition: all 0.3s ease;
}

.dataTables_wrapper .dataTable .action_dropdown ul li+li {
    border-top: rgba(265, 265, 265, .2) solid 1px;
}

.dataTables_wrapper .dataTable .action_dropdown ul li:hover {
    background: var(--btn-secondary);
    border-color: var(--btn-secondary);
}

.dataTables_wrapper .dataTable .action_dropdown ul li a {
    width: 100%;
    padding: 5px 10px !important;
    margin: 0;
    text-align: right;
    font-size: 18px;
}

/*.dataTables_wrapper .dataTable .action_dropdown ul li a:hover{color: var(--btn-secondary);}*/
.dataTables_wrapper .dataTable .action_dropdown ul.open_action {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

table.dataTable thead>tr>th.sorting::after,
table.dataTable thead>tr>th.sorting_asc::after,
table.dataTable thead>tr>th.sorting_desc::after,
table.dataTable thead>tr>th.sorting_asc_disabled::after,
table.dataTable thead>tr>th.sorting_desc_disabled::after,
table.dataTable thead>tr>td.sorting::after,
table.dataTable thead>tr>td.sorting_asc::after,
table.dataTable thead>tr>td.sorting_desc::after,
table.dataTable thead>tr>td.sorting_asc_disabled::after,
table.dataTable thead>tr>td.sorting_desc_disabled::after {
    top: 50%;
    content: "\f1e3";
    font-size: 1em;
    font-family: 'Material Symbols Outlined';
    right: 0;
}

table.dataTable thead>tr>th.sorting::before,
table.dataTable thead>tr>th.sorting_asc::before,
table.dataTable thead>tr>th.sorting_desc::before,
table.dataTable thead>tr>th.sorting_asc_disabled::before,
table.dataTable thead>tr>th.sorting_desc_disabled::before,
table.dataTable thead>tr>td.sorting::before,
table.dataTable thead>tr>td.sorting_asc::before,
table.dataTable thead>tr>td.sorting_desc::before,
table.dataTable thead>tr>td.sorting_asc_disabled::before,
table.dataTable thead>tr>td.sorting_desc_disabled::before {
    bottom: 50%;
    content: "\f1e0";
    right: 18px;
    font-size: 1em;
    font-family: 'Material Symbols Outlined';
    right: 5px
}

body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current,
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover,
body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover {
    background: var(--btn-primary);
    border: none;
    color: var(--text-white) !important;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .dataTables_wrapper .dataTables_paginate span a.paginate_button:focus,
body .dataTables_wrapper .dataTables_paginate span a.paginate_button:active {
    outline: none;
    box-shadow: none;
}

body .dataTables_wrapper .dataTables_paginate span a.paginate_button {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--text-black);
    font-weight: 500;
    font-size: 18px;
    border-radius: 100%;
    font-family: var(--default-font);
    transition: all 0.3s ease;
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous,
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next {
    font-size: 18px;
    font-weight: 500;
    width: 48px;
    height: 48px;
    border: var(--dark-gray-color4) solid 1px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: all 0.3s ease;
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous {
    margin-right: 15px;
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.next {
    margin-left: 15px;
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover,
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover {
    background: var(--btn-primary);
    color: var(--text-white);
    border: var(--btn-primary) !important;
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous>span,
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next>span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--dark-gray-color2);
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover>span,
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover>span {
    color: var(--text-white);
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover:not(.disabled),
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover:not(.disabled),
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:focus:not(.disabled),
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:focus:not(.disabled) {
    border-color: var(--btn-primary) !important;
    outline: none;
    background: var(--btn-primary);
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_paginate {
    display: inline-flex;
    align-items: center;
}

table.dataTable.no-footer {
    border: none;
}

.dataTables_filter+table.dataTable.no-footer,
.dataTables_length+table.dataTable.no-footer {
    padding-top: 10px;
}

body div.dt-container .dt-paging .dt-paging-button.current,
body div.dt-container .dt-paging .dt-paging-button.current:hover {
    background: #A3D55E;
    border-color: #A3D55E;
    color: #fff !important;
}

body div.dt-container .dt-paging .dt-paging-button.disabled,
body div.dt-container .dt-paging .dt-paging-button.disabled:hover,
body div.dt-container .dt-paging .dt-paging-button.disabled:active {
    background: #e9ecef;
}

body div.dt-container .dt-paging .dt-paging-button:hover {
    background: #43A041;
    border-color: #43A041;
}

body div.dt-container .dt-paging .dt-paging-button {
    border: #ddd solid 1px;
    background: #F7F9FB;
    transition: all ease-in 0.2s;
}

select.dt-input {
    background: #ffffff;
}

.dt-container .dt-layout-row .dt-length .dt-input {
    background: #ffffff;
}

.sub-broker-div select {
    color: #000;
    height: auto;
    padding: .375rem 2.25rem .375rem .75rem;
}

.custom-navbar {
    display: flex;
    align-items: center;
}

.sub-navbar {
    display: flex;
    align-items: center;
    margin: auto;
}

.custom-sub-navbar {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

.static-top.navbar .menu-bar>.navbar-nav>div li>a {
    color: #000000;
}

.navbar-dark .navbar-nav>div li.active>a,
.navbar-dark .navbar-nav>div li>a:hover,
.navbar-dark .navbar-nav>div li.dropdown>a:hover {
    background-color: rgb(255 255 255 / 0%);
    color: #429F40 !important;
}

.navbar-nav>.sub-navbar li.active>a::before,
.navbar-nav>.sub-navbar li.weblink>a::before {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #429F40;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
    display: none;
    bottom: -8px;
}

.navbar-nav > .sub-navbar li.active > a::before {
    display: block;
}

.custom-notification {
    margin: 0;
    padding: 4px 5px;
    border: 0.38px solid #D5D5D5 !important;
    border-radius: 94px;
    background-color: #F5F6FA;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}