﻿:root{
--clr-primary:#0000d4;
--clr-secondary:#181f29;
--clr-yellow:#f3b007;

--clr-text-heading:#181F29;
--clr-text:#313131;
--clr-href:#0000d4;
--clr-wht:#ffffff;
--clr-blk:#000000;



/*--clr-primary:#009eec;*/
--clr-red:#e41e3f;
--clr-red-dk:#ce0c2c;
--clr-green:#09b850;
--clr-green-lt:#00c85c;
--clr-blue:#121f49;

--clr-grey-bdr:#c9cacd;
--clr-grey-bdr-lt:#e5e6ea;
--clr-grey-bdr-dk:#b6b7ba;
--clr-grey-bg:#f6f7fa;
--clr-grey-bg-dk:#f3f4f8;
--clr-grey-bg-lt:#f9fafc;
--clr-grey-text:#ff0000;

--bs-border-color:#c9cacd;

--clr-danger:#dc3545;

--font-heading:"Outfit", sans-serif;
--font-site:"Open Sans", serif;
--font-icon:"Material Symbols Rounded";
}

body{font-family:var(--font-site);font-size:16px;line-height:1.6;color:var(--clr-text);}

.form-label{font-size:.875rem;font-weight:600;}
.form-control, .form-select{padding:.625rem .75rem;}
.btn-primary{background-color:#0000d4;}

a{text-decoration:none;color:#0000d4;}
button{background-color:transparent;border:none;font-family:var(--font-heading) !important;cursor:pointer}
button.submit{letter-spacing:1.5px;font-weight:500 !important;padding: 0.625rem 0.875rem !important;}

h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--clr-font-heading);line-height:1.3;}
h1,h2{font-weight:600 !important;}
h3,h4,h5,h6{font-weight:500 !important;}

.overflow-auto {overflow: auto;}
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {overflow-y: auto;}
.redclass{background-color:var(--clr-danger);}
.redclass td{color:#FFFFFF!important;}
.hide{display:none !important;}
.masked{display:none !important}
.menudisable{display:none !important;}
.sweet-alert h2{margin-top:25px;}
.mandatory {color:var(--clr-danger); font-weight:900; font-size:20px; line-height:0px;}
.form-switch .form-check-input {width:4em!important;height: 1.5em!important; margin-right:10px!important;}
ul.activattion-steps{list-style-type:none;}
ul.activattion-steps >li{display:flex;align-items:center;}
ul.activattion-steps >li::before{display:inline-block;content:"\e154";font-family:var(--font-icon);font-weight:400;margin-right:8px;font-size:1.625rem;transform: rotateX(180deg);}
main{min-height:calc(100vh - 190px);}
#preloader{width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:#fff;z-index:11000;position:fixed;display:block;opacity:0.8;}
#preloader img{width:64px;height:64px;position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;}
fieldset{border-radius:5px; padding-bottom:20px; }
fieldset legend{margin-top:-20px; }
/*======== Common ========*/

/*======== Header Start ========*/
#header{background-color:var(--clr-secondary);position:sticky;top:0;left:0;width:100%;z-index:5;}

#branding a{display:block;position:relative;}
#branding a img{height:60px;width:auto;}

ul.profile{list-style-type: none;margin: 0;padding: 0;display: flex;position: relative;z-index: 2;}
ul.profile > li > button{position: relative;width:44px;height:44px;border-radius:50%;border:2px solid var(--clr-wht);}
ul.profile > li > button > span{display:flex;justify-content:center;align-items:center;font-size:1.75rem;color:var(--clr-wht);}
ul.profile > li > .popup{min-width:260px;background-color:var(--clr-wht);border-radius:6px 0 6px 6px;position:absolute;top:63px;right:0;box-shadow:0 0 10px rgb(0,0,0,.35);display:none;}
ul li .popup::before{font-family:var(--font-icon);content:"\e5c7";height:20px;color:#f0f2f5;position:absolute;top:-14px;right:-10px;font-size:60px;overflow:hidden;display:flex;align-items:center;}
/*user name*/
ul.profile > li > .popup .user{background-color:#f0f2f5;padding:0 18px;height:74px;}
ul.profile > li > .popup .user::before{content:"\e7fd";font-family:var(--font-icon);margin-right:6px;font-size:1.375rem;}
/*ul*/
ul.profile > li > .popup ul {list-style-type:none;margin:0;padding:6px 8px;}
ul.profile > li > .popup ul li {padding:2px 0;}
ul.profile > li > .popup ul li a{display:flex;align-items:center;height:44px;color:var(--clr-text);border-radius:4px;padding:0 10px;}
ul.profile > li > .popup ul li a:hover{background-color:#f0f2f5;}
ul.profile > li > .popup ul li a::before {font-family:var(--font-icon);margin-right:6px;font-size:1.25rem;}
ul.profile > li > .popup ul li a.i-profile::before{content:"\e8a6";}
ul.profile > li > .popup ul li a.i-card::before{content:"\e8f7";}
ul.profile > li > .popup ul li a.i-upgrade::before{content:"\f0fb";}
ul.profile > li > .popup ul li a.i-password::before{content:"\e898";}
ul.profile > li > .popup ul li a.i-logout::before{content:"\e9ba";}
ul.profile > li > .popup ul li a.i-invoice::before{content:"\ef6e";}
ul.profile > li > .popup ul li a.i-dollar::before{content:"\e227";}
.i-file::before{content:"\f15b";}
/*Logout Button*/
/*ul.profile li .popup ul li a.i-logout {background-color: #f0f2f5;justify-content: center;}
ul.profile li .popup ul li a.i-logout::before {content: "\e9ba";}
ul.profile li .popup ul li a.i-logout:hover {background-color:#f11;color: var(--clr-wht);}*/
/*sticky*/
.sticky  ul.profile > li > button{background-color:var(--clr-blue);}
.sticky ul.profile > li > button > span{color:var(--clr-wht);}


#userMenuOverlay{position:fixed;top:0;left:0;right:0;height:100vh;display:none;z-index:1;}
/*======== Header End ========*/

#footer{color:var(--clr-wht);background-color:var(--clr-secondary);}

/*===================
	Button
===================*/
.st-btn-sm{padding:0 6px 0 5px;height:26px;line-height:25px;font-size:14px;white-space:nowrap;display:inline-flex;}

.st-btn-view::before{font-family:var(--font-icon);content:"\e8f4";margin-right:4px;float:left}
.st-btn-edit::before{font-family:var(--font-icon);content:"\e3c9";margin-right:4px;float:left}
.st-btn-delete::before{font-family:var(--font-icon);content:"\e872";margin-right:4px;float:left}
.st-btn-uparrow::before{font-family:var(--font-icon);content:"\2191";margin-right:4px;float:left}
.st-btn-downarrow::before{font-family:var(--font-icon);content:"\2193";margin-right:4px;float:left}
.st-btn-leftarrow::before{font-family:var(--font-icon);content:"\2190";margin-right:4px;float:left}
.st-btn-rightarrow::before{font-family:var(--font-icon);content:"\2192";margin-right:4px;float:left}

/*===================
	Icon
===================*/
.st-i-sm{height:24px;width:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3px;margin:0 2px;}
.st-i-sm:hover{background-color:#f1f1f1;border-radius:4px;}
.st-i-sm::after{font-family:var(--font-icon-symbols);font-size:18px;}
/**/
.st-i-edit::after{content:"\e3c9";color:var(--clr-green)}
.st-i-delete::after{content:"\e872";color:var(--clr-danger)}
.st-i-uparrow::after{content:"\e5d8";color:var(--clr-href)}
.st-i-downarrow::after{content:"\e5db";color:var(--clr-href)}

/*===================
	Grid Table
===================*/
.grid-itemscount{text-align:right;margin-bottom:8px;margin-top:0;}
.grid-itemscount .grid-itemscount-caption{font-weight:600;}
.table>thead{background-color:#eef5f9;}
.table>:not(:first-child){border-top:1px solid var(--clr-grey-bdr-lt);}
.table>:not(caption)>*>*{box-shadow:none;padding:0.5rem 0.8rem;}
.table.grid-table .grid-header{padding-right:10px!important;}
.table.grid-table .grid-filter{margin-top:6px;margin-right:10px;}
.table tr td{vertical-align:middle;border-right:1px solid var(--clr-grey-bdr-lt);white-space:nowrap}
.table tr td:last-child{border-right:none;}
.table tr td.grid-cell{border:1px solid var(--clr-grey-bdr-lt);}
.grid-dropdown-inner{padding:0 10px 5px 10px;}
table.grid-table .grid-filter-buttons{text-align:center;padding-top:5px;}
.form-group{padding-bottom:10px;}

.form-group label{display:inline-block;font-size:14px;padding-bottom:4px;font-weight:700;}
table.grid-table tr.grid-row-selected td{background-color:transparent !important;color:#000;}
table.grid-table tr.grid-row-selected a.st-btn-edit{color:#198754;}
table.grid-table tr.grid-row-selected a:hover.st-btn-edit{color:#fff;}

/*====== Login Page Start ======*/
#loginPage{background-image:url('../images/login-bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}
/*#loginPage::after{content: '';position:fixed;top:0;left:0;width: 100%;height:100%;
    background: rgb(16,49,95);
    background: -moz-radial-gradient(circle, rgba(2,10,25,.2) 0%, rgba(2,10,25,.4) 80%);
    background: -webkit-radial-gradient(circle, rgba(2,10,25,.2) 0%, rgba(2,10,25,.4) 80%);
    background: radial-gradient(circle, rgba(2,10,25,.2) 0%, rgba(2,10,25,.4) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020918",endColorstr="#020918",GradientType=1);
}*/

#loginPage h1{color:var(--clr-blue);}
#loginPage a.i-back{position:absolute;top:0;left:0;height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
#loginPage a.i-back:hover{background-color:var(--clr-href);}
#loginPage a.i-back span{font-size:1.5rem;color:var(--clr-text-heading);}
#loginPage a.i-back:hover span{color:#fff;}

#loginPage .welcome-text a{color:#fff;}
#loginPage .welcome-text a:hover{text-decoration:underline;}
/*====== Login Page End ======*/


/*#supportSec{background-color:#f5f9fc;}*/
#supportSec .contact .wrap{display:inline-block;width:100%;height:100%;border:1px solid #e9e9e9;color:#000;text-align:center;}
#supportSec .contact .wrap:hover{background-color:#f3f3f3;}
#supportSec .contact .wrap::before{font-family:var(--font-icon);font-size:3rem;font-weight:300;color:var(--clr-primary)}
#supportSec .contact .wrap.i-coordination::before{content:"\e8c5";}
#supportSec .contact .wrap.i-pharmacy::before{content:"\f033";}
#supportSec .contact .wrap.i-email::before{content:"\e158";}
#supportSec .contact .wrap.i-advocacy::before{content:"\e8a8";}


#benefitsActiveSec ul{list-style-type:none;padding-left:16px;}
#benefitsActiveSec ul li{display:flex;align-items:center;}
#benefitsActiveSec ul li.icon:before{display:inline-flex;align-items:center;font-family:var(--font-icon);margin-right:8px;font-size:26px;font-variation-settings:'FILL' 1;font-weight:400;height:34px;}
#benefitsActiveSec ul li.icon.yes:before{content:"\e86c";color:var(--clr-secondary)}
#benefitsActiveSec ul li.icon.no:before{content:"\e5c9";color:red;}

/*#dashboardBanner{background-image:url(../images/dashboard-banner-1.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;position:relative;}
#dashboardBanner::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(16,49,95);
background:-moz-radial-gradient(circle, rgba(16,49,95,.0) 0%, rgba(16,49,95,.4) 100%);
background:-webkit-radial-gradient(circle, rgba(16,49,95,.0) 0%, rgba(16,49,95,.4) 100%);
background:radial-gradient(circle, rgba(16,49,95,.0) 0%, rgba(16,49,95,.4) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#10315f",endColorstr="#10315f",GradientType=1);
}*/
#dashboardBanner .banner-img{position:sticky;top:128px;height:calc(100vh - 152px);overflow:hidden;border-radius:8px;background-image:url(../images/support-img.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}

#dashboardBanner h1{font-size:3rem;}
#dashboardBanner .my-profile .wrap .start-here-btn{color:var(--clr-wht);background-color:var(--clr-secondary);position:absolute;top:0;left:50%;transform:translate(-50%, -70%);padding:0 14px;height:40px;line-height:40px;border-radius:4px;font-weight:500;}
#dashboardBanner .my-profile .wrap:hover .start-here-btn{background-color:var(--clr-blue);}
#dashboardBanner .wrap{height:100%;display:block;border:1px solid #d1d4da;color:var(--clr-secondary)}
#dashboardBanner .wrap:hover{background-color:var(--clr-primary);}
#dashboardBanner .wrap .popup-note{color:red;font-size:.875em;}
#dashboardBanner .wrap:hover .popup-note{color:#fff}
#dashboardBanner .wrap > div::before{font-family:var(--font-icon);font-size:64px;height:64px;display:flex;justify-content:center;align-items:center;margin-bottom:15px;font-weight:300;color:var(--clr-primary);}
#dashboardBanner .wrap:hover{color:var(--clr-wht)}
#dashboardBanner .wrap:hover > div::before{color:var(--clr-wht)}
#dashboardBanner .my-profile .wrap > div::before{content:"\f1a2";}
#dashboardBanner .health-insights .wrap > div::before{content:"\f6e9";}
#dashboardBanner .generic-products .wrap > div::before{content:"\ea87";}
#dashboardBanner .pharmacy .wrap > div::before{content:"\e11f";}
#dashboardBanner .urgent-care .wrap > div::before{content:"\f109";}
#dashboardBanner .support .wrap > div::before{content:"\f0e2";}

#dashboardBanner .wrap .weight-loss-i-clr{margin-bottom:20px}
#dashboardBanner .wrap:hover .weight-loss-i-clr{display:none}
#dashboardBanner .wrap .weight-loss-i-wht{display:none;margin-bottom:20px}
#dashboardBanner .wrap:hover .weight-loss-i-wht{display:block;}

#dashboardBanner .wrap .i-clr{margin-bottom:20px}
#dashboardBanner .wrap:hover .i-clr{display:none}
#dashboardBanner .wrap .i-wht{display:none;margin-bottom:20px}
#dashboardBanner .wrap:hover .i-wht{display:block;}


.grid-itemscount{position:absolute;right:0;top:0;}


#profileStep{position:relative;margin-right:-1px;width:250px;}
#profileStep ul{list-style-type:none;padding:0;margin:0;border-top:1px solid #d1d4da;}
#profileStep ul li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d1d4da;border-left:1px solid #d1d4da;padding:30px 18px;width:100%;cursor:pointer;}
#profileStep ul li .step-text{display:block;font-weight:500;}
#profileStep ul li .point{display:inline-flex;border:2px solid #a9a9a9;background-color:#fff;width:24px;height:24px;border-radius:50%;position:relative;z-index:1;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;}
#profileStep ul li .point::before{display:block;content:"";width:16px;height:16px;border-radius:50%;background-color:#999;}
#profileStep ul li .point:hover::before{background-color:var(--clr-primary);}
#profileStep ul li .point:hover{border-color:var(--clr-primary);}
/*active*/
#profileStep ul li.active{background-color:#fff}
#profileStep ul li.active .step-text{color:var(--clr-primary);padding-top:0px;}
#profileStep ul li.active .point{border-color:var(--clr-primary);}
#profileStep ul li.active .point::before{background-color:var(--clr-primary);}

#profileStep ul li.complete .point{border-color:var(--clr-green);background-color:var(--clr-green)}
#profileStep ul li.complete.active .point{border-color:var(--clr-primary);background-color:var(--clr-primary)}
#profileStep ul li.complete .point::after{display:block;content:"\e5ca";font-family:var(--font-icon);font-size:20px;color:var(--clr-wht);font-weight:600;padding-top:2px;}
#profileStep ul li.complete .point::before{display:none;}

/*======  Patient Form Start  ======*/
.partition-line{display:flex;align-items:center;}
.partition-line span{background-color:var(--clr-text);color:var(--clr-wht);padding:2px 8px 3px 8px;}
.partition-line::after{content:"";display:block;flex:1 0 0;height:1px;background-color:var(--clr-grey-bdr);margin-left:8px;}
.form-floating>.form-select~label::after{background-color:transparent;}

.i-plus-btn-sm::before{display:inline-block;font-family:var(--font-icon);content:"\e145";margin-right:3px;font-size:1.25rem;height:12px;line-height:12px;overflow:hidden;text-align:center;}
.sign-up-btn{height:44px;line-height:44px;padding:0 20px;border-radius:4px;background-color:var(--clr-secondary);color:var(--clr-wht);display:inline-block;font-weight:600;}
.sign-up-btn:hover{background-color:var(--clr-primary);}


.save-btn{display:flex;align-items:center}
.save-btn::before{font-family:var(--font-icon);content:"\e161";margin-right:5px;font-size:1.25rem;display:inline-flex;align-items:center;height:20px;}

.exit-btn{color:var(--clr-wht);display:flex;align-items:center;padding:.625rem 1rem .625rem .875rem;}
.exit-btn::before{font-family:var(--font-icon);content:"\e5cd";margin-right:3px;font-size:1.25rem;display:inline-flex;align-items:center;height:20px;}
.exit-btn:hover{color:var(--clr-wht);}

.common-btn{background-color:var(--clr-blue);color:var(--clr-wht);margin-right:5px;display:flex;align-items:center;padding:.625rem 1rem .625rem .875rem;}
.common-btn::before{font-family:var(--font-icon);margin-right:5px;font-size:1.25rem;display:inline-flex;align-items:center;height:20px;}
.common-btn:hover{background-color:var(--clr-secondary);color:var(--clr-wht);}
/*======  Patient Form End  ======*/

/*.button-sm{height:36px;padding:0 12px;border-radius:4px;display:flex;align-items:center;}
.button{height:46px;padding:0 15px;border-radius:4px;display:flex;align-items:center;}
.button.submit{background-color:var(--clr-blue);color:var(--clr-wht);}
.button.submit:hover{background-color:var(--clr-secondary);}

.button.completed{background-color:var(--clr-secondary);color:var(--clr-wht);}
.button.completed:hover{background-color:var(--clr-blue);}*/


#frmProfile{background-color:#f5f9fc;}
#ProfileForm .primary-members .wrap{/*height:calc(100vh - 236px);*/min-height:360px;background-color:var(--clr-wht);color:var(--clr-blk);/*overflow:auto;*/border:1px solid #d1d4da;}
#ProfileForm .primary-members .wrap label{color:var(--clr-text)}
/*#ProfileForm .primary-members .wrap td{color:var(--clr-wht)}*/

#ProfileForm .dependentMemberWrap .i-deactivate::before{content:"\e5cd";font-family:var(--font-icon);font-size:20px;margin-right:3px;}
#ProfileForm .dependentMemberWrap .i-activate::before{content:"\e876";font-family:var(--font-icon);font-size:20px;margin-right:3px;}
/*delete btn*/
#ProfileForm .primary-members .wrap .add-del-btn{background-color:var(--clr-blue);border-radius:4px;}
#ProfileForm .primary-members .wrap .add-del-btn::before{content:"\e872";font-family:var(--font-icon);font-size:22px;font-weight:300;color:rgba(255,255,255,.6);}
#ProfileForm .primary-members .wrap .add-del-btn:hover{background-color:var(--clr-wht);}
#ProfileForm .primary-members .wrap .add-del-btn:hover::before{color:#f00;}
/*Next Prev Button*/
#ProfileForm .primary-members .prev-btn, #ProfileForm .primary-members .next-btn, #ProfileForm .primary-members .finish-btn{height:40px;background-color:var(--clr-primary);color:var(--clr-wht);display:flex;align-items:center;}
#ProfileForm .primary-members .prev-btn:hover, #ProfileForm .primary-members .next-btn:hover, #ProfileForm .primary-members .finish-btn:hover{background-color:var(--clr-blue)}
#ProfileForm .primary-members .prev-btn{padding:0 12px 0 6px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
#ProfileForm .primary-members .next-btn{padding:0 6px 0 12px;margin-left:2px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
#ProfileForm .primary-members .finish-btn{padding:0 12px 0 10px;margin-left:2px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
#ProfileForm .primary-members .prev-btn::before{content:"\ef7d";font-family:var(--font-icon);font-size:1.375rem;padding-top:2px;}
#ProfileForm .primary-members .next-btn::after{content:"\e941";font-family:var(--font-icon);font-size:1.375rem;padding-top:2px;}
#ProfileForm .primary-members .finish-btn::before{content:"\e161";margin-right:5px;font-family:var(--font-icon);font-size:1.25rem;font-weight:300;}
/*my family list*/
#ProfileForm .my-family{margin-top:54px;}
#ProfileForm .my-family .wrap{background-color:var(--clr-wht);border:1px solid #d1d4da;border-radius:8px;overflow:hidden}
/*FamilyList*/
ul#FamilyList{list-style-type:none;}
ul#FamilyList li.self{display:flex;padding:14px 0 0 0;}
ul#FamilyList li.self .relation{width:70px;font-weight:700;}
ul#FamilyList li.self .relation span{display:inline-block;background-color:#f3f3f3;padding:2px 8px 1px 8px;font-weight:500;}
ul#FamilyList li.dependent{border-left:1px solid #b1b4ba;margin-left:21px;padding:10px 0;}
ul#FamilyList li:nth-child(2){padding-top:22px;}
ul#FamilyList li.dependent .relation{display:flex;align-items:center;}
ul#FamilyList li.dependent .relation::before{content:"";display:inline-block;width:20px;height:1px;background-color:#b1b4ba;margin-right:28px;}
ul#FamilyList li.dependent .relation span{display:inline-block;background-color:#f3f3f3;padding:2px 6px 1px 6px;font-size:.875rem;font-weight:500;}
ul#FamilyList li.dependent .name{padding-left:48px;}


/*  frm Plan Change page start   */
#frmPlanChangePage .DemographicsInformation{background-color:rgba(0,158,236,0.8);color:var(--clr-wht);}
#frmPlanChangePage .DemographicsInformation h5{font-weight:500;}
#frmPlanChangePage .DemographicsInformation .wrap .label-icon{position:relative;}
#frmPlanChangePage .DemographicsInformation .wrap .label-icon p{font-size:1.1rem;font-weight:400;}
#frmPlanChangePage .DemographicsInformation .wrap .label-icon span::after{content:"";font-family:var(--font-icon);font-size:1.425rem;color:var(--clr-wht);font-weight:300;}
#frmPlanChangePage .DemographicsInformation .wrap .label-icon .i-name::after{content:"\ea67";}
#frmPlanChangePage .DemographicsInformation .wrap .label-icon .i-email::after{content:"\e158";}
#frmPlanChangePage .DemographicsInformation .wrap .label-icon .i-phone::after{content:"\e325";}
#frmPlanChangePage .PaymentOptionInformation{color:#000;}
#frmPlanChangePage .PaymentOptionInformation h5{font-weight:500;}
#frmPlanChangePage .CurrentPlan{border:1px solid #d5d5d5;}
#frmPlanChangePage .OtherPlan{border:1px solid var(--clr-blue);background-color:#f8f8f8;}
#frmPlanChangePage .CurrentPlan .heading, #frmPlanChangePage .OtherPlan .heading{margin-top:-20px;}
#frmPlanChangePage .CurrentPlan .heading .title{background-color:#b5b5b5;color:var(--clr-wht);padding:8px 20px;text-transform:uppercase;letter-spacing:2px;font-weight:600 !important;font-size:1.125rem;}
#frmPlanChangePage .OtherPlan .heading .title{background-color:var(--clr-green);color:var(--clr-wht);padding:8px 20px;text-transform:uppercase;letter-spacing:2px;font-weight:600 !important;font-size:1.125rem;}
/*  frm Plan Change page start   */


#frmPlanChangePage .plan-benefits ul{list-style-type:none;padding:0;}
#frmPlanChangePage .plan-benefits ul li{display:flex;margin-bottom:4px;}
#frmPlanChangePage .plan-benefits ul li::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' height='22' width='22' fill='%2300c85c' style='flex:none' class='me-2 me-lg-0'%3E%3Cpath d='M6.027 0.703a1.476 1.476 0 0 1 1.925 0c0.197 0.17 0.391 0.339 0.583 0.508 0.255 -0.052 0.512 -0.102 0.771 -0.15a1.476 1.476 0 0 1 1.667 0.962c0.086 0.245 0.17 0.489 0.25 0.731 0.248 0.083 0.495 0.168 0.744 0.255 0.69 0.242 1.098 0.95 0.962 1.667 -0.049 0.261 -0.1 0.52 -0.152 0.776 0.174 0.196 0.347 0.395 0.52 0.596a1.476 1.476 0 0 1 0 1.925c-0.171 0.2 -0.344 0.397 -0.516 0.592 0.05 0.251 0.1 0.504 0.148 0.759a1.476 1.476 0 0 1 -0.962 1.667 59.47 59.47 0 0 1 -0.743 0.255c-0.082 0.243 -0.165 0.486 -0.25 0.731a1.476 1.476 0 0 1 -1.668 0.963 52.272 52.272 0 0 1 -0.754 -0.148 52.5 52.5 0 0 1 -0.58 0.505l-0.325 -0.379 0.326 0.38a1.476 1.476 0 0 1 -1.925 -0.001 60.68 60.68 0 0 1 -0.583 -0.508c-0.255 0.052 -0.512 0.102 -0.771 0.151a1.476 1.476 0 0 1 -1.667 -0.963c-0.086 -0.245 -0.17 -0.488 -0.25 -0.731a54.77 54.77 0 0 1 -0.744 -0.255 1.476 1.476 0 0 1 -0.962 -1.667c0.049 -0.26 0.1 -0.52 0.152 -0.776a53.935 53.935 0 0 1 -0.52 -0.596 1.476 1.476 0 0 1 0 -1.925c0.172 -0.2 0.344 -0.397 0.516 -0.592 -0.05 -0.25 -0.1 -0.504 -0.148 -0.759a1.476 1.476 0 0 1 0.962 -1.667c0.249 -0.087 0.496 -0.172 0.743 -0.255 0.082 -0.242 0.165 -0.486 0.25 -0.731a1.476 1.476 0 0 1 1.668 -0.963c0.253 0.048 0.504 0.097 0.754 0.148 0.19 -0.169 0.384 -0.337 0.58 -0.505Zm3.477 4.853a0.75 0.75 0 0 0 -1.008 -1.112C7.761 5.112 7.2 5.72 6.726 6.46a9.917 9.917 0 0 0 -0.797 1.552l-0.771 -0.795A0.75 0.75 0 1 0 4.081 8.26l1.593 1.642a0.75 0.75 0 0 0 1.247 -0.275c0.366 -1.05 0.686 -1.763 1.068 -2.359 0.378 -0.59 0.837 -1.097 1.515 -1.712Z'%3E%3C/path%3E%3C/svg%3E");display:inline-block;height:24px;margin-right:8px;margin-top:2px;}

/*Edit Btn*/
ul#FamilyList .dependent .edit{display:flex;align-items:center;}
ul#FamilyList .dependent .edit::after{content:"\e3c9";font-family:var(--font-icon);display:inline-block;color:var(--clr-secondary);margin-left:6px;width:24px;height:24px;border-radius:4px;line-height:24px;background-color:rgba(0,200,92,.1);}
ul#FamilyList .dependent .edit:hover::after{background-color:var(--clr-secondary);color:var(--clr-wht);}
ul#FamilyList .dependent .deactivate{color:#c5c5c5}
#footer ul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;}
#footer ul li a{color:var(--clr-txt);height:38px;padding:0 10px 0 6px;display:flex;align-items:center;}
#footer ul li a:hover{background-color:var(--clr-href);color:var(--clr-wht);}
#footer ul li a::before{content:"\e5cc";font-family:var(--font-icon);margin-right:4px;}
#footer ul li a:hover:hover{color:var(--clr-wht);}


.modal-headerr{padding:20px 25px;border-bottom:1px solid #f0f2fb;background-color:var(--clr-fade-blue);position:relative;}
.modal-headerr h3{font-family:var(--font-heading);color:var(--clr-blue);font-size:26px;line-height:30px;}
.modal-headerr .close{display:inline-block;width:30px;height:30px;background-color:#b5b5b5;border-radius:15px;text-align:center;position:absolute;top:10px;right:10px;cursor:pointer;/*overright*/padding:0;margin:0;}
.modal-headerr .close:hover{background-color:#f00;}
.modal-headerr .close::after{font-family:var(--font-icon);content:"\e5cd";font-size:20px;color:var(--clr-wht);line-height:30px;}
.modal-body .custom-scroll{max-height:calc(100vh - 200px);overflow-y:auto;}

.vdo-iframe-cntnr{overflow:hidden;padding-top:56.25%;position:relative;}
.vdo-iframe-cntnr iframe{position:absolute;left:0;top:0;height:100%;width:100%;}


#oneTimePopupSec{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9;background-color:rgba(0,0,0,.7);}
#oneTimePopupSec .wrap{background-color:#fff;border-radius:8px;box-shadow:8px 8px 20px rgba(0,0,0,.8)}
#oneTimePopupSec .welcome-text{font-family:var(--font-heading);font-size:3.25rem;color:var(--clr-blue);line-height:1.1;}
#oneTimePopupSec .patient-name{display:inline-block;background-color:var(--clr-blue);color:#fff;padding:3px 10px;margin-bottom:10px;font-weight:500;}
#oneTimePopupSec .get-started-btn{background-color:var(--clr-secondary);color:#fff;font-weight:500;padding:9px 20px;border-radius:6px;font-size:1.125rem;}
#oneTimePopupSec .get-started-btn:hover{background-color:var(--clr-primary);}

@media (max-width:1199.98px) {              /* XL -->   Desktops, Less than 1200px  [For Mobile]*/
    /*M Btn*/
    #showNavBtn{display:flex;align-items:center;height:44px}
    #showNavBtn span{color:var(--clr-wht);font-size:2rem;font-weight:300;}
	#hideNavBtn{position:absolute;top:12px;left:-76px;width:64px;height:40px;border:1px solid var(--clr-wht);color:var(--clr-wht);letter-spacing:2px;font-weight:300;transition:all .3s;display:none;}
	#hideNavBtn:hover{background-color:var(--clr-wht);color:red;font-weight:500;}
	/* == For Desktop == */
	#nav{position:fixed;top:0;right:-290px;width:280px;z-index:11;background-color:var(--clr-wht);box-shadow:0 0 8px rgba(0,0,0,.25)}
	#nav > ul{list-style-type:none;height:100vh;margin:0;padding:0 15px 15px 15px;overflow-y:auto;overflow-x:hidden;}
	#nav > ul > li{position:relative}
	#nav > ul > li > .link{width:100%;height:48px;padding:0;display:flex;align-items:center;color:var(--clr-text);font-size:.875rem;font-weight:500;letter-spacing:.25px;border-top:1px solid var(--clr-grey-bdr);text-transform:uppercase;transition:color .3s ease-in-out;}
	#nav > ul > li:first-child > .link{border-top:none;}
	#nav > ul > li:hover > .link, #nav > ul > li > .link.active{color:var(--clr-primary)}
	#nav > ul > li > .link::after{font-family:var(--font-icon);font-size:1.25rem;font-weight:200;margin-right:4px;width:26px;text-align:center}
    /*Icon*/
    #nav ul li .link::before {font-family: var(--font-icon);margin-right:5px;font-size:1.25rem;font-weight:400;}
    #nav ul li .link.i-home::before{content:"\e88a";}
    #nav ul li .link.i-profile::before{content:"\e7fd";}
    #nav ul li .link.i-plan::before{content:"\e09e";}
	/* Button Tag */
	#nav > ul > li > button.link::after{font-family:var(--font-icon);content:"\e145";width:36px;height:36px;line-height:36px;text-align:center;background-color:var(--clr-bg-grey);transition:transform .5s ease;margin-left:auto;}
	#nav > ul > li > button.link.active::after{content:"\e15b";color:var(--clr-primary)}
	/* Second UL */
	#nav > ul > li > ul{list-style-type:none;margin:0 0 25px 12px;padding:0}
	#nav > ul > li > ul > li > a{height:40px;display:flex;align-items:center;color:var(--clr-text);border-left:1px solid var(--clr-grey-bdr);white-space:nowrap}
	#nav > ul > li > ul > li > a:hover{color:var(--clr-primary)}
	#nav > ul > li > ul > li > a::before{content:"";width:5px;height:5px;border-radius:50%;background-color:var(--clr-grey-bdr);margin:0 15px 0 -3px;flex:none}
	#nav > ul > li > ul > li > a:hover::before{background-color:var(--clr-primary)}	
    #nav > ul > li > ul > li > a > span{color:var(--clr-text-grey);font-weight:200;margin:0 6px;font-size:1.375rem}
	#navBgOverlay{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;right:0;height:100vh;display:none;z-index:1;}
	/*Active cls ad*/
	#nav > ul > li > ul > li > a.active{color:var(--clr-primary);border-color:var(--clr-primary)}
	#nav > ul > li > ul > li > a.active::before{background-color:var(--clr-primary)}
    /*sticky*/
    .sticky #showNavBtn span{color:var(--clr-text);}
    
}



@media (min-width: 576px) {         /* SM, =576px or up [^] */
}

@media (min-width: 768px) {         /* MD, =768px or up [^] */
    /*#dashboardBanner::after{
        background:-moz-radial-gradient(circle, rgba(16,49,95,.0) 0%, rgba(16,49,95,.8) 100%);
        background:-webkit-radial-gradient(circle, rgba(16,49,95,.0) 0%, rgba(16,49,95,.8) 100%);
        background:radial-gradient(circle, rgba(16,49,95,.0) 0%, rgba(16,49,95,.8) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#10315f",endColorstr="#10315f",GradientType=1);
    }*/
}

@media (min-width: 992px) {         /* LG, =992px or up [^] -- (Desktop View Starting Point)*/
}

@media (min-width: 1200px) {        /* XL, =1200px or up [^] */
    /*Mobile*/
    #showNavBtn, #hideNavBtn{display:none!important;}
    /*Desktop*/
    #nav > ul{list-style-type:none;display:flex;margin:0;padding:0;}
    #nav > ul > li{display:flex;align-items:center;margin:0 2px;position:relative;}
    #nav > ul > li > .link{height:42px;padding:0 12px;display:flex;align-items:center;color:var(--clr-wht);position:relative;font-weight:500;border-radius:4px;}
    #nav > ul > li:hover > .link{background-color:var(--clr-primary)}
    /*#nav > ul > li > a.link::after{content:"";position:absolute;bottom:-3px;left:15px;height:3px;width:0%;background-color:var(--clr-wht);transition:width .5s;}
    #nav > ul > li > a.link:hover::after{width:30%;}*/
    /*Icon*/
    #nav ul li .link::before{font-family: var(--font-icon);margin-right:5px;font-size:1.375rem;font-weight:300;}
    #nav ul li .link.i-home::before{content:"\e88a";}
    #nav ul li .link.i-profile::before{content:"\e7fd";}
    #nav ul li .link.i-plan::before{content:"\e09e";}
    #nav ul li .link.i-clinic::before{content:"\f805";}
    #nav ul li .link.i-pharmacy::before{content:"\f109";}
    #nav ul li .link.i-other::before{content:"\f109";}
    /*Link Button*/
    #nav > ul > li > button.link{height:62px;margin-top:18px;padding:0 2px 18px 12px;}
    #nav > ul > li > button.link::after{font-family:var(--font-icon);content:"\e145";font-weight:400;font-size:1.125rem;transition:transform .6s ease-out;padding:0 2px;margin-top:2px;}
    /*Hover*/
    #nav > ul > li:hover > button.link::after{transform:rotate(180deg);}
    /*Active*/
    #nav > ul > li > .link.active{background-color:var(--clr-primary);}
    #nav > ul > li:hover > .link.active{color:var(--clr-wht);}
    #nav > ul > li > a.link.active::after{width:30%;}
    /***Second UL***/
    #nav ul li ul{visibility:hidden;opacity:0;position:absolute;top:150px;right:0;background-color:#fafafa;transition:all .3s ease-out;list-style-type:none;margin:0;padding:0;}
    #nav ul li:hover ul{visibility:visible;opacity:1;top:80px;border-top:4px solid var(--clr-primary)}
    #nav ul li ul::before{font-family:var(--font-icon);content:"\e5c7";color:var(--clr-primary);font-size:48px;position:absolute;top:-14px;right:40px;width:23px;height:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
    #nav ul li ul li .link{display:flex;align-items:center;color:var(--clr-txt);padding:0 20px;height:48px;border-bottom:1px solid #e5e5e5;white-space:nowrap;}
    /*Hover*/
    #nav ul li ul li .link:hover, #nav ul li ul li .link.active{color:var(--clr-primary);background-color:#f5f5f5;}
    /*sticky*/
    .sticky #nav > ul > li > a.link::after{background-color:var(--clr-primary);}
    .sticky #nav > ul > li > .link.active{color:var(--clr-primary);}
}

@media (min-width: 1400px) {        /* XXL, =1400px or up [^] */
}


@media (max-width: 991.98px) {      /*LG (Less than 992px)*/
    #profileStep{margin-right:0px;margin-bottom:-1px;width:100%;}
    #profileStep ul{display:flex;border-top:none;border-left:1px solid #d1d4da;}
#profileStep ul li{text-align:center;flex-direction:column;padding:10px 16px 12px 16px;border-bottom:none;border-left:none;border-top:1px solid #d1d4da;border-right:1px solid #d1d4da;line-height:1.3;}
    #profileStep ul li .point{margin-top:5px;}
}



#listDependent{overflow-x:auto;}
/*#listDependent .dependent:nth-child(even) input,#listDependent .dependent:nth-child(even) select{background-color:rgba(235,239,242,0.9);}*/
#listBankDetail{overflow-x:auto;}

iframe.skiptranslate{display:none;}
body{top:0 !important;}
.g-lang-input-wrap-login{position:fixed;top:0;right:0;background-color:#fff;box-shadow:0 0 24px rgba(0,0,0,.25);z-index:999;border-bottom-left-radius:6px;}
/**/
.g-lang-input-wrap{background-color:#fff;z-index:999;}
#google_element > div{font-size:0;}
#google_element > div > span{display:none;}
#google_element select{height:30px;margin:3px 0;background-color:#f1f1f1;}
#google_element select option{display:none}
#google_element select option[value="en"],
#google_element select option[value="es"],
#google_element select option[value="zh-CN"],
#google_element select option[value="ar"],
#google_element select option[value="hi"],
#google_element select option[value="ur"],
#google_element select option[value="ht"]{display:block;}
#goog-gt-tt{display:none !important}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none !important}
font{background-color:transparent !important;box-shadow:none !important;}

.toggle-password {cursor:pointer;position:absolute;right:16px;top:50%;transform:translateY(-50%);}
.password-container{position:relative;}