@import url('https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/5.5.55/css/materialdesignicons.min.css');

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
      url('../fonts/ProximaNova-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
      url('../fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
      url('../fonts/ProximaNova-Extrabld.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
      url('../fonts/ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
      url('../fonts/ProximaNova-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6{font-weight: 600;}
body{padding: 0px; margin: 0px; background:#F3F7FF; color:#000; font-family: 'Proxima Nova'; font-size: 14px;}
a{text-decoration: none !important; }
*{outline: none !important;}
img{max-width: 100%;}
.wrapper {width: 100%; height: 100%; position: relative; display: inline-block; vertical-align: top;}
html, body {height: 100%;}
.form-control{font-size: 14px;}
/*===========Header CSS Start============*/
.main-logo {display: -webkit-box;display: -ms-flexbox;display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  position: relative; height: 3rem;}
.main-header {background: #fff; position: fixed; left: 0; top: 0; width: 100%; height:85px; padding-top:10px; padding-bottom:10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index:999;}
.main-header .top-search{position: relative;}
.main-header .top-search input.form-control{border-radius: 60px; border-color:#ECF0FA; background: #ECF0FA; height: 40px; padding-left: 20px; width: 400px;}
.main-header-left {display: -webkit-box;display: -ms-flexbox;display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 300px;}
.main-header-right {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.main-header > .container-fluid {height: 100%; flex-wrap: wrap;  display: -webkit-box;  display: -ms-flexbox;  display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.notification-col.main-profile-menu { margin-right: 15px;}
.notification-col .dropdown-toggle{border: 0; background: 0; padding: 0; margin: 0; position: relative;}
.notification-col .dropdown-toggle::after{display: none;}
.notification-col {margin-right: 30px; position: relative;}
.header-bell .dropdown-toggle img {width: 22px;}
.Notification-scroll {max-height: 291px; position: relative;}
.avatar-status {content: '';  position: absolute;  bottom: 0;  right: 5px;  width: 6px;  height: 6px;  background-color: #949eb7;  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);  border-radius: 100%;  bottom: 4px;}
.notification-col .dropdown-menu:after {content: '';position: absolute; top: -9px; right: 24px; border-bottom: 9px solid #0070d2;  border-left: 9px solid transparent;  border-right: 9px solid transparent;}
.notification-col h5{font-size:14px; color: #031b4e;}
.notification-col .desc {font-size: 13px; color: #535384;}
.notification-col .time {font-size: 11px; color: #8d8db3; font-weight: 400;}
.notification-col .dropdown-footer {border-top: 1px solid #dce1ef; padding: 10px;  background: #f6f6fb;  -webkit-box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.1);  box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.1);}
.notification-subtext {font-size:13px; color: #4d5875;}
.main-notification-list .las {font-size: 13px;}
.notifyimg {border-radius: 50%;}
.notifyimg i{height: 40px;width: 40px; text-align: center; border-radius: 50%; line-height: 40px; font-size: 18px; float: left;}
.main-profile-menu .profile-user img {width: 37px; height: 37px; border-radius: 50%; margin-left: 0; border-radius: 50%;}
.main-header-profile {display: -webkit-box;display: -ms-flexbox;display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-right-radius: 7px; border-top-left-radius: 7px; padding: 1.2rem;}
.wd-100p {width: 100%;}
.main-header-profile .main-img-user {display: inline-block; position: relative; width: 45px;  height: 45px;  border-radius: 100%;  text-align: center;}
.main-img-user img {width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; border-radius: 100%; object-fit: cover; border-radius: 100%;}
.main-header-profile h6 {font-weight: bold; margin-bottom: 3px; font-size: 16px; color: #fff;}
.main-header-profile span {display: block; font-size: 12px; margin-bottom: 0;  color: rgba(255, 255, 255, 0.6);}
.main-img-user::after {display: none;}
.main-header-profile .main-img-user::after {content: ''; position: absolute; bottom: 0; right: 6px; width: 6px; height: 6px; background-color: #17b86a; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
  border-radius: 100%; bottom: 3px; display: block !important; top: 35px;}
.main-profile-menu .dropdown-item {position: relative; padding: 20px 16px; height: 38px;  display: -webkit-box;  display: -ms-flexbox;   display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  font-size:14px; color: #031b4e; border-top: 1px dotted #e2eaf9;}
.main-profile-menu .dropdown-item:hover, .main-profile-menu .dropdown-item:focus {background-color: transparent; color: #0162e8;}
.main-profile-menu .dropdown-item i {font-size: 20px; margin-right: 10px; width: 24px; text-align: center;}
.notification-col.main-profile-menu .dropdown-menu {width: 230px;  padding: 0;  border-top: solid 3px #0070d2;  left: auto !important;  right: -15px !important;  top: 42px !important;
  transform: none !important;}
.page-subheader-col-right {display: flex;  align-items: center;  gap: 10px;}
.search-input {position: relative;}
.search-input i {position: absolute;  left:12px;  top:6px; width:16px;}
.search-input .form-control {padding-left:36px;}
.top-search-input {width:400px;}
.main-content {padding:80px 15px 15px 285px;  height: 100%;}
.btn{font-weight: 600;}
.btn-primary {background-color: #0070D2; border-color: #0070D2; /*text-transform: uppercase;*/ font-weight: 600; padding-left: 15px; padding-right: 15px;}
.btn-primary:hover {background-color: #333; border-color: #333;}
.btn-liner{width:26px; height:26px; font-size: 20px; color: #868685; border: solid 1px #DCE1EE;  border-radius: 4px; display: flex; align-items: center;  justify-content: center;}
/*==========Login Page CSS Start==========*/
.login-wrapper {display: flex; justify-content: center;}
.login-container {padding:7rem 0 5rem 0;}
.login-logo-area {text-align: center; padding:1rem;}
.login-box {background: #fff;  padding: 20px;  border-radius: 4px;  width: 380px;  border: solid 1px #D8DDE6;}
.pay_info {width: 700px;}
.btn-full{width: 100%;}
.forgotpass-link{padding-top:1rem; border-top: solid 1px #E6E9EF;     display: flex; justify-content: space-between;}
.forgotpass-link a{color: #0070D2;}
.login-box .form-check-label {color: #16325C;}
/*==========Login Page CSS End==========*/
.custom-control-label::after, .custom-control-label::before {top:1px; width: 20px; height: 20px; left: -28px;}
.custom-control-input {width: 20px; height: 23px;}
.custom-control {padding-left: 28px;}
.viewall-btn-row {margin-top: 20px; text-align: right;}
.table-sortbtn.sort-drop .dropdown-menu{top: 44px !important;}
.notification-name {flex: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tooltip .tooltip-inner{background: #083C77;}
.tooltip.bs-tooltip-top .arrow:before {border-top-color: #083C77 !important;}
.btn-outline-primary {color: #0070D2;  border-color: #0070D2; /*text-transform: uppercase;*/}
.btn-outline-primary:hover {background-color: #0070D2; border-color: #0070D2;}
.btn{font-size:14px;}
.settings-dropdown .dropdown-toggle{background: none; border: 0px; padding: 0px; margin: 0px;}
.settings-dropdown .dropdown-toggle::after{display: none;}
.settings-dropdown {position: relative;}
.settings-dropdown .dropdown-menu {box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2); transform: translate3d(0px, 0px, 0px) !important; left: auto !important; right: -8px; top: 34px !important; border-top: solid 3px #0070d2;}
.settings-dropdown .dropdown-menu::after{content: ''; position: absolute; top: -9px; right: 12px; border-bottom: 9px solid #0070d2; border-left: 9px solid transparent; border-right: 9px solid transparent;}
.main-header-mid .search-input {width: 400px;}
.main-header-mid .search-input .form-control{border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.main-header-mid .btn{max-width: 150px;  overflow: hidden;  text-overflow: ellipsis; padding-right: 25px;  white-space: nowrap; background: #fff !important; border: 1px solid #ced4da; color: #6c757d !important;}
.main-header-mid .btn::after{position: absolute; right: 8px; top: 50%; margin-top: -4px; border-top: 0.4em solid; border-right: 0.4em solid transparent; border-left: 0.4em solid transparent;}
.pagesubheader-wrap {background: #fff;  border-bottom: solid 1px #DDDBDA;  padding: 15px;  border-radius: 4px 4px 0px 0px; background: #F3F2F2;}
.pagesubheader-row {display: flex; justify-content: space-between;}
.page-subheader-col-left {display: flex; max-width: 100%; flex: 1;}
.title-main {flex:1;}
.title-avatar {width:38px;  height: 38px; margin-right: 10px;  background: #0070D2;  border-radius: 4px;  display: flex; align-items: center; justify-content: center;}
.title-main h1 {color: #080707; font-size:18px; font-weight:bold; display: inline-block; padding: 0; margin: 0;  max-width: 100%; position: relative;}
.title-main h1.dropdown-toggle:after {vertical-align: middle;}
.page-subheader-col-right {display: flex;  align-items: center;  gap: 10px;}
.search-input {position: relative;}
.search-input i {position: absolute;  left:12px;  top:6px; width:16px;}
.search-input .form-control {padding-left:36px;}
.top-search-input {width:400px;}
.title-sub-text {width: 100%; display: inline-block;}
.right-section {background: #fff; border: solid 1px #DDDBDA;  border-radius: 4px; margin-top: 15px;}
.left-section{position: fixed; left: 0px; top:85px; height: 100%; background:#fff; padding: 1rem; width: 278px;}
.inner-content-area{padding: 2rem 1rem;}
.header-inner{display: flex; align-items: center; justify-content: space-between; flex: 1;}
.main-title-top {font-size: 26px; font-weight: bold;}
.left-nav{list-style: none; padding: 0px;}
.left-nav li{padding:0px; margin-bottom:5px;}
.left-nav li a{color: #000; display: inline-block; width: 100%; font-weight: 600; border-radius: 4px; padding: 10px 15px; background: #fff; position:relative;}
.left-nav li.active a{color: #fff; background: #0070D2; position: relative; padding-right: 30px;}
.left-nav li.active a:after {content: "\F0142";  position: absolute;  right: 8px;  font: normal normal normal 32px/1 "Material Design Icons";  top:7px;  font-size: 26px;}
.col-form-label{text-align: right;}
.form-wrap .form-group {display: flex;  flex-wrap: wrap; margin-bottom: 1.5rem;}
.col-form-label {text-align: right;  width: 35%;  padding-right: 15px;}
.field-col {width: 65%;}
.patient-details-tabs .nav-pills {border-bottom: solid 1px #DDDBDA;}
.patient-details-tabs .nav-pills .nav-link{border-radius: 0px; color: #080707 !important; font-size: 15px;}
.patient-details-tabs .nav-pills .nav-link.active {border-bottom: solid 3px #0070D2; background: none; font-weight: bold;}
.table tr td, .table tr th {padding:0.45rem .75rem; color: #515151; font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.table thead th{text-transform: uppercase; font-weight: bold; background: #FAFAF9; border-bottom-width: 1px; border-right: 1px solid #dee2e6;}
.table thead th:last-child{border-right: 0px solid #dee2e6;}
.table tbody tr:hover {background-color:#ECF0FA;}
td .btn-primary {font-size: 13px;}
.title-2 {font-size: 18px;  border-bottom: solid 1px #DCE1EE;  padding-bottom: 10px;  margin-bottom: 2rem; font-weight: 600; width: 100%;}
.title-3 {font-size: 18px; color: #0070D2; font-weight: 600;}
.required{color: red;}
.button-row{padding:15px 0 0 17%;}
.client-info {display: flex; margin-bottom:2rem;}
.client-info .field-col, .client-info .col-form-label {width:auto;}
.client-info .form-group {width:40%; display: flex; flex-wrap: wrap;}
.client-info .field-col{flex: 1;}
.saved-address {margin-bottom: 3rem;}
.save-address-checkbox{padding-left: 17%;}
.payment-info {width: 60%;}
.payment-info .card h4 {margin: 0; font-size: 18px; display: inline-block;}
.saved-card-detail label{font-weight: 600; margin-bottom: 10px;}
.card-logo {margin-right: 8px;}
.card-edit-option {border-top: 1px solid rgba(0,0,0,.125);  padding-top: 1.5rem;  margin-top: 1.5rem;}
.card-edit-option .btn {margin-left: 10px;}
.card-edit-option .btn img {margin-right: 5px;}
.card-detail-form h5{font-size: 15px; margin-bottom: 15px;}
.card-detail-form h5 img{margin-left:2px;}
.card-detail-form {margin-top: 1.2rem;}
.card-logo-list{display: flex;}
.card-logo-list > div{margin-right: 5px;}
.update-payment, .show-edit-option .update-card-row, .payment-info .button-area{display: none;}
.show-edit-option .update-payment, .payment-info.show-edit-option .button-area {display: block;}

.ach-update-payment, .show-edit-option .update-card-row, .ach-payment-info .button-area{display: none;}
.show-edit-option  .ach-update-payment, .ach-payment-info.show-edit-option .button-area {display: block;}

.button-area {margin-top: 1rem;  text-align: right;}
.ach-payment-info .card-header, .payment-info .card-header {display: flex; justify-content: space-between;}
.payment-info .card-header .custom-control, .ach-payment-info .card-header .custom-control  {margin-right: -15px;}
.payment-info .card-header .custom-control-input:checked~.custom-control-label::before {border-color: #23D117; background-color: #23D117;}
.ach-payment-info .card-header .custom-control-input:checked~.custom-control-label::before {border-color: #23D117; background-color: #23D117;}
.payment-info .card-header h4, .ach-payment-info .card-header h4 {padding-right: 15px;}
.sign-out-link{color: #C00000 !important;}

.ach-payment-info {width: 60%;}
.ach-payment-info  .card h4 {
  margin: 0;
  font-size: 18px;
  display: inline-block;
}


.form-content-area{ margin-bottom: 1rem; display: inline-block; width: 100%;}
.glove-steps {padding: 0 0 0px 25px;  margin: 0;  list-style: decimal;}
.glove-steps li {margin-bottom: 10px;}
.glove-table {width:100%;  margin-top: 1rem;  display: inline-block; }
.glove-table th{background: #dadada; padding:5px 15px;}
.glove-table td:first-child{font-weight: bold;}
.act-total {background: #F3F2F2;  padding: 1rem;  border-radius: 4px;  border: solid 1px #dadada;  font-size: 18px;  font-weight: bold;}
.submission-detail-sec{display: inline-block;  width: 100%;  margin-bottom: 2rem;}
.submission-option-detail .title-2 {margin-bottom: 1rem;}
.submission-option-detail .custom-control {margin-bottom: 10px;}
.submission-option-detail textarea.form-control {min-height: 100px;}
.choose-options-sec {display: inline-block;  width: 100%;  margin-bottom:1rem;}

.loading-div{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 99999; display: flex; align-items: center; justify-content: center}
.loading-img{width:70px; }
.small-text{font-size: 13px; font-style: italic;}
.mid-sections{margin-bottom: 1rem; display: inline-block; width: 100%;}
.bio-insurance-sec{margin-bottom: 2rem; display: inline-block; width: 100%; border-bottom: solid 1px #DCE1EE; padding-bottom: 2rem;}
.storage-plan table thead th{text-align: center;}
.storage-plan table thead th:first-child{text-align: left;}
.table tr td .mdi {color: #8bc34a;  font-size: 16px;}
.plan-section-wrap {margin-top: 5px;}


.summary-section-wrap {display: flex; width: 100%;  flex-wrap: wrap;}
.left-section-content {flex: 1; padding-right: 2rem; width: 0;}
.order-summary {width:380px;}
.order-summary-inner{background:#f3f2f2; padding: 1rem; border-radius: 4px; font-size: 16px; position: sticky; top: 0;}
.order-label small{font-size: 14px;}
.order-summary-row {display: flex; justify-content: space-between; padding-bottom:10px;}
.plan-font-size, .order-summary-row h2{font-size: 22px;}
.summary-value{color: #606060; text-align: right ;}
.order-summary-row h2{text-transform: uppercase;}
.pt-40{padding-top:33px;}
.order-label, .total-price .summary-value{font-weight:600;}
.total-price .order-label{font-weight:normal;}
.order-summary-row.total-price {border-top: solid 1px #dddbda;  padding-top: 1rem;  margin-top: 1rem;}
.order-summary-row.total-saving {background: #0070d2;  border-radius: 4px;  align-items: center;  padding: 10px 15px;  color: #fff;}
.order-summary-row.total-saving .summary-value {color: #fff;  font-weight: 600;}

.mob-nav {
  margin-right: 1rem;
  display: none;
}


.settings-dropdown{
  margin-right: 1rem;
  display: none;
  /* border-bottom: 1px solid rgb(19, 18, 18); */
}

.alert-link-new {
  text-decoration: underline !important;
  font-weight: 700;
  color:#856404;
}

.qty {
  width: 40px;
  height: 34px;
  text-align: center;
  margin: 8px 3px;
  vertical-align: middle;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}
input.qtyplus { width:25px; height:25px;}
input.qtyminus { width:25px; height:25px;}