/* =Fonts
========================================================================================*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* =Box Sizing
========================================================================================*/
* { -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; height: 100%; }
html { overflow-y: inherit !important; }
body { font-size:15px; line-height:1.45; font-weight: normal; font-family: 'Poppins', Arial, Helvetica, sans-serif; color:#070F1C; background-color: #081e42; }
img { vertical-align:top; border:0; }
.allanim { -webkit-transition:all 350ms; transition:all 350ms; }
a { color:#2B2B2B; text-decoration:none;}
a:hover { color:#004ab7; text-decoration:none; }
button:focus { outline: none; }
a:focus { outline: none; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active { background-color:transparent; }
}
b, strong { font-weight: bold; font-family: 'Mark Pro', 'Poppins', sans-serif;  }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight: 600; font-family: 'Poppins', 'Poppins', sans-serif; }
h1 { font-size:3rem; }
h2 { font-size:1.8rem; }
h3 { font-size:1.4rem }
h4 { font-size:1.5rem; font-weight: 400; }
h5 { font-size:1rem; }
h6 { font-size:0.875rem; }

ul li { line-height:1.45; }
img { max-width: 100%; height: auto; }
#wrapper { min-height: 100vh;  }
#main { position: relative; z-index: 2; }


/* =Form Css
========================================================================================*/
.btn { font-size: 1rem; border-radius: 12px; border: 0; padding: 0.9rem 3rem; box-shadow: none !important; text-decoration: none; border-width: 1px; border-style: solid; }
a.btn { text-decoration: none; }
.btn.btn-primary { background-color: #004ab7; border-color: #004ab7;; color: #fff; }
.btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #00001E; border-color: #00001E; color: #fff; }
.btn.btn-lg { font-size: 1.5rem; }
.btn.btn-outline-primary { background-color: #fff; color: #004ab7; border: 1px solid #004ab7; }
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus { background-color: #004ab7; color: #fff; border-color: #004ab7; }


.form-group { position: relative; padding-bottom: 1rem; padding-top:1rem;  border-bottom : 1px solid #E6E6E6;}
.form-control { box-shadow: none !important; font-size: 16px; color: #2B2B2B; border: 1px solid #D2D2D2; border-radius: 8px; height: 48px; padding: 20px 15px 10px 15px; position: relative; z-index: 1; background-color: transparent; width: 100%; font-family: 'Poppins', sans-serif; -webkit-transition:all 350ms; transition:all 350ms; }
.form-control ~ label { font-size: 16px; position: absolute; left: 10px; top: 11px; margin: 0; letter-spacing: normal; padding:0 7px; color: #2B2B2B; font-weight: normal; pointer-events: none; z-index: 1; -webkit-transition:all 350ms; transition:all 350ms; }
textarea.form-control { height: 106px; resize: none; }
.form-control.small-textarea { height: 70px; }
.form-control:focus ~ label, .form-control.filled:focus ~ label, .form-control.filled ~ label { color: #00001e; font-size: 10px; top:5px; z-index: 2; top: 1px; background: transparent; padding: 0.3rem 7px; }
.form-control:focus { border-color:#004ab7; }
.form-control.unfilled  { border-color:#e7211e; }
.form-control.unfilled ~ label, .form-control.unfilled:focus ~ label  { color:#e7211e; }

.btn-check:checked + .btn-outline-primary, .btn-check + .btn-outline-primary:hover { background-color: #809fff!important; border-color: #004ab7; color: #00001E!important; }

label.btn.btn-outline-primary.sa-steps.unfilled {
    color: #e7211e;
    border-color: #e7211e;
}

.form-check { position: relative; }
/*.form-check .form-check-input { opacity: 0; }*/
.form-check .form-check-input[type="radio"] + .form-check-label::after { content: ""; position: absolute; border: 1px solid #004ab7; left: 0; top: 4px; height: 16px; width: 16px; border-radius: 50px; }
.form-check .form-check-input[type="radio"] + .form-check-label::before { content: ""; position: absolute; left: 3px; top: 7px; height: 10px; width: 10px; border-radius: 50px; background-color: #004ab7; opacity: 0; z-index: 1; }
.form-check .form-check-input:checked[type="radio"]  + .form-check-label::after { background-color: #809fff; }
.form-check .form-check-input:checked[type="radio"]  + .form-check-label::before { opacity: 1; }
.form-check label { color: #00001e; }

.showpass { position: absolute; top: 60px; right: 15px; height: 20px; width: 20px; cursor: pointer; z-index: 2; }
.showpass figure { margin: 0; display: flex; align-items: center; justify-content: center; }
.showpass figure svg { width: 100%; height: auto; fill: #00001e; }
.showpass figure.hide-pass { display: none; }
.showpass.active .show-pass { display: none; }
.showpass.active .hide-pass { display: flex; }

/* =Welcome page Css
========================================================================================*/
.welcome-box { min-height: 100vh; display: flex; align-items: center; justify-content: center; /*background: #F7F7F7;*/ }
.welcome-box-info { /*font-size: 1.5rem;*/ text-align: center; max-width: 610px; width: 100%; margin: 0 auto; background: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 3rem; border-radius: 1.5rem; }
.welcome-box-info h1 { margin-bottom: 1.25rem; }
.welcome-box-info figure { display: flex; align-items: center; justify-content: center; margin: 0.5rem auto 1.1rem; max-width: 190px; width: 100%; }
.welcome-box-info figure svg, .welcome-box-info figure img { width: 100%; height: auto; }
.welcome-box-info p { margin: 0.75rem 0; }
.welcome-box-info .tab-main-box { padding: 0; box-shadow: none; max-width: 450px; margin: 0 auto; width: 100%; }
.welcome-box-info label { font-weight: 600; }
.welcome-box-info .form-control { padding: 1rem; }


/* =Create Account page Css
========================================================================================*/
.account-main-box { /*min-height: 100vh;*/ display: flex; }
.account-main-box > .container { display: flex; flex-direction: column; padding: 0; max-width: 100%; width: 100%; }
.bottom-btn-box { margin-top: auto; padding-top: 1rem; }
.logo-box figure { margin: 0 auto; max-width: 285px; width: 100%;}
.logo-box figure svg, .logo-box figure img { width: 100%; height: auto; }
.logo-box { max-width: 150px; width: 100%; }
.step-list ul { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.step-list ul li { width: 32px; height: 8px; background: #959595; border-radius: 50px; margin: 4px; }
.step-box { margin-top: 3.375rem; }
.step-list ul li.complete { background: #00001e; }
.step-list ul li.current { background: #004ab7; }
.btn-checkbox .btn { border-radius: 8px; border-color: #00001e; color: #00001e; padding: 0.6rem 1rem; }
.btn-radio-lg { position: relative; }
.btn-radio-lg .btn { padding: 1.1rem 2.5rem; border-radius: 8px; }
.check-ico { position: absolute; top: 0.5rem; right: 0.5rem; height: 1rem; width: 1rem; background: #004ab7; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.25s all; padding: 0.23rem; }
.check-ico svg { width: 100%; height: auto; display: block; }
.btn-check:checked + .btn-outline-primary .check-ico { opacity: 1; visibility: visible; }
.radioDiv, .checkDiv { display: none; }
.selectallcheck { font-size: 14px; color: #004ab7; }
.learning-info { font-size: 1.5rem; }
.practiceManagement-other { max-width: 360px; width: 100%; }


/* =Learning Step page Css
========================================================================================*/
.setup-leter { text-align: right; margin-top: -1.5rem; position: relative; z-index: 5; }
.budget-input { display: flex; align-items: center; }
.budget-input p { white-space: nowrap; margin-right: 1rem; }
.budget-input .input-group { position: relative; }
.budget-input .input-group .input-group-text { background: transparent; border: 0; position: absolute; left: 0; top: 0; bottom: 0; z-index: 5; color: #004ab7; width: 33px; }
.budget-input .form-control { border-radius: 8px !important; padding: 0.5rem 1rem 0.5rem 2rem; }


/* =Welcome page Css
========================================================================================*/
.welcome-gray-box { background: #514F5F; color: #fff; }
.welcome-gray-box .welcome-box-info figure svg { fill: #fff; }
.welcome-gray-box .welcome-box-info p { margin-bottom: 1.5rem; }
.welcome-gray-box .btn { background: #fff; color: #514F5F; max-width: 220px; width: 100%; }


/* =header page Css
========================================================================================*/
#header { background-color: #000612; padding: 1.5rem 0 1rem; position: sticky; top: 0; z-index: 4; }
.logo { min-width: 118px; max-width: 118px; width: 100%; }
.logo figure { margin: 0; }
.logo figure svg { fill: #fff; }

.navbar-toggler { height: 30px; width: 30px; padding: 0; border-radius: 0; position: relative; box-shadow: none !important; outline: none; }
.navbar-toggler .navbar-toggler-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; width: 100%; height: 3px; margin: auto; transition: 0.5s all; }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon { background-color: transparent; }
.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after { content: ""; position: absolute; left: 0; right: 0; background: #fff; width: 100%; height: 3px; margin: auto; transition: 0.5s all; }
.navbar-toggler .navbar-toggler-icon:before { top: -10px; }
.navbar-toggler .navbar-toggler-icon:after { bottom: -10px; }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:before { top: 0; bottom: 0; transform: rotate(45deg); }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:after { top: 0; bottom: 0; transform: rotate(-45deg); }

.header-menu { margin: 0 auto; position: absolute; left: 0; right: 0; padding: 0 18rem; }
.header-menu .navbar-nav { flex-direction: row; align-items: center; justify-content: center; }
.navbar-nav li { margin: 0 0.5rem; line-height: 1; }
.navbar-nav li .nav-link { color: #fff; padding: 0.6rem 1.5rem; border-radius: 50px; font-size: 1rem; }
.navbar-nav li .nav-link.active, .navbar-nav li .nav-link:hover { background: #004ab7; }


.header-right-menu > div { margin-right: 1.5rem; }
.header-right-menu > div:last-child { margin-right: 0; }
.header-mail-ico figure { margin: 0; position: relative; max-width: 28px; width: 100%; }
.header-mail-ico figure svg { width: 100%; height: auto; }
.mail-count { position: absolute; top: -5px; right: -5px; background: #185ce9; text-align: center; color: #fff; font-size: 10px; border-radius: 50px; line-height: 15px; height: 15px; width: 15px; font-weight: 600; }

.header-profile { display: flex; align-items: center; }
.header-profile-box .dropdown-toggle { background: #ffffff; border-radius: 16px; padding: 1rem 2.5rem 1rem 1rem; }
.header-profile-info { color: #fff; }
.header-profile-info h5 { margin: 0; font-size: 12px; }
.header-profile-info p { margin: 0; font-size: 12px; }
.header-profile figure { height: 32px; width: 32px; margin-right: 0.7rem; margin-bottom: 0; background: #F5F5F5; border: 1px solid #E1E1E1; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #004ab7; position: relative; overflow: hidden; }
.header-profile figure span { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.header-profile figure img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.header-profile-box .dropdown-toggle:after { content: ""; position: absolute; top: 0; bottom: 0; right: 1rem; margin: auto; height: 0.6rem; width: 0.6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #fff; transform: rotate(45deg); transition: 0.15s all; }
/* |.header-profile-box .dropdown-toggle.show:after { transform: rotate(225deg); top: 6px; } */

.header-profile-box .dropdown-menu { background: #fff; border: 1px solid #E1E1E1; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 15px 15px 15px rgba(0, 0, 30, 0.1); border-radius: 16px; min-width: 280px; padding: 0; top: 100% !important; right: 0; left: auto; }
.logout-link { text-align: right; font-size: 14px; padding: 1.5rem 1.5rem 0 1.5rem; font-weight: 700; }
.logout-link a { text-decoration: none; }
.header-profile-dropdown .header-profile { flex-direction: column; margin: 0 0 1.1rem 0; }
.header-profile-dropdown .header-profile-info { color: #000000; text-align: center; }
.header-profile-dropdown .header-profile-info h5 { font-size: 16px; }
.header-profile-dropdown .header-profile-info p { font-size: 16px; margin: 15px; }
.header-profile-dropdown .header-profile figure { height: 56px; width: 56px; font-size: 1.25rem; margin: 0 0 1.1rem 0; }
.header-profile-dropdown h5 { font-weight: 500; font-size: 1.2rem; padding: 1rem; margin: 0; color: #2B2B2B; }
.header-profile-dropdown ul { margin: 0; padding: 0; list-style: none; border-radius: 0 0 16px 16px; overflow: hidden; font-size: 14px; }
.header-profile-dropdown ul li { line-height: 1; }
.header-profile-dropdown ul li a { display: block; padding: 1rem; color: #2B2B2B; text-decoration: none; position: relative; transition: 0.5s all; }
.header-profile-dropdown ul li a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: 0.5s all; background:#F3F6FA; z-index: -1; opacity: 0; visibility: hidden;  }
.header-profile-dropdown ul li a:hover { color: #2B2B2B; background-color: #F3F6FA}
.header-profile-dropdown ul li a:hover::after { opacity: 1; visibility: visible; }

/* =Dashboard page Css
========================================================================================*/
.dashboard-img { height: calc(100vh - 105px); object-fit: cover; object-position: center center; width: 100%; }
.dashboard-tab { }
.dashboard-tab .nav-tabs { border-color: #8287A2; border-color: transparent; }
.dashboard-tab .nav-tabs .nav-link { background: transparent; border: 0; padding: 0.5rem 1.5rem; font-size: 1.05rem; color: #8287A2; font-weight: 400; position: relative; border-radius: 50px; }
.dashboard-tab .nav-tabs .nav-item { margin-right: 0.5rem; }
.dashboard-tab .nav-tabs .nav-item:last-child { margin-right: 0; }
.dashboard-tab .nav-tabs .nav-link.active { font-weight: 700; background: #004ab7; color: #fff; }
.dashboard-tab .nav-tabs .nav-link:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #004ab7; transition: 0.15s all; opacity: 0; visibility: hidden; }
/* .dashboard-tab .nav-tabs .nav-link.active:after { opacity: 1; visibility: visible; } */
.dashboard-tab .tab-content { margin-top: 1rem; }
.dashboard-tab .tab-content { border-radius: 8px; background: #FFF; padding: 2rem; box-shadow: 0 0 40px rgba(0, 0, 30, 0.04); }
.dashboard-box-title h3 { font-weight: 600; color: #000; margin: 0; }
.dashboard-box-title h3 .color-light { color: #00001E; }
.dashboard-box-title, .dashboard-box { margin-bottom: 1.5rem; }
.dashboard-box:last-child { margin-bottom: 0; }
.color-light { color: #809fff; }
.color-lighter { color: #959595; }
.kpi-main-box { color: #00001E; border-radius: 8px; border: 1px solid #D2D2D2; background: #e5ebef; box-shadow: none;  padding: 2rem 1.5rem; font-size: 1rem; border: 0; box-shadow: 0 0 15px rgba(0, 0, 30, 0.03); }
.kpi-main-box span { font-weight: 700; display: block; margin-bottom: 0.6rem; color: #78787e; text-transform: uppercase; }
.kpi-main-box h2 { font-size: 2rem; }
.kpi-main-box p { margin: 0; opacity: 0.6; color: #141F52; }
.kpi-main-box.kpi-current { background: #004ab7; border-color: #004ab7; color: #fff; background: linear-gradient(90deg, rgb(0, 0, 30) 18%, rgb(66, 91, 207) 100%); border-color: transparent; box-shadow: 0 0 20px rgba(0, 0, 30, 0.3); }
.kpi-main-box.kpi-current span, .kpi-main-box.kpi-current p { color: #fff; }
.dashboard-select .form-select { /*box-shadow: none; background-color: #EDEDED;*/ border-radius: 8px;  color: #00001E; padding: 0.575rem 2.25rem 0.675rem 0.75rem; line-height: 1.5; border: 0; min-width: 130px; width: 100%; }
.dashboard-summary-box { border-radius: 8px; /*border: 1px solid #D2D2D2;*/ background: #e5ebef; padding: 1.5rem; box-shadow: 0 0 15px rgba(0, 0, 30, 0.03); }
.dashboard-summary-box h5 { margin: 0; font-size: 1.25rem; color: #00001e; opacity: 0.7; font-weight: normal; padding-right: 1rem; }
.dashboard-summary-box span { font-size: 1.5rem; margin-left: auto; }






/* =Manage Your Practice page Css
========================================================================================*/
.manage-save { display: none; }
.edit-active .manage-edit { display: none; }
.edit-active .manage-save { display: flex; }

.tab-content { margin-top: 1rem; }
.tab-main-box { padding: 1.5rem; /*border: 1px solid #959595;*/ border-radius: 10px; margin-bottom: 3rem; box-shadow: 0 0 20px rgba(0, 0, 30, 0.07); background: #fff; }
.tab-main-box label { color:#2B2B2B; }
.manage-edit { color: #004ab7; border: 1px solid #004ab7; padding: 0.5rem 1rem; border-radius: 12px; display: flex; width: 88px; justify-content: center; align-items: center; transition: 0.5s all; }
.manage-edit svg { margin-left: 0.4rem; fill: #004ab7; transition: 0.5s all; }
.manage-edit:hover { background-color: #004ab7; color: #fff; border-color: #004ab7; }
.manage-edit:hover svg { fill: #fff; }
.manage-save { color: #fff; border: 1px solid #004ab7; background-color: #004ab7; padding: 0.5rem 1rem; border-radius: 12px; width: 88px; justify-content: center; transition: 0.5s all; text-align: center; }
.manage-save:hover { color: #fff; background-color: #000000; border-color: #000000; }
.tab-title h3 { margin: 0; }
.tab-title-box { margin-bottom: 2rem; }

.page-title + .tab-data { margin-top: 0; }
.tab-data .nav-tabs { border: 0;  }
.tab-data .nav-tabs .nav-link { border: 0; color: #8287a2; margin: 0; padding: .5rem 1.5rem; font-size: 1.05rem; border-radius: 50px; }
.tab-data .nav-tabs .nav-item { margin-left: 2rem; }
.tab-data .nav-tabs .nav-item:first-child { margin-left: 0; }
.tab-data .nav-tabs .nav-item.show .nav-link, .tab-data .nav-tabs .nav-link.active { background: #004ab7; color: #fff; }

.tab-sub-box .form-group .btn-checkbox label { color: #070F1C; padding: 0.6rem 1rem; background-color: transparent; }
.tab-disabled-active .check-group { display: none; }
.tab-edit-active .check-value { display: none; }
.check-value p { margin: 0; font-weight: bold; padding: 5px;}

.back-btn { height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; }
.back-btn svg { width: 100%; height: auto; }
.back-btn svg path { fill: #fff; }
.tab-save { margin-left: auto; color: #004ab7; text-decoration: underline; }
.tab-disabled-active .tab-sub-box textarea.form-control:empty { height: 0; min-height: inherit; }

.location-div { display: none; background: #fafbff; border: 1px solid #959595; border-radius: 8px; padding: 2rem; }
.location-div .form-control { background-color: #fff; }
.location-div .form-control ~ label { background-color: transparent !important; }
.form-group-border-top { border-top: 1px solid #959595; padding-top: 0.4rem; }
.tab-edit-active .form-group-border-top { border-top-color: transparent; padding-top: 0; }
.followingTechnology-other { max-width: 378px; width: 100%; }
.financingCompany-other { max-width: 315px; width: 100%; }


/* =Leads page Css
========================================================================================*/
/* .bg-light-gray { background-color: #F5F5F5; } */
.bg-light-gray { background-color: #f7f7f7; }

.leads-step { overflow-x: auto; padding: 1rem 0; }
.leads-step ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap; }
.leads-step ul li { line-height: 1; padding-right:2rem; }
.leads-step ul li a { display: block; background: #fff; padding: 1.2rem; height: 100%; border-radius: 8px; position: relative; width: 132px; z-index: 1; transition: 0.5s all; text-transform: uppercase; box-shadow: 0 0 40px rgba(0, 0, 30, 0.04); color: #00001e; }
.leads-step-box span { font-size: 2.5rem; display: block; margin-bottom: 1.5rem; }
.leads-step-box p { margin: 0; line-height: 1.25; opacity: 0.5; }
.leads-step ul li a:after { content: ""; position: absolute; height: 30px; width: 30px; right: -0.4rem; bottom: 0.9rem; background: #fff; transform: rotate(45deg); z-index: -1; transition: 0.5s all; }
.leads-step ul li a.step-active { background: linear-gradient(90deg, rgb(0, 0, 30) 0%, rgb(66, 91, 207) 63%); color: #fff; }
li a.step-active p { opacity: 1; }
.leads-step ul li a.step-active:after { background: rgb(66, 91, 207); }
.plus-icons a { height: 40px; width: 40px; background: #355ADD; display: block; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.plus-icons a svg { width: 20px; fill: #fff; height: 20px; }
.lead-search-ico svg { fill:#004ab7; }
.search-input-ico svg { fill:#B3B3B3; }
.lead-search-box { max-width: 620px; width: 100%; margin: 0 auto; }
.lead-search .form-control { padding: 1rem 1rem 1rem 4.5rem; border: 0; background: #fff; border-radius: 50px; }
.lead-search, .filter-icons { position: relative; }
.lead-search .search-input-ico { position: absolute; z-index: 2; left: 2rem; top: 50%; transform: translateY(-50%); }
.filter-icons a { display: flex; align-items: center; }
.filter-icons svg { height: 18px; width: 18px; /*margin-right: 0.6rem;*/ fill: #656E7C; }
.lead-search-ico { height: 28px; width: 28px; display: block; cursor: pointer; }
.lead-filterBy-box { display: none; border-radius: 8px; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0 0 40px rgba(0, 0, 30, 0.04);  width: 277px; position: absolute; top: calc(100% + 0.8rem); right: 0; padding: 1.125rem; z-index:10;}
.filterBy-back-btn svg { height: 20px; width: 20px; margin: 0;  }
.lead-filterBy-top { margin-bottom: 1.5rem; }
.filterBy-title h5 { margin: 0; }
.lead-filterBy-middle {
    border-top: 1px solid #D2D2D2;
    min-height: 20px;
    overflow-y: auto;
    max-height: calc(50vh - 3px);
}
.lead-filterBy-middle .form-check { border-bottom: 1px solid #D2D2D2; padding: 0.7rem 0; flex-direction: row-reverse; display: flex; align-items: center; }
.lead-filterBy-middle .form-check .form-check-input { opacity: 1; border-radius: 20px; border: 1px solid #D2D2D2; box-shadow: none; margin:0 0.5rem 0 0; cursor: pointer; }
.lead-filterBy-middle .form-check .form-check-input:checked { background-color: #004ab7; border-color: #004ab7; }
.lead-filterBy-middle .form-check label { width: 100%; padding-right: 0.5rem; cursor: pointer; }
.filter-icons .filterBy-viewall-btn { display: none; }
.filterBy-viewall-btn svg { width: 7px; height: 13px; margin-left: 0.5rem; margin-right: 0; }
.filterBy-cate-list { margin-bottom: 1rem; display: none; flex-direction: row; white-space: nowrap; overflow: auto; }
.filterBy-cate-list span { padding: 0.7rem 1rem; border-radius: 8px; background: #004ab7; color: #fff; margin: 0 0.5rem 0 0; }

.SortByTitle h4 { font-weight: 700; font-size: 1.3rem; }
.SortByTitle { margin: 1.5rem 0; }
.filterBy-save .filterBy-viewall-save { display: none; }

.lead-table-box table { margin-bottom: 0; }
.lead-table-box table tr { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(0, auto); margin-bottom: 0.5rem; position: relative; z-index: 1; border: 0; margin-bottom: 0; }
.lead-table-box table tbody tr { background: #fff; transition: 0.5s all; border-bottom: 1px solid #E6E6E6; }
.lead-table-box table tbody tr:hover, .lead-table-box table tbody tr.open { z-index: 5; }
.lead-table-box table tr th { color: #666666; font-weight: 500; text-transform: uppercase; }
.lead-table-box table tr th, .lead-table-box table tr td { padding: 1.1rem 1.1rem; padding: 0.8rem 1rem; border: 0; }
.lead-table-box table tr td { color: #2B2B2B; }
.lead-table-box table tr td span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lead-table-box table tr td, .lead-table-box table tr th, .report-table-box table tr th, .report-table-box table tr td { /*max-width: 200px;*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lead-table-box table tr td.hover-td, .report-table-box table tr td.hover-td { overflow: inherit; }
.lead-table-box table tr th svg, .report-table-box table tr th svg { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }


.move-ico { margin-right: 0.6rem; }
.move-ico:after { content: attr(data-title); font-size: 12px; color: #fff; background: rgba(81, 79, 95, 0.77); border-radius: 4px; position: absolute; top: 100%; text-align: center; padding: 0.2rem 0.9rem; left: 50%; transform: translateX(-50%); margin-top: 10px; transition: 0.5s all; opacity: 0; visibility: hidden; }
.move-ico:hover:after { margin-top: 5px; opacity: 1; visibility: visible; }
.move-ico, .folder-ico { height: 40px; width: 40px; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50px; position: relative; }
.move-ico:hover, .folder-ico:hover { background: rgba(53, 90, 221, 0.15); }
.move-ico svg, .folder-ico svg { fill: #809fff; width: 100%; height: auto; }
.folder-ico svg { width: 85%; }
.table tr .hover-td { position: absolute; right: 0; display: flex; z-index: 2; top: 0; bottom: 0; padding: 0 1.3rem; display: flex; align-items: center; transition: 0.5s all; /*transform: translateX(-50%);*/ opacity: 0; visibility: hidden; border-radius: 8px; }
.table tr:hover .hover-td, .table tr.open .hover-td { /*transform: translateX(0);*/ opacity: 1; visibility: visible; }
.hover-td .dropdown-toggle::after { display: none; }
.move-box { position: relative; height: 100%; display: flex; align-items: center; }
.move-stage-box { display: none; width: 253px; position: absolute; top: 100%; right: 0; background: #F5F5F5; border: 1px solid #355ADD; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 15px 15px 15px rgba(0, 0, 30, 0.1); border-radius: 8px; padding: 1.5rem; font-weight: 400; font-size: 12px; color: #000000; }
.move-stage-box h6 { font-weight: 400; font-size: 16px; color: #000; margin: 0 0 0.3rem 0; }
.move-stage-box p { margin: 0 0 0.6rem 0; }
.move-stage-box .form-select, .move-stage-box .select2 .select2-selection__rendered { padding-top: 0; padding-bottom: 0; color: #00001e; font-size: 14px; height: 40px; background-color: #fff; border: 1px solid #D2D2D2; min-width: 100%; line-height: 40px; padding-left: 1rem; border-radius: 8px; }
.move-stage-box .select2 { min-width: 100%; }
.move-stage-box .select2-selection { border: 0; height: auto; background: transparent; border-radius: 0; }
.move-stage-box .btn { background: #355ADD; border: 1px solid #355ADD; border-radius: 60px; padding: 0.2rem 0.7rem; color: #fff; }
.move-stage-box .select2-selection--single .select2-selection__arrow { bottom: 1px; margin: auto; right: 7px; }
.select2-dropdown .select2-search--dropdown { display: none; }
.select2-results { font-size: 13px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { height: 10px; width: 10px; border-top: 2px solid #004ab7; border-right: 2px solid #004ab7; border-left: 0; border-bottom: 0; transform: rotate(135deg); position: absolute; top: -5px; left: 0; right: 0; bottom: 0; margin: auto; }



/* =Patient Profile page Css
========================================================================================*/
.patient-profile-box .manage-edit { width: 140px; }
.patient-profile-box .manage-edit svg { margin-left: 0; margin-right: 0.4rem; }
.manage-cancel { color: #004ab7; border: 1px solid #004ab7; background-color: transparent; padding: 0.5rem 1rem; border-radius: 12px; width: 88px; justify-content: center; transition: 0.5s all; margin-right: 0.7rem; display: none; }
.edit-active .manage-cancel { display: flex; }
.patient-profile-top-box .manage-edit { width: 140px; }
.patient-profile-top-box .manage-edit svg { margin-left: 0; margin-right: 0.4rem; }
.back-page-btn svg { width: 20px; margin-right: 0.6rem; }
.back-page-btn a { display: flex; align-items: center; justify-content: center; color: #514F5F; }
.patient-profile-top-box { display: flex; flex-direction: column-reverse; margin-bottom: 0; }
.patient-profile-top-box h2 { margin: 0; }
.patient-profile-main-box .tab-main-box { margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }

.profile-card-box { background: #fff; border-radius: 8px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0 0 40px rgba(0, 0, 30, 0.04); padding: 2rem; margin-bottom: 1.5rem; }

.patient-profile-name { text-align: center; margin: 1rem 0 2rem; }
.patient-profile-name figure { width: 122px; height: 122px; border-radius: 122px; border: 1px solid #E1E1E1; background: #F5F5F5; color: #004ab7; text-align: center; font-size: 3rem; font-family: Poppins; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; position: relative; overflow: hidden; }
.patient-profile-name figure span { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.patient-profile-name figure img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.patient-profile-name h6 { text-align: center; font-size: 1.5rem; font-weight: 400; }

.patient-profile-left .progress { margin-top: 3.8rem; }
.progress { position: relative; height: 24px; border-radius: 50px; background: #D2D2D2; overflow: inherit; }
.progress-amount { position: absolute; top: 0; left: 0; height: 100%; border-radius: 50px; transition: all 0.5s; width: 0; background: #FF4E4E;
    background: -moz-linear-gradient(90deg, rgba(255, 78, 78, 1) 0%, rgba(236, 174, 81, 1) 25%, rgba(250, 219, 108, 1) 50%, rgba(126, 206, 113, 1) 75%, rgba(78, 171, 82, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 78, 78, 1) 0%, rgba(236, 174, 81, 1) 25%, rgba(250, 219, 108, 1) 50%, rgba(126, 206, 113, 1) 75%, rgba(78, 171, 82, 1) 100%);
    background: -o-linear-gradient(90deg, rgba(255, 78, 78, 1) 0%, rgba(236, 174, 81, 1) 25%, rgba(250, 219, 108, 1) 50%, rgba(126, 206, 113, 1) 75%, rgba(78, 171, 82, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EAB52', endColorstr='#FF4E4E', GradientType=0 );
    background: -ms-linear-gradient(90deg, rgba(255, 78, 78, 1) 0%, rgba(236, 174, 81, 1) 25%, rgba(250, 219, 108, 1) 50%, rgba(126, 206, 113, 1) 75%, rgba(78, 171, 82, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 78, 78, 1) 0%, rgba(236, 174, 81, 1) 25%, rgba(250, 219, 108, 1) 50%, rgba(126, 206, 113, 1) 75%, rgba(78, 171, 82, 1) 100%);
    max-width: 100%;
}

.progress-amount span { position: absolute; bottom: calc(100% + 8px); right: -1rem; height: 32px; width: 32px; z-index: 4;  }
.progress-label { text-align: center; margin-top: 1.5rem; }
.progress-label span { display: inline-block; border-radius: 50px; border: 1px solid #4EAB52; background: #4EAB52; padding: 0.5rem 1.5rem; font-weight: 700; color: #FFF; }
.tab-disabled-active .patient-form-box .form-control { border: 0; padding: 0; height: auto; pointer-events: none; }
.tab-disabled-active .patient-form-box .form-group { border-radius: 8px; background: #F5F5F5; padding: 0.5rem 1rem; }
.tab-disabled-active .patient-form-box .form-group.verify-group { padding-right: 3.5rem; }


.patient-form-box label { font-weight: 700;  display: block; margin-bottom: 0.5rem; transition: 0.5s all; }
.patient-form-box .form-control { padding: 1rem; transition: 0.5s all; background-color: transparent; border-color: #D2D2D2; }
.patient-form-box .form-control.form-select { padding-top: 0; padding-bottom: 0; }
.patient-form-box .form-group { transition: 0.5s all; }
.verified { display: flex; align-items: center; color: #959CA6; position: absolute; right: 0; top: 0; }
.verified-check { width: 35px; height: 19px; border-radius: 50px; background: #809fff; margin-left: 0.5rem; }
.verified-check-ico { width: 15px; height: 15px; display: flex; border-radius: 15px; background: #FFF; margin: 2px 0 0 2px; padding: 3px; transform: translateX(100%); }
.verified-check-ico svg { width: 100%; height: auto; fill: #004ab7; }
.tab-disabled-active .verified { font-size: 0; top: 0; bottom: 0; margin: auto; right: 1rem; }
.tab-disabled-active .verified-check { height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; }
.tab-disabled-active .verified-check-ico { padding: 0; transform: scale(0.8); background-color: transparent; margin-top: 0; margin-left: 0; }
.tab-disabled-active .verified-check-ico svg { fill: #fff; }
.not-verified .verified-check { background: #004ab7; }
.not-verified .verified-check-ico { margin-left: 2px; transform: none; }
.tab-disabled-active .not-verified .verified-check-ico { margin-left: 0; }
.not-verified .verified-check-ico svg { fill: #000; opacity: 0; }
.tab-disabled-active .not-verified .verified-check-ico svg { fill: #fff; opacity: 1;  }

.created-time { text-align: right; color: #004ab7; margin: 2rem -0.5rem -0.5rem 0rem; }
.created-time p { margin: 0; }

.show-more-link { color: #004ab7; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; max-width: 100px; margin: 0 auto; width: 100%; }
.show-more-link svg { fill: #004ab7; display: block; margin-top: 0.3rem; width: 18px; height: auto; }
.show-more-link.show-more-open { display: none; }
.other-show-data { display: none; }
.datepicker-box { position: relative; }
.tab-disabled-active .date-ico { right: 0; }
.date-ico { height: 20px; width: 20px; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; }
.date-ico svg { width: 100%; height: auto; vertical-align: top; fill: #C4B9B9; }

.ui-widget.ui-widget-content { border: 1px solid #004ab7; }
.ui-datepicker .ui-datepicker-header { background: #004ab7; }
.ui-datepicker .ui-datepicker-title { color: #fff; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: rgba(255,255,255,0.5); }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-top: -5px; border-top: 2px solid #fff; border-right: 2px solid #fff; height: 0.7rem; width: 0.7rem; }
.ui-datepicker .ui-datepicker-next span { transform: rotate(45deg); }
.ui-datepicker .ui-datepicker-prev span { transform: rotate(-135deg); margin-left: -3px; }
.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 { background-color: #fff; text-align: center; color: #004ab7; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background-color: #004ab7; border-color: #004ab7; color: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-color: #000; background-color: #000; color: #fff; }

.patient-form-box .form-group .input-group-text { background: transparent; border: 0; width: 33px; position: absolute; left: 0; top: 0; bottom: 0; }
.patient-form-box .input-group .form-control { margin: 0 !important; border-radius: 8px !important; padding-left: 2rem; }
.tab-disabled-active .patient-check-box { display: none; }
.patient-check-box .form-check label { font-weight: normal; }
.form-details-btn .btn { color: #fff; border-radius: 8px; background: #355ADD; display: flex; align-items: center; justify-content: center; width: 100%; }
.form-details-btn .btn:hover { background: #2341AE; }
.form-details-btn .btn svg { height: 20px; width: 20px; margin-right: 0.5rem; fill: #fff; }


.patient-right-top .form-control { padding: 0.5rem 1rem; transition: 0.5s all; background-color: transparent; border-color: #D2D2D2; }
.patient-right-top .form-group label { display: block; margin-bottom: 0.4rem; color: #514F5F; }
.tab-disabled-active .patient-right-top .form-control { padding: 0; border: 0; background-image: none; color: #000; font-size: 1.5rem; pointer-events: none; }
.tab-disabled-active .patient-right-top .patient-stage-select .form-control { color: #355ADD; font-size: 2rem; font-weight: 700; }
.bonsultation-btn-box .btn { padding: 1rem 1rem; font-size: 1.15rem; border: 1px solid transparent; border-radius: 8px; transition: 0.5s all; }
.btn.btn-blue { background: #00001e; color: #fff; text-decoration: none; }
.btn.btn-blue:hover { background: #004ab7; color: #fff; }
.btn.btn-white { background: transparent; color: #004ab7; border-color: #004ab7; text-decoration: none; }
.btn.btn-white:hover { background-color: #004ab7; border-color: #004ab7; color: #fff; }
.notes-plus-ico { height: 12px; width: 12px; display: block; }
.notes-plus-ico svg { vertical-align: top; fill: #fff; }
.profile-note-title h3 { /*color: #004ab7;*/ font-weight: 400; }
.profile-note-title { margin-bottom: 1rem; }
.profile-note-box { border-radius: 8px; border: 2px solid #F5F5F5; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 0 40px rgba(0, 0, 30, 0.04); }
.profile-note-box:last-child { margin-bottom: 0; }
.profile-note-bottom { background: #F6F4F7; display: flex; padding: 0.55rem 1.2rem; align-items: center; /*background: linear-gradient(90deg, rgb(0, 0, 30) 12%, rgb(66, 91, 207) 95%);*/ }
.profile-note-top { padding: 1rem; display: flex; align-items: baseline; transition: 0.5s all; border-radius: 8px;}
.note-date { margin-right: 1.25rem; font-size: 1.2rem; text-align: center; min-width: 110px; transition: 0.5s all; }
.note-date span { display: block; }
.note-text { padding-left: 1.25rem; width: 100%; padding-top: 1rem; transition: 0.5s all; }
.note-text .form-control { height: auto; padding: 0; border-color: transparent; pointer-events: none; transition: 0.5s all; background: transparent; }
.note-editable .note-text .form-control { pointer-events: inherit; }
.note-save { padding-left: 1rem; display: none; }
.note-editable .note-save { display: block; }
.profile-note-bottom-right { margin-left: auto; display: flex; align-items: center; }
/*.profile-note-bottom-right a { height: 36px; width: 36px; margin-left: 1rem; border-radius: 50%; padding: 8px; transition: 0.5s all; }*/
.profile-note-bottom-right a:hover { background: rgba(53, 90, 221, 0.15); }
.profile-note-bottom-right a svg { width: 100%; height: auto; fill: #004ab7; transition: 0.5s all; vertical-align: top; }
.profile-note-bottom-right a:hover svg { fill: #004ab7; }
.profile-note-bottom-left { display: flex; align-items: center; }
.note-post-name { display: flex; align-items: center; margin-right: 0.5rem; color: #070F1C; }
.note-post-name span { white-space: nowrap; }
.note-post-name svg { height: 20px; width: 20px; margin-right: 0.6rem; fill: #070F1C; }
.note-post-time p { margin: 0; }
.note-post-time { color: #959595; }
.note-editable .note-date { display: none; }
.note-editable .note-text { padding: 0; }
.note-editable .profile-note-top { padding: 1rem; }
.note-editable .note-edit { display: none; }

#DeleteModal .modal-dialog { max-width: 600px; }
.modal-backdrop.show { opacity: 0.4; }
.note-add-box { display: none; }
.note-add-box.note-add-active { display: block; }
.new-note-btn-box .btn { display: flex; }
.new-note-btn-box .done-note-btn { display: none; }
.note-add-top-active .add-note-btn { display: none; }
.note-add-top-active .done-note-btn { display: flex; }
.note-add { background: #F5F5F5; margin-bottom: 1.5rem; border-radius: 8px; }
.note-add .form-control { border: 0; background: transparent; padding: 1rem; }
.note-add-top-title, .profile-note-add-top-title { display: none; }
.tooltip-ico { position: relative; }
.tooltip-ico:after { content: attr(data-title); font-size: 12px; color: #fff; background: rgba(81, 79, 95, 0.77); background: #00001e; border-radius: 4px; position: absolute; top: 100%; text-align: center; padding: 0.2rem 0.9rem; left: 50%; transform: translateX(-50%); margin-top: 10px; transition: 0.5s all; opacity: 0; visibility: hidden; white-space: nowrap; }
.tooltip-ico:hover:after { margin-top: 5px; opacity: 1; visibility: visible; }
.modal-header { border: 0; }
.modal-header .modal-title { font-size: 2rem; }
.modal-dialog .btn-close { border: 1px solid #D2D2D2; border-radius: 50px; color: #004ab7; }
.btn-close svg { display: none; }
.modal-form label { font-weight: 700; display: block; margin-bottom: 0.5rem; transition: 0.5s all; }
.modal-form .form-control { padding: 0.5rem 1rem; transition: 0.5s all; background-color: #fff; border-color: #D2D2D2; }
.popup-check-group .btn-checkbox .btn { font-size: inherit; padding: 0.6rem 1rem; font-weight: 400; }
.popup-check-group .btn-check:checked + .btn-outline-primary, .popup-check-group .btn-check + .btn-outline-primary:hover { background-color: #004ab7; border-color: #004ab7; color: #fff; }
.pop-bottom-btn .btn { margin-left: 1rem; }
.lead-filter-serch-box { position: relative; z-index: 6; }


/* = Inbox page Css
========================================================================================*/
.inbox-main { /*display: flex; flex-direction: row; border-radius: 8px;*/ }
.inbox-left { width: 465px; min-width: 465px; background-color: #fff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.inbox-right { width: 100%; /*border-bottom: 1px solid #EDEDED; border-left: 1px solid #EDEDED; background: #fff; border-top-right-radius: 8px; border-bottom-right-radius: 8px;*/ }
.inbox-left-top { padding: 1.5rem; border-bottom: 1px solid #EDEDED; position: sticky; top: 0; background: #fff; z-index: 2; }
.inbox-left-title, .sms-email-box { margin-bottom: 1.5rem; }
.inbox-left-title h2 { margin: 0; }
.notification-number { height: 2rem; width: 2rem; background: #EAEAEA; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; color: #000; margin-left: 0.6rem; }
.add-sms-icon, .add-main-icon { margin-left: auto; }
.add-sms-icon a, .add-main-icon a { height: 2rem; width: 2rem; background: #004ab7; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0.5rem; }
.add-sms-icon a svg, .add-main-icon a svg { fill: #fff; }
.sms-email-box { display: flex; align-items: center; background: #EAEAEA; padding: 4px; border-radius: 50px; }
.sms-email-box a { display: block; width: 50%; padding: 0.4rem 1rem; text-align: center; color: #959595; background: transparent; border-radius: 50px; }
.sms-email-box a.activated { background: #fff; color: #000000; }
.sms-email-box a span { height: 24px; width: 24px; display: inline-block; background: #F5F5F5; color: #959595; border-radius: 50px; text-align: center; margin: 0 0 0 0.2rem; font-size: 13px; line-height: 24px; }
.sms-email-box a.activated span { background: #EAEAEA; color: #000000; }
.inbox-search { position: relative; }
.inbox-search .form-control { border-radius: 50px; border: 1px solid #cacaca; background: #FFF; padding: 0.5rem 1rem 0.5rem 2.8rem; height: 40px; font-size: 15px; }
.inbox-search .search-input-ico { height: 18px; width: 18px; position: absolute; z-index: 2; left: 0.8rem; top: 0; bottom: 0; margin: auto; }
.inbox-search .search-input-ico svg { width: 100%; height: auto; fill: #959595; vertical-align: top; }
.inbox-chat-list { /*border-top: 1px solid #EDEDED;*/ height: calc(100vh - 344px); overflow: auto; }
.inbox-chat-list .tab-menu, .tab-menu-list > a { background: #fff; padding: 0; border-bottom: 1px solid #EDEDED; position: relative; cursor: pointer; width: 100%; display: block; }
.inbox-chat-list .tab-menu:after, .tab-menu-list > a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; height: 40px; width: 8px; background-color: #355ADD; border-radius: 50px; margin: auto; opacity: 0; visibility: hidden; transition: 0.5s all; }
.inbox-chat-list .tab-menu.email_active:after, .tab-menu-list > a.email_active:after { opacity: 1; visibility: visible; }
.inbox-chat-list .tab-menu.email_active, .tab-menu-list > a.email_active { color: inherit; background: #F9F9FA; }
.inbox-chat-list .tab-menu.unread:after, .tab-menu-list > a.unread:after { height: 11px; width: 11px; left: 0.5rem; opacity: 1; visibility: visible; }
.tab-box { display: none; }

.chat-list-box { display: flex; position: relative; padding: 1.5rem 9.7rem 1.5rem 2rem; width: 100%; }
.chat-profile-img { margin-right: 1.5rem; width: 55px; }
.chat-profile-img figure { width: 55px; height: 55px; border-radius: 100px; border: 1px solid #E1E1E1; background: #F5F5F5; color: #004ab7; font-size: 1.5rem; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 0; position: relative; overflow: hidden; }
.chat-profile-img figure span { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.chat-profile-img figure img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.chat-profile-info { display: flex; flex-direction: column; width: calc(100% - 3rem); }

.chat-profile-info h6 { font-size: 1rem; color: #2B2B2B; margin: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; }
.chat-profile-info p { margin: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #959595; }
.chat-profile-date { color: #959595; font-size: 14px; position: absolute; top: 10%; right: 1rem; text-align: right; }
.chat-profile-date span { display: block; text-align: left; }
.inbox-right .tab-content { margin-top: 0; }
.chat-log-back { border: none; font-size: 24px; cursor: pointer; color: #2B2B2B; height: 48px; width: 48px; background: #fff; border-radius: 12px; transition: 0.5s all; display: flex; align-items: center; justify-content: center; min-width: 48px; }
.chat-log-back svg { width: 24px; height: auto; }
.chat-log-back:hover { background: #2b2b2b; color: #fff; }
.chat-title-box .close-btn { position: static; background: #fff; }
.patient-profile-link svg { height: 20px; width: 20px; fill: #004ab7; margin: 0 0 0 0.6rem; }
.patient-profile-link { white-space: nowrap; margin-left: auto; }
.chat-title-box { display: flex; align-items: center; justify-content: space-between; gap:1rem; }
.chat-log-top { background: #F7F7F7; padding: 1rem; border-bottom: 1px solid #EDEDED; position: sticky; top: 0; z-index: 2; }
.chat-title-box h3 { margin: 0; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-log-bottom { position: relative; }
.msger-chat { padding: 2rem 1rem; /*height: calc(100vh - 347px);*/ overflow: auto; }
.msger-timeline { display: block; text-align: center; color: #959595; font-size: 14px; margin-bottom: 1.5rem; }

.msger-img figure { width: 55px; height: 55px; border-radius: 100px; border: 1px solid #E1E1E1; background: #fff; color: #004ab7; font-size: 1.5rem; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 0 0.5rem 0 0; position: relative; overflow: hidden; }
.msger-img figure span { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.msger-img figure img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.msger-msg { border-radius: 16px; width: 70%; background: #F7F7F7; font-size: 13px; /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 7px 10px 15px rgba(0, 0, 30, 0.1);*/ box-shadow: 0px 4px 4px 0px #00000040; padding: 1rem; color: #2B2B2B }
.msger-msg p { margin: 0; }
.msg-time { display: block; margin-top: 1rem; color: #959595; font-size: 14px; }
.msger-chat-box { display: flex; width: 100%; margin-bottom: 1rem; }
.msger-msg-box { width: 100%; margin-top: 1rem; }

.msger-chat-box.msger-chat-right { flex-direction: row-reverse; }
.msger-chat-right .msger-msg { margin-left: auto; color: #fff; background: #0073CE; box-shadow: 0px 4px 4px 0px #00000040; }
.msger-chat-right .msger-img figure { margin-right: 0; margin-left: 0.5rem; }
.msger-chat-right .msg-time { text-align: right; }

.msger-inputarea textarea.form-control { height: 65px; border-radius: 12px; border: 1px solid #D9D9D9; background: #F7F7F7; padding: 1.2rem 3.5rem 1.2rem 1rem; }
.msger-inputarea { position: sticky; bottom: 0; background: #fff; z-index: 5; padding: 1rem; }
.msger-inputarea .msg-sent-btn { background: #0073CE; color: #fff; height: 2rem; width: 2rem; position: absolute; z-index: 5; top: auto; right: 0.9rem; bottom: 1rem; border-radius: 8px; border: 0; padding: 7px; }
.msger-inputarea .msg-sent-btn svg { vertical-align: top; width:16px; height:auto; }
.msger-inputarea .msg-sent-btn:hover { background: #213C9E; }

.new-sms-box { display: none; }
.new-sms-active .new-sms-box { display: block; }
.new-sms-active .inbox-tab { display: none; }
.sms-log-mobile { display: none; margin-bottom: 1rem; }
.sms-inputarea { padding: 1.875rem; padding-top: 0; }

.sms-inputarea-box { border-radius: 8px; border: 1px solid #D2D2D2; background: #FFF; position: relative; }
.sms-inputarea-box .input-group { border-bottom: 1px solid #D2D2D2; align-items: center; padding-left: 1rem; }
.sms-inputarea-box .form-control { border: 0; padding: 0.7rem 1rem; }
.sms-inputarea-box .input-group .input-group-prepend { position: relative; margin-top: -3px; }
.sms-inputarea-box .input-group .form-control { padding-left: 0.3rem; }
.sms-inputarea-box .btn { width: 68px; height: 32px; border: 0; padding: 0; position: absolute; bottom: 1.5rem; right: 0.75rem; z-index: 2; }
.sms-inputarea-box textarea.form-control { height: 200px; }
.chat-log-top .sms-inputarea-box { border: 0; margin-top: 1.2rem; display: none; }
.chat-log-top .input-group { border: 0; padding-left: 0; }
.chat-log-top .sms-inputarea-box .form-control { padding-top: 0; padding-bottom: 0; height: auto; }
/*.new-sms-active .msger-chat { height: calc(100vh - 473px); }*/
.report-box { border-radius: 8px; background: #FFF; padding: 2rem; box-shadow: 0 0 20px rgba(0, 0, 30, 0.07); }
.report-top-box { padding-bottom: 0.5rem; border-bottom: 1px solid #D2D2D2; margin-bottom: 2rem; }
.report-top-box h4 { font-weight: 700; }
.report-list ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; border-radius: 8px; border: 1px solid #D2D2D2; position: relative; overflow: hidden; }
.report-list ul li { line-height: 1; }
.report-list ul li a { padding: 0.65rem 0.75rem 0.75rem 0.75rem; display: block; color: #00001e; border-right: 1px solid #D2D2D2; transition: 0.5s all; }
.report-list ul li a:hover, .report-list ul li a.active { background: #004ab7; border-color: #004ab7; color: #fff; }
.report-list ul li:last-child a { border-right: 0; }

.report-middle-box figure { margin: 0; }
.report-middle-box figure img { width: 100%; height: auto; }
.select-date-dropdown .dropdown-toggle { border-radius: 8px; background: #F5F5F5; padding: 0.6rem 0.75rem; color: #00001e; }
.select-date-dropdown .dropdown-toggle:after { content: ""; margin: 0 0.4rem 0 0.6rem; height: 0.55rem; width: 0.55rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #00001e; transform: rotate(45deg); transition: 0.15s all; }
.select-date-dropdown .dropdown-toggle.show:after { transform: rotate(225deg); margin-bottom: -0.3rem; }
.select-date-dropdown-list { font-size: 0.875rem; }
.select-date-dropdown-list ul { margin: 0; padding: 0; list-style: none; }
.select-date-dropdown .dropdown-menu { width: 300px; border-radius: 8px; border: 1px solid #D2D2D2; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0 0 40px rgba(0, 0, 30, 0.04);  padding: 0.3rem 0; left: auto !important; right: 0 !important; }
.select-date-dropdown-list ul li a { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; transition: 0.5s all; }
.select-date-dropdown-list ul li p { margin: 0; }
.select-date-dropdown-list ul li a:hover { background: #F5F5F5; }
.custom-range-box { padding: 0 1rem; }
.custom-range { display: block; padding: 0.65rem 0; border-top: 1px solid #959595; position: relative; }
.custom-range:after { content: ""; margin-bottom: 0px; height: 0.55rem; width: 0.55rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #004ab7; transform: rotate(45deg); transition: 0.15s all; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; }
.custom-range-box .ui-widget.ui-widget-content { position: absolute; top: calc(100% + 6px); border-radius: 16px; background: #FFF; box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px rgba(0, 0, 0, 0.02), 0px 6.650102138519287px 5.32008171081543px 0px rgba(0, 0, 0, 0.03), 0px 12.521552085876465px 10.017241477966309px 0px rgba(0, 0, 0, 0.04), 0px 22.3363094329834px 17.869047164916992px 0px rgba(0, 0, 0, 0.04), 0px 41.777610778808594px 33.422088623046875px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07); border: 0; width: 300px; right: -1.1rem; left: auto; padding: 1rem; font-family: 'Poppins', Arial, Helvetica, sans-serif; }
.custom-range-box .ui-datepicker .ui-datepicker-title { text-align: left; margin: 0; font-size: 1.5rem; font-weight: 400; color: #000; line-height: 1; }
.custom-range-box .ui-datepicker .ui-datepicker-header { background: #fff; border: 0; margin-bottom: 0.5rem; }
.custom-range-box .ui-datepicker .ui-datepicker-prev span, .custom-range-box .ui-datepicker .ui-datepicker-next span { border-color: #000; }
.custom-range-box .ui-datepicker .ui-datepicker-prev, .custom-range-box .ui-datepicker .ui-datepicker-next { border: 0; top: 0; right: 0; cursor: pointer; }
.custom-range-box .ui-datepicker .ui-datepicker-prev { right: 25px; left: auto; }
.custom-range-box .ui-datepicker td { padding: 0; border: 1px solid #D2D2D2; }
.custom-range-box .ui-datepicker td span, .custom-range-box .ui-datepicker td a { border: 0; padding: 0.4rem 0; font-weight: 500; color: #000; }
.custom-range-box .ui-state-active, .custom-range-box .ui-widget-content .ui-state-active, .custom-range-box .ui-widget-header .ui-state-active, .custom-range-box a.ui-button:active, .custom-range-box .ui-button:active, .custom-range-box .ui-button.ui-state-active:hover { background-color: #355ADD; color: #fff; }
.custom-range-box .ui-state-highlight, .custom-range-box .ui-widget-content .ui-state-highlight, .custom-range-box .ui-widget-header .ui-state-highlight { background-color: #355ADD; color: #fff; }

.report-lead-right { border-radius: 8px; border: 1px solid #959595; padding: 0.6rem; color: #959595; line-height: 1; display: flex; align-items: center; }
.report-lead-right span span { border: 0; padding: 0; margin-right: 0.6rem; color: #004ab7; font-size: 1.5rem; font-weight: 600; }
.report-lead-right figure { margin: 0; height: 42px; width: 42px; display: none; }
.report-lead-right figure svg { width: 100%; height: auto; fill: #004ab7; }
.report-lead-left { color: #00001e; }
.report-lead-left .dropdown { margin: 0.25rem; }
.report-lead-left .dropdown-toggle { border-radius: 8px; background: #F5F5F5; padding: 0.5rem 0.75rem; color: #00001e; }
.report-lead-left .dropdown-toggle:after { content: ""; margin: 0 0.4rem 0 0.6rem; height: 0.55rem; width: 0.55rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #00001e; transform: rotate(45deg); transition: 0.15s all; }
.report-lead-left .dropdown-toggle.show:after { transform: rotate(225deg); margin-bottom: -0.3rem; }
.report-lead-left .dropdown-menu { font-size: 0.875rem; width: 238px; }
.report-lead-left .dropdown-menu ul { margin: 0; padding: 0; list-style: none; }
.report-lead-left .dropdown-menu ul li a { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; transition: 0.5s all; }
.report-lead-left .dropdown-menu ul li a:hover { background: #F5F5F5; }
.report-lead-filter-serch-box { position: relative; z-index: 6; }
.report-lead-filter-serch-box .lead-search-box { max-width: 266px; }


.report-table-box table { margin-bottom: 0; }
.report-table-box table tr { display: grid; grid-template-columns: repeat(8, 1fr); grid-auto-rows: minmax(0, auto); margin-bottom: 0.5rem; position: relative; z-index: 1; }
.report-table-box table tbody tr { background: #fff; border-radius: 8px; transition: 0.5s all; box-shadow: 0 0 20px rgba(0, 0, 30, 0.1); }
.report-table-box table tbody tr:hover, .report-table-box table tbody tr.open { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 15px 15px 15px rgba(0, 0, 30, 0.1); z-index: 5; }
.report-table-box table tr th { text-transform: uppercase; color: #00001e;}
.report-table-box table tr th, .report-table-box table tr td { padding: 1.1rem 1.1rem; border: 0; }
.report-table-box table tr td { color: #959595; }
.report-table-box table tr td span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dropdown-toggle-title { display: none; }
.dropdown-toggle-title h6 { font-size: 1rem; font-weight: 400; margin: 0 0 0.3rem 0; }
.export-btn .btn { border-radius: 8px; font-size: 14px; border: 0; }

.sms-info { color: #004ab7; font-weight: 500; }
.sms-info b { color: #004ab7; }
.chat-list-tab .inbox-chat-list { height: auto; }
.chat-list-tab .chat-log-top { position: sticky; top: 0; z-index: 4; }
.chat-list-tab { height: calc(100vh - 97px); overflow: auto; }
.inbox-chat-list-main .inbox-right { width: calc(100% - 466px); }
.new-sms-active .chat-list-tab { display: none; }
.modal-content.bg-light-gray { background: #fff; }
.table.table-dark tr th, .table.table-dark tr td { background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1) !important; padding: 1rem; }
.table-dark.table-striped > tbody > tr:nth-of-type(2n+1) td { background: #f0f4f8; }
.table:last-child { margin-bottom: 0; }
.table.table-dark tr th { color: #00001e; }
.table.table-dark tr td { color: #78787e; }
.loading { position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center; z-index: 8; background: #edf6fc; }

.ui-widget.ui-widget-content { border-radius: 8px; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 30, 0.07); border: 0; }
.ui-widget.ui-widget-content li .ui-menu-item-wrapper { display: block; cursor: pointer; padding: 0.9rem 1.1rem; border-bottom: 1px solid #d2d2d2; border-top: 0; border-left: 0; border-right: 0; }
.ui-widget.ui-widget-content li .ui-menu-item-wrapper span { display: block; margin: 0.1rem 0; opacity: 0.5; }
.ui-widget.ui-widget-content li .ui-menu-item-wrapper span svg { margin-right: 0.4rem; }
.ui-widget.ui-widget-content li .ui-menu-item-wrapper h5 { text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: 800;
  margin: 0 0 0.3rem 0; }
.ui-widget.ui-widget-content li:first-child .ui-menu-item-wrapper { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.ui-widget.ui-widget-content li:last-child .ui-menu-item-wrapper { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.ui-widget.ui-widget-content li .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-widget.ui-widget-content li .ui-button.ui-state-active:hover { background: #004ab7; border-bottom-color: #d2d2d2; }

.check-tab-list .form-check { padding: 0; margin: 0; }
.check-tab-list .form-check label { padding: 1rem 1rem 1rem 2.6rem; position: relative; display: block; margin: 0 -1px -1px 0; background-color: transparent; border-width: 1px 0 1px 1px; border-style: solid; border-color: transparent; z-index: 1; }
.check-tab-list .form-check .form-check-input { height: 100%; width: 100%; margin: 0; top: 0; left: 0; position: absolute; }
.check-tab-list .form-check .form-check-input[type="radio"] + .form-check-label::before { top: 23px; left: 19px; }
.check-tab-list .form-check .form-check-input[type="radio"] + .form-check-label::after { top: 20px; left: 16px; background-color: transparent; }
.check-tab-list .form-check .form-check-input:checked[type="radio"] + .form-check-label { background-color: #edf6fc; border-color: #D2D2D2; z-index: 2; }
.check-tab-list { position: relative; z-index: 4; }
.clinics-search + div { padding-top: 40px; }

.inbox-chat-list { height: calc(100vh - 333px); height: auto; }   /* update */
/*.msger-chat { height: calc(100vh - 469px); }*/

/*.new-sms-active .msger-chat { height: calc(100vh - 609px); }*/

.bg-custom{background-color:#F5F5F5}
.confirm-appointment-date svg { position: absolute; left: 1.5rem; min-width: 30px; height: auto; top: 1.8rem; }
.confirm-appointment-date svg path { fill: #514F5F; }
.confirm-appointment-date { background-color: #f5f5f5; padding: 1.5rem 1.5rem 1.4rem 5rem; max-width: 350px; width: 100%; position: relative; color: #514F5F; }
.radio-round { height: 14px; width: 14px; min-width: 14px; border: 1px solid #00001E; border-radius: 50px; margin: 0.4rem 0.4rem 0 0; position: relative; }
.btn-check:checked + .btn-outline-primary .radio-round { background: #809FFF; }
.radio-round::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 8px; width: 8px; background: #00001E; margin: auto; border-radius: 50px; }
.btn-check:checked + .btn-outline-primary .radio-round:after { opacity: 1; visibility: visible; }
time-check-list .btn { font-size: 0.9rem; }

.time-check-list {
    flex-wrap: nowrap;
    position: relative;
    overflow: auto;
}
/*11-03-2024 Nilesh*/
.tab-disabled-active .tab-sub-box .form-control[type="file"] {
    display: none;
}

.nurturing-text-container p:last-child { margin-bottom: 0; }



/* New updated V2 css */
body { letter-spacing: 0.03rem; }
#wrapper { /*padding: 1rem; padding-left: calc(300px + 2.5rem);*/ transition: 0.35s all; }
#header { position: relative; background: #000612; padding: 1rem; }

#main{ padding: 3rem 1rem; }
.header-left { position: relative; border-radius: 8px; background: transparent; padding: 2rem 0.5rem; /*box-shadow: 0 0 20px rgba(0, 0, 30, 0.07);*/ z-index: 5; top: 0rem; left: 0rem; bottom: 0rem; width: 310px; min-width: 310px; }
.logo-box { background: #fff; position: sticky; top: 0; z-index: 5; max-width: 100%; padding: 2rem 0 1rem 0; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.header-left .logo figure svg { fill: #070F1C; width: 100%; max-width: inherit !important; padding: 0 !important; }
.header-menu { position: relative; padding: 0 1rem; z-index: 1; overflow: auto; max-height: calc(100% - 4.6rem); display: flex; flex-direction: column; gap: 24px }
.header-menu .navbar-nav { flex-direction: column; gap: 12px; }

.navbar-nav li { margin: 0; width: 100%; line-height: 1.25; }
.header-menu .navbar-nav li a { color: #fff; border-radius: 0.4rem; padding: 0.8rem 1.2rem; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.02rem; transition: 0.35s all; background: transparent }
.navbar-nav li .nav-link.active, .navbar-nav li .nav-link:hover, .header-menu .navbar-nav li a.show { background: linear-gradient(90deg, rgba(1, 202, 255, 1) 0%, rgba(1, 202, 255, 0) 100%); color: #fff; }
.navbar-nav .dropdown > .nav-link { position: relative; }
.navbar-nav .dropdown > .nav-link::after { content: ""; height: 10px; width: 10px; border-right: 2px solid #8287A2; border-bottom: 2px solid #8287A2; transform: rotate(45deg); position: absolute; top: -0.3rem; bottom: 0; margin: auto; right: 1rem; transition: 0.35s all; }
.navbar-nav .dropdown > .nav-link.show:after { transform: rotate(224deg); top: 0.3rem; border-color: #004ab7; }
.nav-item .dropdown-menu { position: relative !important; transform: none !important; border: 0; border-radius: 0; margin: 0; padding: 0; padding-left: 1rem; }
.nav-item .dropdown-menu:after { content: ""; position: absolute; top: 0; bottom: 1.3rem; left: 1rem; width: 1px; background: #E3E6F8; }
.header-menu .navbar-nav .dropdown-menu li a { position: relative; }
.header-menu .navbar-nav .dropdown-menu li a:hover { background: transparent; color: #004ab7; }
.header-menu .navbar-nav .dropdown-menu li a:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 1px; width: 0.7rem; background: #E3E6F8; }
.top-select { margin: 0 1rem; }
.header-top .lead-search .search-input-ico { width: 1.3rem; left: 1.1rem; }
.header-top .lead-search .search-input-ico svg { width: 100%; height: auto; fill: none; vertical-align: top; }
.header-top .form-control { background-color: #FFF; box-shadow: 0 0 20px rgba(0, 0, 30, 0.07) !important; border: 0; border-radius: 8px; padding: 0.6rem 1rem; font-size: 0.9rem; color: #070F1C; letter-spacing: 0.02rem; }
.header-top .form-select.form-control { white-space: nowrap; text-overflow: ellipsis; padding-right: 2rem; }

.header-profile-box .dropdown-toggle { background: transparent; border-radius: 0; padding: 0 !important; }
.dropdown-toggle .header-profile figure { margin: 0; height: 32px; width: 32px; border: 0; background: #185ce9; color: #fff; font-weight: 500; font-size: 1rem; }
.header-profile-box .dropdown-toggle:after { display: none; }
.header-right-menu > div { margin-right: 1rem; }
.header-right-menu .tooltip-ico { fill:white !important; background-color: transparent; height: 40px; width: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; position: relative; }
.header-mail-ico figure { position: static; max-width: 25px; font-size: 0; }
.header-mail-ico figure svg { vertical-align: top; }
.header-mail-ico #notificationLink figure svg path { fill: transparent; }
.mail-count { height: 20px; width: 20px; line-height: 20px; font-weight: 400; }

.header-top .logo-box { position: relative; padding: 0; }
.header-top .logo-box figure svg, .header-top .logo-box figure img { max-width: inherit !important; padding: 0 !important; }
.menu-trigger { height: 30px; width: 25px; display: block; font-size: 0; cursor: pointer; position: relative; }
.menu-trigger:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 2px; background-color: #070F1C; transition: 0.35s all; width: 50%; }
.menu-trigger span:before, .menu-trigger span:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 2px; background-color: #070F1C; transition: 0.35s all; transform-origin: center center; transform: rotate(0); width: 50%; }
.menu-trigger span:before { top: 12px; bottom: auto; }
.menu-trigger span:after { bottom: 12px; top: auto; }

/*.header-left { transform: translateX(-100%); opacity: 0; visibility: hidden; z-index: 999; transition: 0.35s all; }*/
.slide-menu-active .header-left { transform: translateX(0); opacity: 1; visibility: visible; }
.header-top .logo-box { background: transparent; }
.header-top .logo figure svg { fill: #070F1C; }
/*#wrapper:not(.slide-menu-active) { padding-left: 1rem; }*/
/*.slide-menu-active .header-top .logo-box { display: none; }*/

.header-left .menu-trigger span, .header-left .menu-trigger::after { display: none; }
.header-top-logo-box .menu-trigger { height: 40px; min-width: 40px; background-color: #FFF; box-shadow: 0 0 20px rgba(0, 0, 30, 0.07); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #070F1C; }
.slide-menu-active .header-left .menu-trigger { top: 10px; background: #ededed; color: #00001e; border-radius: 0.3rem; right: 10px; position: absolute; height: 30px; width: 30px; z-index: 5; display: flex; align-items: center; justify-content: center; }
.slide-menu-active .header-left .menu-trigger .desk-menu-ico { height: 20px; width: 20px; }
.menu-trigger .desk-menu-ico { margin: 0; height: 24px; width: 24px; transform: rotate(180deg); transition: 0.35s all; }
.menu-trigger .desk-menu-ico svg { height: 100%; width: auto; }
.slide-menu-active .menu-trigger .desk-menu-ico { transform: rotate(0); }
.header-menu .navbar-nav li.dropdown a { padding-right: 2rem; }
.header-menu .navbar-nav li li a.active { background-color: transparent; color:#004ab7 }
.header-menu .navbar-nav li a { display: flex; align-items: center; }
.header-menu figure { margin: 0 0.7rem 0 0; width: 1.3rem; }
.header-menu figure svg { width: 100%; height: auto; }
.header-top { z-index: 1000; position: relative; }
.slide-menu-active .menu-icon { display: none; }
.slide-menu-active .menu-back { display: block; }
.menu-icon { display: block; }
.menu-back { display: none; }
.slide-menu-active .header-top-logo-box .menu-trigger { display: none; }
.deletedLeadsSwitch.tooltip-ico:after, .filter-ico.tooltip-ico::after, .delete-lead.tooltip-ico:after { left:auto; transform: translateX(0); right:0; }
.multiselect__single { margin-left:2px; margin-top:2px; font-size:inherit !important; }
#main > div > div > h2 { font-weight: 500; }
.leadsBySourceChartContainer, .report-middle-box { max-width: 750px; margin-left:auto; margin-right:auto; }
.leads-step ul li:first-child { margin-left: auto; }
.leads-step ul li:last-child { margin-right: auto; }
.toggle-search { height: 30px; width: 30px; display: none; align-items: center; justify-content: center; margin-left: auto; margin-right: 1rem; }
.toggle-search svg path { stroke: #070F1C; }
.toggle-search svg { width: 80%; }
.multiselect__single { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-close svg { width: 100%; height: auto; }
.profile-close { height: 1.5rem; width: 1.5rem; cursor: pointer; position: absolute; top: 1.4rem; right: 1.5rem; }
.nurturing-table.table.table-dark tr th, .nurturing-table.table.table-dark tr td { border: 0 !important; font-size: 0.85rem; }
.nurturing-table.table.table-dark tr { border: 0; }
.nurturing-table.table-dark.table-striped > tbody > tr:nth-of-type(2n+1) td, .nurturing-table.table-dark.table-striped > tbody > tr:nth-of-type(2n+1) th { background: #EDF6FC; }
.appointment-box td { vertical-align: middle; }
.appointment-box td select { margin: 5px 0; }
.appointment-box td .d-inline-block.w-50 { padding: 0 5px; }
.header-menu .navbar-nav li a { position: relative; }
.header-menu .new-added { background: #004ab7; color: #fff; position: absolute; top: 12px; right: 50px; font-size: 11px; font-weight: 600; letter-spacing: 0.05rem; padding: 3px 8px; border-radius: 5px; }


.new-tab-data.tab-data .nav-tabs li.nav-item a {
    padding: 0.65rem 0.75rem 0.75rem 0.75rem;
    display: block;
    color: #00001e;
    border-right: 1px solid #D2D2D2;
    transition: 0.5s all;
    font-size: 0.9rem;
    border-radius: 0;
    font-weight: 400;
}

.new-tab-data.tab-data .nav-tabs {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    display: inline-flex
}

.new-tab-data.tab-data .nav-tabs li {
    margin: 0;
}

.new-tab-data.tab-data .nav-tabs li.nav-item:last-child a {
    border-right: 0;
}

.new-tab-data.tab-data .nav-tabs li.nav-item a.active, .new-tab-data.tab-data .nav-tabs li.nav-item a:hover {
    background: #004ab7;
    color: #fff;
    border-color: #004ab7;
}

.tab-data.new-tab-data {
    position: relative;
    z-index: 0;
}

.filter-bg{
    background: #FFFFFF;
    border-radius: 8px;
    padding: 0 5px;
    height:36px;
}

.ico-title{
    font-size: 12px;
    margin-right: 10px;
    color: #00001E;
}

.tab-disabled-active .patient-form-box .form-control.profile-number { display: none; }
.profile-number-link { display: none; color: #00001E; }
.tab-disabled-active .patient-form-box .profile-number-link { display: block; }

.tab-data .nav-tabs.manage-practice-tab { display: flex; }
.tab-data .nav-tabs.manage-practice-tab .nav-item { margin-left: 0; margin-right: 1rem; }

hr{
    background-color: #656E7C;
    margin: 0 1rem;
}


.lead-search { position: relative; z-index: 1; }
.search-icon { position: absolute; left: 13px; top: 15px; width: 18px; height: 18px; color: #656E7C; z-index: 2; }
.search-icon svg { width: 100%; height: auto; vertical-align: top; }
.lead-search .multiselect__tags {margin-left: 30px;}
.header-top .form-select.form-control { position: relative; z-index: 1; }
.page-title { color: #fff; font-size: 24px; font-weight: 500; }

.lead-table-box table tr th { font-size: 16px; color:#666666; }
.lead-table-box table tr td { font-size: 16px; color:#2b2b2b; }

.header-search-area { width: 50%; }
.dashboard-select svg { width: 22px; margin-left: 4px; position: relative; top: 2px; }

a.account-edit { color: #004ab7; font-weight: 500; text-decoration: underline; }
.row .row > div:last-child .form-group { border: 0; }

.breadcrumb, .breadcrumb a { color: #fff; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb .breadcrumb-item.active { color: #fff; }
.patient-info .show-more-link { flex-direction: row; white-space: nowrap; max-width: 120px; color: #666666; font-weight: 500; justify-content: start; margin: 10px 0 0 0; }
.patient-info .show-more-link svg { fill: #666666; }
.patient-info { color: #666; }
.patient-info p { margin: 0 0 10px 0; color: #2b2b2b; }
.profile-note-link { color: #004ab7; text-decoration: underline; }

/*.profile-note-box { border:0; box-shadow: none; }*/
.quick-add-box { border-top: 1px solid #D9D9D9; margin-top: 1rem; padding-top: 1rem; }
.quick-add-box h6 { font-weight: 500; color: #666666; }
.quick-add-list { display: flex; flex-wrap: wrap; gap: 12px; }
.quick-add-list label { display: flex; padding: 0.5rem 1rem; align-items: center; font-size: 14px; color: #666666; background: #F6F4F7; border-radius: 50px; gap: 5px; transition: 0.5s auto; cursor: pointer; }
.quick-add-list label svg { width: 18px; min-width: 18px; }
.quick-add-list label:hover { color: #fff; background: #004ab7; }
.profile-note-top { flex-direction: column;}
.note-date { display: flex; gap: 0.3rem; font-size: 1rem; margin-bottom: 0.5rem; }

.timeline-list .profile-note-top { padding: 10px; box-shadow: none; border: 0; color: #2b2b2b; display: flex; flex-direction: row; }
.timeline-list .profile-note-box { box-shadow: none; border:0; }
.timeline-list .note-post-time { white-space: nowrap; color: inherit; margin-left: 3rem; }
.timeline-list > div { /*margin: 0 0; padding: 1rem 0;*/ border-bottom: 1px solid #D9D9D9; }
.timeline-list > div:last-child { border-bottom: 0; padding-bottom: 0; }

.profile-note-add-top-title audio { width: 100%; }

.bg-theme, #main.bg-light-gray { background: #001f45; }
.patient-label { background: rgba(0, 0, 0, 0.3); color: #fff; padding: 0.5rem 1.2rem; border-radius: 50px; font-size: 14px; }

/*------   mobile menu ------*/
.mobile-menu { transform: translateX(100%); opacity: 0; visibility: hidden; z-index: 999; transition: 0.35s all; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #F7F7F7; padding: 16px; }
.slide-menu-active .mobile-menu { transform: translateX(0); opacity: 1; visibility: visible; }
.mobile-menu-header { margin-bottom: 16px; display: flex; align-items: center; }
.menu-to-back { height: 48px; width: 48px; background: #fff; border-radius: 12px; color: #2B2B2B; margin-right: auto; display: none; align-items: center; justify-content: center; }
.menu-to-back svg { width: 28px; height: auto; }
.mobile-menu .menu-trigger { height: 48px; width: 48px; background: #fff; border-radius: 12px; color: #2B2B2B; margin-left: auto; display: flex; align-items: center; justify-content: center; }
.mobile-menu .menu-trigger:before, .mobile-menu .menu-trigger:after {display: none;}
.mobile-menu .menu-trigger svg { width: 28px; height: auto; }
.second-level-menu h5 { font-size: 1.2rem; color: #494949; padding: 0.7rem 1rem; }
.mobile-menu ul { display: flex; flex-direction: column; gap: 1rem; font-size: 1.1rem; font-weight: 500; list-style: none; margin: 0; padding: 0; color: #494949; }
.mobile-menu ul a { display: block; padding: 0.7rem 1rem; color: #494949; }
.mobile-menu-list { position: relative; height: calc(100vh - 96px); overflow: auto; overflow-x: hidden; }
.mobile-menu-list .first-level-menu, .mobile-menu-list .second-level-menu { position: absolute; left: 0; top: 0; transition: 0.5s all; right: 0; }
.second-level-menu { transform: translateX(100%); opacity: 0; visibility: hidden; }
.second-menu-active .mobile-menu-list .first-level-menu { transform: translateX(-100%); opacity: 0; visibility: hidden; }
.second-menu-active .mobile-menu-list .second-level-menu { transform: translateX(0); opacity: 1; visibility: visible; }
.second-menu-active .menu-to-back { display: flex; }

.patient-form-box .form-control { border-color: transparent; /*padding: 0; height: 30px; min-height: inherit;*/ }
.patient-form-box .form-control:focus { border-color: #D2D2D2; /*padding: 1rem; height:48px; min-height: calc(1.5em + .75rem + 2px);*/ }
/*.patient-form-box textarea.form-control:focus { height: 106px; }*/

div.patient-form-box { margin-top: 0; }
.patient-form-box .show-more-link, .profile-card-box .show-more-link { flex-direction: row; white-space: nowrap; gap: 0.05rem; color: #666666; max-width: inherit; width: auto; justify-content: start; }
.patient-form-box .show-more-link .show-more-link, .profile-card-box .show-more-link { max-width: inherit; width: auto; margin: 0; }
.patient-form-box .show-more-link .show-more-link svg, .profile-card-box .show-more-link svg {margin-left: 0.3rem;margin-top: 0.2rem;fill: #666;}
.row .row > div:last-child .patient-form-box .form-group { border-bottom: 1px solid #E6E6E6; }
.patient-form-box .verified { top: 15px; }
.call-summary-list { max-height: 400px; overflow: auto; }
.patient-name-input { display: flex; gap: 9px; transition: 0.5s all; }
.patient-name { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; /*padding: 0 17px;*/ pointer-events: none; transition: 0.5s all; }
.patient-name p { margin: 0; }
.opacity-0 { opacity: 0; }
.patient-info { position: relative; }
.patient-info-text { position: absolute; top: 0; bottom: 0; display: flex; transition: 0.5s all; align-items: center; /*padding: 0 17px;*/ }
.patient-info-input { transition: 0.5s all; gap: 9px;  }

.note-editable .profile-note-top {
flex-direction: column;
}

.note-editable .profile-note-top .note-post-time {
margin: 1rem 0 0 0;
}

/*.profile-note-bottom { display: none; }*/
.note-editable .profile-note-bottom {
position: absolute;
top: 2px;
right: 2px;
height: 35px;
width: 35px;
border-radius: 50px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}

.note-editable {
position: relative;
}

.note-editable .profile-note-bottom .profile-note-bottom-right {
margin-left: 0;
width: 15px;
}

.note-editable .profile-note-bottom .profile-note-bottom-right a {
display: flex;
}

.note-date { font-weight: 600; }
.add-sms-icon { margin-right: 45px; }
.inbox-left-title { margin-top: 0.1rem; }
.msger-inputarea-top, .msger-inputarea-top .form-select { font-size: 13px; white-space: nowrap; }
.msger-inputarea-top .form-select { width: 42%; }
.msger-inputarea-top .manage-edit, .msger-inputarea-top .btn-link { width: 25%; }

.account-setup-box { background: #fff; max-width: 610px; width: 100%; margin: 0 auto; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 3rem; border-radius: 1.5rem; text-align: center; }
.account-main-box .logo-box { padding: 0; position: relative; }
.account-main-box .logo-box figure { max-width: 220px; }
.inbox-filter-dropdown .close-btn { position: relative; min-width: 48px; margin-left: 1rem; top: 0; right: 0; z-index: 3; }

.chat-log-bottom { height: calc(100vh - 81px); display: flex; flex-direction: column; justify-content: space-between; background: #fff; }

.tags-tooltip {position: fixed; background: #00001e; color: white; padding: 18px 18px; border-radius: 8px; font-size: 15px; z-index: 9999; display: none; pointer-events: none; box-shadow: 0 10px 30px rgba(0,0,0,0.3);  /* REMOVED: max-width: 300px; */max-height: 200px;  /* Limit height */ overflow-y: auto;   /* Scroll if too tall */ line-height: 1.4;   /* Better spacing */ white-space: normal; /* Allow wrapping */ width: 250px; }
.tags-ico:hover + .tags-tooltip,
.tags-ico .tags-tooltip { display: block !important; }
.btn-link{
    color: #004ab7;
    border-color: #004ab7;
}
.btn-link{
    color: #004ab7;
    border-color: #004ab7;
}
.agent-info{
    font-size: 12px;
    color: #666666;
    margin-top:0.5rem;
}