/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,800&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* You can add global styles to this file, and also import other style files */
/* -------common--------- */
/* -------abstracts--------- */
/********  Approval Status Buttons *********/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}
.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}
.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}
.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}
.ng-select .ng-has-value .ng-placeholder{display:none}
.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}
.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}
.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}
[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}
.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}
.ng-select.ng-select-single .ng-select-container{height:36px}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}
.ng-select .ng-clear-wrapper{color:#999}
.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}
.ng-select .ng-spinner-zone{padding:5px 5px 0 0}
[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}
.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}
[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}
.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}
.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}
.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}
.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}
.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}
.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}
[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
@media (min-width: 1920px) {
  .notifications-list-admin-container {
    max-height: 275px !important;
  }
  .notifications-list-admin-container .no-records-available {
    min-height: 275px;
  }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .upload-document-tab-wrapper .document-select-wrapper .tbt-inline-form > .custom-select {
    width: 150px;
    padding-left: 10px;
    font-size: 11px;
  }
  .document-select-wrapper .document-list-form .tbt-inline-form .add-document-wrap {
    padding: 0;
  }
  .highcharts-figure-fc .highcharts-legend > div {
    clip: auto !important;
  }
  .highcharts-figure-fc g.highcharts-legend > g {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .document-upload-right-wrapper .document-select-wrapper > .document-list-form {
    flex-direction: column;
    align-items: flex-start;
  }
  .document-upload-right-wrapper .document-select-wrapper > .document-list-form .tbt-inline-form {
    margin-bottom: 10px;
  }
  .fc-operations-page-wrapper > .page-heading-wrapper {
    margin-bottom: 35px !important;
  }
  .nav-tabs.custom-nav-tabs > .nav-item > .nav-link {
    font-size: 10px;
  }
  .infusion-table-wrapper {
    min-width: 400px;
    overflow-x: auto;
  }
  .tab-pane .scrollable-form-wrapper {
    min-height: calc(100vh - 219px);
    max-height: calc(100vh - 220px);
  }
  .patients-list-table > thead > tr > th {
    width: auto !important;
    font-size: 10px;
    font-weight: 400;
  }
  .patients-list-table > tbody > tr > td .tbt-status {
    min-width: auto;
  }
  .add-patients-details-form .tbt-btn-calendar-picker {
    position: absolute;
    top: 0;
  }
  .highcharts-figure-fc .highcharts-legend > div {
    clip: auto !important;
  }
  .highcharts-figure-fc g.highcharts-legend > g {
    display: none !important;
  }
  .tbt-dashboard-page-wrapper .row.dashboard-add-filter > .col-4 > .selected-filter > p {
    font-size: 10px;
  }
  .signup-bg-wrapper .login-wrapper .sign-up-card {
    width: 93%;
    display: block;
    margin-left: auto;
  }
  .signup-bg-wrapper .login-wrapper .sign-up-card .tbt-card-body-register.card-body {
    padding: 1.875rem;
  }
  .live-dashboard-page-wrapper .filters-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    max-width: 150px !important;
  }
  .report-page-wrapper .filters-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    max-width: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header-wrapper .tbt-navbar .navbar-nav .nav-item {
    margin-right: unset !important;
  }
  .report-wrapper .right-btn-group {
    text-align: right;
  }
  .report-wrapper .right-btn-group .generate-report-btn {
    margin-top: -70px;
  }
  .tbt-dashboard-page-wrapper .selected-filter {
    background-color: #ffe8de !important;
    min-height: none !important;
    max-height: none !important;
  }
  .admin-details-card {
    padding: 16px !important;
    height: unset !important;
    max-height: unset !important;
  }
  .dashboard-add-filter .ng-select.tbt-ng-select-primary.tbt-ng-select-sm .ng-select-container .ng-value-container .ng-placeholder {
    padding-right: 13px;
  }
}
@media (min-width: 772px) and (max-width: 991.98px) {
  .medium-vp {
    margin-top: 16px;
  }
}
/* -------Base--------- */
@font-face {
  font-family: "Roche Sans Light";
  src: url('RocheSans-Light.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Sans Light Condensed";
  src: url('RocheSansCondensed-Light.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Sans Medium";
  src: url('RocheSans-Medium.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Sans Regular";
  src: url('RocheSans-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Sans Regular Condensed";
  src: url('RocheSansCondensed-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Sans Bold";
  src: url('RocheSans-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Serif Light";
  src: url('RocheSerif-Light.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Serif Light Italic";
  src: url('RocheSerif-LightItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Serif Regular";
  src: url('RocheSerif-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Serif Bold";
  src: url('RocheSerif-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "Roche Serif Bold Italic";
  src: url('RocheSerif-BoldItalic.ttf') format("truetype");
}
* {
  box-sizing: inherit;
  outline: 0;
}
html {
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
}
body {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 18px;
  font-family: "Roche Sans Regular", sans-serif;
  height: 100%;
  overflow-x: hidden;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.dosage-btn[disabled] {
  opacity: 0.3;
}
.report-table-accordion .bg-info {
  background-color: white !important;
}
.report-table-accordion .bg-info .btn-link {
  box-shadow: none;
}
.report-table-accordion .collapse .card-body {
  padding: 0;
}
.tbt-tree-backdrop-right {
  background-image: url('tree-backdrop.png');
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: auto 50vh;
}
.light-blue-bg {
  background-color: rgba(12, 52, 153, 0.05);
}
.addCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container {
  max-height: 208px;
  overflow-y: auto;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.addCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar {
  height: 8px;
  width: 7px;
  background-color: white;
}
.addCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.addCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.addCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.addCouponForm .innerTableWrapper td:nth-child(3) {
  width: 360px;
}
.addCouponForm .innerTableWrapper td:nth-child(3) .ng-select-multiple {
  width: inherit;
}
.editCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container {
  max-height: 208px;
  overflow-y: auto;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.editCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar {
  height: 8px;
  width: 7px;
  background-color: white;
}
.editCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.editCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.editCouponForm .innerTableWrapper .ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.editCouponForm .innerTableWrapper td:nth-child(2) {
  width: 85px;
}
.editCouponForm .innerTableWrapper td:nth-child(3) {
  width: 220px;
}
.editCouponForm .innerTableWrapper td:nth-child(4) {
  width: 320px;
}
.editCouponForm .innerTableWrapper td:nth-child(5) {
  width: 320px;
}
.cursor-pointer {
  cursor: pointer !important;
}
.doc-img-ht {
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #dbd6d1 !important;
}
.ng-select.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #ddd !important;
  color: #898481 !important;
}
.quetionary-wrapper {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  border: 1px solid #f5f5f2;
  padding: 20px;
}
.quetionary-wrapper h3 {
  font-family: "Roche Sans Medium", sans-serif !important;
  font-size: 22px;
  font-weight: 500;
  color: #0c3499;
  line-height: 30px;
  margin-bottom: 16px;
}
.quetionary-wrapper h4 {
  font-family: "Roche Sans Medium", sans-serif !important;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  line-height: 18px;
  margin-bottom: 10px;
}
.quetionary-wrapper p {
  font-family: "Roche Sans Regular", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  color: #706b69;
  line-height: 18px;
  margin-bottom: 20px;
}
.service-text h1 {
  font-family: "Roche Sans Bold", sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  color: #0c3499;
  line-height: 22px;
  margin-bottom: 8px;
}
.service-text p {
  font-family: "Roche Sans Regular", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 18px;
}
.right-badge-section button {
  padding: 0;
}
.right-badge-section button img {
  width: 22px;
}
.right-badge-section label {
  margin-left: 10px;
}
.tbt-patient-terms-popup .modal-body-wrapper {
  height: calc(80vh - 200px);
  overflow: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.tbt-patient-terms-popup .modal-body-wrapper::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: white;
}
.tbt-patient-terms-popup .modal-body-wrapper::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.tbt-patient-terms-popup .modal-body-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.tbt-patient-terms-popup .modal-body-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
@font-face {
  font-family: "tbt-icons";
  src: url('tbt-icons.ttf?mhtk68') format("truetype"), url('tbt-icons.woff?mhtk68') format("woff"), url('tbt-icons.svg?mhtk68#tbt-icons') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.tbt-i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tbt-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tbt-i-stethoscope::before {
  content: "\e90b";
}
.tbt-i-info-circle-outline::before {
  content: "\e915";
}
.tbt-i-plus-circle-outline::before {
  content: "\e912";
}
.tbt-i-vas-outline::before {
  content: "\e908";
}
.tbt-i-exception-outline::before {
  content: "\e909";
}
.tbt-i-orders-outline::before {
  content: "\e90a";
}
.tbt-i-report-outline::before {
  content: "\e906";
}
.tbt-i-user-permission-outline::before {
  content: "\e907";
}
.tbt-i-service-list-outline::before {
  content: "\e904";
}
.tbt-i-service-request-outline::before {
  content: "\e905";
}
.tbt-i-dashboard-outline::before {
  content: "\e900";
}
.tbt-i-info-hexagon-outline::before {
  content: "\e901";
}
.tbt-i-patients-outline::before {
  content: "\e902";
}
.tbt-i-question-circle-outline::before {
  content: "\e903";
}
.tbt-i-action-solid::before {
  content: "\e913";
}
.tbt-i-hco-solid::before {
  content: "\e914";
}
.tbt-i-coupon-solid::before {
  content: "\e911";
}
.tbt-i-document-text-solid::before {
  content: "\e90c";
}
.tbt-i-comments-solid::before {
  content: "\e910";
}
.tbt-i-clipboard-activity-solid::before {
  content: "\e90d";
}
.tbt-i-detail-card-solid::before {
  content: "\e90e";
}
.tbt-i-give-pill-solid::before {
  content: "\e90f";
}
.page-heading-wrapper {
  margin: 24px 0 16px 0;
}
.page-heading-wrapper h1.heading {
  font-family: "Roche Sans Light", sans-serif;
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 34px;
  color: #222;
  margin-bottom: 0;
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-heading-wrapper .heading-wrapper {
  margin-bottom: 0;
}
.page-heading-wrapper .heading-wrapper .heading {
  margin-bottom: 0;
}
.sub-heading-wrapper h3.heading,
.sub-heading-wrapper .tbt-section-heading,
.heading-action-wrapper h3.heading,
.heading-action-wrapper .tbt-section-heading,
.page-wrapper h3.heading,
.page-wrapper .tbt-section-heading {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 16px;
  line-height: normal;
  color: #2b3990;
  margin-bottom: 14px;
  font-weight: 600;
}
.sub-heading-wrapper h3.heading.pap-title,
.sub-heading-wrapper .tbt-section-heading.pap-title,
.heading-action-wrapper h3.heading.pap-title,
.heading-action-wrapper .tbt-section-heading.pap-title,
.page-wrapper h3.heading.pap-title,
.page-wrapper .tbt-section-heading.pap-title {
  color: #01b1af;
}
.heading-action-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.heading-action-wrapper .heading.w-title-seperator {
  padding-right: 1.25rem;
  position: relative;
}
.heading-action-wrapper .heading.w-title-seperator::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #aeaaae;
}
.action-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 36px;
  margin-bottom: 36px;
  align-items: center;
}
.heading-description {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #979797;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  margin-top: 4px;
}
.tbt-section-heading {
  font-family: "Roche Sans Light", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  margin-bottom: 24px;
}
.tbt-section-heading .right-section {
  font-family: "Roche Sans Light", sans-serif;
  padding-left: 150px;
  font-size: 14px;
  color: #0c3499;
}
.tbt-section-heading .right-section-edit {
  font-family: "Roche Sans Light", sans-serif;
  padding-left: 280px;
  font-size: 14px;
  color: #0c3499;
}
.tbt-section-heading .right-section-add-new {
  font-family: "Roche Sans Light", sans-serif;
  padding-left: 535px;
  font-size: 14px;
  color: #0c3499;
}
.tbt-section-heading .right-section-update {
  font-family: "Roche Sans Light", sans-serif;
  padding-left: 140px;
  font-size: 14px;
  color: #0c3499;
}
.tbt-section-heading .right-section-add-new-distributor {
  font-family: "Roche Sans Light", sans-serif;
  padding-left: 165px;
  font-size: 14px;
  color: #0c3499;
}
.tbt-form-section {
  font-family: "Roche Sans Light", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #706b69;
  margin-bottom: 16px;
}
.tbt-form-section:last-child {
  margin-bottom: 0;
}
.tbt-form-subsection {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin-bottom: 12px;
}
.tbt-text-primary {
  color: #0c3499;
}
.tbt-text-purple {
  color: #2b3990;
}
.tbt-text-green {
  color: #38c47d;
}
.tbt-text-red {
  color: #fc5738;
}
.tbt-text-purple-2 {
  color: #680b9f;
}
.rating-section .rating-wrapper .sr-only {
  display: none;
}
.rating-section .rating-wrapper span {
  color: #0c3499;
  font-size: 20px;
  padding-right: 18px;
}
.rating-section .rating-wrapper .rating-question {
  margin-bottom: 15px;
  margin-top: 20px;
}
.rating-section .rating-wrapper .rating-spacing {
  margin-bottom: 10px;
}
.tbt-heading-wrapper h1.heading {
  font-family: "Roche Sans Light", sans-serif !important;
  font-size: 3.5rem;
  line-height: 1.45;
}
@media (min-width: 992px) {
  .tbt-heading-wrapper h1.heading {
    font-size: 5.5rem;
  }
}
.tbt-heading-wrapper .heading-description {
  font-family: "Roche Sans Light", sans-serif !important;
  color: #212529;
}
@media (min-width: 992px) {
  .tbt-heading-wrapper .heading-description {
    font-size: 1.25rem;
  }
}
.tbt-content-wrapper * {
  font-family: "Roche Sans Light", sans-serif !important;
}
.tbt-side-content {
  font-size: 1.25rem;
  line-height: 1.43;
}
.tbt-side-content .tbt-section-title {
  font-size: 3rem;
}
.tbt-ff-light {
  font-family: "Roche Sans Light", sans-serif !important;
}
.tbt-ff-regular {
  font-family: "Roche Sans Regular", sans-serif !important;
}
.tbt-ff-medium {
  font-family: "Roche Sans Medium", sans-serif !important;
}
.tbt-ff-bold {
  font-family: "Roche Sans Bold", sans-serif !important;
}
.tbt-sub-title {
  font-size: 20px;
  color: #333;
  font-weight: 500;
  font-family: "Roche Sans Medium", sans-serif;
}
.tbt-sub-title img {
  width: 18px;
}
.tbt-sub-title span.tbt-status {
  width: 32px;
  height: 32px;
  font-weight: 600;
  font-size: 16px;
}
.tbt-card-headings {
  align-self: center;
}
.tbt-card-headings > .tbt-patient-dashboard-headers {
  font-style: normal;
  font-size: 18px;
  color: #2b3990;
  font-weight: 600;
  margin-bottom: 0;
}
.tbt-card-headings > .tbt-profile-text {
  font-style: normal;
  font-size: 14px;
  color: #605d62;
  font-weight: 400;
}
.tbt-patient-web {
  font-family: "Roche Sans Regular", sans-serif !important;
}
.tbt-patient-web * {
  font-family: "Roche Sans Regular", sans-serif !important;
}
.service-icon-wrapper {
  display: flex;
  margin-bottom: 20px;
}
.service-icon-wrapper > .service-icon {
  padding-right: 12px;
}
.service-icon-wrapper > .card-title-diagrams {
  margin-bottom: 0;
}
.tbt-text-body {
  color: #0c3499 !important;
}
.tbt-text-body:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.tbt-rounded-xl {
  border-radius: 1.25rem;
}
.tbt-fw-100 {
  font-weight: 100;
}
.tbt-fw-200 {
  font-weight: 200;
}
.tbt-fw-300 {
  font-weight: 300;
}
.tbt-fw-400 {
  font-weight: 400;
}
.tbt-fw-500 {
  font-weight: 500;
}
.tbt-fw-600 {
  font-weight: 600;
}
.tbt-fw-700 {
  font-weight: 700;
}
.tbt-fw-800 {
  font-weight: 800;
}
.tbt-fw-900 {
  font-weight: 900;
}
ol.tbt-list-lower-alpha {
  list-style-type: lower-alpha;
}
ol.tbt-list-lower-roman {
  list-style-type: lower-roman;
}
.tbt-text-grey-6 {
  color: #bdbdbd !important;
}
.tbt-text-small {
  font-size: 12px !important;
}
.tbt-bg-primary {
  background-color: #0c3499 !important;
}
.tbt-border-primary {
  border-color: #0c3499 !important;
}
.tbt-bg-grad {
  background: linear-gradient(94.23deg, #0c3499 0.77%, #7d0096 105.09%);
}
/* -------Vendors------ */
.dp1 .focDates .myDpDayValue,
.tbt-myDp-map-dot.tbt-myDp-map-dot-foc {
  background: #189dfe;
  background: linear-gradient(126.23deg, #007ac3 -2.97%, #189dfe 48.03%, #007ac3 104.63%);
}
.tbt-angular-mydatepicker-input {
  width: 0;
  height: 0;
  display: inherit;
  position: absolute;
}
.tbt-angular-mydatepicker-input.tbt-angular-mydatepicker-show-disabled ~ lib-angular-mydatepicker-calendar .myDpDisabled,
.tbt-angular-mydatepicker-input.tbt-angular-mydatepicker-show-disabled ~ lib-angular-mydatepicker-calendar .myDpDisabled:not(.myDpDisabled),
.tbt-angular-mydatepicker-input.tbt-angular-mydatepicker-show-disabled ~ lib-angular-mydatepicker-calendar .myDpDisabled:not(.myDpNextMonth) {
  background-image: none;
  color: #7b7e8a !important;
}
.tbt-angular-mydatepicker-input.tbt-angular-mydatepicker-show-disabled.tbt-angular-mydatepicker-np-month-hidden ~ lib-angular-mydatepicker-calendar .myDpPrevMonth,
.tbt-angular-mydatepicker-input.tbt-angular-mydatepicker-show-disabled.tbt-angular-mydatepicker-np-month-hidden ~ lib-angular-mydatepicker-calendar .myDpNextMonth {
  visibility: hidden;
  opacity: 0;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMarkDate {
  top: 6px;
  bottom: 6px;
  left: 7px;
  right: 7px;
  border: 0 !important;
  box-shadow: 0 0 0 2px #f2d4ff inset;
  z-index: 0;
  border-radius: 4px;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMarkDate + .myDpDayValue {
  position: relative;
  z-index: 1;
  color: #4e515b;
  font-weight: 600;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMonthYearSelBar {
  margin-bottom: 0.5rem;
  background: #0c3499;
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  border-radius: 5px;
  height: auto;
  padding: 5px 0;
  align-items: center;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMonthYearSelBar .myDpNextBtn .myDpHeaderBtn,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMonthYearSelBar .myDpPrevBtn .myDpHeaderBtn {
  color: white;
  height: 20px;
  width: 20px;
  border-radius: 50rem;
  line-height: 20px;
  background-color: rgba(255, 255, 255, 0.22);
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpSelector {
  border: 0;
  padding: 0 !important;
  margin-left: auto;
  margin-right: auto;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpSelector .myDpIconLeftArrow::before,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpSelector .myDpIconRightArrow::before {
  display: inline-block;
  line-height: 1;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpSelector .myDpIconLeftArrow::before {
  content: url('data:image/svg+xml,%3csvg width="7" height="12" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M7.0299 1.34315L1.37305 7L7.0299 12.6569" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e') !important;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpSelector .myDpIconRightArrow::before {
  content: url('data:image/svg+xml,%3csvg width="7" height="12" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M1.34315 1.34315L7 7L1.34315 12.6569" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e') !important;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpSelector .myDpMonthBtn,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpSelector .myDpYearBtn {
  color: white !important;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpHeaderBtnEnabled.myDpIconLeftArrow:hover::before {
  content: url('data:image/svg+xml,%3csvg width="7" height="12" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M7.0299 1.34315L1.37305 7L7.0299 12.6569" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e') !important;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpHeaderBtnEnabled.myDpIconRightArrow:hover::before {
  content: url('data:image/svg+xml,%3csvg width="7" height="12" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M1.34315 1.34315L7 7L1.34315 12.6569" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e') !important;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpDayValue {
  display: inline-block;
  height: 24px;
  width: 24px;
  padding: 3px 0;
  border-radius: 4px;
  vertical-align: -webkit-baseline-middle;
  line-height: 20px;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMarkCurrDay {
  border: 0;
  color: #4e515b;
  font-weight: 600;
}
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .dp1 .focDates .myDpDayValue,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .dp1 .paidDates .myDpDayValue,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .dp1 .vasDates .myDpDayValue,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .dp1 .focPaidDates .myDpDayValue,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .dp1 .focVasDates .myDpDayValue,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .dp1 .paidVasDates .myDpDayValue,
.tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .dp1 .focPaidVasDates .myDpDayValue {
  padding: 3px 0;
  color: white;
}
.tbt-angular-mydatepicker-color-map {
  margin-top: 1.75rem;
  font-size: 12px;
  font-weight: 500;
  color: #757d88;
}
.tbt-myDp-map-dot {
  display: inline-block;
  margin-right: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50rem;
  vertical-align: unset;
}
.dp1 .paidDates .myDpDayValue,
.tbt-myDp-map-dot.tbt-myDp-map-dot-paid {
  background-color: #0b936f;
}
.dp1 .vasDates .myDpDayValue,
.tbt-myDp-map-dot.tbt-myDp-map-dot-vas {
  background-color: #f08b0a;
}
.dp1 .focPaidDates .myDpDayValue,
.tbt-myDp-map-dot.tbt-myDp-map-dot-foc-paid {
  background: linear-gradient(136deg, #007ac3 0%, #007ac3 50%, #0b936f 51%, #0b936f 100%);
}
.dp1 .focVasDates .myDpDayValue,
.tbt-myDp-map-dot.tbt-myDp-map-dot-foc-vas {
  background: linear-gradient(136deg, #007ac3 0%, #007ac3 50%, #f08b0a 51%, #f08b0a 100%);
}
.dp1 .paidVasDates .myDpDayValue,
.tbt-myDp-map-dot.tbt-myDp-map-dot-paid-vas {
  background: linear-gradient(136deg, #0b936f 0%, #0b936f 50%, #f08b0a 51%, #f08b0a 100%);
}
.dp1 .focPaidVasDates .myDpDayValue,
.tbt-myDp-map-dot.tbt-myDp-map-dot-foc-paid-vas {
  background: linear-gradient(136deg, #007ac3 0%, #007ac3 33%, #0b936f 33%, #0b936f 66%, #f08b0a 66%, #f08b0a 100%);
}
.tbt-myDp-map-dot.tbt-myDp-map-dot-curr-day {
  background-color: #f2d4ff;
  box-shadow: 0 0 0 0.5px #cf5fff inset;
}
.tbt-myDp-form-control ~ lib-angular-mydatepicker-calendar .myDpSelectorArrowLeft::before,
.tbt-myDp-form-control ~ lib-angular-mydatepicker-calendar .myDpSelectorArrowLeft::after {
  left: auto !important;
  right: 24px;
}
.tbt-myDp-form-control ~ lib-angular-mydatepicker-calendar .myDpSelector {
  left: auto !important;
  right: 0;
}
.block-ui-wrapper .block-ui-spinner {
  top: 50% !important;
}
.block-ui-spinner,
.block-ui-template {
  top: 50% !important;
}
.patient-summary-calendar-card ngb-datepicker {
  border: none !important;
  width: 100%;
}
ngb-datepicker .ngb-dp-arrow .ngb-dp-arrow-btn {
  box-shadow: none !important;
}
ngb-datepicker .ngb-dp-arrow .ngb-dp-arrow-btn .ngb-dp-navigation-chevron {
  color: #0c3499 !important;
}
ngb-datepicker .ngb-dp-day,
ngb-datepicker .ngb-dp-week-number,
ngb-datepicker .ngb-dp-weekday {
  height: 38px !important;
  width: 38px !important;
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 14px !important;
  line-height: 20px !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
ngb-datepicker .ngb-dp-week {
  text-align: center !important;
}
ngb-datepicker .ngb-dp-weekdays {
  font-family: "Roche Sans Regular", sans-serif;
  color: #c2bab5 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-style: normal !important;
}
.custom-day {
  text-align: center;
  padding: 0.185rem 0.25rem;
  border-radius: 0.25rem;
  display: inline-block;
  width: 2rem;
  height: 30px;
  line-height: 22px;
}
.custom-day:hover,
.custom-day.focused {
  background-color: none;
}
.highlight-dates {
  background-color: #0c3499 !important;
  border-radius: 3rem;
  color: white;
  cursor: auto;
  padding: 0.3rem;
}
.hidden {
  display: none;
}
.datepicker-wrapper ngb-datepicker {
  min-height: 284px;
  max-height: 285px;
}
.myDpSelector {
  padding: 8px !important;
  left: 0px !important;
}
.myDpSelector * {
  font-family: "Roche Sans Regular", sans-serif !important;
}
.myDpSelector .myDpMonthBtn,
.myDpSelector .myDpYearBtn {
  font-size: 14px !important;
  line-height: 18px !important;
  color: #1a141f !important;
}
.myDpSelector .myDpMonthBtn:hover,
.myDpSelector .myDpYearBtn:hover {
  color: #0c3499 !important;
}
.myDpSelector .myDpWeekDayTitle {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #aba7af !important;
}
.myDpSelector .myDpDaycell {
  font-size: 14px !important;
  line-height: 17px !important;
  border-radius: 50px !important;
}
.myDpSelector .myDpDaycell.myDpPrevMonth {
  color: #aba7af !important;
}
.myDpSelector .myDpDaycell.myDpCurrMonth {
  color: #1a141f !important;
}
.myDpSelector .myDpDaycell.myDpSelectedDay {
  color: white !important;
  background-color: #0c3499 !important;
}
.myDpSelector .myDpIconLeftArrow::before {
  content: url('left-arrow-blue.svg') !important;
}
.myDpSelector .myDpIconRightArrow::before {
  content: url('right-arrow-blue.svg') !important;
}
.date-range-wrapper .form-control {
  background: #fff !important;
}
.highcharts-figure .highcharts-title {
  left: 0 !important;
  right: 0;
  display: flex !important;
  width: 100% !important;
  justify-content: center;
}
.highcharts-figure .highcharts-title .left-lagend,
.highcharts-figure .highcharts-title .right-lagend {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center;
}
.highcharts-figure .highcharts-title .left-lagend {
  flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
}
.highcharts-figure .highcharts-title .right-lagend {
  flex: 0 0 calc(50% - 20px);
  max-width: calc(50% - 20px);
}
.highcharts-figure.highcharts-figure-fc .highcharts-title {
  width: 38% !important;
  flex-direction: column;
  text-align: center;
  margin-top: 4% !important;
}
.app-pie-chart-fc .highcharts-legend {
  top: 155px !important;
  left: 350px !important;
}
.app-pie-chart-fc .highcharts-legend-item .highcharts-point {
  display: none !important;
}
.app-pie-chart-fc .highcharts-legend-item > span {
  width: 156px !important;
  height: 60px !important;
  padding-left: 12px;
  font-weight: normal !important;
  font-size: 14px;
  line-height: 20px;
  color: #4e5969 !important;
}
.app-pie-chart-fc .highcharts-legend-item > span b {
  color: #1d2129 !important;
}
.app-pie-chart-fc .highcharts-legend-item > span::before {
  content: "";
  width: 4px;
  height: 40px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  left: 0;
}
.app-pie-chart-fc .highcharts-legend-item.highcharts-color-0 span::before {
  background-color: #165dff;
}
.app-pie-chart-fc .highcharts-legend-item.highcharts-color-1 span::before {
  background-color: #165dff;
}
.app-pie-chart-fc .highcharts-legend-item.highcharts-color-2 span::before {
  background-color: #00b458;
}
.app-pie-chart-fc .highcharts-legend-item.highcharts-color-3 span::before {
  background-color: #ffc700;
}
.app-pie-chart-fc .highcharts-legend-item.highcharts-color-4 span::before {
  background-color: #7239ea;
}
.app-pie-chart-fc .highcharts-legend-item.highcharts-color-5 span::before {
  background-color: #0fc6c2;
}
.post-enrolment .highcharts-figure .highcharts-legend .highcharts-legend-item span {
  height: 40px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #1d2129 !important;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item .highcharts-point {
  display: none !important;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item span {
  height: 40px !important;
  font-size: 12px !important;
  line-height: 22px !important;
  color: #4e5969 !important;
  padding-left: 10px;
  font-weight: normal !important;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item span b {
  color: #1d2129 !important;
  font-size: 16px !important;
  line-height: 28px !important;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item span::before {
  content: "";
  width: 4px;
  height: 25px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  left: 0;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item.highcharts-color-0 span::before {
  background-color: #00b458;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item.highcharts-color-1 span::before {
  background-color: #165dff;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item.highcharts-color-2 span::before {
  background-color: #ffc700;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item.highcharts-color-3 span::before {
  background-color: #9b2f9d;
}
.foc-delivery .highcharts-figure .highcharts-legend .highcharts-legend-item.highcharts-color-4 span::before {
  background-color: #9d562f;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend {
  left: 75px !important;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item .highcharts-point {
  display: none !important;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item span {
  font-size: 12px !important;
  line-height: 22px !important;
  color: #4e5969 !important;
  padding-left: 12px;
  height: 35px;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item span::before {
  content: "";
  width: 4px;
  height: 25px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  left: 0;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item span b {
  font-size: 14px !important;
  color: #1d2129 !important;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item.highcharts-color-0 span::before {
  background-color: #00b458;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item.highcharts-color-1 span::before {
  background-color: #d91ad9;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item.highcharts-color-2 span::before {
  background-color: #165dff;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item.highcharts-color-3 span::before {
  background-color: #ffc700;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item.highcharts-color-4 span::before {
  background-color: #9b2f9d;
}
.tc-dashboard-page-wrapper .app-pie-chart .highcharts-legend-item.highcharts-color-5 span::before {
  background-color: #0fc6c2;
}
.admin-dashboard-page-wrapper .highcharts-figure .highcharts-legend-item .highcharts-point {
  padding-top: 20px !important;
  margin-top: 20px !important;
  top: 50px !important;
}
.admin-dashboard-page-wrapper .highcharts-figure .highcharts-legend-item span {
  font-size: 12px !important;
  line-height: 22px !important;
  color: #4e5969 !important;
  height: 25px !important;
}
.foc-delivery-chart .highcharts-legend-item span {
  top: -3px !important;
}
.highcharts-legend .highcharts-legend-item span {
  font-size: 12px !important;
  color: #1d2129 !important;
  font-weight: 400 !important;
  font-family: "Roche Sans Regular", sans-serif !important;
}
.highcharts-tooltip {
  position: relative;
  box-shadow: 0 0 3px #000;
}
.highcharts-tooltip span {
  font-size: 12px !important;
}
.highcharts-tooltip span b {
  color: #0b41cd;
  font-weight: 400;
}
.highcharts-tooltip span span {
  color: black;
  font-weight: 700;
}
.ng-select {
  cursor: pointer;
  font-size: 12px;
}
.required-asterisk .ng-select.error-field .ng-select-container, .required-asterisk .ng-select.ng-touched.ng-invalid .ng-select-container {
  border-color: #ff1f26;
}
.ng-select.error-field .ng-select-container {
  border-color: #ff1f26;
}
.ng-select .ng-select-container {
  min-height: 34px;
  border-color: #dbd6d1;
}
.ng-select .ng-select-container .ng-input > input,
.ng-select .ng-select-container .ng-value-container .ng-input > input {
  cursor: pointer !important;
  font-weight: 600;
}
.ng-select.ng-select-single .ng-select-container {
  height: auto;
  min-height: 34px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-left: 0.5rem;
}
.ng-select .ng-select-container .ng-value-container {
  padding-left: 0.5rem;
  padding-right: 0.25rem;
}
.ng-select .ng-arrow-wrapper {
  width: 1rem;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  margin-bottom: 0.25rem;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: auto;
}
.ng-select .ng-clear-wrapper .ng-clear {
  vertical-align: middle;
}
.ng-select.tbt-ng-select--primary.tbt-ng-select-sm .ng-select-container {
  height: auto;
  min-height: 34px;
}
.ng-select.tbt-ng-select--primary .ng-select-container {
  background-color: #0c3499;
}
.ng-select.tbt-ng-select--primary .ng-select-container .ng-value-container .ng-placeholder,
.ng-select.tbt-ng-select--primary .ng-select-container .ng-value-container .ng-input > input,
.ng-select.tbt-ng-select--primary .ng-select-container .ng-value-container .ng-value .ng-value-label {
  color: #fff !important;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.ng-select.tbt-ng-select--primary.ng-select-multiple .ng-select-container .ng-value .ng-value-label {
  color: #0c3499 !important;
}
.ng-select.tbt-ng-select--primary.filter-select .ng-arrow-wrapper {
  background-image: url('filter-icon.svg') !important;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  background-color: #0c3499;
}
.ng-select.tbt-ng-select--primary.filter-select .ng-arrow-wrapper .ng-arrow {
  border: none !important;
}
.ng-select.tbt-ng-select--primary.filter-select .ng-select-container {
  padding-right: 15px;
}
.ng-select.tbt-ng-select--primary.filter-select .ng-select-container .ng-value-container {
  padding-left: 1.25rem;
}
.ng-select.tbt-ng-select--primary.sub-filter-1 .ng-select-container {
  padding-right: 15px;
}
.ng-select.tbt-ng-select--primary.sub-filter-1 .ng-select-container .ng-value-container {
  padding-left: 1.25rem;
}
.ng-select.tbt-ng-select--doctype-select {
  width: 300px;
}
.ng-select.tbt-ng-select--has-icon .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 1rem;
}
.ng-select .tbt-ng-select__option-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  object-position: center center;
  margin-right: 0.375rem;
  vertical-align: middle;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  font-size: 12px !important;
  font-weight: 600;
  vertical-align: middle;
}
.select-dropdownFix .ng-select {
  height: 36px;
  padding: 0;
}
.select-dropdownFix .ng-select .ng-select-container {
  border: transparent;
}
.tbt-swal-container .swal2-popup {
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(62, 19, 77, 0.47);
}
.tbt-swal-container .swal2-icon {
  margin-bottom: 1rem;
}
.tbt-swal-container .swal2-icon .tbt-swal2-success {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url('alert-success.gif');
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.tbt-swal-container .swal2-header {
  margin-bottom: 12px;
}
.tbt-swal-container .swal2-header .swal2-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #133ca4;
  margin-bottom: 0;
}
.tbt-swal-container .swal2-content {
  font-size: 14px;
  font-weight: 500;
  color: #4b3a5a;
}
.tbt-swal-container .swal2-actions {
  margin-bottom: 14px;
}
.tbt-swal-container .swal2-actions button {
  min-width: 122px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 992px) {
  .tbt-swal-container .swal2-actions button {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
.tbt-swal-container.swal2-container.swal2-backdrop-show, .tbt-swal-container.swal2-container.swal2-noanimation {
  background-color: rgba(0, 0, 0, 0.55);
}
.tbt-swal-form-container .swal2-popup {
  width: 455px;
}
.tbt-swal-form-container .swal2-header {
  padding-left: 0;
}
.tbt-swal-form-container .swal2-header .swal2-title {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}
.tbt-swal-form-container .swal2-content {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.tbt-swal-form-container .swal2-html-container {
  font-family: "Roche Sans Light", sans-serif;
  color: #979797;
}
.tbt-swal-form-container .swal2-actions {
  justify-content: space-between;
  margin-top: 0;
  align-items: center;
}
.tbt-swal-form-container .swal2-actions button {
  font-family: "Roche Sans Light", sans-serif;
  margin: 0;
}
.tbt-swal-form-container .swal2-actions .swal2-cancel {
  width: inherit;
  font-family: "Roche Sans Regular", sans-serif;
  color: #2b3990;
  letter-spacing: 0.02em;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: none;
}
.assign-tl-sweetalert {
  width: 445px !important;
  padding: 24px !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(62, 19, 77, 0.47) !important;
}
.assign-tl-sweetalert .swal2-header {
  padding: 0;
  justify-content: start;
  flex-direction: row;
}
.assign-tl-sweetalert .swal2-header .swal2-title {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 0 !important;
}
.assign-tl-sweetalert .swal2-header .swal2-content {
  font-weight: 300;
  font-size: 14px;
}
.assign-tl-sweetalert .swal2-content {
  padding: 0;
}
.assign-tl-sweetalert .swal2-select {
  margin: 0 !important;
  font-size: 14px;
  border: 1px solid #c2bab5;
  border-radius: 4px;
  padding: 8px;
  background-image: linear-gradient(45deg, transparent 50%, #0c3499 50%), linear-gradient(135deg, #0c3499 50%, transparent 50%);
  background-position: calc(100% - 1.0625rem) 0.9375rem, calc(100% - 0.75rem) 0.9375rem, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  padding-right: 2rem;
  -webkit-appearance: none;
}
.assign-tl-sweetalert .swal2-html-container {
  padding-top: 4px;
  text-align: left;
  color: #c2bab5 !important;
}
.assign-tl-sweetalert .swal2-input-label {
  display: block;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 5px;
}
.assign-tl-sweetalert .swal2-actions {
  justify-content: space-between !important;
  margin-top: 32px;
}
.assign-tl-sweetalert .swal2-actions .swal2-confirm {
  order: 2;
  width: 150px;
  color: #2b3990;
  border: 1px solid #0c3499 !important;
  background: none !important;
}
.assign-tl-sweetalert .swal2-actions .swal2-cancel {
  border: none !important;
  background-color: unset !important;
  color: #2b3990 !important;
  letter-spacing: 0.02em;
  text-decoration-line: underline !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-decoration: underline !important;
}
.session-timeout-container .tbt-primary-btn {
  font-weight: 500 !important;
  background-color: #0c3499 !important;
  background: linear-gradient(93.51deg, #0c3499 0%, #487afa 99.16%) !important;
  box-shadow: 0px 4px 11px 0px rgba(11, 65, 205, 0.2392156863) !important;
  color: #fff !important;
  border-radius: 50px !important;
}
.session-timeout-container .swal2-html-container {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  text-align: center !important;
  color: #4b3a5a !important;
}
.tbt-swal-container .swal2-close,
.swal2-container .swal2-close {
  background-image: url('close-icon.svg') !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
  background-position: center !important;
}
.tbt-swal-form-container .swal2-title {
  font-size: 24px;
}
.tbt-swal-form-container .swal2-html-container {
  font-size: 16px;
  margin-top: 4px;
}
.tbt-swal-form-container .swal2-actions {
  margin-top: 16px;
  margin-bottom: 0;
}
.tbt-swal-form-container .swal2-actions .swal2-confirm {
  font-family: "Roche Sans Regular", sans-serif;
}
.tbt-swal-form-container .swal2-actions .swal2-confirm.tbt-btn-outline-danger:hover {
  background-color: #ff1f26;
  color: #fff;
  border-color: #ff1f26 !important;
}
.tbt-swal-form-container .swal2-actions .swal2-confirm.tbt-btn-outline-warning {
  border: 1px solid #ff7d29;
  line-height: 22px;
}
.tbt-swal-form-container .swal2-actions .swal2-confirm.tbt-btn-outline-warning:hover {
  color: #fff;
  background-color: #ff7d29;
  border: 1px solid #ff7d29;
}
.tbt-swal-form-container .swal2-actions .swal2-cancel.tbt-outline-primary-btn {
  line-height: 22px;
  margin-right: 10px;
  font-weight: 400;
}
.tbt-swal-form-container .swal2-textarea {
  margin-top: 10px;
}
.swal2-question {
  border-color: blueviolet !important;
}
.swal2-question .swal2-icon-content {
  color: blueviolet;
}
embed {
  width: 100% !important;
}
/* -------components--------- */
.tbt-accordion-nested > .card {
  border: 0;
  margin-bottom: 1rem;
}
.tbt-accordion-nested > .card .card-header {
  position: relative;
}
.tbt-accordion-nested > .card .card-header::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 1.25rem;
  height: 1rem;
  border-left: 1px solid #9fb1bc;
}
.tbt-accordion-nested > .card .card-body {
  padding-bottom: 0;
  padding-right: 0;
}
.tbt-accordion-nested .card-header {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.tbt-accordion-nested__btn-toggle.btn {
  width: 100%;
  box-shadow: none;
  border-radius: 5px;
  padding: 10px;
  text-align: inherit;
  background-color: #e2effc;
  color: #0c3499;
  font-weight: 600;
}
.tbt-accordion-nested__list-item-card {
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 10px;
  text-align: inherit;
  background-color: #fff;
  color: #52565c;
  font-weight: 600;
  position: relative;
  margin-bottom: 1rem;
}
.tbt-accordion-nested__list-item-card::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 1.25rem;
  height: 1rem;
  border-left: 1px solid #9fb1bc;
}
.tbt-accordion-nested .toggle-icon {
  display: inline-block;
  margin-right: 0.625rem;
}
.tbt-accordion-nested .toggle-icon::before {
  content: url('data:image/svg+xml,%3csvg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M1 1L6 6L11 1" stroke="%234172ef" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e');
  display: inline-block;
  transform: scale(-1);
}
.tbt-accordion-nested .toggle-icon-space {
  display: inline-block;
  min-width: 14px;
  margin-right: 0.5rem;
}
.tbt-accordion-nested__btn-toggle.btn.collapsed .toggle-icon::before {
  transform: scale(1);
}
.tbt-accordion-nested > .card > .collapse > .card-body .tbt-accordion-nested .tbt-accordion-nested__btn-toggle.btn {
  background-color: #f2f6fa;
  color: #52565c;
}
.tbt-accordion-nested > .card > .collapse > .card-body .tbt-accordion-nested .tbt-accordion-nested .tbt-accordion-nested__btn-toggle.btn {
  background-color: #fff;
}
.tbt-accordion-nested > .card > .collapse > .card-body .tbt-accordion-nested .tbt-accordion-nested .tbt-accordion-nested__btn-toggle.btn, .tbt-accordion-nested > .card > .collapse > .card-body .tbt-accordion-nested .tbt-accordion-nested .tbt-accordion-nested__btn-toggle.btn:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) !important;
}
.tbt-accordion-nested > .card .tbt-accordion-nested .tbt-accordion-nested__btn-toggle.btn {
  color: #0c3499;
}
.tbt-accordion-nested > .card > .collapse > .card-body .tbt-accordion-nested__list-item-card:last-child {
  margin-bottom: 0;
}
.tbt-accordion-nested.tbt-accordion-root > .card > .card-header::before {
  display: none;
}
.tbt-accordion-2 > .card {
  border: 0;
  border-radius: 0;
}
.tbt-accordion-2 > .card > .card-header {
  padding: 0;
  border-radius: 0;
  border: 0;
}
.tbt-accordion-2 > .card > .card-header .btn-link {
  position: relative;
  padding: 1rem 1rem 1rem 3.5rem;
  background-color: #f5f5f2;
  width: 100%;
  border-radius: 0;
  text-align: left;
  font-weight: 500;
  color: #212529;
}
.tbt-accordion-2 > .card > .card-header .btn-link, .tbt-accordion-2 > .card > .card-header .btn-link:hover {
  text-decoration: none;
}
.tbt-accordion-2 > .card > .card-header .btn-link::before {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.531506 0.414254C0.20806 0.673011 0.155619 1.14498 0.414376 1.46843L4.03956 5.99991L0.414376 10.5314C0.155618 10.8548 0.208059 11.3268 0.531506 11.5856C0.854952 11.8443 1.32692 11.7919 1.58568 11.4684L5.58568 6.46843C5.80481 6.19451 5.80481 5.8053 5.58568 5.53139L1.58568 0.531384C1.32692 0.207938 0.854953 0.155497 0.531506 0.414254Z" fill="%230c3499"/%3e%3c/svg%3e');
  background-repeat: no-repeat;
  background-size: 6px 12px;
  background-position: center center;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 1.25rem;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  background-color: #ececec;
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
}
.tbt-accordion-2 > .card > .card-header .btn-link.collapsed::before {
  background-color: transparent;
  transform: rotate(0);
}
.tbt-accordion-2 > .card > .card-header + [role=tabpanel] > .card-body {
  padding: 0;
}
.tbt-accordion-2--w-dash-icon > .card > .card-header .btn-link::before {
  background-image: url('data:image/svg+xml,%3csvg width="14" height="3" viewBox="0 0 14 3" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M13 2.25C13.4142 2.25 13.75 1.91421 13.75 1.5C13.75 1.08579 13.4142 0.75 13 0.75V2.25ZM1 0.75C0.585786 0.75 0.25 1.08579 0.25 1.5C0.25 1.91421 0.585786 2.25 1 2.25L1 0.75ZM13 0.75L1 0.75L1 2.25L13 2.25V0.75Z" fill="%230c3499"/%3e%3c/svg%3e');
  background-size: 12px auto;
  transform: none;
  background-color: transparent;
}
.tbt-accordion-2--w-dash-icon > .card > .card-header .btn-link.collapsed::before {
  background-image: url('data:image/svg+xml,%3csvg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M7.75 1.5C7.75 1.08579 7.41421 0.75 7 0.75C6.58579 0.75 6.25 1.08579 6.25 1.5H7.75ZM6.25 13.5C6.25 13.9142 6.58579 14.25 7 14.25C7.41421 14.25 7.75 13.9142 7.75 13.5H6.25ZM13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5C13.75 7.08579 13.4142 6.75 13 6.75V8.25ZM1 6.75C0.585786 6.75 0.25 7.08579 0.25 7.5C0.25 7.91421 0.585786 8.25 1 8.25L1 6.75ZM6.25 1.5V13.5H7.75V1.5H6.25ZM13 6.75L1 6.75L1 8.25L13 8.25V6.75Z" fill="%230c3499"/%3e%3c/svg%3e');
  transform: none;
}
.tbt-accordion-2--style-2 > .card > .card-header .btn-link {
  background-color: #f3eff9;
  color: #0c3499;
}
.tbt-accordion-2--style-2 > .card + .card > .card-header {
  border-top: 1px solid #f9f9f9;
}
.btn {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  border: 0;
  padding: 0.3rem 1.25rem;
  letter-spacing: 0.2px;
}
.btn::first-letter {
  text-transform: capitalize;
}
.tbt-btn-mw {
  min-width: 122px;
}
.btn-dark-primary {
  font-size: 14px;
  line-height: 18px;
  background-color: #544f4f;
  color: #fff;
}
.btn-dark-primary:hover {
  color: #fff;
}
.btn-close {
  color: #ff1f26;
}
.product-tabs .product-close {
  padding: 0;
  background-color: #fff;
  box-shadow: none;
  font-size: 11px;
  color: #ff1f26;
  line-height: 5px;
  height: auto;
  width: auto;
  margin-left: 5px;
}
.btn-transparent {
  padding: 0;
  box-shadow: none !important;
  height: auto !important;
  font-weight: 500;
  min-width: auto;
}
.tbt-primary-btn {
  background-color: #2b3990;
  background: linear-gradient(271deg, #269cce 0.14%, #2b3990 97.85%);
  color: #fff !important;
  border-radius: 4px;
}
.tbt-primary-btn > img {
  margin-right: 11px;
  float: left;
  position: relative;
  top: 2px;
}
.tbt-primary-btn:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.tbt-primary-btn:disabled, .tbt-primary-btn.disabled {
  opacity: 0.66 !important;
}
.tbt-outline-red-btn {
  border-color: #ff1f26 !important;
  color: #ff1f26 !important;
}
.tbt-outline-red-btn:hover {
  border-color: #022366 !important;
  color: #ff1f26;
}
.tbt-red-btn {
  border-color: none !important;
  color: #ff1f26;
}
.tbt-red-btn:hover {
  border-color: none !important;
  color: #ff1f26;
}
.tbt-outline-primary-btn {
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0);
  color: #2b3990 !important;
  border: solid 1px transparent;
  padding-top: 4px;
  padding-bottom: 4px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, #2b3990, #2b3990);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  border-radius: 4px;
}
.tbt-outline-primary-btn:focus, .tbt-outline-primary-btn:hover {
  background-color: #2b3990 !important;
  color: #fff !important;
  border-color: #2b3990 !important;
  box-shadow: none;
}
.tbt-outline-primary-btn:disabled, .tbt-outline-primary-btn.disabled {
  opacity: 0.8 !important;
}
.action-items-wrapper .left-btn-group > .btn {
  color: #2b3990;
  letter-spacing: 0.02em;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: none;
}
.action-items-wrapper .right-btn-group {
  display: flex;
  flex-wrap: wrap;
}
.action-items-wrapper .right-btn-group > .btn {
  margin-left: 24px;
}
.action-items-wrapper .right-btn-group > .btn:nth-child(2) {
  min-width: 122px;
}
.action-items-wrapper .right-btn-group > .btn:nth-child(2) {
  min-width: 122px;
}
.action-items-wrapper .right-btn-group .lead-action-wrapper {
  margin-left: 12px;
  display: flex;
}
.action-items-wrapper .right-btn-group .lead-action-wrapper .custom-select {
  margin-right: 12px;
  font-size: 14px;
  line-height: 16px;
}
.action-items-wrapper .tbt-outline-primary-btn.disabled,
.action-items-wrapper .tbt-outline-primary-btn:disabled {
  color: #c4c4c4 !important;
  border-color: #c4c4c4 !important;
  opacity: unset;
}
.action-items-wrapper .tbt-primary-btn.disabled,
.action-items-wrapper .tbt-primary-btn:disabled {
  background-color: #c2bab5;
  border-color: #c2bab5;
  opacity: unset;
}
.tbt-btn-outline-danger {
  background-color: rgba(255, 255, 255, 0);
  color: #ff1f26;
  border: 1px solid #ff1f26;
}
.tbt-btn-outline-danger:hover {
  color: #ff1f26;
  border-color: #022366 !important;
}
.delete-btn {
  color: #ff1f26;
}
.delete-btn:hover {
  color: #ff1f26;
}
.summary-link {
  margin-bottom: 12px;
}
.summary-link .tbt-link {
  color: #2b3990;
}
.tbt-outline-success-btn {
  background-color: #fff;
  color: #00b458 !important;
  border: 1px solid #00b458;
  height: 34px;
}
.tbt-outline-success-btn:hover {
  color: #fff !important;
  background-color: #00b458 !important;
}
.tbt-btn-outline-warning {
  color: #ff7d29;
  border-color: #ff7d29;
  font-size: 14px;
  line-height: 18px;
}
.tbt-btn-outline-warning:hover {
  color: #ff7d29;
}
.pending {
  color: #ffd400;
  border-color: #ffd400;
}
.tbt-status {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  padding: 5px 10px;
  border-radius: 5px;
  min-width: 80px;
  border: none;
  max-width: 180px;
  white-space: pre-wrap;
}
.tbt-status-outline {
  background-color: #fff;
}
.tbt-pending {
  background-color: #fffce5;
  color: #ffd400;
}
.tbt-pending:hover, .tbt-pending:active {
  color: #ffd400;
}
.tbt-pending-outline {
  color: #ffd400;
  border-color: #ffd400;
}
.tbt-pending-outline:hover, .tbt-pending-outline:active {
  color: #ffd400;
}
.tbt-pre-status {
  background-color: rgba(213, 217, 246, 0.33);
  color: #0b41cd;
}
.tbt-pre-status:hover, .tbt-pre-status:active {
  color: #2b3990;
}
.tbt-pre-status-outline {
  color: #2b3990;
  border-color: #2b3990;
}
.tbt-pre-status-outline:hover, .tbt-pre-status-outline:active {
  color: #2b3990;
}
.tbt-success-status {
  background-color: #d0fee7;
  color: #00b458;
  cursor: default !important;
}
.tbt-success-status:hover, .tbt-success-status:active {
  color: #00b458;
}
.tbt-success-outline {
  color: #00b458;
  border-color: #00b458;
}
.tbt-success-outline:hover, .tbt-success-outline:active {
  color: #00b458;
}
.tbt-rejected-status {
  background-color: #ffdad9;
  color: #ff8782;
}
.tbt-rejected-status:hover, .tbt-rejected-status:active {
  color: #ff1f26;
}
.tbt-rejected-outline {
  color: #ff1f26;
  border-color: #ff1f26;
}
.tbt-rejected-outline:hover, .tbt-rejected-outline:active {
  color: #ff1f26;
}
.tbt-enroll-status {
  background-color: rgba(0, 180, 88, 0.33);
  color: #00b458;
}
.tbt-enroll-status:hover, .tbt-enroll-status:active {
  color: #00b458;
}
.tbt-FOC-status {
  background-color: rgba(255, 125, 41, 0.33);
  color: #ff7d29;
}
.tbt-FOC-status:hover, .tbt-FOC-status:active {
  color: #ff7d29;
}
.tbt-enrollFoc-status {
  background-color: rgba(255, 214, 12, 0.33);
  color: #ffd60c;
}
.tbt-enrollFoc-status:hover, .tbt-enrollFoc-status:active {
  color: #ffd60c;
}
.tbt-missed-status {
  background-color: rgba(117, 125, 136, 0.2);
  color: #757d88;
}
.tbt-missed-status:hover, .tbt-missed-status:active {
  color: #757d88;
}
.tbt-adddosage-btn {
  float: right;
  line-height: 1.143;
  border-radius: 40px;
  padding: 7px 20px;
  letter-spacing: 0.2px;
  border: none;
  background: linear-gradient(93.51deg, #0c3499 0%, #487afa 99.16%);
  color: #fff !important;
}
.tbt-adddosage-btn::first-letter {
  text-transform: capitalize;
}
.top-head-action-form .add-admin-button {
  padding: 0;
}
.tbt-outline-reshedule-btn {
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0);
  color: #1482fa !important;
  border: solid 1px transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, #1482fa, #1482fa);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  padding: 10px 11px;
}
.tbt-outline-reshedule-btn:focus {
  color: #fff !important;
}
.tbt-outline-reshedule-btn:hover {
  background: white;
  color: #1482fa !important;
}
.tbt-outline-reshedule-btn:disabled, .tbt-outline-reshedule-btn.disabled {
  opacity: 0.8 !important;
}
.tbt-outline-complete-btn {
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0);
  color: #39a413 !important;
  border: double 1px rgba(57, 164, 19, 0);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  padding: 10px 64px;
}
.tbt-outline-complete-btn:focus {
  color: #fff !important;
}
.tbt-outline-complete-btn:hover {
  background: white;
  color: #39a413 !important;
}
.tbt-outline-complete-btn:disabled, .tbt-outline-complete-btn.disabled {
  opacity: 0.8 !important;
}
.btn.inline-text-btn {
  white-space: nowrap;
}
.btn.tbt-text-primary:hover {
  color: #2b3990;
}
.btn.tbt-text-primary.disabled,
.btn.tbt-text-primary:disabled {
  color: #c2bab5;
}
.tbt-content-wrapper .btn {
  font-size: 1.125rem;
  font-family: "Roche Sans Regular", sans-serif !important;
}
.datepicker-input input,
.datepicker-input button {
  height: 40px !important;
  color: black;
}
.tbt-assign-me {
  padding: 4px 20px !important;
  font-size: 12px;
}
.tbt-patient-btn[disabled], .tbt-patient-btn:disabled {
  background: #dbd6d1;
}
.tbt-danger {
  background-color: rgba(255, 31, 38, 0.2);
  color: #ff1f26;
}
.tbt-danger:hover, .tbt-danger:active {
  color: #ff1f26;
}
.tbt-dark-orange {
  width: 75px;
  min-width: auto;
  color: #ed4a0d;
  height: 25px;
}
.tbt-green-status {
  width: 75px;
  min-width: auto;
  height: 25px;
  background: #e0ffef;
  color: #00b458;
}
.tbt-green-status:hover, .tbt-green-status:active {
  color: #00b458;
}
.tbt-blue-status {
  width: 98px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  min-width: auto;
  height: 25px;
  background: rgba(0, 122, 195, 0.1);
  color: #007ac3;
}
.tbt-blue-status:hover, .tbt-blue-status:active {
  color: #007ac3;
}
.tbt-processing {
  background-color: rgba(0, 122, 195, 0.1);
  color: rgb(2, 35, 102);
  height: 25px;
}
.tbt-items-count {
  background-color: rgba(188, 54, 240, 0.1);
  color: rgb(188, 54, 240);
  height: 25px;
}
.rounded-btn {
  background-color: #e3eafd;
  z-index: 1;
  position: relative;
  border-radius: 25px;
  width: 48px;
  height: 48px;
  padding: 10px;
}
.rounded-btn span.active-icon {
  display: none;
}
.rounded-btn span.inactive-icon {
  display: block;
}
.rounded-btn.active {
  background-color: #2b3990;
}
.rounded-btn.active span.active-icon {
  display: block;
}
.rounded-btn.active span.inactive-icon {
  display: none;
}
.preview-btn {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: #2b3990;
  font-size: 14px;
  font-weight: 600;
  padding-left: 20px;
  background-image: url('preview-icon.svg');
  background-position: left center;
  background-size: 16px;
  background-repeat: no-repeat;
  border: 0;
  background-color: transparent;
}
.iconic-button {
  text-align: center;
  width: 19%;
  height: 260px;
  background-color: #fff;
  border: 1px solid #f4eff4;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: inherit;
  font-weight: 400;
  margin-bottom: 20px;
}
.iconic-button img {
  height: 97px;
}
.iconic-button h4 {
  font-size: 20px;
  line-height: 27px;
  flex: auto;
  color: #333;
  margin-top: 10px;
}
.iconic-button button {
  border-radius: 18px;
  font-size: 14px;
  line-height: 19px;
}
.document-area-wrapper .action-items-wrapper .tbt-green-status,
.document-area-wrapper .action-items-wrapper .tbt-pending {
  cursor: default;
}
.document-area-wrapper .action-items-wrapper .tbt-green-status:hover {
  color: #00b458;
}
.upload-in-pending input {
  cursor: pointer;
  font-size: 0;
  line-height: 0;
}
.tbt-order-status-buttons .tbt-items-count {
  cursor: default;
}
.orderHistoryModal .scrollable-card-body-wrapper .tbt-processing,
.orderHistoryModal .scrollable-card-body-wrapper .tbt-green-status {
  cursor: default;
}
.status-btn-effect button.tbt-pending {
  cursor: default;
}
.file-download {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: #fff !important;
  width: 36px;
  height: 36px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.file-download img {
  height: 18px !important;
}
.button-wrapper {
  width: 100%;
  margin-top: 10px;
}
.button-wrapper .preview-btn,
.button-wrapper .delete-btn {
  font-size: 12px;
  font-weight: 400;
}
.button-wrapper .delete-btn {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 20px;
}
.button-wrapper .delete-btn img {
  height: 12px;
}
.bordered-btn {
  background: white !important;
  border-color: #2b3990;
  background-image: none !important;
}
.bordered-btn.tbt-outline-primary-btn:focus {
  background: white !important;
  color: #2b3990;
}
.status-label-position .card-body .tbt-status {
  position: absolute;
  top: 0;
  right: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-bottom: 0;
}
.status-label-position .card-body .tbt-status.tbt-service-status {
  position: unset;
  top: unset;
  right: unset;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-family: "Roche Sans Bold", sans-serif !important;
  border-radius: 4px;
}
.status-label-position .card-body .tbt-status.tbt-service-status.tbt-success-status {
  background-color: #0b936f !important;
}
.status-label-position .card-body .tbt-status.tbt-service-status.tbt-rejected-status {
  background-color: #ff1f26;
}
.status-label-position .card-body .tbt-status.tbt-service-status.tbt-processing {
  background-color: rgb(0, 122, 195);
}
.tbt-roche-blue-btn {
  background: #2b3990 !important;
}
.toggle-btn {
  padding: 6px 14px;
  border: 1px solid #dbd6d1;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  /* Rounded sliders */
}
.toggle-btn:hover {
  border-color: #2b3990;
}
.toggle-btn .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
  margin: 0;
}
.toggle-btn input {
  visibility: hidden;
}
.toggle-btn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: 0.4s;
  border: 1px solid #2b3990;
}
.toggle-btn .slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: 1px;
  left: 1px;
  bottom: 4px;
  background: #2b3990;
  transition: 0.4s;
}
.toggle-btn input:checked + .slider {
  background: #2b3990;
  border-color: #2b3990;
}
.toggle-btn input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.toggle-btn input:checked + .slider::before {
  transform: translateX(16px);
  background: #fff;
}
.toggle-btn .slider.round {
  border-radius: 34px;
}
.toggle-btn .slider.round::before {
  border-radius: 50%;
}
.tbt-status--btn {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  line-height: 20px;
  border-radius: 4px;
  font-family: "Roche Sans Medium", sans-serif !important;
}
.tbt-status--btn.approve {
  background-color: #caffe4;
  color: #00b458;
}
.tbt-status--btn.review {
  background-color: #fffce5;
  color: #ffd400;
}
.tbt-status--btn.created {
  background-color: #1482fa;
  color: #2b3990;
}
.tbt-status--btn.closed {
  background-color: #ffdad9;
  color: #ff8782;
}
.tbt-default-btn {
  background: #1482fa !important;
  font-family: "Roche Sans Medium", sans-serif;
  padding-left: 13px !important;
  padding-right: 13px !important;
}
.notify-action-btns label {
  font-size: 12px;
  padding: 4.5px 10px !important;
}
.notify-action-btns .tbt-outline-primary-btn {
  font-family: "Roche Sans Medium", sans-serif;
  font-size: 13px;
  padding: 5px 10px !important;
  line-height: 18px;
}
.addMoreBtn {
  background-image: unset !important;
  color: #2b3990 !important;
  background-color: transparent !important;
}
.addMoreBtn:hover {
  background-image: unset !important;
  color: #2b3990 !important;
  border: 0 !important;
  background-color: transparent !important;
}
.action-buttons button {
  width: 100px;
}
.coupon-flow-wrapper table .tbt-status {
  min-width: 112px;
  max-width: 112px;
  height: 24px;
  cursor: pointer;
  line-height: 14px;
}
.edit-provider-page-wrapper .page-heading-wrapper .heading-action-wrapper {
  align-items: center !important;
}
.login-account--btn {
  height: 44px;
}
.downloadWrapper .downloadWrapper__buttons button {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}
.tbt-download-icon {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 11px;
  background-image: url('download-img.svg');
  background-position: left center;
  background-repeat: no-repeat;
  border: 0;
  background-color: transparent;
  font-weight: 400;
  font-size: 12px;
  color: #567fbd;
}
.tbt-patient-confirmation-popup .swal2-actions .swal2-cancel.tbt-outline-primary-btn {
  background: rgba(255, 255, 255, 0) !important;
  color: #2b3990 !important;
  border: solid 1px #2b3990 !important;
}
.tbt-patient-confirmation-popup .swal2-actions .swal2-cancel:focus, .tbt-patient-confirmation-popup .swal2-actions .swal2-cancel:active, .tbt-patient-confirmation-popup .swal2-actions .swal2-cancel:hover {
  background: linear-gradient(93.51deg, #0c3499 0%, #487afa 99.16%) !important;
  color: #fff !important;
}
.tbt-outline-primary-btn .light-icon {
  display: none;
}
.tbt-outline-primary-btn:hover .dark-icon {
  display: none;
}
.tbt-outline-primary-btn:hover .light-icon {
  display: inline-block;
}
.btn-outline-info {
  color: #2b3990;
}
.add-vendor {
  padding: 5px;
}
.outline-close {
  background-color: white;
  color: #2b3990;
  border: 1px solid #2b3990 !important;
  width: 155px;
}
.outline-close:hover {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  color: #0c3499;
}
.customCheckboxDiv {
  text-align: center;
  margin-top: 26px;
}
.pcs-chip {
  display: inline-block;
  background: rgba(0, 0, 0, 0);
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 13px;
  height: 32px;
  line-height: 22px;
  padding: 5px 10px 5px 10px;
  margin: 0 8px 8px 0;
  border: 1px solid grey;
  border-radius: 16px;
  width: -moz-fit-content;
  width: fit-content;
}
.admin-program-list .switch,
.admin-vendor-list .switch,
.admin-categories-list .switch,
.admin-indication-list .switch,
.approval-list .switch,
.admin-scheme-program .switch,
.admin-program-decision-list .switch {
  position: absolute;
  display: inline-block;
  width: 35px;
  height: 20px;
  top: 500;
  left: 600;
}
.admin-program-list .switch input,
.admin-vendor-list .switch input,
.admin-categories-list .switch input,
.admin-indication-list .switch input,
.approval-list .switch input,
.admin-scheme-program .switch input,
.admin-program-decision-list .switch input {
  display: none;
}
.admin-program-list .slider,
.admin-vendor-list .slider,
.admin-categories-list .slider,
.admin-indication-list .slider,
.approval-list .slider,
.admin-scheme-program .slider,
.admin-program-decision-list .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  transition: 0.4s;
  border: 1px solid #2b3990;
}
.admin-program-list .slider:before,
.admin-vendor-list .slider:before,
.admin-categories-list .slider:before,
.admin-indication-list .slider:before,
.approval-list .slider:before,
.admin-scheme-program .slider:before,
.admin-program-decision-list .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 1px;
  background-color: #2b3990;
  transition: 0.4s;
}
.admin-program-list input:checked + .slider,
.admin-vendor-list input:checked + .slider,
.admin-categories-list input:checked + .slider,
.admin-indication-list input:checked + .slider,
.approval-list input:checked + .slider,
.admin-scheme-program input:checked + .slider,
.admin-program-decision-list input:checked + .slider {
  background: #2b3990;
  border-color: #2b3990;
}
.admin-program-list input:checked + .slider:before,
.admin-vendor-list input:checked + .slider:before,
.admin-categories-list input:checked + .slider:before,
.admin-indication-list input:checked + .slider:before,
.approval-list input:checked + .slider:before,
.admin-scheme-program input:checked + .slider:before,
.admin-program-decision-list input:checked + .slider:before {
  transform: translateX(14px);
  background: white;
}
.admin-program-list .on,
.admin-vendor-list .on,
.admin-categories-list .on,
.admin-indication-list .on,
.approval-list .on,
.admin-scheme-program .on,
.admin-program-decision-list .on {
  display: none;
}
.admin-program-list .on,
.admin-program-list .off,
.admin-vendor-list .on,
.admin-vendor-list .off,
.admin-categories-list .on,
.admin-categories-list .off,
.admin-indication-list .on,
.admin-indication-list .off,
.approval-list .on,
.approval-list .off,
.admin-scheme-program .on,
.admin-scheme-program .off,
.admin-program-decision-list .on,
.admin-program-decision-list .off {
  color: #333;
  position: absolute;
  transform: translate(100%, -50%);
  top: 50%;
  left: 70%;
  font-size: 10px;
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.admin-program-list input:checked + .slider .on,
.admin-vendor-list input:checked + .slider .on,
.admin-categories-list input:checked + .slider .on,
.admin-indication-list input:checked + .slider .on,
.approval-list input:checked + .slider .on,
.admin-scheme-program input:checked + .slider .on,
.admin-program-decision-list input:checked + .slider .on {
  display: block;
}
.admin-program-list input:checked + .slider .off,
.admin-vendor-list input:checked + .slider .off,
.admin-categories-list input:checked + .slider .off,
.admin-indication-list input:checked + .slider .off,
.approval-list input:checked + .slider .off,
.admin-scheme-program input:checked + .slider .off,
.admin-program-decision-list input:checked + .slider .off {
  display: none;
}
.admin-program-list .slider.round,
.admin-vendor-list .slider.round,
.admin-categories-list .slider.round,
.admin-indication-list .slider.round,
.approval-list .slider.round,
.admin-scheme-program .slider.round,
.admin-program-decision-list .slider.round {
  border-radius: 34px;
}
.admin-program-list .slider.round:before,
.admin-vendor-list .slider.round:before,
.admin-categories-list .slider.round:before,
.admin-indication-list .slider.round:before,
.approval-list .slider.round:before,
.admin-scheme-program .slider.round:before,
.admin-program-decision-list .slider.round:before {
  border-radius: 50%;
}
.pcs-transparent-btn {
  background-image: none;
  color: #2b3990;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
.pcs-transparent-btn:focus, .pcs-transparent-btn:hover {
  background-color: transparent;
}
.bredcrumbs-wrapper {
  display: inline-flex;
  list-style-type: none;
  margin-top: 19px;
}
.bredcrumbs-wrapper .breadcrumbs-list {
  list-style-type: none;
  display: inline-flex;
  padding: 0;
  font-family: "Roche Sans Regular", sans-serif;
  margin-bottom: 0;
}
.bredcrumbs-wrapper .breadcrumbs-list li {
  font-size: 12px;
  line-height: 17px;
  font-family: "Roche Sans Regular", sans-serif;
  margin-right: 18px;
  position: relative;
  color: #aba7af;
}
.bredcrumbs-wrapper .breadcrumbs-list li a, .bredcrumbs-wrapper .breadcrumbs-list li a:hover, .bredcrumbs-wrapper .breadcrumbs-list li a:focus {
  color: #0c3499;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bredcrumbs-wrapper .breadcrumbs-list li.active {
  color: #aba7af;
  cursor: pointer;
}
.bredcrumbs-wrapper .breadcrumbs-list li::after {
  content: "-";
  position: absolute;
  top: 0;
  right: -11px;
}
.bredcrumbs-wrapper .breadcrumbs-list li:last-child::after {
  display: none;
}
.tbt-comment-list {
  position: relative;
}
.tbt-comment__avatar {
  width: 60px;
  height: 60px;
  border-radius: 9999px;
  margin-right: 12px;
  background-color: #dbd6d1;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
}
.tbt-comment__item {
  padding-right: 72px;
}
.tbt-comment__item--curr-user {
  padding-right: 0;
  padding-left: 72px;
}
.tbt-comment__item--curr-user .tbt-comment__avatar {
  margin-right: 0;
  margin-left: 12px;
}
.tbt-comment__item + .tbt-comment__item {
  margin-top: 1.5rem;
}
.tbt-comment__input.form-control {
  min-height: auto;
  height: 94px;
}
.tbt-comment-wrapper {
  max-height: 320px;
}
.time-line-wrapper {
  width: 100%;
  margin: auto;
  text-align: left;
  border-top: 1px solid #dbd6d1;
}
.timeline-section {
  margin: auto;
}
.timeline-section section .timeline-with-icons {
  border-left: 1px solid #bdbebf;
  position: relative;
  list-style: none;
}
.timeline-section section .timeline-with-icons .timeline-item {
  position: relative;
  margin-bottom: 30px;
}
.timeline-section section .timeline-with-icons .timeline-item::after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline-section section .timeline-with-icons .timeline-item h5 {
  font-family: "Roche Sans Medium", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
  margin-left: 10px;
}
.timeline-section section .timeline-with-icons .timeline-item p {
  margin-left: 10px;
}
.timeline-section section .timeline-with-icons .timeline-item p span {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #616161;
}
.timeline-section section .timeline-with-icons .timeline-icon {
  position: absolute;
  left: -55px;
  background-color: #0c3499;
  color: #fff;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-section section .timeline-with-icons .timeline-icon img {
  width: 20px;
  height: 20px;
}
.dropdown-menu {
  font-size: 14px;
}
.dropdown-menu.dropdown-menu-end {
  right: 0;
  left: auto;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #2b3990;
}
.tbt-patient-page-wrapper .dropdown-toggle::after,
.tc-dashboard-page-wrapper .dropdown-toggle::after {
  display: none;
}
.tbt-patient-page-wrapper .dropdown-toggle::before,
.tc-dashboard-page-wrapper .dropdown-toggle::before {
  content: "";
  position: absolute;
  bottom: -24px;
  border-bottom: 16px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  left: 50%;
  margin-left: -12px;
  display: none;
  z-index: 1001;
}
.tbt-patient-page-wrapper .dropdown-toggle::after,
.tc-dashboard-page-wrapper .dropdown-toggle::after {
  content: "";
  position: absolute;
  bottom: -38px;
  height: 24px;
  width: 24px;
  transform: rotate(45deg);
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2);
  left: 50%;
  margin-left: -12px;
  display: none;
  z-index: 999;
}
.tbt-patient-page-wrapper .dropdown-toggle[aria-expanded=true]::before, .tbt-patient-page-wrapper .dropdown-toggle[aria-expanded=true]::after,
.tc-dashboard-page-wrapper .dropdown-toggle[aria-expanded=true]::before,
.tc-dashboard-page-wrapper .dropdown-toggle[aria-expanded=true]::after {
  display: block;
}
.tbt-patient-page-wrapper .tbt-advance-search .dropdown-menu,
.tc-dashboard-page-wrapper .tbt-advance-search .dropdown-menu {
  min-width: 634px;
  padding: 13px 10px 15px;
  margin: 20px 40px 10px 0;
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2);
}
.tbt-patient-page-wrapper .tbt-advance-search .dropdown-menu .tbt-advance-search-heading,
.tc-dashboard-page-wrapper .tbt-advance-search .dropdown-menu .tbt-advance-search-heading {
  font-family: "Roche Sans Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tbt-patient-page-wrapper .tbt-advance-search .dropdown-menu .form-group .form-select,
.tc-dashboard-page-wrapper .tbt-advance-search .dropdown-menu .form-group .form-select {
  min-width: 300px !important;
  min-height: 40px !important;
}
.tbt-advance-search .ng-input input {
  min-height: 24px !important;
}
.tbt-advance-search .ng-value {
  display: flex !important;
  white-space: wrap !important;
}
.tbt-advance-search .ng-select-container {
  min-height: 38px !important;
}
.tbt-advance-search .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  white-space: pre-wrap !important;
}
.tbt-advance-search .ng-value-container {
  overflow-y: auto !important;
  max-height: 120px !important;
}
.tbt-advance-search .scroll-host {
  border-radius: 6px !important;
}
.tbt-advance-search .scroll-host {
  height: 48px;
  overflow-y: auto;
}
.tbt-advance-search .scroll-host::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
.tbt-advance-search .scroll-host::-webkit-scrollbar {
  width: 5px;
  background-color: #fff;
}
.tbt-advance-search .scroll-host::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c5d1de;
}
.tbt-advance-search .ng-value-container {
  overflow-y: auto;
}
.tbt-advance-search .ng-value-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
.tbt-advance-search .ng-value-container::-webkit-scrollbar {
  width: 5px;
  background-color: #fff;
}
.tbt-advance-search .ng-value-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c5d1de;
}
.tbt-dashboard-page-wrapper .tc-advance-search .ng-select .ng-select-container .ng-arrow-wrapper {
  background-color: unset !important;
  background-image: unset !important;
}
.tbt-dashboard-page-wrapper .tc-advance-search .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: unset !important;
}
.tbt-dashboard-page-wrapper .tc-advance-search .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label {
  color: unset !important;
}
.tbt-dashboard-filter .tbt-advance-search {
  float: right;
}
.tbt-dashboard-filter .tbt-advance-search .dropdown-menu {
  transform: translate(0, 53px) !important;
  min-width: 634px;
  padding: 13px 10px 15px;
  margin: 20px 40px 10px 0;
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2);
}
.tbt-dashboard-filter .tbt-advance-search .dropdown-menu .tbt-advance-search-heading {
  font-family: "Roche Sans Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tbt-dashboard-filter .tbt-advance-search .dropdown-menu .form-group .form-select {
  min-width: 300px !important;
  min-height: 40px !important;
}
.tbt-dashboard-filter .dropdown-toggle::before {
  content: "";
  position: absolute;
  bottom: -24px;
  border-bottom: 16px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  left: 50%;
  margin-left: -12px;
  display: none;
  z-index: 1001;
}
.tbt-dashboard-filter .dropdown-toggle::after {
  content: "";
  position: absolute;
  bottom: -38px;
  height: 24px;
  width: 24px;
  transform: rotate(45deg);
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2);
  left: 50%;
  margin-left: -12px;
  display: none;
  z-index: 999;
}
.tbt-dashboard-filter .dropdown-toggle[aria-expanded=true]::before, .tbt-dashboard-filter .dropdown-toggle[aria-expanded=true]::after {
  display: block;
}
.noLabeldropdown label {
  display: none;
}
.tbt-order-filter .tbt-advance-search.tbt-custom-advance-search .dropdown-menu {
  transform: translate(-575px, 35px) !important;
  margin-right: 0;
}
.translate-language,
.select-vendor {
  position: relative;
  /* Remove IE arrow */
}
.translate-language select,
.select-vendor select {
  background-color: transparent;
  color: #fff;
  border: none;
  width: 120px;
  padding: 6px 12px;
}
.translate-language select option,
.select-vendor select option {
  color: #000;
}
.translate-language select::-ms-expand,
.select-vendor select::-ms-expand {
  margin-top: 20px !important;
}
.select-vendor select {
  width: 100px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card .card-body .status-content {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card .card-body .status-content .status-wrap .status-score {
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  color: #022366;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card .card-body .status-content .status-wrap .status-description {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: #7c7c7c;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card .card-body .status-content-second-card {
  margin-top: 24px;
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card .card-body .status-content-second-card .status-wrap .status-score {
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  color: #022366;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pendency-status-card .card-body .status-content-second-card .status-wrap .status-description {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: #7c7c7c;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  padding: 16px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .card-body {
  padding: 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  margin-bottom: 0;
  padding-bottom: 47px;
  z-index: 1;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description {
  padding-bottom: 39px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section {
  padding-left: 0;
  margin-top: 30px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section .documents-pending-wrapper {
  width: 4px;
  height: 50px;
  background: #165dff;
  border-radius: 100px;
  display: flex;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section .enrolment-description {
  margin-top: -48px;
  margin-left: 10px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section .enrolment-description .document-pending {
  font-family: "PingFang SC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
  margin-bottom: 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section .enrolment-description .document-points {
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #1d2129;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section .enrolled-wrapper {
  width: 4px;
  height: 50px;
  background: #00b458;
  border-radius: 100px;
  display: flex;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section .on-hold-wrapper {
  width: 4px;
  height: 50px;
  background: #ffc700;
  border-radius: 100px;
  display: flex;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .chart-description-section .dropout-wrapper {
  width: 4px;
  height: 50px;
  background: #0fc6c2;
  border-radius: 100px;
  display: flex;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .enrolment-rejected {
  max-width: 168px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card .enrolment-chart-description .enrolment-rejected .rejected-wrapper {
  width: 4px;
  height: 50px;
  background: #7239ea;
  border-radius: 100px;
  display: flex;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 80px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment .card-body {
  padding: 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  margin-bottom: 0;
  padding-bottom: 47px;
  z-index: 1;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment .card-body .post-enrolment-chart {
  margin-bottom: 25px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment .post-enrolment-points {
  padding-bottom: 16px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment .post-enrolment-points .post-enrol-description {
  font-family: "Roche Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment .post-enrolment-points .post-enroll-icons {
  margin-right: 4px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  padding: 16px;
  margin-top: 16px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body {
  padding: 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  margin-bottom: 0;
  padding-bottom: 24px;
  z-index: 9;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-chart {
  text-align: center;
  padding-bottom: 26px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .foc-section {
  min-width: 128px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .delivery-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #00b458;
  border-radius: 100px;
  margin-bottom: 25px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .delivery-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .delivery-description .foc-points {
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  margin-top: 4px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .not-delivery-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #165dff;
  border-radius: 100px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .not-delivery-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
  min-width: 90px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .not-delivery-description .foc-points {
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  margin-top: 4px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .on-hold-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #ffc700;
  border-radius: 100px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .on-hold-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
  min-width: 54px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .on-hold-description .foc-points {
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  margin-top: 4px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .card.foc-delivery,
.tbt-dashboard-page-wrapper .page-content-wrapper .post-enrolment,
.tbt-dashboard-page-wrapper .page-content-wrapper .enrolment-card {
  min-height: 300px !important;
  max-height: 550px !important;
  height: 458px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card {
  background: #fff;
  border: none;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .card-body .heading-action-wrapper .btn-transparent {
  color: #0c3499;
  padding: 16px 15px 0 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  padding: 16px 75px 0 16px;
  padding-top: 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap {
  padding: 16px 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action {
  background-color: #dbf0ff;
  color: #000;
  padding: 8px 0;
  cursor: pointer;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action .notification-id {
  font-weight: 500;
  font-size: 14px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action .notification-id .notification-description {
  font-weight: 300;
  font-size: 14px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action .notification-id p {
  margin-bottom: 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action .notification-id p .tbt-id {
  font-weight: 600;
  margin-right: 4px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action .notification-id p .date-time-notifications {
  font-size: 10px;
  line-height: 12px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action.active {
  background-color: #fff;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action.roche-admin-no-notification {
  cursor: default;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action.roche-admin-no-notification:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 4px;
  border-radius: 0 4px 4px 0;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action.roche-admin-no-notification:hover {
  background-color: #fff !important;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action.roche-admin-no-notification:hover:before {
  background-color: #fff !important;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item {
  border: none;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item.inactive {
  background-color: #fff !important;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item:last-child .container {
  border-bottom: none;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item {
  padding: 0 16px;
  background-color: #fff;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:last-child .notification-id {
  border-bottom: none;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item .notification-id {
  padding: 10px 8px;
  border-bottom: 1px solid #dbd6d1;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item .notification-id .date-time-notifications {
  font-size: 12px;
  line-height: 15px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:hover {
  background-color: #dbf0ff;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  margin-top: 16px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .card-body .heading-action-wrapper .btn-transparent {
  color: #0c3499;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .card-body .nodata-available {
  display: flex;
  justify-content: space-evenly;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .pending-wrap .pending-tasks {
  display: flex;
  justify-content: space-evenly;
  margin-top: 60px;
  margin-bottom: 60px;
  line-height: 50px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .pending-wrap .pending-tasks .pending-points {
  color: #ed4a0d;
  font-weight: 400;
  font-size: 56px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .pending-wrap .pending-tasks .pending {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #022366;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .pending-wrap .average-time-title {
  font-family: "PingFang SC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
  margin-right: 8px;
  margin-top: 364px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .pending-card .pending-wrap .average-time-title .average-time {
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d2129;
  margin-left: 8px;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-title span {
  font-family: "Roche Sans Regular", sans-serif;
  color: #00127e;
}
.tbt-dashboard-page-wrapper .page-content-wrapper .dashboard-notifications-section .notifications-card .notification-wrap .notifications-list .list-group-item {
  padding: 0;
  background: none;
  box-shadow: none;
}
.tbt-dashboard-page-wrapper .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #fff !important;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.tbt-dashboard-page-wrapper .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label {
  color: #fff !important;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.tbt-dashboard-page-wrapper .ng-select .ng-select-container .ng-value-container .ng-input > input {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.tbt-dashboard-page-wrapper .ng-select .ng-select-container .ng-arrow-wrapper {
  background-image: url('filter-icon.svg') !important;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  background-color: #0c3499;
}
.tbt-dashboard-page-wrapper .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option-label {
  font-size: 12px;
  line-height: 16px;
}
.tbt-dashboard-page-wrapper .selected-filter {
  background-color: #ffe8de;
  border-radius: 4px;
  margin-right: 16px;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 34px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.tbt-dashboard-page-wrapper .selected-filter:last-child {
  margin-right: 0;
}
.tbt-dashboard-page-wrapper .selected-filter p {
  margin-bottom: 0;
  padding: 6px 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: unset;
  color: #000;
}
.tbt-dashboard-page-wrapper .selected-filter p span {
  float: right;
  cursor: pointer;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
  text-indent: -1000px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  display: inline-block;
  background-image: url('data:image/svg+xml,%3csvg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M9.066 1.99479C9.35889 1.7019 9.35889 1.22702 9.066 0.93413C8.7731 0.641237 8.29823 0.641237 8.00534 0.93413L9.066 1.99479ZM0.93427 8.0052C0.641376 8.29809 0.641376 8.77296 0.93427 9.06586C1.22716 9.35875 1.70204 9.35875 1.99493 9.06586L0.93427 8.0052ZM8.00534 9.06581C8.29823 9.35871 8.7731 9.35871 9.066 9.06581C9.35889 8.77292 9.35889 8.29805 9.066 8.00515L8.00534 9.06581ZM1.99493 0.934086C1.70204 0.641193 1.22716 0.641193 0.93427 0.934086C0.641376 1.22698 0.641376 1.70185 0.934269 1.99475L1.99493 0.934086ZM8.00534 0.93413L0.93427 8.0052L1.99493 9.06586L9.066 1.99479L8.00534 0.93413ZM9.066 8.00515L1.99493 0.934086L0.934269 1.99475L8.00534 9.06581L9.066 8.00515Z" fill="%2328303F"/%3e%3c/svg%3e');
}
.progressbar-wrapper p.avarage-time {
  font-size: 14px;
  line-height: 22px;
  color: #4e5969;
  margin-bottom: 10px;
}
.progressbar-wrapper p.avarage-time span {
  font-weight: 600;
}
.progressbar-wrapper p.progressbar {
  margin-bottom: 0;
}
.progressbar .progress {
  height: 30px;
  border-radius: 0;
}
.progressbar .progress .progress-bar {
  background-color: #00b458 !important;
}
.notifications-list-container {
  max-height: 295px;
}
.notifications-list-admin-container {
  max-height: 206px;
}
.notifications-list .list-group-item {
  position: relative;
  cursor: pointer;
}
.notifications-list .list-group-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 4px;
  border-radius: 0 4px 4px 0;
}
.notifications-list .list-group-item:hover {
  background-color: #dbf0ff;
}
.notifications-list .list-group-item:hover::before {
  background-color: #0c3499;
}
.notifications-list .list-group-item .date-time-notifications {
  color: #706b69;
  font-size: 14px;
}
.fc-dashbaord-page-wrapper .tc-advance-search.flex-auto {
  flex: auto;
}
.no-shadow {
  box-shadow: none !important;
}
.tbt-patient-dashboard .notification-wrapper > .card-body {
  padding-bottom: 0;
}
.tbt-patient-dashboard .notification-wrapper > .card-body .tbt-card-icon {
  box-shadow: none !important;
}
.tbt-patient-dashboard .notification-wrapper > .card-body .tbt-card-icon .dashboard-notifications-card-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tbt-patient-dashboard .notification-wrapper > .card-body .tbt-card-icon .dashboard-notifications-card-wrapper .notifications-list-admin-container {
  max-height: 225px !important;
}
.fc-dashbaord-page-wrapper .notification-card-wrapper,
.tc-dashboard-page-wrapper .notification-card-wrapper {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border: 0;
  padding: 1rem;
}
.fc-dashbaord-page-wrapper .notification-card-wrapper .tbt-container,
.tc-dashboard-page-wrapper .notification-card-wrapper .tbt-container {
  padding: 0 !important;
}
.fc-dashbaord-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper,
.tc-dashboard-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper {
  padding-top: 0 !important;
}
.fc-dashbaord-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper h1.heading,
.tc-dashboard-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper h1.heading {
  font-family: "Roche Sans Regular", sans-serif;
  color: #00127e;
  font-size: 1rem;
  font-weight: 400;
  -webkit-text-fill-color: #00127e;
  background: none;
}
.fc-dashbaord-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper h1.heading .tbt-i,
.tc-dashboard-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper h1.heading .tbt-i {
  display: inline-block !important;
}
.fc-dashbaord-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper .notify-action-btns .new-btn,
.fc-dashbaord-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper .notify-action-btns .search-notificationbar,
.tc-dashboard-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper .notify-action-btns .new-btn,
.tc-dashboard-page-wrapper .notification-card-wrapper .tbt-container .page-heading-wrapper .notify-action-btns .search-notificationbar {
  display: none;
}
.dashboard-notifications-section .notifications-list {
  padding: 0 12px;
}
.dashboard-notifications-section .notifications-list .list-group-item {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #dbd6d1;
  border-left: none;
}
.dashboard-notifications-section .notifications-list .date-time-notifications {
  font-size: 12px;
  color: #706b69;
}
.dashboard-notifications-section .notifications-list .date-time-notifications img {
  width: 17px;
  height: 17px;
}
.dashboard-notifications-section .notifications-list .notification-sub-title .notify-title {
  font-family: "Roche Sans Light", sans-serif;
  font-size: 14px;
  color: #000;
}
.tbt-file-upload__box {
  width: 100%;
  height: 100%;
  border: 2px dashed #aba7af;
  color: #6a6a6a;
  position: relative;
  overflow-y: auto;
}
.tbt-file-upload__img-file {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center center;
}
.tbt-file-upload__input {
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -10000px;
  cursor: pointer;
}
.tbt-file-upload__action-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 0.75rem 0.75rem;
}
.tbt-file-upload--img {
  width: 192px;
}
.tbt-file-upload--img > .tbt-file-upload__box {
  height: 192px;
}
@media (min-width: 992px) {
  .tbt-file-upload--modal {
    height: 420px;
  }
}
label {
  font-size: 12px;
  line-height: 18px;
  color: #000;
  margin-bottom: 6px;
  text-transform: inherit;
}
label span {
  font-style: italic;
  font-size: 10px;
  line-height: 14px;
}
label::first-letter {
  text-transform: inherit;
}
.required-asterisk label.custom-label::after {
  content: "*";
  display: inline-block;
  margin-left: 0.25rem;
  color: #ff1f26;
  position: absolute;
  right: 0;
}
.form-group label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  position: relative;
  padding-right: 10px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-control {
  border: 1px solid #dbd6d1;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  font-weight: 600;
  padding: 8px 12px;
  height: 34px;
  text-overflow: ellipsis;
}
.form-control[disabled], .form-control.disabled {
  color: #706b69;
  background-color: #dbd6d1 !important;
}
.form-control[disabled] + .input-group-text, .form-control.disabled + .input-group-text {
  background-color: #dbd6d1 !important;
}
.form-control:focus, .form-control:hover {
  border-color: #0c3499;
  color: #000;
}
.form-control::placeholder {
  font-weight: 500;
  color: #c2bab5;
}
.form-control > option:disabled, .form-control > option[selected] {
  color: #c2bab5;
}
.form-control.error-field, .form-control.ng-invalid.ng-touched {
  border-color: #ff1f26;
}
input .form-control:read-only {
  background-color: #fff;
  color: #c2bab5;
}
select.form-control {
  font-weight: 600;
  background-image: url('down-arrow.svg') !important;
  background-size: auto 16%;
  background-position: 95% 51%;
  background-repeat: no-repeat;
  padding-right: 2rem;
  text-overflow: ellipsis;
}
select.form-control:focus {
  background-image: url('down-arrow.svg') !important;
  background-repeat: no-repeat;
  background-size: auto 16%;
  background-position: 95% 51%;
}
.form-group {
  margin-bottom: 16px;
}
.form-td {
  position: relative;
}
.form-td .form-control {
  opacity: 0;
  position: absolute;
}
.custom-label {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-with-right-icon {
  border-color: #dbd6d1;
  width: 240px;
}
.search-with-right-icon input.form-control {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  height: 34px;
  border-radius: 4px;
  padding: 8px;
  color: #000;
  border-right: none !important;
  border-color: #dbd6d1;
  padding-left: 17px;
}
.search-with-right-icon input.form-control:hover, .search-with-right-icon input.form-control:focus {
  border-color: #0c3499;
}
.search-with-right-icon input.form-control:hover + .input-group-text, .search-with-right-icon input.form-control:focus + .input-group-text {
  border-color: #0c3499;
}
.search-with-right-icon input.form-control.ng-invalid {
  border-color: #ccc;
}
.search-with-right-icon input.form-control.ng-invalid:hover, .search-with-right-icon input.form-control.ng-invalid:focus {
  border-color: #0c3499;
}
.search-with-right-icon input.form-control.ng-invalid:hover + .input-group-text, .search-with-right-icon input.form-control.ng-invalid:focus + .input-group-text {
  border-color: #0c3499;
}
.search-with-right-icon input.form-control.ng-invalid + .input-group-text {
  border-color: #ccc;
}
.search-with-right-icon input.form-control.ng-invalid:hover, .search-with-right-icon input.form-control.ng-invalid:focus {
  border-color: #0c3499;
}
.search-with-right-icon input.form-control.ng-invalid:hover + .input-group-text, .search-with-right-icon input.form-control.ng-invalid:focus + .input-group-text {
  border-color: #0c3499;
}
.search-with-right-icon input.form-control + .input-group-text {
  color: #dbd6d1;
  cursor: pointer;
}
.search-with-right-icon input.form-control:focus, .search-with-right-icon input.form-control:focus + .input-group-text {
  border-color: #0c3499 !important;
}
.search-with-right-icon input.form-control:focus + .input-group-text {
  color: #0c3499;
}
.search-with-right-icon .new-password-input-group {
  width: 370px;
}
.prepend-group .input-group-text,
.append-group .input-group-text {
  background-color: #fff;
  border-color: #dbd6d1;
  height: 34px;
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #c2bab5;
}
.prepend-group .input-group-text .btn-transparent,
.append-group .input-group-text .btn-transparent {
  text-transform: lowercase !important;
}
.prepend-group .form-control:focus + .input-group-text {
  border-color: #dbd6d1;
}
.prepend-group .input-group-text {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.prepend-text {
  font-family: "Roche Sans Regular", sans-serif;
  color: #ff1f26 !important;
  font-size: 10px !important;
}
.append-group .form-control {
  border-left: none;
}
.append-group .form-control:focus ~ .input-group-text {
  border-color: #dbd6d1;
}
.append-group .input-group-text {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.append-group.prepend-group .input-group > .append-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.append-group.prepend-group .input-group > .prepend-text {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.top-head-action-form {
  display: flex;
  justify-content: end;
}
.top-head-action-form .form-group {
  margin-bottom: 0;
}
.tbt-inline-form {
  display: flex;
  align-items: center;
}
.tbt-inline-form > label {
  margin-bottom: 0 !important;
}
.tbt-inline-form > .custom-select {
  margin-left: 10px;
}
.custom-checkbox-wrapper {
  margin-right: 0;
  color: #000;
  text-transform: unset;
}
.custom-checkbox-wrapper .form-check-input {
  height: 18px;
  width: 18px;
  border-color: #0c3499;
  border-width: 2px;
  box-shadow: -3px 1px 4px rgba(0, 0, 0, 0.08);
}
.custom-checkbox-wrapper .form-check-input:disabled {
  opacity: 0;
}
.custom-checkbox-wrapper .form-check-input:disabled ~ .checkmark {
  border-color: #c4c4c4;
}
/* The container */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.container-checkbox {
  padding-left: 24px;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.container-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #0c3499;
}
.container-checkbox input:checked ~ .checkmark {
  background-color: #fff !important;
}
.container-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.container-checkbox input:checked ~ .checkmark::after {
  display: block;
  border-color: #0c3499;
}
.container-checkbox .checkmark::after {
  left: 4px;
  top: 0;
  width: 6px;
  height: 11px;
  border: solid #0c3499;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.purchase-unit-no-btn {
  margin-left: 14px;
}
.custom-radio-button-wrapper > input {
  width: 16px;
  height: 16px;
  border: 1px solid #c2bab5;
  box-sizing: border-box;
  border-radius: 25px;
  background-color: #fff;
  position: relative;
  margin-right: 6px;
}
.custom-radio-button-wrapper > input::before {
  content: "";
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  width: 16px;
  height: 16px;
  border-radius: 20px;
  top: -5px;
  border: 1px solid #c2bab5;
  left: -5px;
}
.custom-radio-button-wrapper > input:checked {
  border: 5px solid #fff;
  background-color: #0c3499;
  background-image: url('radio-bg.svg') !important;
}
.custom-radio-button-wrapper > input:checked::before {
  display: block;
}
.custom-radio-button-wrapper label {
  margin-top: 4px;
}
.custom-radio-button-wrapper {
  /* Center the content horizontally */
  align-items: center;
  display: inline-flex;
  /* Cursor */
  cursor: pointer;
}
.custom-radio-button-wrapper span {
  font-weight: 600;
  color: #000;
  font-size: 14px;
  line-height: 20;
  font-style: normal;
}
.label-input {
  /* Hide it */
  display: none;
}
.label-circle {
  /* Rounded border */
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 9999px;
  /* Spacing */
  margin-right: 8px;
  padding: 4px;
}
.label-radio {
  /* Rounded border */
  border-radius: 25px;
  height: 8px;
  width: 8px;
  /* For not selected radio */
  background-color: transparent;
}
.label-radio-selected {
  /* For selected radio */
  background-color: #0c3499;
}
.comment-textarea {
  min-height: 170px;
  max-height: 170px;
  height: 170px;
}
.dates-wrapper {
  display: flex;
  align-items: center;
}
.dates-wrapper span {
  margin-left: 5px;
  margin-right: 5px;
}
.create-password .date-day,
.create-password .date-month {
  width: 34px;
  padding: 8px;
}
.create-password .date-year {
  width: 62px;
  padding: 8px;
}
.create-password .icon-wrapper {
  margin-left: 10px;
}
.create-password .icon-wrapper img {
  width: 16px;
}
.error-field-checkbox {
  border-color: #dbd6d1;
}
.tbt-input-group .form-control:not(.order-2), .tbt-input-group .form-control.error-field:not(.order-2), .tbt-input-group .form-control.ng-invalid.ng-touched:not(.order-2) {
  border-right: 0;
}
.tbt-input-group .form-control ~ .input-group-text {
  border-left: 0;
}
.tbt-input-group .form-control:hover ~ .input-group-text, .tbt-input-group .form-control:focus ~ .input-group-text {
  border-color: #0c3499 !important;
}
.tbt-input-group .form-control.error-field:hover, .tbt-input-group .form-control.ng-invalid.ng-touched:hover {
  border-color: #ff1f26 !important;
}
.tbt-input-group .form-control.error-field ~ .input-group-text, .tbt-input-group .form-control.ng-invalid.ng-touched ~ .input-group-text {
  border-color: #ff1f26 !important;
}
.append-group .tbt-input-group .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.append-group .tbt-input-group .form-control, .append-group .tbt-input-group .form-control.error-field, .append-group .tbt-input-group .form-control.ng-invalid.ng-touched {
  border-left: 0;
}
.append-group .tbt-input-group .form-control ~ .input-group-text {
  padding-right: 0;
  border-left: 1px solid #dbd6d1;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.append-group .tbt-input-group .form-control:focus ~ .input-group-text {
  border-color: #dbd6d1;
}
.tbt-input-group .form-control:focus ~ .input-group-text {
  border-color: #dbd6d1;
}
.tbt-input-group .input-dropdown-adjust {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  font-weight: 600;
}
.tbt-input-group .input-dropdown-adjust {
  font-size: 12px;
  line-height: 18px;
  color: #000;
  font-weight: 600;
}
.form-control.exception-comment-textarea {
  height: 135px;
  font-weight: 600;
  color: #706b69 !important;
}
.signup-bg-wrapper .input-group-text {
  font-size: 12px;
}
.signup-bg-wrapper .login-form .btn-login {
  opacity: 1;
}
.add-new-lead-page-wrapper .form-select option {
  color: #000;
  font-size: 14px;
}
.add-new-lead-page-wrapper label {
  text-transform: unset;
  font-family: "Roche Sans Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}
.add-new-lead-page-wrapper label span {
  font-style: normal;
}
.view-service-page-wrapper {
  padding-bottom: 20px;
}
.view-service-page-wrapper .page-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-service-page-wrapper .service-details-form-wrapper .services-radio-types {
  margin-top: 30px;
}
.view-service-page-wrapper .service-details-form-wrapper .description-wrapper {
  margin-top: 20px;
}
.view-service-page-wrapper .service-details-form-wrapper .description-wrapper .form-group .form-control {
  min-height: 100px;
}
.view-service-page-wrapper .service-details-form-wrapper .action-items-wrapper {
  margin-bottom: 10px;
}
.view-service-page-wrapper .service-details-form-wrapper .cycles-wrapper {
  margin-top: 30px;
}
.tbt-input-overlap {
  position: relative;
  height: 56px;
  margin-bottom: 30px;
}
.tbt-input-overlap label {
  position: absolute;
  background-color: white;
  color: #605d62;
  top: 0;
  left: 25px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
}
.tbt-input-overlap label span {
  color: #ff1f26 !important;
}
.tbt-input-overlap input,
.tbt-input-overlap select {
  border: 1px solid #dbe1e5;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #1c1b1f;
  height: inherit;
}
.tbt-input-overlap select.form-control {
  background-image: url('select-dropdown.svg') !important;
}
.tbt-splash-description h5 {
  font-weight: 300;
  font-size: 32px;
  line-height: 43px;
  color: #000;
}
.tbt-splash-description h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 43px;
  color: #0c3499;
  margin-bottom: 12px;
}
.tbt-splash-description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.tbt-splash-description p > a {
  text-decoration: none;
}
.patient-login-control {
  margin-bottom: 6px;
}
.tbt-patient-web .container-checkbox input:checked ~ .checkmark {
  background-color: #0c3499 !important;
}
.tbt-patient-web .container-checkbox input:checked ~ .checkmark::after {
  display: block;
  border-color: #fff;
}
.input-mg-group-section {
  display: flex;
}
.input-mg-group-section input {
  width: calc(100% - 100px);
}
.input-mg-group-section select,
.input-mg-group-section select:focus {
  width: 35px;
  padding: 0 10px;
  box-sizing: content-box;
  margin: 0 5px;
  background-position: calc(100% - 6px) 51%;
}
.input-mg-group-section button {
  width: 34px;
}
.input-mg-group-section .mg-input .form-select {
  border-left: 0;
  border-radius: 0;
  margin-right: 4px;
  border-color: #dbd6d1;
}
.input-mg-group-section .mg-input:hover {
  border-color: none;
}
.input-mg-group-section:hover .mg-input .form-select {
  border-top: 1px solid #0c3499;
  border-bottom: 1px solid #0c3499;
}
.input-value-text .form-label {
  font-family: "Roche Sans Regular", sans-serif !important;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  font-style: normal;
  margin-bottom: 20px;
}
.input-value-text .form-label b {
  font-weight: 700;
  margin-right: 4px;
}
.input-value-text .form-label span {
  font-weight: 300;
}
.commentsSection label {
  font-family: "Roche Sans Light", sans-serif !important;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.commentsSection textarea {
  min-height: 80px;
}
.live-dashboard-page-wrapper .date-range-wrapper .tbt-input-group .form-control:hover ~ .input-group-text {
  border-color: unset !important;
}
.admin-patient-summery-page-wrapper .patient-summary-calendar-card .input-box-container {
  border: 1px solid #ececec;
  border-radius: 8px;
}
.addCouponForm .form-group .form-label {
  font-size: 14px;
  font-weight: 300;
  font-family: "Roche Sans Light", sans-serif;
  color: #000;
}
.addCouponForm .innerTableWrapper input[type=number],
.editCouponForm .innerTableWrapper input[type=number] {
  -moz-window-appearance: textfield;
}
.addCouponForm .innerTableWrapper input[type=number]::-webkit-outer-spin-button, .addCouponForm .innerTableWrapper input[type=number]::-webkit-inner-spin-button,
.editCouponForm .innerTableWrapper input[type=number]::-webkit-outer-spin-button,
.editCouponForm .innerTableWrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.account-wise-dropdown-section .date-range-wrapper .tbt-input-group .form-control:hover ~ .input-group-text {
  border-color: unset !important;
}
.admin-review-request-page-wrapper .action-items-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.admin-review-request-page-wrapper .hospital-link-field-align {
  margin-bottom: 16px;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .tbt-patient-form {
  font-family: "Roche Sans Light", sans-serif !important;
  display: flex;
  flex-direction: column;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .tbt-patient-form .tbt-form-subsection {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-email {
  text-align: center;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-email .tbt-form-subsection {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #544f4f;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-age-gender {
  text-align: center;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-age-gender .tbt-form-subsection {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #706b69;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-status {
  background: rgba(229, 241, 239, 0.5);
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-status .patient-status-section {
  display: flex;
  justify-content: space-between;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-status .patient-action-section {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .patient-status .patient-action-section .tbt-form-subsection {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-patient-page-wrapper .page-content-wrapper .tbt-card .provider-role-summary-section .tbt-id-provider {
  display: block;
  justify-items: center;
  text-align-last: center;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-summary-pap-card .patient-pap-section {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-summary-pap-card .patient-pap-section .tbt-form-subsection {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-patient-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section {
  background: rgba(229, 241, 239, 0.5);
  position: relative;
}
.tbt-patient-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area {
  max-height: 48vh;
}
.tbt-patient-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area .comment-wrapper .name {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-patient-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area .comment-wrapper .date-time {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-patient-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area .comment-wrapper .comment {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-patient-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comment-doctor-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tbt-patient-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comment-doctor-img img {
  opacity: 0.3;
}
.tbt-patient-page-wrapper .page-content-wrapper .pap-error-data-height .hco-error-data-height {
  min-height: 4vh;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-summary-uploaded-documents-card .tbt-scrollable-area {
  max-height: 48vh;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-summary-uploaded-documents-card .table-wrapper .view-document {
  cursor: pointer;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-service-details-card .scrollable-table-wrapper {
  max-height: 84vh;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-service-details-card .table-wrapper .no-data-tbody-image {
  height: 84vh;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-service-details-card .table-wrapper tr:hover td {
  background-color: unset !important;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-service-details-card .table-wrapper .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: unset;
}
.admin-pap-details-page-wrapper .report-table-accordion .table thead > tr > th,
.admin-pap-details-page-wrapper .report-table-accordion .table tbody > tr > td {
  padding-left: 58px !important;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card {
  max-height: 100%;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .admin-personal-details-section .patient-image-wrapper {
  text-align: center;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .admin-personal-details-section .card-name-heading {
  text-align: center;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .admin-personal-details-section .patient-summary-report-img {
  margin-top: 15px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .tbt-patient-form {
  font-family: "Roche Sans Light", sans-serif !important;
  display: flex;
  flex-direction: column;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .tbt-patient-form .tbt-form-subsection {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-email {
  text-align: center;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-email .tbt-form-subsection {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #544f4f;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-age-gender {
  text-align: center;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-age-gender .tbt-form-subsection {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #706b69;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-status {
  background: rgba(229, 241, 239, 0.5);
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-status .patient-status-section {
  display: flex;
  justify-content: space-between;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-status .patient-action-section {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .tbt-card .patient-status .patient-action-section .tbt-form-subsection {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section {
  max-height: 42vh;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section {
  background: rgba(229, 241, 239, 0.5);
  position: relative;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area {
  max-height: 30vh;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area .comment-wrapper .name {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area .comment-wrapper .date-time {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comments-remarks-wrapper .comments-all-wrapper-area .comment-wrapper .comment {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comment-doctor-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .second-card-section .patient-comments-section .comment-doctor-img img {
  opacity: 0.3;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .admin-pap-details {
  max-height: 42vh;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .patient-summary-calendar-card .tbt-card {
  max-height: 130vh;
}
.tbt-admin-patient-summary-page-wrapper .page-content-wrapper .patient-summary-calendar-card .summary-event-scrollable-area {
  max-height: 350px;
}
.mt-dynamic-form .form-group .form-control {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 12px;
  border: 1px solid #c2bab5;
}
.mt-dynamic-form .form-group .form-control::placeholder {
  color: #c2bab5;
}
.mt-dynamic-form .form-group .form-select {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #c2bab5;
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item {
  flex-grow: 0;
  margin-right: 16px;
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link {
  border-width: 2px;
  color: #7d0096;
  padding: 8px;
  position: relative;
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link::before {
  content: "";
  position: absolute;
  width: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  border-radius: 4px 4px 0 0;
  z-index: 1;
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.active:focus {
  box-shadow: none;
  font-weight: 600 !important;
  background: none;
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.active .count {
  text-shadow: none;
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.active::before, .mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link:hover::before {
  width: 100%;
  background: linear-gradient(180deg, #0c3499 0%, #269cce 100%);
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link::after {
  border: none;
  background-image: none;
}
.mt-dynamic-form .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link .product-close {
  padding: 0 6px;
  font-size: 12px;
  line-height: 14px;
}
.mt-dynamic-form #dosageUnit {
  width: 70px;
}
.mt-dynamic-form .dosage-control {
  padding-top: 28px;
}
.mt-dynamic-form .dosage-control img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.radiobtn-wrapper .mt-dynamic-form .form-group {
  padding-top: 30px;
}
.mt-dynamic-error-page {
  font-size: 10px;
}
.mm-register .form-group .validation p {
  position: absolute;
  font-size: 10px;
  font-family: "Roche Sans Regular", sans-serif;
}
.disabled-input,
.country-sign {
  color: #706b69;
  background-color: #dbd6d1 !important;
}
.superAdmin-add-program .programName input,
.superAdmin-add-program .programName select,
.superAdmin-add-program .programShortForm input,
.superAdmin-add-program .programShortForm select,
.superAdmin-add-program .vendorId input,
.superAdmin-add-program .vendorId select,
.superAdmin-add-program .description input,
.superAdmin-add-program .description select {
  width: 33.33%;
}
.superAdmin-add-program #save {
  background: linear-gradient(271deg, #269cce 0.14%, #2b3990 97.85%);
  color: #fff !important;
  border-radius: 4px;
  box-shadow: none;
  border: none;
}
.superAdmin-add-program #save:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.superAdmin-add-program #save:disabled, .superAdmin-add-program #save.disabled {
  opacity: 0.66 !important;
}
.decisionCancel #cancel {
  margin-top: 0;
}
.hostURL-field .input-group-prepend .form-control:hover,
.hostURL-field .input-group-append .form-control:hover {
  border-color: #dbd6d1;
}
.pcs-tenant-onboarding .ng-select .ng-arrow-wrapper {
  right: 10px;
}
.block-ui-template .circle {
  display: inline-block;
  margin: 2.4rem;
  outline: 0 none;
  border-radius: 100%;
  font-size: 1.2rem;
  width: 1em;
  height: 1em;
  animation: circle 1.5s infinite ease;
}
@keyframes circle {
  0%, 100% {
    box-shadow: 0 -2em 0 0 #189dfe, 1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2), 2em 0 0 0 rgba(24, 157, 254, 0.2), 1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), 0 2em 0 0 rgba(24, 157, 254, 0.2), -1.4em 1.4em 0 0 rgba(24, 157, 254, 0.4), -2em 0 0 0 rgba(24, 157, 254, 0.6), -1.4em -1.4em 0 0 rgba(24, 157, 254, 0.8);
  }
  12.5% {
    box-shadow: 0 -2em 0 0 rgba(24, 157, 254, 0.8), 1.4em -1.4em 0 0 #189dfe, 2em 0 0 0 rgba(24, 157, 254, 0.2), 1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), 0 2em 0 0 rgba(24, 157, 254, 0.2), -1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), -2em 0 0 0 rgba(24, 157, 254, 0.4), -1.4em -1.4em 0 0 rgba(24, 157, 254, 0.6);
  }
  25% {
    box-shadow: 0 -2em 0 0 rgba(24, 157, 254, 0.6), 1.4em -1.4em 0 0 rgba(24, 157, 254, 0.8), 2em 0 0 0 #189dfe, 1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), 0 2em 0 0 rgba(24, 157, 254, 0.2), -1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), -2em 0 0 0 rgba(24, 157, 254, 0.2), -1.4em -1.4em 0 0 rgba(24, 157, 254, 0.4);
  }
  37.5% {
    box-shadow: 0 -2em 0 0 rgba(24, 157, 254, 0.4), 1.4em -1.4em 0 0 rgba(24, 157, 254, 0.6), 2em 0 0 0 rgba(24, 157, 254, 0.8), 1.4em 1.4em 0 0 #189dfe, 0 2em 0 0 rgba(24, 157, 254, 0.2), -1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), -2em 0 0 0 rgba(24, 157, 254, 0.2), -1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2);
  }
  50% {
    box-shadow: 0 -2em 0 0 rgba(24, 157, 254, 0.2), 1.4em -1.4em 0 0 rgba(24, 157, 254, 0.4), 2em 0 0 0 rgba(24, 157, 254, 0.6), 1.4em 1.4em 0 0 rgba(24, 157, 254, 0.8), 0 2em 0 0 #189dfe, -1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), -2em 0 0 0 rgba(24, 157, 254, 0.2), -1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2);
  }
  62.5% {
    box-shadow: 0 -2em 0 0 rgba(24, 157, 254, 0.2), 1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2), 2em 0 0 0 rgba(24, 157, 254, 0.4), 1.4em 1.4em 0 0 rgba(24, 157, 254, 0.6), 0 2em 0 0 rgba(24, 157, 254, 0.8), -1.4em 1.4em 0 0 #189dfe, -2em 0 0 0 rgba(24, 157, 254, 0.2), -1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2);
  }
  75% {
    box-shadow: 0 -2em 0 0 rgba(24, 157, 254, 0.2), 1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2), 2em 0 0 0 rgba(24, 157, 254, 0.2), 1.4em 1.4em 0 0 rgba(24, 157, 254, 0.4), 0 2em 0 0 rgba(24, 157, 254, 0.6), -1.4em 1.4em 0 0 rgba(24, 157, 254, 0.8), -2em 0 0 0 #189dfe, -1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2);
  }
  87.5% {
    box-shadow: 0 -2em 0 0 rgba(24, 157, 254, 0.2), 1.4em -1.4em 0 0 rgba(24, 157, 254, 0.2), 2em 0 0 0 rgba(24, 157, 254, 0.2), 1.4em 1.4em 0 0 rgba(24, 157, 254, 0.2), 0 2em 0 0 rgba(24, 157, 254, 0.4), -1.4em 1.4em 0 0 rgba(24, 157, 254, 0.6), -2em 0 0 0 rgba(24, 157, 254, 0.8), -1.4em -1.4em 0 0 #189dfe;
  }
}
.tbt-scrollable-area {
  overflow-y: auto;
}
.tbt-scrollable-x {
  overflow-x: auto;
}
/* width */
.scrollable-form-wrapper::-webkit-scrollbar,
.selected-document-wrapper::-webkit-scrollbar,
.document-area::-webkit-scrollbar,
.scrollable-table-wrapper::-webkit-scrollbar,
.distributor-comments-section-wrapper::-webkit-scrollbar,
.delivery-details-form-scroll::-webkit-scrollbar,
.comments-all-wrapper-area::-webkit-scrollbar,
.all-comments-text-area::-webkit-scrollbar,
.summary-event-scrollable-area::-webkit-scrollbar,
.tbt-scrollable-area::-webkit-scrollbar,
.tbt-scrollable-x::-webkit-scrollbar,
.comments-modal-wrapper::-webkit-scrollbar,
.view-remark-modal-body-wrapper::-webkit-scrollbar,
.image-wrapper::-webkit-scrollbar,
.approval-outer-wrapper::-webkit-scrollbar,
.card-body::-webkit-scrollbar,
.scrollable-card-body-wrapper::-webkit-scrollbar,
.service-tab-wrapper .services-table-wrapper::-webkit-scrollbar,
.report-page-table-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* Track */
.scrollable-form-wrapper::-webkit-scrollbar-track,
.selected-document-wrapper::-webkit-scrollbar-track,
.document-area::-webkit-scrollbar-track,
.scrollable-table-wrapper::-webkit-scrollbar-track,
.distributor-comments-section-wrapper::-webkit-scrollbar-track,
.delivery-details-form-scroll::-webkit-scrollbar-track,
.comments-all-wrapper-area::-webkit-scrollbar-track,
.all-comments-text-area::-webkit-scrollbar-track,
.summary-event-scrollable-area::-webkit-scrollbar-track,
.tbt-scrollable-area::-webkit-scrollbar-track,
.tbt-scrollable-x::-webkit-scrollbar-track,
.comments-modal-wrapper::-webkit-scrollbar-track,
.view-remark-modal-body-wrapper::-webkit-scrollbar-track,
.image-wrapper::-webkit-scrollbar-track,
.approval-outer-wrapper::-webkit-scrollbar-track,
.card-body::-webkit-scrollbar-track,
.scrollable-card-body-wrapper::-webkit-scrollbar-track,
.service-tab-wrapper .services-table-wrapper::-webkit-scrollbar-track,
.report-page-table-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* Handle */
.scrollable-form-wrapper::-webkit-scrollbar-thumb,
.selected-document-wrapper::-webkit-scrollbar-thumb,
.document-area::-webkit-scrollbar-thumb,
.scrollable-table-wrapper::-webkit-scrollbar-thumb,
.distributor-comments-section-wrapper::-webkit-scrollbar-thumb,
.delivery-details-form-scroll::-webkit-scrollbar-thumb,
.comments-all-wrapper-area::-webkit-scrollbar-thumb,
.all-comments-text-area::-webkit-scrollbar-thumb,
.summary-event-scrollable-area::-webkit-scrollbar-thumb,
.tbt-scrollable-area::-webkit-scrollbar-thumb,
.tbt-scrollable-x::-webkit-scrollbar-thumb,
.comments-modal-wrapper::-webkit-scrollbar-thumb,
.view-remark-modal-body-wrapper::-webkit-scrollbar-thumb,
.image-wrapper::-webkit-scrollbar-thumb,
.approval-outer-wrapper::-webkit-scrollbar-thumb,
.card-body::-webkit-scrollbar-thumb,
.scrollable-card-body-wrapper::-webkit-scrollbar-thumb,
.service-tab-wrapper .services-table-wrapper::-webkit-scrollbar-thumb,
.report-page-table-wrapper::-webkit-scrollbar-thumb {
  background-color: #aeaaae;
  border-radius: 10px;
}
/* Handle on hover */
.scrollable-form-wrapper::-webkit-scrollbar-thumb:hover,
.selected-document-wrapper::-webkit-scrollbar-thumb:hover,
.document-area::-webkit-scrollbar-thumb:hover,
.scrollable-table-wrapper::-webkit-scrollbar-thumb:hover,
.distributor-comments-section-wrapper::-webkit-scrollbar-thumb:hover,
.delivery-details-form-scroll::-webkit-scrollbar-thumb:hover,
.comments-all-wrapper-area::-webkit-scrollbar-thumb:hover,
.all-comments-text-area::-webkit-scrollbar-thumb:hover,
.summary-event-scrollable-area::-webkit-scrollbar-thumb:hover,
.tbt-scrollable-area::-webkit-scrollbar-thumb:hover,
.tbt-scrollable-x::-webkit-scrollbar-thumb:hover,
.comments-modal-wrapper::-webkit-scrollbar-thumb:hover,
.view-remark-modal-body-wrapper::-webkit-scrollbar-thumb:hover,
.image-wrapper::-webkit-scrollbar-thumb:hover,
.approval-outer-wrapper::-webkit-scrollbar-thumb:hover,
.card-body::-webkit-scrollbar-thumb:hover,
.scrollable-card-body-wrapper::-webkit-scrollbar-thumb:hover,
.service-tab-wrapper .services-table-wrapper::-webkit-scrollbar-thumb:hover,
.report-page-table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #bde3ff;
}
.modal-fc-flow .close-btn-wrapper {
  position: absolute;
  right: 0;
  margin: 18px 18px 0 0;
}
.modal-fc-flow .modal-header {
  border-bottom: 0;
  margin: 0 auto;
  padding: 27px 0 0;
}
.modal-fc-flow .modal-header .modal-header-title {
  text-align: center;
}
.modal-fc-flow .modal-body {
  text-align: center;
  padding: 0;
}
.modal-fc-flow .modal-body p {
  color: #4b3a5a;
  margin-bottom: 24px;
  margin-top: 12px;
}
.modal-fc-flow .modal-body .modal-actions {
  margin-top: 25px;
  padding-bottom: 27px;
}
.modal-fc-flow .modal-body .modal-actions .button-action {
  margin-right: 24px;
}
.modal-fc-flow .modal-body .modal-actions .single-button-action {
  padding-bottom: 27px;
}
.modal-fc-flow .modal-footer {
  border-top: 0;
  margin: 0 auto;
  padding-bottom: 27px;
  padding-top: 24px;
}
.modal-wrapper .modal-actions,
.modal-wrapper .actions-inner-wrapper,
.modal-action-wrapper .modal-actions,
.modal-action-wrapper .actions-inner-wrapper {
  display: flex;
  justify-content: space-between;
}
.modal-wrapper .actions-inner-wrapper,
.modal-action-wrapper .actions-inner-wrapper {
  margin-top: 16px;
}
.modal-wrapper .actions-inner-wrapper .btn:disabled,
.modal-wrapper .actions-inner-wrapper .btn.disabled,
.modal-action-wrapper .actions-inner-wrapper .btn:disabled,
.modal-action-wrapper .actions-inner-wrapper .btn.disabled {
  opacity: 0.65;
  border-color: rgba(12, 52, 153, 0.65);
}
.modal-wrapper .actions-inner-wrapper .cancel-btn,
.modal-action-wrapper .actions-inner-wrapper .cancel-btn {
  color: #2b3990;
}
.modal-wrapper .modal-header,
.modal-action-wrapper .modal-header {
  align-items: baseline;
  border-bottom: none;
  padding-bottom: 0 !important;
}
.modal-wrapper .modal-header .modal-heading-wrapper .info-para,
.modal-action-wrapper .modal-header .modal-heading-wrapper .info-para {
  font-family: "Roche Sans Light", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #979797;
  margin-bottom: 0;
  margin-top: 4px;
}
.modal-wrapper .modal-action-wrapper .tbt-primary-btn,
.modal-action-wrapper .modal-action-wrapper .tbt-primary-btn {
  min-width: 160px;
}
.modal-wrapper .text-area-box,
.modal-action-wrapper .text-area-box {
  min-height: 130px;
}
.modal-wrapper .place-order-modal-wrapper .tbt-section-heading,
.modal-wrapper .place-order-modal-wrapper .tbt-form-section,
.modal-action-wrapper .place-order-modal-wrapper .tbt-section-heading,
.modal-action-wrapper .place-order-modal-wrapper .tbt-form-section {
  margin-bottom: 16px;
}
.modal-wrapper .place-order-modal-wrapper form label,
.modal-action-wrapper .place-order-modal-wrapper form label {
  font-family: "Roche Sans Light", sans-serif;
  margin-bottom: 0;
  color: #000;
}
.modal-wrapper .place-order-modal-wrapper form label.custom-label,
.modal-action-wrapper .place-order-modal-wrapper form label.custom-label {
  margin-bottom: 6px;
}
.modal-wrapper .place-order-modal-wrapper .upload-document-tab-wrapper .documents-image-wrapper .document-area,
.modal-action-wrapper .place-order-modal-wrapper .upload-document-tab-wrapper .documents-image-wrapper .document-area {
  max-height: calc(100vh - 220px);
  min-height: inherit;
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.modal-wrapper .place-order-modal-wrapper .document-upload-right-wrapper .documents-image-wrapper,
.modal-action-wrapper .place-order-modal-wrapper .document-upload-right-wrapper .documents-image-wrapper {
  display: block;
  max-height: calc(100vh - 220px) !important;
  width: 100% !important;
  position: relative;
}
.modal-wrapper .place-order-modal-wrapper .document-upload-right-wrapper .documents-image-wrapper .document-action-items,
.modal-action-wrapper .place-order-modal-wrapper .document-upload-right-wrapper .documents-image-wrapper .document-action-items {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal-wrapper.modal-page-size,
.modal-action-wrapper.modal-page-size {
  min-height: 570px;
}
.modal-wrapper.modal-page-size .modal-body,
.modal-action-wrapper.modal-page-size .modal-body {
  padding: 0;
}
.modal-wrapper.modal-page-size .modal-body .modal-body-wrapper,
.modal-action-wrapper.modal-page-size .modal-body .modal-body-wrapper {
  height: calc(100vh - 87px);
}
.modal-wrapper.modal-page-size .modal-body .modal-body-wrapper .tbt-container,
.modal-wrapper.modal-page-size .modal-body .modal-body-wrapper .row,
.modal-action-wrapper.modal-page-size .modal-body .modal-body-wrapper .tbt-container,
.modal-action-wrapper.modal-page-size .modal-body .modal-body-wrapper .row {
  height: 100%;
  flex: 0 0 100%;
}
.modal-wrapper.modal-page-size .modal-body .modal-body-wrapper .tbt-container .scrollable-form-wrapper,
.modal-wrapper.modal-page-size .modal-body .modal-body-wrapper .row .scrollable-form-wrapper,
.modal-action-wrapper.modal-page-size .modal-body .modal-body-wrapper .tbt-container .scrollable-form-wrapper,
.modal-action-wrapper.modal-page-size .modal-body .modal-body-wrapper .row .scrollable-form-wrapper {
  min-height: calc(100vh - 275px);
  max-height: calc(100vh - 276px);
}
.modal-wrapper.modal-page-size .modal-body.record-infusion-modal-body .document-upload-right-wrapper .documents-image-wrapper .select-image-wrapper,
.modal-action-wrapper.modal-page-size .modal-body.record-infusion-modal-body .document-upload-right-wrapper .documents-image-wrapper .select-image-wrapper {
  min-height: calc(100vh - 335px);
}
.modal-wrapper.modal-page-size .modal-body.record-infusion-modal-body .documents-image-wrapper,
.modal-action-wrapper.modal-page-size .modal-body.record-infusion-modal-body .documents-image-wrapper {
  width: 100%;
}
.modal-wrapper.modal-page-size .modal-body.record-infusion-modal-body .upload-document-tab-wrapper .infusion-doc-wrapper .document-area,
.modal-action-wrapper.modal-page-size .modal-body.record-infusion-modal-body .upload-document-tab-wrapper .infusion-doc-wrapper .document-area {
  max-height: 375px;
  overflow: auto;
}
.modal-wrapper.modal-page-size .modal-body.record-infusion-modal-body .upload-document-tab-wrapper .infusion-doc-wrapper .document-area .pdf-doc-viewer,
.modal-action-wrapper.modal-page-size .modal-body.record-infusion-modal-body .upload-document-tab-wrapper .infusion-doc-wrapper .document-area .pdf-doc-viewer {
  height: 387px;
}
.modal-wrapper.modal-page-size .modal-body.record-infusion-modal-body .upload-document-tab-wrapper .documents-image-outer-wrapper,
.modal-action-wrapper.modal-page-size .modal-body.record-infusion-modal-body .upload-document-tab-wrapper .documents-image-outer-wrapper {
  height: calc(100vh - 208px);
}
.modal-wrapper.modal-page-size .left-form-wrapper,
.modal-wrapper.modal-page-size .document-upload-right-wrapper,
.modal-action-wrapper.modal-page-size .left-form-wrapper,
.modal-action-wrapper.modal-page-size .document-upload-right-wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
}
.modal-wrapper.modal-page-size .action-items-wrapper,
.modal-action-wrapper.modal-page-size .action-items-wrapper {
  margin-bottom: 0;
}
.modal-wrapper.modal-page-size .document-upload-right-wrapper .heading-wrapper .heading,
.modal-action-wrapper.modal-page-size .document-upload-right-wrapper .heading-wrapper .heading {
  font-family: "Roche Sans Light", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.02em;
}
.modal-wrapper.modal-page-size .document-upload-right-wrapper .right-heading-wrapper,
.modal-action-wrapper.modal-page-size .document-upload-right-wrapper .right-heading-wrapper {
  display: flex;
  margin-right: 10px;
}
.modal-wrapper.modal-page-size .document-upload-right-wrapper .right-heading-wrapper .btn-close,
.modal-action-wrapper.modal-page-size .document-upload-right-wrapper .right-heading-wrapper .btn-close {
  margin-left: 24px;
}
.modal-wrapper.modal-page-size .document-upload-right-wrapper .file-input,
.modal-action-wrapper.modal-page-size .document-upload-right-wrapper .file-input {
  position: absolute;
  height: 100%;
  width: 100%;
  border: none;
  background-color: rgba(255, 255, 255, 0);
}
.modal-wrapper.modal-page-size .document-upload-right-wrapper .documents-image-wrapper,
.modal-action-wrapper.modal-page-size .document-upload-right-wrapper .documents-image-wrapper {
  width: 400px;
  min-height: 390px;
}
.modal-wrapper.modal-page-size .document-upload-right-wrapper .documents-image-wrapper .select-image-wrapper,
.modal-action-wrapper.modal-page-size .document-upload-right-wrapper .documents-image-wrapper .select-image-wrapper {
  min-height: calc(100vh - 465px);
}
.modal-wrapper .add-new-scheme-popup .modal-action-wrapper .tbt-primary-btn,
.modal-wrapper .add-new-popup .modal-action-wrapper .tbt-primary-btn,
.modal-action-wrapper .add-new-scheme-popup .modal-action-wrapper .tbt-primary-btn,
.modal-action-wrapper .add-new-popup .modal-action-wrapper .tbt-primary-btn {
  min-width: auto;
}
.modal-wrapper .add-new-scheme-popup .addCouponForm .form-group .form-label,
.modal-wrapper .add-new-popup .addCouponForm .form-group .form-label,
.modal-action-wrapper .add-new-scheme-popup .addCouponForm .form-group .form-label,
.modal-action-wrapper .add-new-popup .addCouponForm .form-group .form-label {
  font-size: 12px;
  color: #000;
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: normal;
  line-height: 18px;
}
.modal-wrapper .add-new-scheme-popup .form-group .custom-label,
.modal-wrapper .add-new-popup .form-group .custom-label,
.modal-action-wrapper .add-new-scheme-popup .form-group .custom-label,
.modal-action-wrapper .add-new-popup .form-group .custom-label {
  color: #000;
}
.custom-sequence-modal-wrapper .action-items-wrapper {
  margin-bottom: 6px;
}
.sequence-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.sequence-wrapper input {
  width: 36px;
  height: 34px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.sequence-wrapper input:last-child {
  margin-right: 0;
}
.comments-modal-wrapper .modal-header,
.remarks-modal-wrapper .modal-header {
  padding-bottom: 0;
}
.comments-modal-wrapper .modal-body,
.remarks-modal-wrapper .modal-body {
  padding-top: 12px;
}
.comments-modal-wrapper .comments-form .all-comments-text-area,
.remarks-modal-wrapper .comments-form .all-comments-text-area {
  min-height: 295px;
  max-height: 312px;
  overflow-y: auto;
}
.comments-modal-wrapper .comments-form .add-in-all-comment,
.remarks-modal-wrapper .comments-form .add-in-all-comment {
  height: 94px;
  max-height: 100px;
  overflow-y: auto;
}
.modal-title {
  font-weight: 600;
  color: #2b3990;
  font-size: 20px;
}
.exception-details-modal-wrapper .cancel-btn {
  font-weight: 600;
}
.exception-details-modal-wrapper .reject-on-hold-btn:disabled,
.exception-details-modal-wrapper .reject-on-hold-btn[disabled] {
  border-color: #c4c4c4 !important;
  color: #c4c4c4;
}
.exception-details-modal-wrapper .exception-details-modal-body {
  padding-top: 4px;
}
.ng-option {
  color: #000 !important;
}
.ng-value-container .ng-placeholder {
  color: #c2bab5 !important;
  text-transform: capitalize !important;
}
.ng-value-container .ng-value {
  color: #000 !important;
}
.view-comment-modal-body-wrapper .comments-form {
  min-height: 80px;
}
.edit-document-modal-wrapper .edit-document-form .image-wrapper {
  max-height: 400px;
  overflow-y: auto;
}
.edit-document-modal-wrapper .actions-inner-wrapper {
  height: 82px;
  align-items: flex-end;
}
.edit-document-modal-wrapper .actions-inner-wrapper .cancel-btn {
  position: relative;
  z-index: 99;
}
.modal-header .btn-close,
.document-upload-right-wrapper .btn-close {
  background-image: url('close-icon.svg') !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
}
.modal-header .btn-close:hover,
.document-upload-right-wrapper .btn-close:hover {
  opacity: 1 !important;
  text-decoration: none !important;
}
.document-upload-right-wrapper .btn-close:hover {
  opacity: 0.5 !important;
}
.dose-modal-wrapper .doses-wrap .tbt-input-group .input-group-text {
  padding: 4px 7px !important;
  background-color: #fff;
  height: 34px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #c2bab5;
  border: 1px solid #ededed;
}
.dose-modal-wrapper .doses-wrap .tbt-input-group .form-control:focus ~ .input-group-text {
  border-color: #c2bab5;
}
.place-order-modal-wrapper .upload-wrapper .btn-close {
  float: right;
  margin-top: 20px;
}
.place-order-modal-wrapper .upload-wrapper .btn-close:hover {
  opacity: 0.5 !important;
  float: right;
}
.place-order-modal-wrapper .upload-wrapper .document-area-wrapper {
  min-height: 440px;
  display: flex;
  align-items: center;
}
.pdf-doc-viewer {
  height: 340px;
  width: 520px;
}
.document-view-header {
  border-bottom: none !important;
}
.modal-dialog-scrollable .modal-content {
  min-height: 200px !important;
}
.modal-dialog-scrollable .modal-content .no-data {
  font-weight: 600;
  color: #000;
}
.modal-dialog-scrollable .modal-content .pdf-viewer embed {
  min-height: 400px !important;
  max-width: 800px !important;
}
.modal-dialog-scrollable ::-webkit-scrollbar {
  width: 8px;
}
.modal-dialog-scrollable ::-webkit-scrollbar-track {
  border-radius: 10px;
}
.modal-dialog-scrollable ::-webkit-scrollbar-thumb {
  background-color: #aeaaae;
  border-radius: 10px;
}
.modal-dialog-scrollable ::-webkit-scrollbar-thumb:hover {
  background-color: #bde3ff;
}
.terms-conditions-content {
  text-align: justify;
  padding: 10px;
}
.terms-condition-header {
  text-align: left;
  padding: 0 40px;
  height: 350px;
  overflow-y: auto;
}
.terms-condition-rules {
  margin-top: 15px;
  margin-bottom: 22px;
}
.terms-title {
  color: #000;
}
.upload-doc-modal-body-wrapper .pdf-doc-viewer {
  height: 440px;
}
.upload-doc-modal-body-wrapper .upload-document-tab-wrapper > .documents-image-wrapper.py-5.upload-document-area-wrapper {
  min-height: 440px;
}
.upload-doc-modal-body-wrapper .upload-document-tab-wrapper > .documents-image-wrapper.py-5.upload-document-area-wrapper .select-image-wrapper {
  min-height: auto;
}
.comments-modal-wrapper .place-order-modal-wrapper .modal-body-wrapper .comments-form .view-comment-section {
  min-height: calc(100vh - 720px);
}
.comments-modal-wrapper .place-order-modal-wrapper .modal-body-wrapper .comments-form .view-comment-section .role,
.comments-modal-wrapper .place-order-modal-wrapper .modal-body-wrapper .comments-form .view-comment-section .date-time {
  font-weight: 600;
  color: #000;
  font-style: italic;
}
.comments-modal-wrapper .place-order-modal-wrapper .modal-body-wrapper .comments-form .view-comment-section .comment {
  font-size: 12px;
  font-weight: 500;
}
.view-remark-modal-body-wrapper .view-remark-section .role,
.view-remark-modal-body-wrapper .view-remark-section .date-time {
  font-weight: 600;
  color: #000;
  font-style: italic;
}
.view-remark-modal-body-wrapper .view-remark-section .comment {
  font-size: 12px;
  font-weight: 500;
}
.order-details-table-modal {
  overflow: auto;
}
.order-details-table-modal .table {
  width: 100%;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .section-calendar-wrapper {
  background: #f2f7fc;
  padding: 10px;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .reschedule-titles {
  font-size: 12px;
  font-weight: 600;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .reschedule-titles .reschedule-subsection {
  font-size: 12px;
  font-weight: 400;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .title-border {
  color: #dbd6d1;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .reschedule-footer {
  display: flex !important;
  justify-content: space-between;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .scheduled-date {
  color: #0c3499;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .scheduled-date .tbt-from-to {
  color: #022366;
  padding-right: 10px;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .selected-slots-titles {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section {
  border-radius: 5px;
  margin: 10px;
  width: 149px;
  border: none;
  font-style: normal;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .card-body {
  max-height: 50px;
  padding-top: 4px;
  padding-left: 16px;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .card-body .radio-status {
  margin-top: 4px;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .card-body .available-status {
  font-family: "Roche Sans Light", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  margin-top: 14px;
  font-style: normal;
  color: #1a141f;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .card-body .current-status {
  font-weight: 400;
  font-size: 14px;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .available-card {
  background: #f2f7fc;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .available-card .current-status {
  color: #00b458;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .not-available-card {
  background: #f2f7fc;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .not-available-card .current-status {
  color: #c2bab5;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .booked-card {
  background: rgba(0, 180, 88, 0.05);
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .status-section .booked-card .current-status {
  color: #ff1f26;
}
.reschedule-modal-wrapper .reschedule-section-modal-wrapper .modal-body-wrapper .cards-wrapped-status .scrollable-form-wrapper {
  height: 150px;
  min-height: 145px !important;
}
.card-checkbox-slots-wrapper {
  margin-left: -8px;
}
.card-checkbox-slots-wrapper .preference-slot {
  width: 340px;
  position: relative;
  margin: 10px auto;
}
.card-checkbox-slots-wrapper .status-section {
  border-radius: 5px;
  margin: 0 0 10px;
  border: none;
  font-style: normal;
}
.card-checkbox-slots-wrapper .status-section .card-body {
  max-height: 50px;
  padding-top: 15px;
  padding-left: 16px;
  border: 1px solid #84a2f1;
  border-radius: 5px;
  max-width: 300px;
}
.card-checkbox-slots-wrapper .status-section .morning-card {
  border: 1px solid #00b458;
  border-radius: 5px;
  background: rgba(0, 180, 88, 0.05);
}
.card-checkbox-slots-wrapper .status-section .morning-card .tbt-dates-management-slots {
  display: flex;
  justify-content: space-between;
}
.card-checkbox-slots-wrapper .status-section .morning-card .tbt-dates-management-slots .checkbox-slot {
  margin-right: 20px;
}
.card-checkbox-slots-wrapper .status-section .morning-card .checkbox-status {
  margin-top: 3px;
  margin-left: -8px;
}
.card-checkbox-slots-wrapper .status-section .morning-card .current-status {
  font-weight: 400;
  font-size: 12px;
  margin-left: -20px;
}
.card-checkbox-slots-wrapper .status-section .morning-card #status-paid {
  width: 128px;
  margin-top: -6px;
}
.view-coupon-modal-wrapper .view-coupon-body .modal-body-wrapper .title-border {
  margin-top: 0;
  border: 1px solid #aeaaae;
}
.view-coupon-modal-wrapper .view-coupon-body .modal-body-wrapper .modal-action-wrapper .view-update-btn-wrapper {
  justify-content: right;
}
.view-coupon-modal-wrapper .view-coupon-body .modal-body-wrapper .modal-action-wrapper .view-update-btn-wrapper .update-coupon {
  margin-left: 20px;
}
.view-coupon-modal-wrapper .view-coupon-body .modal-body-wrapper .modal-action-wrapper .view-update-btn-wrapper .copy-wrapper {
  align-self: center;
  margin-right: 20px;
}
.view-coupon-modal-wrapper .view-coupon-body .modal-body-wrapper .modal-action-wrapper .view-update-btn-wrapper .copy-wrapper .copy-text {
  margin-left: 12px;
  color: #0c3499;
}
.meeting-link-modal-wrapper .meeting-coupon-body .modal-body-wrapper .meeting-link-area {
  min-height: 60px;
}
.meeting-link-modal-wrapper .meeting-coupon-body .modal-body-wrapper .modal-action-wrapper .meeting-btns {
  justify-content: right;
}
.meeting-link-modal-wrapper .meeting-coupon-body .modal-body-wrapper .modal-action-wrapper .meeting-btns .update-coupon {
  margin-left: 20px;
}
.meeting-link-modal-wrapper .meeting-coupon-body .modal-body-wrapper .modal-action-wrapper .meeting-btns .copy-wrapper {
  align-self: center;
  margin-right: 20px;
}
.meeting-link-modal-wrapper .meeting-coupon-body .modal-body-wrapper .modal-action-wrapper .meeting-btns .copy-wrapper .copy-text {
  margin-left: 12px;
  color: #0c3499;
}
.assign-modal-wrapper .assign-modal-body .modal-body-wrapper .title-border {
  margin-top: 0;
}
.assign-modal-wrapper .assign-modal-body .modal-action-wrapper .provider-details-btn {
  justify-content: right;
}
.assign-modal-wrapper .assign-modal-body .modal-action-wrapper .provider-details-btn .confirm-coupon {
  margin-left: 20px;
}
.upload-btn-container {
  text-align: right;
}
.upload-btn-container button {
  margin: 10px;
}
.reschedule-appointment-title h2 {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 18px;
  color: #000;
  padding-top: 13px;
  padding-bottom: 10px;
}
.select-service-modal .actions-inner-wrapper {
  margin: 24px;
}
.reschedule-appointment .tbt-card {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .wrapper-ratings {
  display: flex;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .wrapper-ratings .feedback-titles {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .wrapper-ratings .feedback-titles .feedback-subsection {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin-right: 50px;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .seperator-feedback-ratings {
  border: 1px solid #dbd6d1;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper {
  border-radius: 10px;
  border: 1px solid #c4c4c4;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper .review-section {
  background: #f5f5f2;
  padding: 19px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-left: 1px solid #c4c4c4;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper .review-section .review-wrapper .review-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper .review-section .review-wrapper .review-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
}
@media (min-width: 992px) {
  .tbt-modal-appointment .modal-dialog {
    max-width: 980px;
  }
}
@media (min-width: 992px) {
  .tbt-modal-service .modal-dialog {
    max-width: 950px;
  }
}
@media (min-width: 1200) {
  .added-query-modal .modal-dialog {
    max-width: 935px;
  }
}
.provider-details-btn .diagnostic-error-msg {
  float: left;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 19px;
  margin-top: 18px;
}
.notes-edit-align {
  padding-right: 4px;
}
.infusion-doc-wrapper .document-area .uplaod-img-wrap {
  max-height: 300px;
}
.tbt-stack-availbility .modal-footer {
  padding: 0px;
  margin-top: 30px;
}
.tbt-stack-availbility .modal-footer .tbt-stack-availability-group {
  padding-top: 20px;
}
.tbt-stack-availbility .modal-footer .tbt-stack-availability-group .tbt-cancel-btn {
  border: 1px solid #0c3499;
  margin-right: 15px;
  color: #0c3499;
}
.tbt-stack-availbility .modal-footer .tbt-stack-availability-group .arrow-icon {
  line-height: 0;
  padding-left: 10px;
}
.tbt-stack-availbility .tbt-scrollable-area {
  max-height: 300px;
}
.tbt-stack-dispatch-details .modal-footer {
  padding: 0;
}
.tbt-stack-dispatch-details .modal-footer .tbt-stack-availability-group {
  padding-top: 20px;
}
.tbt-stack-dispatch-details .modal-footer .tbt-stack-availability-group .tbt-cancel-btn {
  border: 1px solid #0c3499;
  margin-right: 15px;
  color: #0c3499;
}
.tbt-stack-dispatch-details .modal-header .arrow-icon .tbt-arrow-img {
  border: 1px solid #dbd6d1;
  padding: 12px;
  border-radius: 6px;
}
.tbt-stack-dispatch-details .custom-select-width {
  overflow: visible;
}
.video-play-page-wrapper {
  background-color: #000;
}
.video-play-page-wrapper .video-play-wrapper {
  padding: 0;
}
.video-play-page-wrapper .video-play-wrapper video {
  max-height: 80vh;
  background: #fff;
}
.video-play-page-wrapper .btn-close {
  position: absolute;
  right: 10px;
  z-index: 1;
  color: #c4c4c4;
  font-size: 20px;
  line-height: 20px;
  top: 6px;
  background-color: #fff;
  background-size: 12px;
  padding: 2px;
}
.orderHistoryModal .modal-header {
  padding-left: 30px;
  padding-right: 30px;
}
.orderHistoryModal .modal-main-title {
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
  line-height: 27px;
  border-bottom: 1px solid #c2bab5;
}
.orderHistoryModal .modal-body .tbt-form-section {
  color: #798897;
  margin-bottom: 10px !important;
  font-size: 14px;
}
.orderHistoryModal .modal-body .tbt-form-section .tbt-status {
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.orderHistoryModal .modal-body .tbt-form-section .tbt-pending {
  color: #ed4a0d;
}
.orderHistoryModal .modal-body .tbt-form-section a {
  color: #0c3499;
  text-decoration: underline;
  cursor: pointer;
}
.orderHistoryModal .modal-body .tbt-form-section p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
}
.orderHistoryModal .modal-body .tbt-form-section label {
  color: #605d62;
  font-size: 14px;
}
.orderHistoryModal .modal-body .trackMyOrder .tbt-section-heading {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  font-weight: 500;
}
.orderHistoryModal .modal-body .trackMyOrder .tbt-form-section {
  color: #798897;
}
.orderHistoryModal .modal-body .trackMyOrder .tbt-form-section .tbt-form-subsection {
  color: #7d0096;
  font-size: 14px;
  font-weight: 700;
}
.orderHistoryModal .modal-body .trackMyOrder .tbt-form-section svg {
  padding: 3px;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-description-card {
  background: #ffe8de;
  border-radius: 8px;
  margin-bottom: 14px;
  border: 0;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-description-card .card-body {
  padding: 12px;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-card-with-icon {
  margin-bottom: 14px;
  background: #fff;
  border: 1px solid #ff8782;
  border-radius: 5px;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-card-with-icon .card-body {
  padding: 12px;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-card-with-icon .card-body .enroll-header .heading {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #333;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-card-with-icon .card-body .description-icon-wrapper {
  display: flex;
  align-items: center;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-card-with-icon .card-body .description-icon-wrapper .icon-img {
  color: #fff;
  border-radius: 100%;
  text-align: center;
  overflow: hidden;
  background: #bdbdbd;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  line-height: 44px;
  border: 1px solid #bdbdbd;
  background-size: cover;
  background-position: center;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-card-with-icon .card-body .description-icon-wrapper .icon-img img {
  max-width: 32px;
  max-height: 32px;
}
.view-more-page-wrapper .view-more-body-wrapper .enroll-card-with-icon .card-body .description-icon-wrapper .icon-description {
  margin-left: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #787579;
}
.view-more-page-wrapper .view-more-body-wrapper .right-btn-group {
  float: right;
  margin-bottom: 20px;
}
.view-more-page-wrapper .view-more-body-wrapper .right-btn-group .tbt-outline-primary-btn {
  margin-right: 20px;
}
.patient-feedback-modal-wrapper .modal-header .modal-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 18px;
  color: #0c3499;
}
.patient-feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper {
  border-radius: 4px;
}
.patient-feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper .rating-section .rating-wrapper > p {
  color: #605d62;
}
.patient-feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper .rating-section .rating-wrapper .star-rating-name-wrapper .ratings-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #0c3499;
}
.patient-feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper .review-section {
  background: #fbfbfb;
}
.patient-feedback-modal-wrapper .feedback-section-modal-wrapper .rating-card-wrapper .review-section .review-wrapper .feedback-review-area {
  min-height: 210px !important;
}
.notification-modal-body .card .card-title {
  font-family: "Roche Sans Medium", sans-serif !important;
  font-size: 14px;
  color: #222;
  line-height: 18px;
  border-bottom: 1px solid #dbd6d1;
}
.notification-modal-body .card .card-body .patient-details > .title {
  border-bottom: 1px solid #dbd6d1;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.notification-modal-body .card .card-body .patient-details > .title img {
  height: 18px;
  margin-right: 13px;
}
.notification-modal-body .card .card-body .patient-details > .title h6 {
  font-family: "Roche Sans Medium", sans-serif !important;
  font-size: 14px;
  color: #222;
  line-height: 18px;
}
.notification-modal-body .card .card-body .patient-details label {
  font-family: "Roche Sans Medium", sans-serif !important;
  font-size: 14px;
  color: #787579;
  font-weight: 500;
}
.notification-modal-body .card .card-body .patient-details label span {
  font-family: "Roche Sans Medium", sans-serif !important;
  font-size: 14px;
  color: #333;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  line-height: 18px;
}
.notification-modal-body .card .card-body .patient-details label span.title-blue {
  color: #0c3499;
  font-weight: 500;
}
.notification-modal-body .card .card-body .patient-details label + label {
  margin-top: 10px;
}
.notification-modal-body .card .card-body .patient-details.border-bottom-grey {
  border-bottom: 1px solid #dbd6d1;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.notification-modal-body .card .card-body .border-top-grey {
  border-top: 1px solid #dbd6d1;
}
.tbt-notification-modal .modal-header {
  align-items: flex-start;
}
.tbt-notification-modal .modal-header .modal-title {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  margin-left: 14px;
}
.tbt-notification-modal .modal-header .modal-title .notification-sub-header {
  font-weight: 300;
  font-size: 14px;
  color: #000;
}
.tbt-notification-modal .header-line {
  border: 1px solid #dbd6d1;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0;
}
.tbt-notification-modal .notification-description-wrapper {
  padding: 16px;
  margin-left: 4px;
}
.tbt-notification-modal .notification-description-wrapper .notification-title-wrapper {
  display: flex;
  align-items: flex-start;
}
.tbt-notification-modal .notification-description-wrapper .notification-title-wrapper .notification-sub-titles {
  font-weight: 600;
  font-size: 14px;
  color: #222;
  margin-left: 13px;
}
.tbt-notification-modal .notification-description-wrapper .title-pap-details {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #787579;
  font-family: "Roche Sans Medium", sans-serif !important;
}
.tbt-notification-modal .notification-description-wrapper .title-pap-details .flexi-paid-vials {
  border-radius: 10px;
  min-width: 98px;
  margin-right: 10px;
}
.tbt-notification-modal .notification-description-wrapper .title-pap-details .tbt-success-status .pap-details-notification {
  color: #0b936f;
  font-weight: 700;
  font-size: 14px;
}
.tbt-notification-modal .notification-description-wrapper .title-pap-details .tbt-pre-status .pap-details-notification {
  color: #007ac3;
  font-weight: 700;
  font-size: 14px;
}
.tbt-notification-modal .notification-description-wrapper .title-pap-details .flex-pap-info {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #333;
}
.share-feedback-wrapper .rating-wrapper-img {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.share-feedback-wrapper .modal-header {
  display: flex;
  justify-content: center;
}
.share-feedback-wrapper .modal-header .modal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}
.share-feedback-wrapper .modal-body .modal-body-wrapper .rating-question {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #757d88;
  margin-bottom: 30px;
}
.share-feedback-wrapper .modal-body .actions-inner-wrapper {
  justify-content: center;
}
.review-submit-wrapper .review-wrapper-gif {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.review-submit-wrapper .review-wrapper-gif img {
  height: 150px;
}
.review-submit-wrapper .modal-header {
  display: flex;
  justify-content: center;
}
.review-submit-wrapper .modal-header .modal-heading-wrapper h4 {
  text-align: center;
}
.review-submit-wrapper .modal-header .modal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}
.review-submit-wrapper .modal-body .modal-body-wrapper .thank-you-message {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #757d88;
  margin-bottom: 30px;
}
.review-submit-wrapper .modal-body .actions-inner-wrapper {
  justify-content: center;
}
@media (min-width: 768px) {
  .review-modal-submit .modal-dialog {
    margin-left: 450px;
    max-width: 360px;
  }
  .review-modal-submit .modal-content {
    border-radius: 10px;
  }
}
.added-post-query-wrapper .header-titles {
  display: flex;
  align-items: flex-start;
}
.added-post-query-wrapper .technical-btns {
  display: flex;
  flex-direction: column;
}
.added-post-query-wrapper .technical-btns .query-id {
  background: #0c3499;
  border-radius: 4px;
  color: #fff;
  padding: 4px;
  width: 123px;
}
.added-post-query-wrapper .technical-btns .technical-support {
  background-color: rgba(11, 65, 205, 0.2);
  border-radius: 4px;
  color: #0c3499;
  padding: 4px;
  width: 123px;
  margin-top: 5px;
}
.added-post-query-wrapper .technical-btns .non-technical-support {
  background-color: #fac9b5;
  border-radius: 4px;
  color: #ff1f26;
  padding: 4px;
  width: 123px;
  margin-top: 5px;
}
.added-post-query-wrapper .post-query-wrapper {
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  margin: 20px;
}
.added-post-query-wrapper .post-query-wrapper .doctor-wrapper {
  border-right: 1px solid #dbd6d1;
  padding: 20px;
  background: #fbfbfb;
}
.added-post-query-wrapper .post-query-wrapper .doctor-wrapper.border-bottom {
  border-bottom: 1px solid #dbd6d1;
  border-top-left-radius: 6px;
}
.added-post-query-wrapper .post-query-wrapper .doctor-details-wrapper {
  border-right: 1px solid #dbd6d1;
  padding: 20px;
}
.added-post-query-wrapper .post-query-wrapper .doctor-details-wrapper.notification-segregation-wrapper {
  padding: 20px 5px 20px 10px;
}
.added-post-query-wrapper .post-query-wrapper .doctor-details-wrapper.notification-segregation-wrapper .tbt-scrollable-area {
  padding-right: 10px;
}
.added-post-query-wrapper .post-query-wrapper .doctor-details-wrapper .tbt-scrollable-area {
  height: 205px;
  padding-right: 10px;
}
.added-post-query-wrapper .post-query-wrapper .doctor-details-wrapper .tbt-scrollable-area .doctors-descriptions-section {
  padding-right: 3px;
  margin-bottom: 16px;
}
.added-post-query-wrapper .post-query-wrapper .review-wrapper {
  padding: 20px;
}
.added-post-query-wrapper .post-query-wrapper .review-wrapper .review-title {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.added-post-query-wrapper .post-query-wrapper .review-wrapper .reply-text {
  min-height: 210px;
  font-weight: 400;
  font-size: 14px;
  color: #333;
}
.added-post-query-wrapper .post-query-wrapper .review-wrapper .right-btn-group {
  margin-top: 16px;
  float: right;
}
.added-post-query-wrapper .left-btn-group {
  margin-left: 20px;
  margin-bottom: 20px;
}
.doctor-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 7px;
}
.doctor-header > .doctor-title {
  font-weight: 700;
  font-size: 14px;
  color: #000;
}
.doctor-header > .doctor-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #000;
}
.cancel-appointment-wrapper .cancel-wrapper-gif {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  height: 154px;
}
.cancel-appointment-wrapper .modal-header {
  display: flex;
  justify-content: center;
}
.cancel-appointment-wrapper .modal-header .modal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}
.cancel-appointment-wrapper .modal-body .feedback-review-area {
  min-height: 105px;
}
.cancel-appointment-wrapper .actions-inner-wrapper {
  justify-content: flex-end;
}
.exhausted-reschedule-wrapper .exhausted-wrapper-img {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.exhausted-reschedule-wrapper .modal-header {
  display: flex;
  justify-content: center;
}
.exhausted-reschedule-wrapper .modal-header .modal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}
.exhausted-reschedule-wrapper .modal-body .modal-body-wrapper {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin-right: 85px;
  margin-left: 85px;
}
.exhausted-reschedule-wrapper .modal-body .actions-inner-wrapper {
  display: flex;
  justify-content: center;
}
.place-order-request-wrapper .modal-header .modal-heading-wrapper .modal-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 18px;
  color: #0c3499;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .note-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #0c3499;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .note-description {
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #939094;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .note-description .note-highlighted {
  color: #0c3499;
  text-decoration: none;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .upload-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .upload-title-wrapper .upload {
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  color: #0c3499;
  margin-left: 8px;
  text-decoration: underline;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .upload-line {
  border: 1px solid #dbd6d1;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .file-uploaded-section {
  height: 200px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .file-uploaded-section .file-not-uploaded {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #939094;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .order-uploaded-details-wrap {
  height: 200px;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .order-uploaded-details-wrap .uploaded-img {
  height: 64px;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .order-uploaded-details-wrap .close-btn {
  height: 18px;
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .uploaded-image {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: calc(80vh - 200px);
}
.place-order-request-wrapper .modal-body .modal-body-wrapper .upload-card .uploaded-image .book-delete-btn {
  border: none;
  background-color: #fff;
  box-shadow: 0 15px 30px rgba(62, 19, 77, 0.09);
  border-radius: 4px;
  position: absolute;
  padding: 9px;
  bottom: 15px;
  right: 15px;
}
.place-order-request-wrapper .modal-body .book-appointment-upload {
  margin-bottom: 20px;
}
.place-order-request-wrapper .modal-body .book-appointment-upload .file-label .file-input {
  width: 257px;
  position: absolute;
  height: 34px;
  opacity: 0;
}
.place-order-request-wrapper .modal-body .book-appointment-upload .file-label .orders-uploads .uploads {
  display: flex;
  align-items: center;
  justify-content: center;
}
.place-order-request-wrapper .modal-body .actions-inner-wrapper {
  display: flex;
  justify-content: flex-end;
}
.book-appointment-modal-wrapper .modal-body {
  padding-top: 0;
}
.book-appointment-modal-wrapper .modal-body .select-slot-wrapper {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}
.book-appointment-modal-wrapper .modal-body .select-slot-wrapper img {
  height: 24px;
  width: 24px;
}
.book-appointment-modal-wrapper .modal-body .select-slot-wrapper .select-slot {
  margin-left: 13px;
  font-weight: 400;
  color: #616161;
  font-size: 16px;
}
.book-appointment-modal-wrapper .modal-body .status-section {
  margin-bottom: 15px;
}
.book-appointment-modal-wrapper .modal-body .date-time-wrapper {
  color: #0c3499;
  width: 100%;
  padding: 9px 5px;
}
.book-appointment-modal-wrapper .modal-body .date-time-wrapper .time-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  font-style: unset;
  width: 100%;
  display: block;
  text-align: center;
}
.book-appointment-modal-wrapper .modal-body .radio-status:checked ~ .date-time-wrapper {
  background-color: #0c3499;
  color: #fff;
}
.book-appointment-modal-wrapper .modal-body .available-card {
  border: 1px solid #0c3499;
  border-radius: 4px;
}
.book-appointment-modal-wrapper .modal-body .available-card .date-time-wrapper {
  cursor: pointer;
}
.book-appointment-modal-wrapper .modal-body .available-card input .ng-valid {
  background-color: blue;
  color: white;
}
.book-appointment-modal-wrapper .modal-body .not-available-card .date-time-wrapper {
  color: #c2bab5;
  cursor: inherit;
  opacity: 0.8;
}
.book-appointment-modal-wrapper .modal-body .date-time-wrapper-selected {
  padding: 9px 26px;
  color: #fff;
  width: 162px;
  margin-bottom: 20px;
  background: #0c3499;
  border: 1px solid #0c3499;
  border-radius: 4px;
}
.book-appointment-modal-wrapper .modal-body .date-time-wrapper-selected .time-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.book-appointment-modal-wrapper .modal-body .selected-slot-active {
  background-color: #0c3499;
  color: #fff;
}
.book-appointment-modal-wrapper .modal-body .footer-book-appointment {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.book-appointment-modal-wrapper .modal-body .footer-book-appointment .selected-slot-date {
  font-weight: 500;
  font-size: 14px;
  color: #605d62;
}
.book-appointment-modal-wrapper .modal-body .footer-book-appointment .selected-slot-date span {
  font-weight: 500;
  font-size: 14px;
  color: #0c3499;
}
.book-appointment-modal-wrapper .modal-body .title-border {
  border: 1px solid #dbd6d1;
}
.patient-book-appointment-time .scrollable-form-wrapper {
  min-height: calc(100vh - 345px);
}
.book-appointment-btn .tbt-primary-btn[disabled], .book-appointment-btn .tbt-primary-btn:disabled {
  background: #dbd6d1;
}
.tbt-patient-error-popup .swal2-header .swal2-icon,
.tbt-patient-success-popup .swal2-header .swal2-icon {
  border: 0;
  color: transparent;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.tbt-patient-error-popup .swal2-header .swal2-icon .swal2-x-mark,
.tbt-patient-success-popup .swal2-header .swal2-icon .swal2-x-mark {
  display: none !important;
}
.tbt-patient-error-popup .swal2-header .swal2-icon img,
.tbt-patient-success-popup .swal2-header .swal2-icon img {
  display: none !important;
}
.tbt-patient-error-popup .swal2-header h2,
.tbt-patient-success-popup .swal2-header h2 {
  font-size: 20px;
  color: #0c3499;
  line-height: 24px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 15px;
}
.tbt-patient-error-popup .swal2-header .swal2-close,
.tbt-patient-success-popup .swal2-header .swal2-close {
  display: none !important;
}
.tbt-patient-error-popup .swal2-content,
.tbt-patient-success-popup .swal2-content {
  font-size: 16px;
  color: #757d88;
  line-height: 21px;
  font-weight: 700;
}
.tbt-patient-error-popup .swal2-actions,
.tbt-patient-success-popup .swal2-actions {
  margin-top: 30px;
}
.tbt-patient-error-popup .swal2-actions button,
.tbt-patient-success-popup .swal2-actions button {
  background-color: #0c3499;
  background: linear-gradient(93.51deg, #0c3499 0%, #487afa 99.16%);
  color: #fff !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.286;
  border: 0;
  padding: 0.5rem 1.25rem;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-family: "Roche Sans Regular", sans-serif !important;
  border-radius: 0.25rem;
}
.tbt-patient-error-popup .swal2-actions button:hover,
.tbt-patient-success-popup .swal2-actions button:hover {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.tbt-patient-error-popup .swal2-actions button:disabled, .tbt-patient-error-popup .swal2-actions button.disabled,
.tbt-patient-success-popup .swal2-actions button:disabled,
.tbt-patient-success-popup .swal2-actions button.disabled {
  opacity: 0.66 !important;
}
.tbt-patient-error-popup .swal2-icon {
  background-image: url('error.gif') !important;
  background-position: center center;
  background-size: 150% !important;
  background-repeat: no-repeat;
}
.tbt-patient-success-popup .swal2-icon {
  border: 0;
  background-image: url('success.gif') !important;
  background-position: center center;
  background-size: contain !important;
  background-repeat: no-repeat;
}
.logout .modal-content {
  border-radius: 12px;
}
.logout .modal-content .review-wrapper-gif {
  margin-top: 0;
}
.logout .modal-content .review-wrapper-gif img {
  height: 121px;
}
.logout .actions-inner-wrapper .tbt-outline-primary-btn:focus {
  background-color: #fff !important;
  border-color: #0c3499 !important;
  -webkit-text-fill-color: #0c3499 !important;
  background-image: none !important;
}
.preview-doctor-patient-form {
  text-align: center;
}
.terms-conditions-list {
  padding-left: 35px;
}
.terms-conditions-list li {
  list-style-type: lower-alpha;
  padding-bottom: 10px !important;
  padding-top: 0 !important;
  padding-left: 5px;
}
.terms-conditions-list li > .sublist {
  padding-left: 35px;
  margin-top: 10px;
}
.terms-conditions-list li > .sublist li {
  list-style-type: lower-roman;
  padding-bottom: 10px !important;
  padding-top: 0 !important;
  padding-left: 5px;
}
.dc-terms-condition-header {
  text-align: left;
  padding: 0 40px;
}
.dc-terms-condition-header label {
  font-size: 14px;
  line-height: 26px;
  color: #000;
  margin-bottom: 6px;
  font-weight: 600;
  text-decoration: underline;
}
.dc-terms-condition-header p {
  font-size: 14px;
  margin-bottom: 8px;
  color: #4b3a5a;
  font-weight: 500;
}
.terms-text {
  text-align: justify;
  padding: 10px;
}
.sublist li > ul.terms-conditions-list li {
  list-style-type: lower-alpha;
}
.tbt-roche-blue-btn {
  background: #0c3499;
}
.coupon-details-modal-wrapper .pending-coupon-modal .service-titles {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  margin-bottom: 20px;
  margin-right: 24px;
}
.coupon-details-modal-wrapper .pending-coupon-modal .service-titles .service-subtitle {
  font-weight: 400;
}
.coupon-details-modal-wrapper .pending-coupon-modal .coupon-input-wrapper .coupon-title-questions {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}
.coupon-details-modal-wrapper .pending-coupon-modal .coupon-input-wrapper .coupon-textarea {
  min-height: 80px;
}
.coupon-details-modal-wrapper .pending-coupon-modal .title-border {
  border: 1px solid #dbd6d1;
}
.coupon-details-modal-wrapper .pending-coupon-modal .coupon-comment-wrapper .comment-title {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
}
.coupon-details-modal-wrapper .right-btn-group {
  float: right;
}
@media (min-width: 1200) {
  .tbt-coupon-modal .modal-dialog {
    min-width: 1243px;
  }
}
.custome-modal-fullscreen .modal-xl {
  max-width: 1240px !important;
}
@media (min-width: 768px) {
  .tbt-modal-patient-overview-provider .modal-dialog {
    max-width: 760px;
  }
}
.request-stages-wrapper .custom-radio-button-wrapper > input:checked::before {
  display: none !important;
}
.request-stages-wrapper .form-check-label {
  margin-top: 0;
}
.view-slot-service-request {
  display: block;
  margin-top: 20px;
  float: right;
  padding-right: 20px;
  padding-bottom: 20px;
}
.crowd-funding-input-feilds {
  margin-top: 20px;
}
.edit-modal-body-wrapper .modal-action-wrapper .actions-inner-wrapper {
  justify-content: end;
}
.edit-modal-body-wrapper .modal-action-wrapper .actions-inner-wrapper .tbt-primary-btn {
  min-width: 125px;
}
.patient-comment-modal-wrapper .modal-action-wrapper .actions-inner-wrapper {
  justify-content: end;
}
.track-service-modal-wrapper {
  padding: 0px 26px 20px 14px;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12 .track-icon {
  opacity: 0.25;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12 .order-status-heading {
  color: #939094;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12 .track-description {
  opacity: 0.5;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12 .stepper-track-order .stepper-line {
  border-left: 2px solid #939094;
  margin-top: -15px;
  height: 70px;
  position: absolute;
  left: 18.5px;
  opacity: 1;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12 .stepper-track-order .round-stepper {
  height: 7px;
  width: 7px;
  border-radius: 20px;
  background-color: #939094;
  display: block;
  margin-top: 5px;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12:has(~ .active-section) .track-icon, .track-service-modal-wrapper .modal-body-wrapper .col-12.active-section .track-icon {
  opacity: 1;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12:has(~ .active-section) .order-status-heading, .track-service-modal-wrapper .modal-body-wrapper .col-12.active-section .order-status-heading {
  color: #0c3499;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12:has(~ .active-section) .track-description, .track-service-modal-wrapper .modal-body-wrapper .col-12.active-section .track-description {
  opacity: 1;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12:has(~ .active-section) .stepper-track-order .stepper-line, .track-service-modal-wrapper .modal-body-wrapper .col-12.active-section .stepper-track-order .stepper-line {
  border-color: #487afa;
  left: 18.5px;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12:has(~ .active-section) .stepper-track-order .round-stepper, .track-service-modal-wrapper .modal-body-wrapper .col-12.active-section .stepper-track-order .round-stepper {
  background-color: #487afa;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12 .order-status-heading {
  font-weight: 700;
  font-size: 16px;
}
.track-service-modal-wrapper .modal-body-wrapper .col-12 .track-description {
  color: #333;
}
.track-service-modal-wrapper .actions-inner-wrapper {
  justify-content: center;
}
.custom-nav-tabs {
  border-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.custom-nav-tabs .nav-item {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.custom-nav-tabs .nav-item .nav-link {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  border-left: none;
  border-top: none;
  border-right: none;
  font-size: 12px;
  line-height: 18px;
  color: #949597;
  letter-spacing: 0.03em;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-width: 2px;
  border-radius: 16px 16px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  height: 100%;
}
.custom-nav-tabs .nav-item .nav-link.active {
  font-weight: 500;
  color: #0c3499;
}
.custom-nav-tabs .nav-item .nav-link::first-letter {
  text-transform: capitalize;
}
.custom-nav-tabs .nav-item .nav-link .count {
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 23px;
  border: 1px solid #706b69;
  font-size: 12px;
  display: inline-block;
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  letter-spacing: normal;
  margin-left: 5px;
  position: relative;
  top: -1px;
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 600;
}
.custom-nav-tabs .nav-item .nav-link.active .count {
  color: #0c3499;
  border-color: #0c3499;
}
.custom-nav-tabs .nav-item .nav-link.disabled {
  color: #c4c4c4;
  border-color: #c4c4c4;
}
.custom-nav-tabs .nav-item .nav-link .dropdown-menu-end .change-passowrd-responsive {
  display: none;
}
.custom-nav-tabs .nav-item:first-child .nav-link {
  padding-left: 0;
}
.custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link {
  border-width: 2px;
  color: #949597;
  padding: 0.5rem 0;
  position: relative;
}
.custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link::before {
  content: "";
  position: absolute;
  width: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  border-radius: 4px 4px 0 0;
  z-index: 1;
}
.custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link.active, .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link.active:focus {
  box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.2);
  font-weight: 600 !important;
  background: -webkit-linear-gradient(left, #0c3499 0.77%, #269cce 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link.active .count {
  text-shadow: none;
}
.custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link.active::before, .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link:hover::before {
  width: 100%;
  background: linear-gradient(180deg, #0c3499 0%, #269cce 100%);
}
.nav-tabs-lg {
  margin-bottom: 20px;
  border-bottom: none !important;
}
.nav-tabs-lg .nav-item {
  flex-grow: 1;
  margin-right: 6px;
}
.nav-tabs-lg .nav-item .nav-link {
  width: 100%;
  text-align: left;
  font-family: "Roche Sans Regular Condensed", sans-serif;
  padding-left: 0;
}
.nav-tabs-lg .nav-item .nav-link.active {
  border-color: #0c3499;
  font-weight: 400;
}
.custom-nav-tabs.nav-tabs-lg {
  border-color: #c2bab5;
}
.custom-nav-tabs.nav-tabs-lg .nav-item {
  flex-grow: 1;
}
.custom-nav-tabs.nav-tabs-lg .nav-item a.nav-link {
  border-color: #c2bab5;
  border-width: 4px !important;
}
.custom-nav-tabs.nav-tabs-lg .nav-item a.nav-link.active {
  border-color: #0c3499;
}
.tab-validation-icon {
  width: 24px;
  height: auto;
  display: none;
  margin-left: 6px;
  margin-right: 6px;
}
.touched-tab .valid-tab .tab-validation-icon-success {
  display: block;
}
.touched-tab .invalid-tab .tab-validation-icon-warning {
  display: block;
}
.theme-nav-tabs-wrapper .theme-nav-tabs {
  margin-bottom: 16px;
  border-bottom: none;
}
.theme-nav-tabs-wrapper .theme-nav-tabs .nav-item {
  flex-grow: 1;
  text-align: left;
  margin-right: 4px;
  cursor: pointer;
}
.theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  padding-bottom: 10px;
  color: #7d0096;
}
.theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.disabled {
  opacity: 0.5;
}
.theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link::after {
  border-radius: 100rem;
  font-size: 1rem;
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, #c5c5c6, #c5c5c6);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px rgba(0, 0, 0, 0) inset;
  position: absolute;
  content: "";
  z-index: -1;
  top: 26px;
  width: 100%;
  left: 0;
}
.theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.active::after {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
}
.document-tabs.nav-tabs > .nav-item > a.nav-link {
  font-size: 14px;
  line-height: 18px;
  color: #0c3499;
  border-bottom: 2px solid rgba(255, 255, 255, 0) !important;
  padding: 0 0 6px !important;
}
.document-tabs.nav-tabs > .nav-item > a.nav-link.active {
  border-color: #0c3499 !important;
}
.custom-nav-tabs.custom-nav-tabs-2.sidepeek-tabs .nav-item {
  padding-right: 0;
}
.custom-nav-tabs.custom-nav-tabs-2.sidepeek-tabs .nav-item a.nav-link {
  font-family: "Roche Sans Regular", sans-serif;
  color: #706b69;
  padding: 0px 8px 6px !important;
}
.custom-nav-tabs.custom-nav-tabs-2.sidepeek-tabs .nav-item a.nav-link.active {
  color: #2b3990;
  box-shadow: none;
  border: none !important;
  border-radius: 0;
  background: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #2b3990;
}
.tbt-navbar .tbt-container .navbar-toggler .navbar-toggler-icon {
  margin-top: 8px;
}
.nav-tabs .nav-link {
  margin-bottom: 0;
}
.tbt-flat-tabs {
  border-bottom: 0;
  font-size: 12px;
}
.tbt-flat-tabs > .nav-item > .nav-link {
  color: #706b69;
  border: 0;
  position: relative;
}
.tbt-flat-tabs > .nav-item > .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background: transparent;
  border-radius: 4px 4px 0 0;
}
.tbt-flat-tabs > .nav-item > .nav-link.active, .tbt-flat-tabs > .nav-item > .nav-link:hover {
  font-weight: 500;
  color: #0c3499;
  border-color: #0c3499;
}
.tbt-flat-tabs > .nav-item > .nav-link.active::after, .tbt-flat-tabs > .nav-item > .nav-link:hover::after {
  width: 100%;
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
}
.tbt-nav-pills {
  padding: 5px;
  border: 1px solid #dbd6d1;
  border-radius: 4px;
}
.tbt-nav-pills .nav-item .nav-link {
  padding: 2px 1.25rem;
  line-height: 1.272;
  color: #787579;
  font-size: 12px;
  font-weight: 400;
  font-family: "Roche Sans Regular", sans-serif;
}
.tbt-nav-pills .nav-item .nav-link.active {
  font-size: 14px;
  background-color: #0c3499;
  background-image: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  color: #fff;
}
.tbt-patient-web .tbt-nav-pills .nav-item .nav-link.active {
  font-size: 14px;
}
.notification-tabs-wrapper .tbt-flat-tabs {
  border-bottom: 1px solid #f5f5f2;
}
.notification-tabs-wrapper .tbt-flat-tabs .nav-item .nav-link {
  font-size: 14px;
}
.custom-pagination {
  margin-top: 32px;
  margin-bottom: 49px;
}
.custom-pagination .pagination {
  justify-content: center;
  margin-bottom: 0;
}
.custom-pagination .pagination .page-item {
  margin-right: 8px;
}
.custom-pagination .pagination .page-item .page-link {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 4px;
}
.custom-pagination .pagination .page-item .page-link .sr-only {
  display: none;
}
.custom-pagination .pagination .page-item .page-link:hover, .custom-pagination .pagination .page-item .page-link:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #0c3499;
  border-color: #0c3499;
}
.custom-pagination .pagination .page-item.active .page-link,
.custom-pagination .pagination .page-item.active .page-link:hover,
.custom-pagination .pagination .page-item.active .page-link:focus {
  background-color: rgba(0, 0, 0, 0) !important;
}
.custom-pagination .pagination .page-item.active .page-link {
  color: #0c3499;
  border-color: #0c3499;
  font-weight: 600;
}
.custom-pagination .pagination .page-item:first-child .page-link {
  background-image: url('left-arrow-black.svg');
}
.custom-pagination .pagination .page-item:first-child.disabled .page-link {
  background-image: url('left-arrow-white.svg');
}
.custom-pagination .pagination .page-item:last-child {
  margin-right: 0;
}
.custom-pagination .pagination .page-item:last-child .page-link {
  background-image: url('right-arrow-black.svg');
}
.custom-pagination .pagination .page-item:last-child.disabled .page-link {
  background-image: url('right-arrow-white.svg');
}
.custom-pagination .pagination .page-item:first-child .page-link, .custom-pagination .pagination .page-item:last-child .page-link {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}
.custom-pagination .pagination .page-item:first-child .page-link span, .custom-pagination .pagination .page-item:last-child .page-link span {
  opacity: 0;
}
.custom-pagination .pagination .page-item:disabled .page-link, .custom-pagination .pagination .page-item.disabled:first-child .page-link, .custom-pagination .pagination .page-item.disabled:last-child .page-link {
  border-color: rgba(215, 215, 215, 0.9);
  background-color: rgba(215, 215, 215, 0.9);
}
.service-request-pagination .pagination {
  margin-top: 40px;
}
.patient-summary-pap-card .nav-tabs-wrapper .tab-content {
  margin-top: 24px;
}
.patient-summary-pap-card .page-content-wrapper .pap-error-data-height {
  min-height: 187px;
  font-weight: 600;
}
.patient-summary-pap-card .nav-tab-content-wrapper {
  margin-bottom: 0;
}
.table-tab-wrapper {
  padding-top: 14px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
.service-list-wrapper .table-wrapper .table th {
  border: none !important;
}
.service-list-wrapper .table-wrapper .table th label {
  color: #2b3990;
}
.rounded-tabs {
  border-bottom: 0;
}
.rounded-tabs li {
  display: flex;
}
.rounded-tabs li button {
  width: 100%;
  position: relative;
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  border: none !important;
  color: #787579;
  font-size: 14px;
  line-height: 16px;
  padding-right: 0;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
}
.rounded-tabs li button span {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  background-color: #aeaaae;
  margin-right: 12px;
}
.rounded-tabs li button span figure {
  width: 26px;
  height: 26px;
  display: flex;
  margin-bottom: 0;
  border-radius: 25px;
  background-color: #aeaaae;
}
.rounded-tabs li button span figure img {
  width: 18px;
  height: 18px;
  margin: auto;
}
.rounded-tabs li button.active {
  color: #022366 !important;
}
.rounded-tabs li button.active span {
  background-color: rgba(12, 52, 153, 0.2);
}
.rounded-tabs li button.active span figure {
  background-color: #0c3499;
  border-radius: 25px;
}
.rounded-tabs li button.active::before {
  content: "";
  background-color: #273ac3;
}
.rounded-tabs li button.completed span {
  width: 26px;
  height: 26px;
  background-color: transparent;
}
.rounded-tabs li button.completed span figure {
  background-color: #0c3499;
}
.rounded-tabs li button.completed::before {
  content: "";
  background-color: #273ac3;
}
.rounded-tabs li button:hover {
  border: unset;
}
.rounded-tabs li button::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  width: 70px;
  height: 2px;
  background-color: #e6e1e5;
}
.rounded-tabs li:first-child {
  width: 250px;
}
.rounded-tabs li:nth-child(2) {
  width: 200px;
}
.rounded-tabs li:last-child button::before {
  content: unset;
}
.tbt-patient-page-wrapper .page-content-wrapper .patient-summary-pap-card {
  min-height: 303px;
}
.table-wrapper .table {
  font-size: 12px;
  border: 1px solid rgba(51, 51, 51, 0.05);
}
.table-wrapper .table > :not(:first-child) {
  border-top: none !important;
}
.table-wrapper .custom-striped tbody tr:nth-child(even) td {
  background-color: rgba(244, 239, 244, 0.55);
}
.table-wrapper .custom-striped tbody tr:nth-child(odd) td {
  background-color: #fff;
}
.table-wrapper tr {
  border: none !important;
}
.table-wrapper tr:hover td {
  background-color: #e9efff !important;
}
.table-wrapper tr td > .switch-align {
  margin-top: 8px !important;
}
.table-wrapper th,
.table-wrapper td {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 12px;
  line-height: 21px;
  font-weight: 400;
  background-color: #fff;
  height: 45px;
  vertical-align: middle;
}
.table-wrapper thead {
  border-style: none;
}
.table-wrapper thead th {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #2b3990;
  letter-spacing: 0.025em;
  padding-right: 1.25rem;
  background-color: #f3eff9;
  padding-left: 20px !important;
}
.table-wrapper tbody td {
  color: #000 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid rgba(51, 51, 51, 0.05) !important;
  padding: 0 20px;
}
.table-wrapper tbody td.disabled {
  color: #dbd6d1;
}
.table-wrapper.table-wrapper-2 thead th {
  background-color: #f6f9ff;
}
.no-data-tbody td {
  text-align: center;
}
.no-data-tbody-image {
  align-items: center;
  justify-content: center;
  display: flex;
}
.no-data-tbody-image td {
  text-align: center;
}
.no-data-tbody-image td .tbt-no-data-image {
  margin-top: 8rem;
  text-align: center;
}
.no-data-tbody-image td .tbt-no-data-heading {
  margin-bottom: 8rem;
}
th[appSortable] {
  position: relative;
  cursor: pointer;
}
th[appSortable] label {
  font-size: 12px;
  color: #2b3990;
  margin-bottom: 0;
  margin-right: 15px;
}
th[appSortable] .sorting-arrows::before {
  content: "";
  position: absolute;
  right: 1.6rem;
  top: 50%;
  margin-top: -6px;
  border-bottom: 0.3rem solid;
  border-left: 0.2rem solid transparent;
  border-right: 0.2rem solid transparent;
}
th[appSortable] .sorting-arrows::after {
  content: "";
  position: absolute;
  right: 1.6rem;
  top: 50%;
  margin-top: 1px;
  border-top: 0.3rem solid;
  border-left: 0.2rem solid transparent;
  border-right: 0.2rem solid transparent;
}
th[appSortable] .sorting-arrows.asc::before {
  display: none;
}
th[appSortable] .sorting-arrows.asc::after {
  margin-top: -2px;
}
th[appSortable] .sorting-arrows.desc::before {
  margin-top: -3px;
}
th[appSortable] .sorting-arrows.desc::after {
  display: none;
}
.table-wrapper .exclamation-icon {
  position: absolute;
  margin-left: -25px;
  margin-top: 2px;
}
.patients-list-table {
  margin-bottom: 0;
}
.patients-list-table th:nth-child(1),
.patients-list-table td:nth-child(1) {
  width: 5%;
}
.patients-list-table th:nth-child(2),
.patients-list-table td:nth-child(2) {
  width: 8%;
}
.patients-list-table th:nth-child(3),
.patients-list-table td:nth-child(3) {
  width: 10%;
  max-width: 20vw;
}
.patients-list-table th:nth-child(4),
.patients-list-table td:nth-child(4) {
  width: 9%;
}
.patients-list-table th:nth-child(5),
.patients-list-table td:nth-child(5) {
  width: 8%;
}
.patients-list-table th:nth-child(6),
.patients-list-table td:nth-child(6) {
  width: 10%;
}
.patients-list-table th:nth-child(7),
.patients-list-table td:nth-child(7) {
  width: 8%;
}
.patients-list-table th:nth-child(8),
.patients-list-table td:nth-child(8) {
  width: 7%;
}
.patients-list-table th:nth-child(9),
.patients-list-table td:nth-child(9) {
  width: 11%;
}
.distributor-patients-list-table th:nth-child(1),
.distributor-patients-list-table td:nth-child(1) {
  width: 5%;
}
.distributor-patients-list-table th:nth-child(2),
.distributor-patients-list-table td:nth-child(2) {
  width: 7%;
}
.distributor-patients-list-table th:nth-child(3),
.distributor-patients-list-table td:nth-child(3) {
  width: 12%;
}
.distributor-patients-list-table th:nth-child(4),
.distributor-patients-list-table td:nth-child(4) {
  width: 8%;
}
.distributor-patients-list-table th:nth-child(5),
.distributor-patients-list-table td:nth-child(5) {
  width: 9%;
}
.distributor-patients-list-table th:nth-child(6),
.distributor-patients-list-table td:nth-child(6) {
  width: 12%;
}
.distributor-patients-list-table th:nth-child(7),
.distributor-patients-list-table td:nth-child(7) {
  width: 7%;
}
.distributor-patients-list-table th:nth-child(8),
.distributor-patients-list-table td:nth-child(8) {
  width: 9%;
}
.distributor-patients-list-table th:nth-child(9),
.distributor-patients-list-table td:nth-child(9) {
  width: 8%;
}
.distributor-patients-list-table th:nth-child(10),
.distributor-patients-list-table td:nth-child(10) {
  width: 12%;
}
.distributor-patients-list-table-cols-10 th:nth-child(1),
.distributor-patients-list-table-cols-10 td:nth-child(1) {
  width: 9%;
}
.distributor-patients-list-table-cols-10 th:nth-child(2),
.distributor-patients-list-table-cols-10 td:nth-child(2) {
  width: 8%;
}
.distributor-patients-list-table-cols-10 th:nth-child(3),
.distributor-patients-list-table-cols-10 td:nth-child(3) {
  width: 12%;
}
.distributor-patients-list-table-cols-10 th:nth-child(4),
.distributor-patients-list-table-cols-10 td:nth-child(4) {
  width: 10%;
}
.distributor-patients-list-table-cols-10 th:nth-child(5),
.distributor-patients-list-table-cols-10 td:nth-child(5) {
  width: 10%;
}
.distributor-patients-list-table-cols-10 th:nth-child(6),
.distributor-patients-list-table-cols-10 td:nth-child(6) {
  width: 12%;
}
.distributor-patients-list-table-cols-10 th:nth-child(7),
.distributor-patients-list-table-cols-10 td:nth-child(7) {
  width: 10%;
}
.distributor-patients-list-table-cols-10 th:nth-child(8),
.distributor-patients-list-table-cols-10 td:nth-child(8) {
  width: 9%;
}
.distributor-patients-list-table-cols-10 th:nth-child(9),
.distributor-patients-list-table-cols-10 td:nth-child(9) {
  width: 8%;
}
.distributor-patients-list-table-cols-10 th:nth-child(10),
.distributor-patients-list-table-cols-10 td:nth-child(10) {
  width: 12%;
}
.scrollable-table-wrapper {
  max-height: 276px;
  overflow-y: auto;
}
.scrollable-table-wrapper .transparent-table {
  border: none !important;
}
.scrollable-table-wrapper .transparent-table th,
.scrollable-table-wrapper .transparent-table td {
  height: 32px;
  vertical-align: middle;
}
.scrollable-table-wrapper .transparent-table th {
  font-family: "Roche Sans Medium", sans-serif;
  color: #706b69;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.02em;
  position: sticky;
}
.scrollable-table-wrapper .transparent-table th span {
  background: linear-gradient(180deg, #263cc5 0%, #75059a 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.scrollable-table-wrapper .transparent-table td {
  font-family: "Roche Sans Regular", sans-serif;
  color: #000;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}
.scrollable-table-wrapper .transparent-table td .view-document {
  color: #0c3499;
  text-decoration: underline;
  text-transform: capitalize;
  cursor: pointer;
}
.tbt-bordered-table {
  border: none;
}
.tbt-bordered-table thead {
  background-color: #f5f5f2;
}
.tbt-bordered-table th {
  border: none;
  color: #2b3990;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.025em;
}
.tbt-bordered-table td {
  border: 1px solid #b9b9b9;
}
.tbt-bordered-table td .btn-transparent {
  color: #2b3990;
}
.tbt-bordered-table tbody:not(:first-child) {
  border-top: none;
}
.infusion-table thead th {
  font-size: 12px;
  font-weight: 800;
}
.pl-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.patients-list-table {
  text-align: left;
}
.patients-list-table .btn-transparent {
  font-weight: 400;
  color: #5d5d5e;
}
.patients-details-page-wrapper .scrollable-table-wrapper .transparent-table td,
.patient-summary-page-wrapper .scrollable-table-wrapper .transparent-table td {
  background-color: unset !important;
}
.report-page-table thead:not(:first-child) {
  border-top: none !important;
}
.report-page-table thead th {
  font-size: 12px;
}
.help-table th {
  font-size: 12px;
  line-height: 18px;
}
.help-table td {
  height: 34px;
  vertical-align: middle;
}
.help-table td:first-child a {
  font-size: 12px;
  line-height: 18px;
  color: #0c3499;
  font-weight: 500;
  text-decoration: none;
}
.live-dashboard-table-wrapper {
  margin-bottom: 28px;
}
.live-dashboard-table-wrapper .live-dashboard-table {
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.live-dashboard-table-wrapper .live-dashboard-table > :not(:first-child) {
  border-top: none !important;
}
.live-dashboard-table-wrapper .live-dashboard-table th {
  font-weight: 600;
  vertical-align: top;
}
.live-dashboard-table-wrapper .live-dashboard-table th:first-child {
  border-top-left-radius: 4px;
}
.live-dashboard-table-wrapper .live-dashboard-table th:last-child {
  border-top-right-radius: 4px;
}
.live-dashboard-table-wrapper .live-dashboard-table tr:hover th,
.live-dashboard-table-wrapper .live-dashboard-table tr:hover td {
  background-color: #5b5b5b;
  color: #fff;
}
.live-dashboard-table-wrapper .live-dashboard-table tbody td {
  font-weight: 400;
}
.live-dashboard-table-wrapper .live-dashboard-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.live-dashboard-table-wrapper .live-dashboard-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.live-dashboard-table-wrapper .live-dashboard-table th,
.live-dashboard-table-wrapper .live-dashboard-table td {
  background-color: #5b5b5b;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  height: 36px;
}
.live-dashboard-table-wrapper .live-dashboard-table th:hover, .live-dashboard-table-wrapper .live-dashboard-table th:active, .live-dashboard-table-wrapper .live-dashboard-table th:focus,
.live-dashboard-table-wrapper .live-dashboard-table td:hover,
.live-dashboard-table-wrapper .live-dashboard-table td:active,
.live-dashboard-table-wrapper .live-dashboard-table td:focus {
  background-color: #5b5b5b;
  color: #fff;
}
.table.tbt-table-th-oneliner thead th {
  white-space: nowrap;
}
.admin-dashboard-page-wrapper .product-table-wrapper .scrollable-table-wrapper {
  max-height: 385px;
}
.service-list-wrapper .table-wrapper .table tbody .icon-wrapper-slots {
  display: flex;
  margin-top: 10px;
}
.service-list-wrapper .table-wrapper .table tbody .icon-wrapper-slots .view-slots {
  margin-left: 10px;
}
.select-service {
  font-size: 16px;
  font-weight: 300;
}
.pl-table-wrapper .patients-list-table tbody .tbt-status {
  cursor: auto;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #f9f9f9;
  box-shadow: none;
}
.provider-status-wrapper {
  display: flex;
  align-items: center;
}
.provider-status-wrapper .provider-active-status {
  height: 12px;
  width: 12px;
  background-color: #00b998;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 8px;
}
.provider-status-wrapper .provider-inactive-status {
  height: 12px;
  width: 12px;
  background-color: #ff1f26;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 8px;
}
.provider-status-wrapper .active-status-text {
  margin-bottom: 0;
}
.tbt-table-fixed {
  table-layout: fixed;
}
.tbt-vas-report-head th:first-child {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(2) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(3) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(3) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(4) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(5) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(6) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(7) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(8) {
  width: 10%;
}
.tbt-vas-report-head th:nth-child(9) {
  width: 10%;
}
.tbt-vas-report-head th:last-child {
  width: 10%;
}
.tbt-patient-enrolled-table thead th {
  white-space: nowrap;
}
.tbt-transparent-table-header thead th {
  background-color: #fff;
  color: #616161;
  font-family: "Roche Sans Light", sans-serif !important;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  border-top: 2px solid #dbd6d1;
  border-bottom: 2px solid #dbd6d1;
}
.tbt-transparent-table-header tbody tr {
  cursor: pointer;
}
.tbt-transparent-table-header tbody td {
  color: #333;
  font-family: "Roche Sans Regular", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.tbt-transparent-table-header tbody tr.active-footer td {
  background-color: #e9efff !important;
  font-weight: 600;
}
tbody td:nth-child(8) {
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bordered-table th {
  white-space: nowrap;
}
.bordered-table td {
  color: #000 !important;
}
.innerTableWrapper td {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: unset !important;
}
.innerTableWrapper {
  border-color: #e5e0eb;
  border-collapse: collapse;
}
.innerTableWrapper thead {
  box-shadow: 0 8px 8px rgba(62, 19, 77, 0.07);
}
.innerTableWrapper thead th {
  font-family: "Roche Sans Light", sans-serif !important;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  color: #14191f;
  background-color: #f5f3f7;
}
.innerTableWrapper tbody:not(:first-child) {
  border-top: 0;
}
.innerTableWrapper tbody td {
  padding-left: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.innerTableWrapper tbody td:first-child {
  width: 10%;
}
.innerTableWrapper tbody td:nth-child(2) {
  width: 25%;
}
.innerTableWrapper tbody td:nth-child(3) {
  width: 25%;
}
.innerTableWrapper tbody td:nth-child(4) {
  width: 25%;
}
.testsNote {
  width: 100%;
  padding: 12px 8px;
  border-top: 2px solid #dbd6d1;
  border-bottom: 2px solid #dbd6d1;
}
.testsNote p {
  font-family: "Roche Sans Light", sans-serif !important;
  color: #616161;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0;
}
.testsList {
  border-bottom: 1px solid #dbd6d1;
  width: 100%;
  padding: 12px 8px;
  text-align: left;
}
.testsList p {
  margin-bottom: 0;
}
.testsList p b {
  font-family: "Roche Sans Regular", sans-serif !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}
.testsList p b + b {
  margin-left: 20px;
}
.post-enrollment-reorder-style {
  white-space: nowrap;
}
.coupon-flow-wrapper table th {
  white-space: nowrap;
  border: none !important;
}
.tbt-no-data-image {
  text-align: center;
}
.papProducts-scroll {
  min-height: 428px;
  max-height: calc(100vh - 360px);
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
  padding-left: 0px;
  padding-right: 0px;
}
.papProducts-scroll::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #fff;
}
.papProducts-scroll::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.papProducts-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.papProducts-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.papProducts-table {
  margin-left: 0px;
}
.infusionCycle-table {
  min-height: 150px;
  margin-bottom: 15px;
  max-height: calc(100vh - 360px);
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.infusionCycle-table::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #fff;
}
.infusionCycle-table::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.infusionCycle-table::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.infusionCycle-table::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.infusionCycle-table .table thead {
  font-size: 12px;
}
.concerns-alert {
  position: relative;
  z-index: 2;
  width: 100%;
  background-color: rgba(255, 212, 0, 0.7);
}
.alerts-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.alerts-wrapper .alert {
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
}
.tooltip-inner {
  max-width: 280px;
}
.tbt-custom-tooltip {
  position: relative;
}
.tbt-custom-tooltip .tbt-custom-tooltip--text {
  visibility: hidden;
  position: absolute;
  top: -28px;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: 4px 10px;
  background-color: black;
  color: white;
  border-radius: 6px;
}
.tbt-advance-search:hover .tbt-custom-tooltip--text {
  visibility: visible;
  z-index: 9;
}
.tbt-custom-tooltip-white {
  width: 660px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 40px;
  visibility: hidden;
  padding: 20px 24px !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  transition: all 0.5s;
  z-index: 9;
}
.tbt-custom-tooltip-white p {
  -webkit-text-fill-color: #222;
  margin-bottom: 4px;
}
.tbt-custom-tooltip-white p + p {
  margin-top: 8px;
}
.tbt-custom-tooltip-white ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.tbt-custom-tooltip-white ul li {
  color: #0c3499;
  -webkit-text-fill-color: #605d62;
}
.tbt-custom-tooltip-white ul li + li {
  margin-top: 8px;
}
.tbt-card {
  margin-bottom: 24px;
}
.tbt-card .action-body {
  margin-bottom: -11px;
}
.tbt-card--shadow {
  box-shadow: 0 0 20px rgba(12, 52, 153, 0.65);
}
.tbt-card--shadow-2 {
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.24);
}
.tbt-card-body--login, .tbt-card-body--register {
  padding: 1.875rem 2.875rem;
}
.pcs-card--shadow {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.card.tbt-card-icon {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border: 0;
}
.card.tbt-card-icon .card-header {
  background-color: transparent;
  line-height: 1.286;
}
.card.tbt-card-icon .card-header .card-title {
  font-size: 1rem;
  color: #022366;
}
.card.tbt-card-icon .card-body {
  position: relative;
}
.tbt-card-info-dash {
  border: 1px solid #f5f5f2;
  height: 100px;
}
.tbt-card-info-dash > .card-body {
  position: relative;
  overflow: hidden;
}
.tbt-card-info-dash > .card-body h3 {
  margin-top: auto;
}
.tbt-card-info-dash > .card-body::before {
  content: "";
  position: absolute;
  width: 236px;
  height: 236px;
  bottom: 0;
  right: 0;
  transform: rotate(38deg) translateX(80%);
  transform-origin: center center;
  transition: left 1s;
}
.tbt-card-info-dash > .card-body .tbt-fw-600 {
  font-family: "Roche Sans Regular", sans-serif;
}
.tbt-card-info-dash:hover .card-body::before {
  transform: rotate(0deg);
  transform-origin: center center;
  left: 0;
  width: 100%;
  transition: left 1s;
}
.tbt-card-info-dash > .card-body::before {
  background-color: rgba(12, 52, 153, 0.12);
}
.tbt-card-info-dash > .card-body .tbt-cid-icon {
  color: #0c3499;
}
.tbt-card-info-dash--primary > .card-body::before {
  background-color: rgba(18, 76, 224, 0.12);
}
.tbt-card-info-dash--primary > .card-body .tbt-cid-icon {
  color: #0c3499;
}
.tbt-card-info-dash--purple > .card-body::before {
  background-color: rgba(189, 0, 227, 0.12);
}
.tbt-card-info-dash--purple > .card-body .tbt-cid-icon {
  color: #7d0096;
}
.tbt-card-info-dash--cyan > .card-body::before {
  background-color: rgba(14, 255, 255, 0.12);
}
.tbt-card-info-dash--cyan > .card-body .tbt-cid-icon {
  color: #00c0c0;
}
.tbt-card-info-dash--brown > .card-body::before {
  background-color: rgba(233, 0, 0, 0.12);
}
.tbt-card-info-dash--brown > .card-body .tbt-cid-icon {
  color: #9c0000;
}
.tbt-card-info-dash--amber > .card-body::before {
  background-color: rgba(248, 174, 79, 0.12);
}
.tbt-card-info-dash--amber > .card-body .tbt-cid-icon {
  color: #f08b0a;
}
.tbt-card-info-dash--light-red > .card-body::before {
  background-color: rgba(255, 208, 207, 0.12);
}
.tbt-card-info-dash--light-red > .card-body .tbt-cid-icon {
  color: #ff8782;
}
.tbt-card-info-dash--light-orange > .card-body::before {
  background-color: rgba(255, 223, 182, 0.12);
}
.tbt-card-info-dash--light-orange > .card-body .tbt-cid-icon {
  color: #ffbd69;
}
.tbt-card-info-dash--light-purple > .card-body::before {
  background-color: rgba(243, 208, 254, 0.12);
}
.tbt-card-info-dash--light-purple > .card-body .tbt-cid-icon {
  color: #e085fc;
}
.tbt-card-info-dash--orange > .card-body::before {
  background-color: rgba(255, 171, 118, 0.12);
}
.tbt-card-info-dash--orange > .card-body .tbt-cid-icon {
  color: #ff7d29;
}
.tbt-card-info-dash--red > .card-body::before {
  background-color: rgba(255, 108, 112, 0.12);
}
.tbt-card-info-dash--red > .card-body .tbt-cid-icon {
  color: #ff1f26;
}
.tbt-card-info-dash__icon {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 4rem;
  height: 4rem;
  background-color: #0c3499;
  background-size: cover;
  background-position: center;
  color: #fff;
  border-radius: 4rem;
  line-height: 62px;
  text-align: center;
  overflow: hidden;
}
.tbt-card-info-dash__icon img {
  max-width: 100%;
  max-height: 100%;
}
.tbt-card-info-dash__body {
  width: 100%;
  padding-right: 75px;
  position: relative;
}
.tbt-card-info-dash__body--text span {
  font-size: 20px;
  font-family: "Roche Sans Regular", sans-serif;
  line-height: 27px;
  color: #333;
}
.tbt-card-info-dash--style-2 {
  position: relative;
  background: #fff;
  border: 1px solid #f4eff4;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  height: 176px !important;
}
.tbt-card-info-dash--style-2 > .card-body {
  overflow: visible;
}
.tbt-card-info-dash--style-2 > .card-body::before {
  display: none;
}
.tbt-card-info-dash--style-2 .card-footer {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.tbt-card-info-dash--style-2 .card-footer::before {
  content: "";
  position: absolute;
  width: 176px;
  height: 176px;
  bottom: 0;
  right: 0;
  transform: rotate(50deg) translateX(100%);
  transform-origin: center center;
  background-color: #0c3499;
}
.tbt-card-info-dash--style-2--primary .tbt-card-info-dash__icon {
  background-color: #0c3499;
}
.tbt-card-info-dash--style-2--primary .card-footer::before {
  background-color: #0c3499;
}
.tbt-card-info-dash--style-2--purple .tbt-card-info-dash__icon {
  background-color: #7d0096;
}
.tbt-card-info-dash--style-2--purple .card-footer::before {
  background-color: #7d0096;
}
.tbt-card-info-dash--style-2--cyan .tbt-card-info-dash__icon {
  background-color: #00c0c0;
}
.tbt-card-info-dash--style-2--cyan .card-footer::before {
  background-color: #00c0c0;
}
.tbt-card-info-dash--style-2--brown .tbt-card-info-dash__icon {
  background-color: #9c0000;
}
.tbt-card-info-dash--style-2--brown .card-footer::before {
  background-color: #9c0000;
}
.tbt-card-info-dash--style-2--amber .tbt-card-info-dash__icon {
  background-color: #f08b0a;
}
.tbt-card-info-dash--style-2--amber .card-footer::before {
  background-color: #f08b0a;
}
.tbt-card-info-dash--style-2--light-red .tbt-card-info-dash__icon {
  background-color: #ff8782;
}
.tbt-card-info-dash--style-2--light-red .card-footer::before {
  background-color: #ff8782;
}
.tbt-card-info-dash--style-2--light-orange .tbt-card-info-dash__icon {
  background-color: #ffbd69;
}
.tbt-card-info-dash--style-2--light-orange .card-footer::before {
  background-color: #ffbd69;
}
.tbt-card-info-dash--style-2--light-purple .tbt-card-info-dash__icon {
  background-color: #e085fc;
}
.tbt-card-info-dash--style-2--light-purple .card-footer::before {
  background-color: #e085fc;
}
.tbt-card-info-dash--style-2--orange .tbt-card-info-dash__icon {
  background-color: #ff7d29;
}
.tbt-card-info-dash--style-2--orange .card-footer::before {
  background-color: #ff7d29;
}
.tbt-card-info-dash--style-2--red .tbt-card-info-dash__icon {
  background-color: #ff1f26;
}
.tbt-card-info-dash--style-2--red .card-footer::before {
  background-color: #ff1f26;
}
.tbt-card-body--login,
.tbt-card-body-register,
.tbt-card-body--change-password,
.tbt-card-body--password-creation,
.tbt-card-body--forgot-password {
  padding: 1.875rem 2.875rem;
}
.card .uploaded-documents-body {
  margin-bottom: -8px;
  height: 274px;
}
.comment-card-section {
  height: 272px !important;
}
.comment-card-section .comment-card-section-body {
  flex: 0;
}
.comments-remarks-wrapper .comment-textarea {
  height: 114px;
}
.exception-comment-wrapper {
  margin-top: 27px;
}
.exception-comment-wrapper .exception-label {
  margin-left: 12px;
  margin-right: 12px;
}
.patient-summary-exception-comment-wrapper .exception-label {
  margin-left: 12px;
  margin-right: 12px;
}
.patient-summary-page-wrapper .patient-summary-comment-card .patient-summary-comment-area {
  height: 196px;
}
.patient-summary-page-wrapper .patient-summary-comment-card .btn-transparent {
  margin-right: 29px;
}
.patient-summary-page-wrapper .patient-summary-hco-card {
  height: 324px;
}
.patient-summary-page-wrapper .patient-summary-uploaded-documents-card .tbt-scrollable-area {
  max-height: 338px;
}
.patient-summary-page-wrapper .patient-summary-exception-card {
  height: 324px;
}
.patient-summary-page-wrapper .scrollable-card-body-wrapper {
  max-height: 245px;
  overflow-y: auto;
}
.dashboard-page-wrapper .lead-status-card {
  height: 100%;
  max-height: 699px;
  background: #f3f6fc;
  border-radius: 8px;
  border: 0;
}
.dashboard-page-wrapper .lead-status-card > .card-body {
  padding: 0.75rem 0.5rem;
}
.dashboard-page-wrapper .lead-status-card .percentage-status-card {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.dashboard-page-wrapper .statistics-card {
  background: #f3f6fc;
  border-radius: 8px;
  height: 100%;
  border: 0;
}
.dashboard-page-wrapper .leads-generated-card,
.dashboard-page-wrapper .overview-card,
.dashboard-page-wrapper .delivery-card {
  height: 100%;
  border: 0;
  box-shadow: 0 0 20px rgba(12, 52, 153, 0.65);
  border-radius: 0.5rem;
}
.dashboard-page-wrapper .leads-generated-card > .card-header,
.dashboard-page-wrapper .overview-card > .card-header,
.dashboard-page-wrapper .delivery-card > .card-header {
  border: 0;
  padding-top: 1rem;
  padding-bottom: 0;
  background-color: transparent;
}
.dashboard-page-wrapper .leads-generated-card > .card-header:first-child,
.dashboard-page-wrapper .overview-card > .card-header:first-child,
.dashboard-page-wrapper .delivery-card > .card-header:first-child {
  border-radius: 0.5rem 0.5rem 0 0;
}
.dashboard-page-wrapper .notifications-card,
.dashboard-page-wrapper .pending-card {
  border: 0;
  box-shadow: 0 0 20px rgba(12, 52, 153, 0.65);
  border-radius: 0.5rem;
}
.dashboard-page-wrapper .notifications-card > .card-header,
.dashboard-page-wrapper .pending-card > .card-header {
  border: 0;
  background-color: transparent;
}
.dashboard-page-wrapper .notifications-card > .card-header:first-child,
.dashboard-page-wrapper .pending-card > .card-header:first-child {
  border-radius: 0.5rem 0.5rem 0 0;
}
.dashboard-page-wrapper .notifications-card > .card-body {
  padding: 0;
}
.dashboard-page-wrapper .pending-card > .card-header {
  padding-top: 1rem;
  padding-bottom: 0;
}
.patients-details-page-wrapper .uploaded-documents-body {
  height: 297px;
}
.patients-details-page-wrapper .uploaded-documents-body .scrollable-table-wrapper {
  height: 196px;
}
.tbt-cta-card-content {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.43;
  font-size: 1.25rem;
}
.tbt-lightblue-card {
  background-color: #e9efff;
  border: 0;
  text-align: left;
}
.tbt-lightblue-card .title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.tbt-lightblue-card button {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
}
.tbt-lightblue-card p {
  font-size: 14px;
  color: #222;
}
.tbt-track-card {
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 0;
}
.tbt-track-card .card-body {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.5s;
}
.tbt-track-card .card-body:hover {
  background-color: #f4eff4;
  transition: all 0.5s;
}
.tbt-track-card .card-body .tbt-card-icon {
  width: 43px;
  height: 43px;
  background-color: rgba(11, 65, 205, 0.1);
  border-radius: 25px;
  padding: 10px;
}
.tbt-track-card .card-body .tbt-card-icon + .col-auto {
  margin-left: 10px;
}
.tbt-track-card .card-body h3 {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  color: #333;
}
.tbt-track-card .card-body h3 span {
  font-weight: 400;
}
.tbt-track-card .card-body p {
  color: #8d8e92;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 12px;
}
.tbt-track-card .card-body .tbt-order-status-buttons button {
  min-width: -moz-fit-content;
  min-width: fit-content;
  cursor: default;
}
.tbt-track-card .card-body .tbt-order-status-buttons button.tbt-items-count {
  font-size: 14px;
  font-weight: 400;
}
.tbt-track-card .card-body .tbt-order-status-buttons button + button {
  margin-left: 10px;
}
.image-text-list {
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 1px solid #f5f5f2;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin-bottom: 0;
}
.image-text-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}
.image-text-list li div p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #605d62;
  margin-bottom: 4px;
}
.image-text-list li.left {
  float: left;
}
.image-text-list li.left img {
  margin-right: 20px;
}
.image-text-list li.right {
  flex-direction: row-reverse;
}
.image-text-list li.right img {
  margin-left: 20px;
}
.image-text-list li img {
  border-radius: 10px;
}
.videoWrapper .card {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  border: 0;
  padding: 15px;
}
.videoWrapper .card .card-body {
  padding: 0;
}
.videoWrapper .card .card-body span.sticky-label {
  color: #464d5f;
}
.videoWrapper .card .card-body .card-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 8px;
}
.videoWrapper .card .card-body .card-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #605d62;
  margin-bottom: 15px;
}
.videoWrapper .card .card-body .card-text .text-muted {
  font-size: 14px;
  color: #7e7c7c;
}
.videoWrapper .card .card-body .card-text:last-child {
  margin-bottom: 0 !important;
}
.videoWrapper .card .card-body .videoWrapper--disease {
  width: 120px;
  height: 115px;
}
.videoWrapper .card .card-body .videoWrapper--disease img {
  width: 100%;
}
.patient-card > .card {
  background: #f9f9f9;
  border: 1px solid #dbd6d1;
  border-radius: 8px;
}
.patient-card > .card .tbt-sub-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #333;
  margin-bottom: 20px;
}
.patient-card > .card .tbt-sub-title > img {
  margin-right: 10px;
}
.iconic-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.iconic-card p {
  font-family: "Roche Sans Bold", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #333;
}
.iconic-card p span {
  font-family: "Roche Sans Bold", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: #616161;
}
.iconic-card img {
  width: -moz-fit-content;
  width: fit-content;
}
.iconic-card img:last-child {
  cursor: pointer;
}
.tbt-pink-card {
  background-color: #fff7f5;
  border: 1px solid #fac9b5;
  border-radius: 8px;
  padding: 20px;
  width: 100%;
}
.notification-wrapper .notifications-card {
  background-color: transparent !important;
  box-shadow: none !important;
}
.notification-wrapper .notifications-card .notification-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.notification-wrapper .notifications-card .notification-wrap .px-3 {
  padding-left: 0 !important;
}
.notification-wrapper .notifications-card .notification-wrap .px-3 .justify-content-between .notifications-list-container {
  padding-left: 0 !important;
  max-height: 185px;
}
.notification-wrapper .notifications-card .notification-wrap .px-3 .justify-content-between .py-3 {
  padding-bottom: 0 !important;
}
.dashboard-notifications-card-wrapper {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification {
  background-color: transparent;
  box-shadow: 0;
  border-radius: 0;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notifications-list .list-group-item {
  border-radius: 5px;
  background: #fff7f5;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  padding: 20px 40px;
  margin-bottom: 20px;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card {
  display: block;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .notification-description {
  width: 100% !important;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .notification-description .notify-desc {
  width: 60% !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .notification-description .notify-date {
  width: 40% !important;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .date-time-notifications {
  width: 100% !important;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .date-time-notifications .notify-title {
  width: 60% !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .date-time-notifications .notify-actions {
  width: 40% !important;
  text-align: right;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .date-time-notifications .notify-actions span {
  padding-left: 5px;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id.dashboard-notifications-card .date-time-notifications .notify-actions a {
  color: #ff1f26;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id > p:first-child {
  width: 68%;
  margin-right: 2%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-notifications-card-wrapper .tbt-patient-notification .notification-wrap .notification-id > p:last-child {
  width: 30%;
}
.table-disbursement-wrapper {
  background-color: #f2d4ff;
  padding-bottom: 1px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.table-disbursement-wrapper .disbursement-table-wrapper {
  border-radius: 4px;
  padding: 16px;
  width: -webkit-fill-available;
}
.table-disbursement-wrapper .disbursement-table-wrapper td {
  padding: 16px;
  color: #605d62;
}
.table-disbursement-wrapper .disbursement-table-wrapper .disburse-details {
  color: #434040;
  font-weight: 700;
}
.table-disbursement-wrapper .disburse-documents-download {
  background-color: #fff;
  justify-content: space-between;
  flex-direction: row;
  padding: 11px;
  margin: 12px;
}
.table-disbursement-wrapper .disburse-documents-download .document-title .document-icon {
  padding-right: 8px;
}
.service-list-card .diet-list-details li label {
  font-size: 14px;
}
.disbursement-table-wrapper.service-list tr td {
  padding: 0;
  line-height: 36px !important;
}
.pcs-badge {
  font-family: "Roche Sans Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #2b3990;
  padding: 5px 32px;
  border: 1px solid #2b3990;
  border-radius: 4px;
}
.pcs-badge.pcs-active-badge {
  border: 1px solid #0b936f;
  color: #0b936f;
}
/* -------layout--------- */
.header-wrapper .tbt-navbar {
  padding: 0;
  background-color: #2b3990;
  border-bottom: 1px solid #dbd6d1;
}
.header-wrapper .tbt-navbar .navbar-brand img {
  width: 40px;
  background: #fff;
  height: 40px;
  padding: 3px;
  border-radius: 3px;
}
.header-wrapper .tbt-navbar .navbar-nav {
  align-items: center;
}
@media (min-width: 1200) {
  .header-wrapper .tbt-navbar .navbar-nav > .nav-item {
    margin-right: 16px;
  }
}
@media (min-width: ) {
  .header-wrapper .tbt-navbar .navbar-nav > .nav-item {
    margin-right: 56px;
  }
}
@media (min-width: 768px) {
  .header-wrapper .tbt-navbar .navbar-nav > .nav-item > .nav-link {
    white-space: nowrap;
  }
}
.header-wrapper .tbt-navbar .navbar-nav > .nav-item .tbt-i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 5px;
  color: #0ff;
}
.header-wrapper .tbt-navbar .navbar-nav .nav-item {
  margin-right: 8px;
}
.header-wrapper .tbt-navbar .navbar-nav .nav-item:last-child {
  margin-right: 0;
}
.header-wrapper .tbt-navbar .navbar-nav .nav-item.dropdown a {
  cursor: pointer;
}
.header-wrapper .tbt-navbar .navbar-nav .nav-item.dropdown .nav-item {
  margin-right: 0;
}
.header-wrapper .tbt-navbar .navbar-nav .nav-item .nav-link {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1400) {
  .header-wrapper .tbt-navbar .navbar-nav .nav-item .nav-link {
    font-size: 12px;
  }
}
.header-wrapper .tbt-navbar .right-menus {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.header-wrapper .tbt-navbar .right-menus .nav-item {
  margin-right: 0px;
}
@media (min-width: 768px) {
  .header-wrapper .tbt-navbar .navbar-nav:first-child > .nav-item > .nav-link {
    padding: 14px 5px;
    position: relative;
  }
  .header-wrapper .tbt-navbar .navbar-nav:first-child > .nav-item > .nav-link::before {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    display: block;
    height: 5px;
    border-radius: 4px 4px 0 0;
    background-color: transparent;
  }
  .header-wrapper .tbt-navbar .navbar-nav:first-child > .nav-item > .nav-link:hover::before, .header-wrapper .tbt-navbar .navbar-nav:first-child > .nav-item > .nav-link.active::before {
    width: 100%;
    background-color: #fff;
  }
}
.logout-option {
  display: flex;
  align-items: center;
}
.logout-option .user-details-wrapper {
  margin-bottom: 0;
  text-align: left;
}
.logout-option .user-details-wrapper .user-name {
  font-weight: 600;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #fff !important;
  font-weight: 400;
}
.logout-option .user-details-wrapper .user-email {
  font-weight: 600;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  color: #ead7f0;
  font-weight: 400;
}
@media (min-width: 1200) {
  .logout-option .user-details-wrapper.user-profile-img-wrapper {
    margin-right: 15px;
  }
}
.logout-option .user-details-wrapper.user-details-wrapper {
  padding-right: 15px;
}
*:focus {
  box-shadow: none !important;
}
.login-form .form-group {
  position: relative;
}
.login-form .form-group .form-group-error-message {
  right: 0;
  width: 100%;
  position: absolute;
}
.login-form .form-group .custom-label {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #000;
}
.login-form .form-group .form-control {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  color: #222;
  line-height: 12px;
  font-size: 14px;
}
.btn-login {
  min-width: 255px;
}
.tbt-brand-wrapper {
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  padding: 1.5rem;
}
.login-bg-wrapper {
  display: flex;
  min-height: 100vh;
}
.login-bg-wrapper .login-wrapper {
  position: relative;
}
@media (min-width: 992px) {
  .login-bg-wrapper .login-wrapper {
    border-bottom-right-radius: 4.5rem;
  }
}
.login-bg-wrapper .login-image-view-area {
  width: 50vw;
}
.login-bg-wrapper .login-inner-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 497px;
}
@media (min-width: 992px) and (max-height: 620px) {
  .login-bg-wrapper .login-inner-wrapper {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) and (max-height: 620px) {
  .login-bg-wrapper .login-inner-wrapper-col {
    align-self: flex-start !important;
  }
}
@media (max-width: 768px) {
  .login-bg-wrapper .login-inner-wrapper-col .tbt-auth-img {
    max-width: 400px;
    margin-bottom: 30px;
  }
}
.login-bg-wrapper .heading-wrapper {
  margin-bottom: 24px;
  text-align: center;
}
.login-bg-wrapper .heading-wrapper h3 {
  margin-bottom: 5px;
  color: #2b3990;
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.login-bg-wrapper .heading-wrapper p {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 500;
  color: #333;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
}
.login-bg-wrapper .button-login-wrapper .btn-login {
  opacity: 1;
}
.login-bg-wrapper .bg-color-left {
  background: #e4f6ff;
}
.login-bg-wrapper .login-bg {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.register-note-wrapper {
  margin-top: 20px;
}
.register-note-wrapper .register-btn {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #000;
  margin-bottom: 0;
}
.register-note-wrapper .register-btn a {
  color: #006eae;
}
.login-checkbox-text {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 0;
}
.login-checkbox-text a {
  color: #0c3499;
  cursor: pointer;
}
.action-checkboxes {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  align-items: center;
  color: #000;
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.action-checkboxes .tbt-login-agree {
  color: #006eae;
}
@media (max-width: 576px) {
  .action-checkboxes {
    flex-direction: column;
    align-items: flex-start;
  }
  .action-checkboxes .forgot-passwd-wrapper {
    text-align: right;
    width: 100%;
  }
}
.action-checkboxes .custom-label {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 0;
}
.action-checkboxes .custom-label a {
  color: #0c3499;
  cursor: pointer;
}
.action-checkboxes .form-check {
  margin-bottom: 0;
  min-height: auto;
  padding-left: 0;
}
.action-checkboxes .form-check .custom-checkbox-wrapper {
  margin-bottom: 0;
}
.action-checkboxes .forgot-passwd-wrapper p {
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 500;
}
.action-checkboxes .forgot-passwd-wrapper p a {
  color: #006eae;
}
.action-checkboxes .create-password-terms-section {
  margin-bottom: 24px;
}
.form-group-error-message {
  color: #ff1f26;
  font-size: 10px;
  text-align: right;
}
.navbar-wrapper {
  position: relative;
}
.navbar-wrapper .brand-logo-wrapper {
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 99;
  width: 186px;
}
.tbt-brand-logo {
  font-size: 20px;
  font-weight: 600;
}
.signup-bg-wrapper .tbt-brand-wrapper {
  padding-top: 0;
}
.signup-bg-wrapper .login-wrapper .login-inner-wrapper {
  max-width: 520px;
}
.signup-bg-wrapper .already-registered-text {
  font-size: 12px;
}
.signup-bg-wrapper .action-checkbox-wrapper {
  padding-right: 0;
  margin-top: 16px;
  margin-bottom: 24px;
}
.forgot-password-page-wrapper .login-wrapper .login-inner-wrapper {
  max-width: 460px;
}
.forgot-password-login-link .already-register {
  padding-left: 0%;
}
.reset-btn {
  margin-top: 12px;
}
.btn-login:disabled,
fieldset:disabled .btn {
  background: #c4c4c4;
}
.tbt-bg-container::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.tbt-illustration-wrapper {
  position: relative;
}
@media (min-width: 992px) {
  .tbt-illustration-wrapper {
    min-height: 100vh;
  }
}
.custom-select option {
  color: #000;
}
.login-page-wrapper .tbt-brand-wrapper {
  position: relative !important;
  padding: 0;
  margin-bottom: 16px;
}
.login-page-wrapper .login-inner-wrapper-col {
  align-items: center;
  justify-content: center;
  display: flex;
  height: calc(100vh - 34px);
  flex-direction: column;
}
.login-page-wrapper .login-inner-wrapper {
  padding: 0;
  width: 100%;
}
@media (max-width: 576px) {
  .login-page-wrapper .login-inner-wrapper {
    width: 100%;
  }
}
.login-page-wrapper .login-wrapper.h-100 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-bg-inner-wrapper {
  height: 100vh;
  position: relative;
}
.login-bg-inner-wrapper .login-bg-1 {
  background-image: url('gradient-bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  height: 100vh;
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-bg-inner-wrapper .login-bg-1 .login-bg-2 {
  background-image: url('medical-consultation.png');
  height: 420px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  width: 631px;
}
.login-bg-inner-wrapper .login-logo {
  min-height: 250px;
}
.listWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: left;
}
.listWrapper .listWrapper__item {
  border: 0;
  box-shadow: none;
  font-family: "Roche Sans Medium", sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #707070;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
  display: inline-block;
  padding-left: 0;
}
.listWrapper .listWrapper__item svg {
  margin-right: 5px;
}
.listWrapper .listWrapper__item + .listWrapper__item {
  margin-top: 20px;
}
.listWrapper .listWrapper__item:hover, .listWrapper .listWrapper__item:focus, .listWrapper .listWrapper__item:active {
  color: #0c3499;
}
.listWrapper .listWrapper__item .listWrapper__item--active {
  color: #0c3499;
}
.listWrapper .listWrapper__item a {
  text-decoration: none;
}
.pointing-person {
  position: absolute;
  z-index: 1;
  left: 46%;
  top: 50%;
  transform: translate(-54%, -50%);
}
.pointing-person.small {
  left: -2% !important;
  bottom: 10% !important;
  transform: unset !important;
  width: 15% !important;
  top: unset !important;
  height: 30%;
}
.step-title {
  color: #121212;
  font-family: "Roche Sans Medium", sans-serif !important;
  font-weight: 500;
  font-size: 20px;
}
.step-title span {
  font-size: 14px;
  color: #616161;
}
.back-btn-wrapper {
  margin-bottom: 30px;
}
.back-btn-wrapper a {
  font-family: "Roche Sans Regular", sans-serif;
  color: #222;
  font-size: 12px;
  line-height: 20px;
}
.sign-up-card .nav-tab-content-wrapper {
  margin-bottom: 0;
}
.sign-up-card .nav-tab-content-wrapper .sub-heading-wrapper h3.heading {
  white-space: nowrap;
  text-align: end;
  padding-top: 1px;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 10px;
}
.sign-up-card .form-group {
  margin-bottom: 24px;
  position: relative;
}
.sign-up-card .form-group .mt-dynamic-error-page {
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 100%;
}
.sign-up-card .form-group label {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.sign-up-card .form-group .form-control,
.sign-up-card .form-group .form-select {
  border: 1px solid #dbd6d1;
}
.sign-up-card .form-group .action-checkboxes .form-check .custom-checkbox-wrapper {
  font-size: 12px;
}
.sign-up-card .registerBtn .form-group {
  margin-bottom: 0;
}
.sign-up-card .registerBtn .form-group #register {
  min-width: 255px;
}
.sign-up-card .tbt-card-body-register {
  padding: 30px;
}
.sign-up-card .action-checkboxes {
  margin-top: 0;
}
.sign-up-card .mb-custom .form-group {
  margin-bottom: 10px;
}
.sign-up-card .alreadyregistered {
  text-align: end;
}
.sign-up-card .alreadyregistered .tbt-primary-btn {
  background: none;
  color: #006eae !important;
  padding: 0;
  border: none;
  font-size: 12px;
  box-shadow: none;
}
.link-text #termsAndConditions {
  color: #006eae;
  font-size: 12px;
  padding: 0 12px;
  line-height: 20px;
}
.tbt-pp-section {
  font-family: "Roche Sans Light", sans-serif !important;
  position: relative;
}
.tbt-pp-section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(144.84deg, #fff7f5 54.87%, #fac9b5 227.96%);
}
.tbt-pp-section .tbt-pp-section-wrapper {
  position: relative;
  z-index: 1;
}
.distributor-personal-details-wrapper .distributor-card-section .tbt-card .heading-action-wrapper .btn-transparent {
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
}
.distributor-personal-details-wrapper .distributor-card-section .tbt-card .heading-action-wrapper .tbt-section-heading {
  display: flex;
  align-items: center;
  font-family: "Roche Sans Light", sans-serif !important;
  font-weight: 300;
  font-size: 18px;
}
.distributor-personal-details-wrapper .distributor-card-section .tbt-card .heading-action-wrapper .tbt-section-heading img {
  padding-right: 12px;
}
/* -------Views--------- */
.documents-image-wrapper {
  position: relative;
}
.documents-image-wrapper input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.form-group.append-group.prepend-group .input-group input[disabled] {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-right: 1px solid #ced4da;
}
.form-group.append-group.prepend-group .input-group input[disabled] ~ span {
  display: none;
}
.tc-flow-pages .page-heading-wrapper .heading-wrapper .heading-action-wrapper .float-right {
  text-decoration: none;
}
.delete-doc-icon {
  box-shadow: 0 15px 30px rgba(62, 19, 77, 0.09);
  border-radius: 4px;
  padding: 0.5rem;
  opacity: 0.65;
}
.delete-doc-icon:hover, .delete-doc-icon:focus {
  opacity: 2;
}
.delete-doc-icon img {
  height: 18px;
}
.document-remark-wrapper {
  margin-bottom: 36px;
}
.tbt-patient-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item.active,
.roles-permission-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item.active {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
  padding-left: 10px;
  padding-right: 10px;
}
.tbt-patient-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active,
.roles-permission-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active {
  width: 100%;
  background: -webkit-linear-gradient(left, #0c3499 0.77%, #269cce 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  font-size: 12px;
}
.redactdoc-editing-wrapper .canvas-container {
  max-width: 100% !important;
  position: inherit !important;
  margin-left: auto;
  margin-right: auto;
}
.redactdoc-editing-wrapper .canvas-container .lower-canvas {
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.redactdoc-editing-wrapper .canvas-container .upper-canvas {
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.redactdoc-editing-wrapper .toolbar {
  margin-top: 0px;
  z-index: 1;
  justify-content: center !important;
  position: absolute;
  bottom: 0;
}
.redactdoc-editing-wrapper .toolbar .tools {
  position: initial;
  align-items: center;
  justify-content: center;
}
.redactdoc-editing-wrapper .toolbar .tools ~ .buttons {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.redactdoc-editing-wrapper .toolbar .tools i[title=Brush],
.redactdoc-editing-wrapper .toolbar .tools i[title=Clear] {
  display: none;
}
.redactdoc-editing-wrapper .toolbar .tools i[title=Undo],
.redactdoc-editing-wrapper .toolbar .tools i[title=Redo] {
  background-size: 25px;
  background-repeat: no-repeat;
  padding: 10px 6px;
  overflow: hidden;
  font-size: 0;
}
.redactdoc-editing-wrapper .toolbar .tools i[title=Undo] {
  background-image: url('undo.svg');
}
.redactdoc-editing-wrapper .toolbar .tools i[title=Redo] {
  background-image: url('redo.svg');
}
.redactdoc-editing-wrapper .toolbar .tools i.disabled {
  opacity: 0.3;
}
.redactdoc-editing-wrapper .toolbar .tools span.size.btn {
  border-radius: 100px !important;
  padding: 0 !important;
  width: 30px !important;
  height: 30px !important;
  background: #939094;
  border: 2px solid transparent;
}
.redactdoc-editing-wrapper .toolbar .tools span.size.btn[title=Small] {
  width: 16px !important;
  height: 16px !important;
}
.redactdoc-editing-wrapper .toolbar .tools span.size.btn[title=Medium] {
  width: 22px !important;
  height: 22px !important;
}
.redactdoc-editing-wrapper .toolbar .tools span.size.btn[title=Large] {
  width: 30px !important;
  height: 30px !important;
}
.redactdoc-editing-wrapper .toolbar .tools span.size.btn.selected {
  border-color: #000;
  background-color: #000;
}
.redactdoc-editing-wrapper .toolbar .buttons .button.btn-primary {
  font-family: "Roche Sans Light", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.143;
  border-radius: 40px;
  padding: 10px 24px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  background-color: #0c3499;
  background: linear-gradient(93.51deg, #0c3499 0%, #487afa 99.16%);
  box-shadow: 0px 4px 11px 0px rgba(11, 65, 205, 0.2392156863);
  color: #fff !important;
  min-width: 120px;
}
.edit-icon-wrapper {
  box-shadow: 0 15px 30px rgba(62, 19, 77, 0.09);
  border-radius: 4px;
  padding: 0.5rem;
  opacity: 0.65;
  padding-bottom: 100px;
}
.edit-icon-wrapper:hover, .edit-icon-wrapper:focus {
  opacity: 1;
}
.edit-icon-wrapper img {
  height: 18px;
}
.canvas-holder {
  position: absolute;
  z-index: 2;
  top: 0;
}
.content-viewer {
  position: relative;
}
.content-viewer.size-10 {
  cursor: url('cursor-10.png') 5 5, auto;
}
.content-viewer.size-20 {
  cursor: url('cursor-20.png') 10 10, auto;
}
.content-viewer.size-30 {
  cursor: url('cursor-30.png') 15 15, auto;
}
.content-viewer.size-40 {
  cursor: url('cursor-40.png') 20 20, auto;
}
.content-viewer.size-50 {
  cursor: url('cursor-50.png') 25 25, auto;
}
.document-area .document-action-items .btn.btn-transparent.edit-icon-wrapper {
  position: absolute;
  left: 30px;
  bottom: 85px;
  padding-bottom: 10px;
}
.upload-edit-icon {
  position: absolute;
  left: 0;
}
.content-viewer-wrapper {
  display: block;
  text-align: center;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.content-viewer-wrapper .content-viewer > img {
  max-width: 100%;
}
.content-viewer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-viewer-header .brush-sizes img {
  margin-left: 10px;
  margin-right: 10px;
}
.content-viewer-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.document-zoom-actions {
  margin-left: auto;
}
.document-zoom-actions button {
  padding-left: 15px;
  padding-right: 15px;
}
.document-zoom-actions button img {
  width: 20px;
  height: auto;
}
.doc-zoom-1 {
  width: 100%;
  max-width: 100%;
}
.doc-zoom-2 {
  width: 150%;
  max-width: 200%;
}
.doc-zoom-3 {
  width: 200%;
  max-width: 300%;
}
.grey-bg {
  background-color: #fbfbfb;
}
.radio-cards-row {
  align-items: center;
  justify-content: center;
  max-width: 420px;
  margin: 0 auto;
}
.radio-card-wrapper {
  padding: 10px;
}
.radio-card {
  height: 96px;
  width: 120px;
  position: relative;
  display: flex;
}
.radio-card .check-box-input {
  position: absolute;
  left: 130px;
  bottom: 85px;
  height: 18px;
  width: 18px;
}
.radio-card .check-box-input:checked ~ label {
  border-color: #0c3499;
}
.radio-card label {
  width: 100%;
  height: 100%;
  border: 1px solid #f5f5f2;
  border-radius: 4px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px;
  font-style: initial;
  cursor: pointer;
}
.radio-card .english-text {
  color: #939094;
  font-size: 14px;
  line-height: 18px;
  font-style: initial;
}
.radio-card .local-text {
  color: #000;
  font-size: 16px;
  line-height: 30px;
  font-style: initial;
  font-weight: bold;
}
.radio-card input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.radio-card input:checked ~ label {
  border-color: #0b41cd;
}
.radio-card input:checked ~ label::after {
  content: url('right.svg');
  color: #fff;
  background-size: contain;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #0b41cd;
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 5px;
  border: 3px solid #fff;
}
.profile-creation-steps .nav-tabs.nav {
  border: 0;
}
.profile-creation-steps .nav-tabs.nav .nav-item .tab-item-text {
  padding-right: 10px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roche Sans Medium", sans-serif !important;
  line-height: 18px;
}
.profile-creation-steps .nav-tabs.nav .nav-item .active .tab-item-text {
  display: inline;
  color: #0c3499;
}
.profile-creation-steps .nav-tabs.nav .nav-item .nav-link {
  position: relative;
  border: 0;
  background-color: transparent;
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0;
  padding-bottom: 44px;
  float: right;
  text-align: right;
  color: #787579;
}
.profile-creation-steps .nav-tabs.nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 42px;
  width: 2px;
  height: 36px;
  background-color: #787579;
}
.profile-creation-steps .nav-tabs.nav .nav-item .nav-link .tab-item-number {
  border: 1px solid #aeaaae;
  background-color: #fff;
  border-radius: 25px;
  width: 38px;
  height: 38px;
  padding: 3px;
  display: flex;
  align-items: center;
}
.profile-creation-steps .nav-tabs.nav .nav-item .nav-link .tab-item-number i {
  border-radius: 25px;
  background-color: #aeaaae;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-creation-steps .nav-tabs.nav .nav-item .nav-link .tab-item-number i img {
  width: 20px;
  height: 20px;
}
.profile-creation-steps .nav-tabs.nav .nav-item .nav-link.active .tab-item-number {
  border-color: #0c3499;
}
.profile-creation-steps .nav-tabs.nav .nav-item .nav-link.active .tab-item-number i {
  background-color: #0c3499;
}
.profile-creation-steps .nav-tabs.nav .nav-item:last-child .nav-link::after {
  content: unset;
}
.profile-creation-steps .checkbox-label-wrapper .create-checkbox-label {
  text-align: start;
  white-space: unset;
  font-size: 16px;
}
.profile-creation-steps .checkbox-label-wrapper .create-checkbox-label > .checkmark {
  top: 1px;
}
.progress {
  width: 64px;
  height: 64px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  background-image: url('progree-bg.svg');
  background-position: center center;
  background-size: cover;
}
.progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #bde3ff;
  position: absolute;
  top: 0;
  left: 0;
}
.progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress-left {
  left: 0;
}
.progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #1482fa;
}
.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  border-left: 0;
  transform-origin: center left;
  animation: loading-2 1.5s linear forwards 1.8s;
}
.progress .progress-right {
  right: 0;
}
.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
  border-right: 0;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
.progress .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: #022366;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress[data-percentage="1"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}
.progress[data-percentage="1"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="2"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.progress[data-percentage="2"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="3"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}
.progress[data-percentage="3"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="4"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.progress[data-percentage="4"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="5"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="5"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="6"] .progress-right .progress-bar {
  animation: loading-6 1.5s linear forwards;
}
.progress[data-percentage="6"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="7"] .progress-right .progress-bar {
  animation: loading-7 1.5s linear forwards;
}
.progress[data-percentage="7"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="8"] .progress-right .progress-bar {
  animation: loading-8 1.5s linear forwards;
}
.progress[data-percentage="8"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="9"] .progress-right .progress-bar {
  animation: loading-9 1.5s linear forwards;
}
.progress[data-percentage="9"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-10 1.5s linear forwards;
}
.progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="11"] .progress-right .progress-bar {
  animation: loading-11 1.5s linear forwards;
}
.progress[data-percentage="11"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="12"] .progress-right .progress-bar {
  animation: loading-12 1.5s linear forwards;
}
.progress[data-percentage="12"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="13"] .progress-right .progress-bar {
  animation: loading-13 1.5s linear forwards;
}
.progress[data-percentage="13"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="14"] .progress-right .progress-bar {
  animation: loading-14 1.5s linear forwards;
}
.progress[data-percentage="14"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="15"] .progress-right .progress-bar {
  animation: loading-15 1.5s linear forwards;
}
.progress[data-percentage="15"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="16"] .progress-right .progress-bar {
  animation: loading-16 1.5s linear forwards;
}
.progress[data-percentage="16"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="17"] .progress-right .progress-bar {
  animation: loading-17 1.5s linear forwards;
}
.progress[data-percentage="17"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="18"] .progress-right .progress-bar {
  animation: loading-18 1.5s linear forwards;
}
.progress[data-percentage="18"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="19"] .progress-right .progress-bar {
  animation: loading-19 1.5s linear forwards;
}
.progress[data-percentage="19"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-20 1.5s linear forwards;
}
.progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="21"] .progress-right .progress-bar {
  animation: loading-21 1.5s linear forwards;
}
.progress[data-percentage="21"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="22"] .progress-right .progress-bar {
  animation: loading-22 1.5s linear forwards;
}
.progress[data-percentage="22"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="23"] .progress-right .progress-bar {
  animation: loading-23 1.5s linear forwards;
}
.progress[data-percentage="23"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="24"] .progress-right .progress-bar {
  animation: loading-24 1.5s linear forwards;
}
.progress[data-percentage="24"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="25"] .progress-right .progress-bar {
  animation: loading-25 1.5s linear forwards;
}
.progress[data-percentage="25"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="26"] .progress-right .progress-bar {
  animation: loading-26 1.5s linear forwards;
}
.progress[data-percentage="26"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="27"] .progress-right .progress-bar {
  animation: loading-27 1.5s linear forwards;
}
.progress[data-percentage="27"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="28"] .progress-right .progress-bar {
  animation: loading-28 1.5s linear forwards;
}
.progress[data-percentage="28"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="29"] .progress-right .progress-bar {
  animation: loading-29 1.5s linear forwards;
}
.progress[data-percentage="29"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-30 1.5s linear forwards;
}
.progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="31"] .progress-right .progress-bar {
  animation: loading-31 1.5s linear forwards;
}
.progress[data-percentage="31"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="32"] .progress-right .progress-bar {
  animation: loading-32 1.5s linear forwards;
}
.progress[data-percentage="32"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="33"] .progress-right .progress-bar {
  animation: loading-33 1.5s linear forwards;
}
.progress[data-percentage="33"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="34"] .progress-right .progress-bar {
  animation: loading-34 1.5s linear forwards;
}
.progress[data-percentage="34"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="35"] .progress-right .progress-bar {
  animation: loading-35 1.5s linear forwards;
}
.progress[data-percentage="35"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="36"] .progress-right .progress-bar {
  animation: loading-36 1.5s linear forwards;
}
.progress[data-percentage="36"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="37"] .progress-right .progress-bar {
  animation: loading-37 1.5s linear forwards;
}
.progress[data-percentage="37"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="38"] .progress-right .progress-bar {
  animation: loading-38 1.5s linear forwards;
}
.progress[data-percentage="38"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="39"] .progress-right .progress-bar {
  animation: loading-39 1.5s linear forwards;
}
.progress[data-percentage="39"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-40 1.5s linear forwards;
}
.progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="41"] .progress-right .progress-bar {
  animation: loading-41 1.5s linear forwards;
}
.progress[data-percentage="41"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="42"] .progress-right .progress-bar {
  animation: loading-42 1.5s linear forwards;
}
.progress[data-percentage="42"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="43"] .progress-right .progress-bar {
  animation: loading-43 1.5s linear forwards;
}
.progress[data-percentage="43"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="44"] .progress-right .progress-bar {
  animation: loading-44 1.5s linear forwards;
}
.progress[data-percentage="44"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="45"] .progress-right .progress-bar {
  animation: loading-45 1.5s linear forwards;
}
.progress[data-percentage="45"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="46"] .progress-right .progress-bar {
  animation: loading-46 1.5s linear forwards;
}
.progress[data-percentage="46"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="47"] .progress-right .progress-bar {
  animation: loading-47 1.5s linear forwards;
}
.progress[data-percentage="47"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="48"] .progress-right .progress-bar {
  animation: loading-48 1.5s linear forwards;
}
.progress[data-percentage="48"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="49"] .progress-right .progress-bar {
  animation: loading-49 1.5s linear forwards;
}
.progress[data-percentage="49"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="51"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="51"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}
.progress[data-percentage="52"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="52"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}
.progress[data-percentage="53"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="53"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}
.progress[data-percentage="54"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="54"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}
.progress[data-percentage="55"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="55"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}
.progress[data-percentage="56"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="56"] .progress-left .progress-bar {
  animation: loading-6 1.5s linear forwards 1.5s;
}
.progress[data-percentage="57"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="57"] .progress-left .progress-bar {
  animation: loading-7 1.5s linear forwards 1.5s;
}
.progress[data-percentage="58"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="58"] .progress-left .progress-bar {
  animation: loading-8 1.5s linear forwards 1.5s;
}
.progress[data-percentage="59"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="59"] .progress-left .progress-bar {
  animation: loading-9 1.5s linear forwards 1.5s;
}
.progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-10 1.5s linear forwards 1.5s;
}
.progress[data-percentage="61"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="61"] .progress-left .progress-bar {
  animation: loading-11 1.5s linear forwards 1.5s;
}
.progress[data-percentage="62"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="62"] .progress-left .progress-bar {
  animation: loading-12 1.5s linear forwards 1.5s;
}
.progress[data-percentage="63"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="63"] .progress-left .progress-bar {
  animation: loading-13 1.5s linear forwards 1.5s;
}
.progress[data-percentage="64"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="64"] .progress-left .progress-bar {
  animation: loading-14 1.5s linear forwards 1.5s;
}
.progress[data-percentage="65"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="65"] .progress-left .progress-bar {
  animation: loading-15 1.5s linear forwards 1.5s;
}
.progress[data-percentage="66"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="66"] .progress-left .progress-bar {
  animation: loading-16 1.5s linear forwards 1.5s;
}
.progress[data-percentage="67"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="67"] .progress-left .progress-bar {
  animation: loading-17 1.5s linear forwards 1.5s;
}
.progress[data-percentage="68"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="68"] .progress-left .progress-bar {
  animation: loading-18 1.5s linear forwards 1.5s;
}
.progress[data-percentage="69"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="69"] .progress-left .progress-bar {
  animation: loading-19 1.5s linear forwards 1.5s;
}
.progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-20 1.5s linear forwards 1.5s;
}
.progress[data-percentage="71"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="71"] .progress-left .progress-bar {
  animation: loading-21 1.5s linear forwards 1.5s;
}
.progress[data-percentage="72"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="72"] .progress-left .progress-bar {
  animation: loading-22 1.5s linear forwards 1.5s;
}
.progress[data-percentage="73"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="73"] .progress-left .progress-bar {
  animation: loading-23 1.5s linear forwards 1.5s;
}
.progress[data-percentage="74"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="74"] .progress-left .progress-bar {
  animation: loading-24 1.5s linear forwards 1.5s;
}
.progress[data-percentage="75"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="75"] .progress-left .progress-bar {
  animation: loading-25 1.5s linear forwards 1.5s;
}
.progress[data-percentage="76"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="76"] .progress-left .progress-bar {
  animation: loading-26 1.5s linear forwards 1.5s;
}
.progress[data-percentage="77"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="77"] .progress-left .progress-bar {
  animation: loading-27 1.5s linear forwards 1.5s;
}
.progress[data-percentage="78"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="78"] .progress-left .progress-bar {
  animation: loading-28 1.5s linear forwards 1.5s;
}
.progress[data-percentage="79"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="79"] .progress-left .progress-bar {
  animation: loading-29 1.5s linear forwards 1.5s;
}
.progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-30 1.5s linear forwards 1.5s;
}
.progress[data-percentage="81"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="81"] .progress-left .progress-bar {
  animation: loading-31 1.5s linear forwards 1.5s;
}
.progress[data-percentage="82"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="82"] .progress-left .progress-bar {
  animation: loading-32 1.5s linear forwards 1.5s;
}
.progress[data-percentage="83"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="83"] .progress-left .progress-bar {
  animation: loading-33 1.5s linear forwards 1.5s;
}
.progress[data-percentage="84"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="84"] .progress-left .progress-bar {
  animation: loading-34 1.5s linear forwards 1.5s;
}
.progress[data-percentage="85"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="85"] .progress-left .progress-bar {
  animation: loading-35 1.5s linear forwards 1.5s;
}
.progress[data-percentage="86"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="86"] .progress-left .progress-bar {
  animation: loading-36 1.5s linear forwards 1.5s;
}
.progress[data-percentage="87"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="87"] .progress-left .progress-bar {
  animation: loading-37 1.5s linear forwards 1.5s;
}
.progress[data-percentage="88"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="88"] .progress-left .progress-bar {
  animation: loading-38 1.5s linear forwards 1.5s;
}
.progress[data-percentage="89"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="89"] .progress-left .progress-bar {
  animation: loading-39 1.5s linear forwards 1.5s;
}
.progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-40 1.5s linear forwards 1.5s;
}
.progress[data-percentage="91"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="91"] .progress-left .progress-bar {
  animation: loading-41 1.5s linear forwards 1.5s;
}
.progress[data-percentage="92"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="92"] .progress-left .progress-bar {
  animation: loading-42 1.5s linear forwards 1.5s;
}
.progress[data-percentage="93"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="93"] .progress-left .progress-bar {
  animation: loading-43 1.5s linear forwards 1.5s;
}
.progress[data-percentage="94"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="94"] .progress-left .progress-bar {
  animation: loading-44 1.5s linear forwards 1.5s;
}
.progress[data-percentage="95"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="95"] .progress-left .progress-bar {
  animation: loading-45 1.5s linear forwards 1.5s;
}
.progress[data-percentage="96"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="96"] .progress-left .progress-bar {
  animation: loading-46 1.5s linear forwards 1.5s;
}
.progress[data-percentage="97"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="97"] .progress-left .progress-bar {
  animation: loading-47 1.5s linear forwards 1.5s;
}
.progress[data-percentage="98"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="98"] .progress-left .progress-bar {
  animation: loading-48 1.5s linear forwards 1.5s;
}
.progress[data-percentage="99"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="99"] .progress-left .progress-bar {
  animation: loading-49 1.5s linear forwards 1.5s;
}
.progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-50 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6deg);
  }
}
@keyframes loading-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2deg);
  }
}
@keyframes loading-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8deg);
  }
}
@keyframes loading-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4deg);
  }
}
@keyframes loading-5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18deg);
  }
}
@keyframes loading-6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6deg);
  }
}
@keyframes loading-7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2deg);
  }
}
@keyframes loading-8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8deg);
  }
}
@keyframes loading-9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4deg);
  }
}
@keyframes loading-10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36deg);
  }
}
@keyframes loading-11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6deg);
  }
}
@keyframes loading-12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2deg);
  }
}
@keyframes loading-13 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8deg);
  }
}
@keyframes loading-14 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4deg);
  }
}
@keyframes loading-15 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54deg);
  }
}
@keyframes loading-16 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6deg);
  }
}
@keyframes loading-17 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2deg);
  }
}
@keyframes loading-18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8deg);
  }
}
@keyframes loading-19 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4deg);
  }
}
@keyframes loading-20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72deg);
  }
}
@keyframes loading-21 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6deg);
  }
}
@keyframes loading-22 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2deg);
  }
}
@keyframes loading-23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8deg);
  }
}
@keyframes loading-24 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4deg);
  }
}
@keyframes loading-25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loading-26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6deg);
  }
}
@keyframes loading-27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2deg);
  }
}
@keyframes loading-28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8deg);
  }
}
@keyframes loading-29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4deg);
  }
}
@keyframes loading-30 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108deg);
  }
}
@keyframes loading-31 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6deg);
  }
}
@keyframes loading-32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2deg);
  }
}
@keyframes loading-33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8deg);
  }
}
@keyframes loading-34 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4deg);
  }
}
@keyframes loading-35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}
@keyframes loading-36 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6deg);
  }
}
@keyframes loading-37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2deg);
  }
}
@keyframes loading-38 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8deg);
  }
}
@keyframes loading-39 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4deg);
  }
}
@keyframes loading-40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@keyframes loading-41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6deg);
  }
}
@keyframes loading-42 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2deg);
  }
}
@keyframes loading-43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8deg);
  }
}
@keyframes loading-44 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4deg);
  }
}
@keyframes loading-45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162deg);
  }
}
@keyframes loading-46 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6deg);
  }
}
@keyframes loading-47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2deg);
  }
}
@keyframes loading-48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8deg);
  }
}
@keyframes loading-49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4deg);
  }
}
@keyframes loading-50 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.main-landing-page {
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff;
  text-align: center;
  padding-top: 30px;
  font-family: "Roche Sans Regular", sans-serif !important;
  background-size: cover;
  background-position: center;
}
.main-landing-page > .container {
  min-height: calc(100vh - 100px);
}
.main-landing-page .landing-welcome-wrapper h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #0c3499;
  margin: 10px 0;
}
.main-landing-page .landing-welcome-wrapper h3 {
  font-family: "Noto Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  color: #29a9e0;
  text-transform: uppercase;
}
.main-landing-page .landing-welcome-wrapper p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(39, 38, 38, 0.5);
  margin-bottom: 16px;
}
.main-landing-page .card {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0px 10px 47px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: all 1s;
  border: none;
}
.main-landing-page .card .btn.tbt-outline-primary-btn {
  padding: 10px 19px 10px 20px;
  margin-top: 0px;
  transition: all 0.5s;
  position: relative;
  border-radius: 4px;
  border: 1px solid #2b3990;
  box-shadow: 0px 4px 11px 0px rgba(217, 217, 217, 0.2);
  color: #2b3990 !important;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  background-image: none;
}
.main-landing-page .card .btn.tbt-outline-primary-btn .btn-text-layer {
  z-index: 2;
  position: relative;
}
.main-landing-page .card .btn.tbt-outline-primary-btn .bg-layer {
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #2b3990;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s;
}
.main-landing-page .card .card-title {
  color: #6f7181;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin: 16px 0;
}
.main-landing-page .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-landing-page .card .card-body .card-text ul {
  margin-bottom: 16px;
}
.main-landing-page .card .card-body .card-text ul li {
  color: #848c99;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.7px;
  text-align: left;
}
.main-landing-page .card .card-icon img {
  max-height: 80px;
  margin-bottom: 10px;
  scale: 1;
  opacity: 1;
  transition: all 1s;
}
.main-landing-page .card .card-img img {
  width: 100%;
  height: 168px;
  border-radius: 5px;
}
.main-landing-page .card:hover {
  transition: all 1s;
  box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.21);
}
.main-landing-page .card:hover .card-icon img {
  scale: 0.9;
  opacity: 0.6;
  transition: all 1s;
}
.main-landing-page .card:hover .btn.tbt-outline-primary-btn {
  background: #fff !important;
  color: #0c3499 !important;
  border: 1px solid #0c3499 !important;
  box-shadow: none;
  transition: all 0.5s;
}
.main-landing-page .card:hover .btn.tbt-outline-primary-btn .btn-text-layer {
  color: #fff;
}
.main-landing-page .card:hover .btn.tbt-outline-primary-btn .bg-layer {
  opacity: 1;
  width: 100%;
  transition: all 0.5s;
}
.main-landing-page .footer {
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.13);
  background: rgba(255, 255, 255, 0.55);
}
.main-landing-page .footer p {
  margin-bottom: 0;
}
.main-landing-page .footer .tbt-sc-icon > svg {
  max-width: 12px;
}
.tc-dashboard-page-wrapper.tbt-dashboard-page-wrapper .post-enrolment .highcharts-figure .high-options {
  top: 10px;
}
.delivery-status-dropdown .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  cursor: default;
  background-color: #dbd6d1;
}
.document-upload-right-wrapper .document-area.document-action-items .btn.btn-transparent.edit-icon-wrapper {
  bottom: 40px;
}
.tab-item-completed {
  border: 1px solid #00b458;
  background-color: #00b458;
  border-radius: 25px;
  width: 38px;
  height: 38px;
  padding: 3px;
  display: flex;
  align-items: center;
}
.tab-item-completed i {
  border-radius: 25px;
  background-color: #00b458;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-item-completed i img {
  width: 20px;
  height: 20px;
}
.profile-creation-steps .nav-tabs li a.completed .tab-item-number {
  display: none !important;
}
.profile-creation-steps .nav-tabs li a.completed .tab-item-completed {
  display: block !important;
}
.profile-creation-steps .nav-tabs li a.completed::after {
  content: "";
  background-color: #00b458 !important;
}
.login-bg-wrapper .tbt-patient-background.col-lg-6 .pointing-person {
  position: absolute;
  z-index: 1;
  left: 46%;
  top: 50%;
  transform: translate(-54%, -50%);
  transition: all 2s;
}
.login-bg-wrapper .tbt-patient-background.col-lg-4 .pointing-person {
  position: absolute;
  z-index: 1;
  left: 10%;
  top: 50%;
  transform: translate(-54%, -50%);
  transition: all 2s;
}
.login-bg-wrapper .right-side-wrapper .login-and-otp-sections,
.login-bg-wrapper .right-side-wrapper .signup-profile-sections {
  position: absolute;
}
.login-bg-wrapper .right-side-wrapper.col-lg-6 .login-and-otp-sections {
  left: 55%;
  top: 50%;
  transform: translateY(-50%);
  width: 40%;
}
.login-bg-wrapper .right-side-wrapper.col-lg-6 .signup-profile-sections {
  right: -200%;
  transition: all 2s;
}
.login-bg-wrapper .right-side-wrapper.col-lg-8 .login-and-otp-sections {
  right: -100%;
  transition: all 2s;
}
.login-bg-wrapper .right-side-wrapper.col-lg-8 .signup-profile-sections {
  right: 2%;
  transition: all 2s;
  top: 50%;
  transform: translateY(-50%);
  width: 62%;
}
.tbt-tb-head--reports th {
  white-space: nowrap;
}
.tbt-tb-row--dispatch-tracker > [appSortable=delivery_address] {
  min-width: 165px;
}
.tbt-tb-col--delivery_address {
  white-space: normal !important;
}
.tbt-tb-row--dispatch-tracker > [appSortable=hospital_name] {
  min-width: 200px;
}
.tbt-tb-col--hospital_name {
  white-space: normal !important;
}
.tbt-tb-row--dispatch-tracker > [appSortable=remarks] {
  min-width: 200px;
}
.tbt-tb-col--remarks {
  white-space: normal !important;
}
body {
  padding-right: 0 !important;
}
a {
  color: #2b3990;
}
.mandatory-mark {
  color: #ff1f26 !important;
}
.tbt-container {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.tbt-container-fluid {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.add-patients-page-wrapper .add-patients-details-form {
  margin-bottom: 10px;
}
.add-patients-page-wrapper .add-patients-details-form .custom-checkbox-outer-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.add-patients-details-form .custom-checkbox-outer-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fc-operations-page-wrapper .search-with-right-icon,
.tc-operations-page-wrapper .search-with-right-icon,
.tl-operations-page-wrapper .search-with-right-icon,
.supervisor-operations-page-wrapper .search-with-right-icon,
.distributor-operations-page-wrapper .search-with-right-icon {
  margin-right: 24px;
}
.fc-operations-page-wrapper .top-head-action-form .tbt-primary-btn > img,
.tc-operations-page-wrapper .top-head-action-form .tbt-primary-btn > img,
.tl-operations-page-wrapper .top-head-action-form .tbt-primary-btn > img,
.supervisor-operations-page-wrapper .top-head-action-form .tbt-primary-btn > img,
.distributor-operations-page-wrapper .top-head-action-form .tbt-primary-btn > img {
  float: left;
  position: relative;
  top: 2px;
}
.fc-operations-page-wrapper .top-head-action-form .form-group:last-child,
.tc-operations-page-wrapper .top-head-action-form .form-group:last-child,
.tl-operations-page-wrapper .top-head-action-form .form-group:last-child,
.supervisor-operations-page-wrapper .top-head-action-form .form-group:last-child,
.distributor-operations-page-wrapper .top-head-action-form .form-group:last-child {
  margin-right: 0;
}
.upload-document-tab-wrapper .tab-content .tab-pane {
  height: 100%;
}
.upload-document-tab-wrapper .documents-list-wrapper .card {
  padding: 12px !important;
  border-color: #dbd6d1;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}
.upload-document-tab-wrapper .documents-list-wrapper .card .card-body {
  padding: 0 !important;
}
.upload-document-tab-wrapper .documents-list-wrapper .card .selected-icon {
  display: none;
}
.upload-document-tab-wrapper .documents-list-wrapper .card.selected, .upload-document-tab-wrapper .documents-list-wrapper .card.selected-edit {
  background-color: rgba(189, 227, 255, 0.5);
}
.upload-document-tab-wrapper .documents-list-wrapper .card.selected .selected-icon, .upload-document-tab-wrapper .documents-list-wrapper .card.selected-edit .selected-icon {
  display: flex;
  position: absolute;
  right: 22px;
  top: 22px;
}
.upload-document-tab-wrapper .documents-list-wrapper .card .document-name {
  font-family: "Roche Sans Light", sans-serif;
}
.upload-document-tab-wrapper .documents-list-wrapper .document-name {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #222;
  margin-bottom: 4px;
  text-transform: capitalize;
}
.upload-document-tab-wrapper .documents-list-wrapper .document-description {
  font-family: "Roche Sans Regular Condensed", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #706b69;
  margin-bottom: 0;
}
.upload-document-tab-wrapper .documents-list-wrapper .document-remark-form {
  margin-top: 76px;
}
.upload-document-tab-wrapper .documents-image-outer-wrapper {
  display: flex;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 30px;
}
.upload-document-tab-wrapper .documents-image-wrapper,
.upload-document-tab-wrapper .document-area-wrapper {
  background-color: #fff;
  border: 2px dashed #aba7af;
  border-radius: 4px;
  width: 100%;
  position: relative;
}
.tbt-flow-page .upload-document-tab-wrapper .documents-image-wrapper.upload-document-area-wrapper,
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper.upload-document-area-wrapper {
  width: 100%;
  max-width: 400px;
  max-height: 425px;
  position: relative;
}
.tbt-flow-page .upload-document-tab-wrapper .documents-image-wrapper.upload-document-area-wrapper .alert,
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper.upload-document-area-wrapper .alert {
  position: absolute;
  top: 1rem;
}
.upload-document-tab-wrapper .documents-image-wrapper {
  box-sizing: border-box;
  height: 100% !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.upload-document-tab-wrapper .documents-image-wrapper .alert {
  position: absolute;
  top: 1rem;
}
.upload-document-tab-wrapper .documents-image-wrapper .document-area {
  display: block;
  margin: 0 auto;
}
.upload-document-tab-wrapper .documents-image-wrapper .document-action-items {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 28px;
  padding-right: 28px;
  margin-bottom: 28px;
  width: 100%;
  flex-direction: row-reverse;
}
.upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper {
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  min-height: calc(100vh - 330px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper p {
  font-family: "Roche Sans Light", sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #6a6a6a;
}
.upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper p,
.upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper .btn,
.upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper img {
  margin-bottom: 1rem;
}
.upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper .file-label .btn {
  height: 34px;
  padding-top: 0;
  padding-bottom: 0;
}
.upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper .file-label .btn > img {
  margin-bottom: 0;
}
.upload-document-tab-wrapper .documents-image-wrapper .documents-image-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.upload-document-tab-wrapper .documents-image-wrapper .documents-image-inner-wrapper p {
  margin-bottom: 0;
}
.upload-document-tab-wrapper .document-select-wrapper .custom-select {
  height: 24px;
  background-color: #fff;
  border: 1px solid #c2bab5;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 600;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  width: 200px;
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-document-tab-wrapper .document-area-wrapper {
  position: relative;
}
.upload-document-tab-wrapper .document-area-wrapper .document-area {
  height: 100%;
  overflow-y: auto;
  max-height: calc(100vh - 220px) !important;
}
.upload-document-tab-wrapper .document-area-wrapper .document-area embed {
  width: 100% !important;
}
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper .document-area {
  padding-bottom: 0;
}
.upload-document-tab-wrapper .document-area-wrapper .document-area img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper .document-area img {
  max-height: inherit;
}
.upload-document-tab-wrapper .document-area-wrapper .document-action-items {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 28px;
  padding-right: 28px;
  margin-bottom: 0;
  width: 100%;
}
.upload-document-tab-wrapper .document-area-wrapper .document-action-items .document-action-hidden-spacer {
  width: 35px;
  display: inline-block;
  visibility: hidden;
}
.upload-document-tab-wrapper .document-area-wrapper .document-action-items.financial-document-action {
  bottom: 0;
}
.upload-document-tab-wrapper .infusion-doc-wrapper .document-area {
  max-height: 455px;
  overflow: auto;
}
.upload-document-tab-wrapper .infusion-doc-wrapper .document-area .doc-record-infusion {
  height: 300px;
  width: 400px;
  margin-bottom: 42px;
  object-fit: contain;
}
.document-remark-form .document-remark-form-field,
.add-service-provider-form .document-remark-form-field {
  margin-top: 1.5rem;
}
.document-remark-form .document-remark-form-field textarea,
.add-service-provider-form .document-remark-form-field textarea {
  height: 94px;
}
.document-remark-form .document-remark-form-field textarea {
  border-color: #c2bab5;
}
.inner-select-wrapper {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 99;
}
.inner-select-wrapper .custom-select {
  height: 24px;
  background-color: #fff;
  border: 1px solid #c2bab5;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 600;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  padding-top: 0;
  padding-bottom: 0;
}
.tc-flow-pages .page-heading-wrapper h1.heading,
.tl-flow-pages .page-heading-wrapper h1.heading {
  margin-top: 0;
}
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper .document-area {
  max-height: calc(100vh - 285px);
  min-height: calc(100vh - 200px);
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
  justify-content: center;
  border-radius: 4px;
  border: 2px dashed var(--grey-20, #c2bab5);
}
@media (min-width: 1200px) and (max-height: 500px) {
  .tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper .document-area {
    min-height: 210px;
  }
}
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper .document-area > .row {
  width: 100%;
}
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper.online-image-wrapper {
  border: none;
  position: relative;
}
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper.online-image-wrapper .tab-content {
  position: relative;
}
.tbt-flow-page .upload-document-tab-wrapper .document-area-wrapper.online-image-wrapper .document-area .row > img {
  width: 100%;
  border: 1px solid #b9b9b9;
}
.tbt-flow-page .nav-tab-content-wrapper {
  margin-bottom: 18px !important;
}
.tbt-flow-page .document-remark-wrapper {
  margin-bottom: 18px !important;
}
.document-select-wrapper .document-list-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0;
}
.document-select-wrapper .document-list-form label {
  margin-bottom: 0;
  font-weight: 600;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.document-select-wrapper .document-list-form label .mandatory-mark {
  font-size: 14px;
  line-height: 14px;
  font-style: normal;
  margin-top: 5px;
}
.document-select-wrapper .document-list-form .tbt-inline-form .add-document-wrap {
  color: #2b3990;
  background-color: #fff;
  border: none;
  margin-left: 12px;
  margin-bottom: 3px;
  box-shadow: none;
  font-size: 12px;
  line-height: 18px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.login-form .action-checkboxes label {
  font-weight: 500;
  font-size: 12px;
}
.document-remark-wrapper .tbt-btn-outline-danger {
  max-width: 192px;
  height: 34px;
}
.document-remark-wrapper .document-list-form {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.document-remark-wrapper .document-list-form textarea.form-control {
  height: 56px;
  width: 280px;
}
.document-remark-wrapper .document-list-form .form-group {
  margin-bottom: 0;
}
.document-remark-wrapper .document-list-form .form-group .view-remarks {
  background-color: #fff;
  border: none;
  color: #2b3990;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0.5rem;
}
.document-remark-wrapper .upload-actoin-btn-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}
.document-remark-wrapper .upload-actoin-btn-wrapper .btn {
  box-shadow: none;
  margin-bottom: 10px;
}
.document-remark-wrapper .upload-actoin-btn-wrapper .btn:last-child {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.document-upload-right-wrapper {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: -3px 1px 4px rgba(0, 0, 0, 0.08);
  padding: 24px;
  padding-right: 0;
}
.uploaded-document-wrapper .documents-image-wrapper {
  width: 100%;
}
.uploaded-document-wrapper .select-image-wrapper.selected-document-wrapper {
  min-height: calc(100vh - 265px);
  height: 100% !important;
  width: 100%;
  padding: 0;
  overflow-x: auto;
  max-height: calc(100vh - 265px);
}
.uploaded-document-wrapper .select-image-wrapper.selected-document-wrapper > img {
  margin-bottom: 0;
}
.scrollable-form-wrapper {
  padding-right: 10px;
  min-height: calc(100vh - 247px);
  max-height: calc(100vh - 248px);
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollable-height {
  min-height: calc(100vh - 264px);
}
.currency-selected-wrapper {
  margin-bottom: 16px;
}
.add-new-lead-page-wrapper .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.add-new-lead-page-wrapper .upload-document-tab-wrapper .nav-item .nav-link {
  padding: 0 !important;
  border: none;
}
.add-new-lead-page-wrapper .upload-document-tab-wrapper .nav-item .nav-link.active .card {
  background-color: rgba(189, 227, 255, 0.5);
}
.add-new-lead-page-wrapper .product-tabs .add-product-btn span {
  font-family: "Roche Sans Light", sans-serif;
  font-weight: 300;
  color: #2b3990;
}
.add-new-lead-page-wrapper .product-tabs .nav-item {
  font-family: "Roche Sans Light", sans-serif;
}
.add-new-lead-page-wrapper .product-tabs .nav-item .nav-link {
  font-weight: 300;
  color: #2b3990;
}
.add-new-lead-page-wrapper .product-tabs .nav-item .nav-link.active {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
}
.add-new-lead-page-wrapper h3.heading {
  margin: 16px 0 8px 0;
}
.add-new-lead-page-wrapper.tbt-flow-page .nav-tab-content-wrapper {
  margin-bottom: 0 !important;
}
.add-new-lead-page-wrapper.tbt-flow-page .nav-tab-content-wrapper .button-col {
  margin-top: 1.5rem;
  text-align: right;
  flex: 1 0 0%;
}
.add-new-lead-page-wrapper.tbt-flow-page .upload-document-tab-wrapper .documents-image-wrapper {
  max-height: 423px;
  overflow: hidden;
}
.add-new-lead-page-wrapper.tbt-flow-page .upload-document-tab-wrapper .documents-image-wrapper .select-image-wrapper {
  min-height: calc(100vh - 179px);
}
.add-new-lead-page-wrapper.tbt-flow-page .document-remark-wrapper .document-list-form textarea.form-control {
  height: 85px;
  width: 100% !important;
}
.add-new-lead-page-wrapper.tbt-flow-page .document-remark-wrapper .upload-actoin-btn-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.add-new-lead-page-wrapper.tbt-flow-page .document-remark-wrapper .upload-actoin-btn-wrapper .btn {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 10px;
}
.add-new-lead-page-wrapper.tbt-flow-page .document-remark-wrapper .upload-actoin-btn-wrapper .btn:last-child {
  margin-right: 0;
}
.add-new-lead-page-wrapper .heading-action-wrapper {
  align-items: center;
}
.distributor-personal-details-wrapper .card {
  border: 1px solid #f5f5f2;
  border-radius: 4px;
}
.distributor-personal-details-wrapper .card .card-body .comments-remarks-wrapper .text-box-adjustment {
  height: 92px;
}
.distributor-personal-details-wrapper .card .card-body .comments-remarks-wrapper .form-floating .text-box-adjustment {
  height: 92px;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body {
  height: 100%;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .delivery-details-form-scroll {
  overflow-y: auto;
  min-height: 300px;
  max-height: 780px;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .ng-select-container {
  font-size: 12px;
  font-weight: 500;
  background-image: linear-gradient(45deg, transparent 50%, #2b3990 50%), linear-gradient(135deg, #2b3990 50%, transparent 50%);
  background-position: calc(100% - 1.0625rem) calc(0.9375rem), calc(100% - 0.75rem) calc(0.9375rem), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .ng-select-container::placeholder {
  color: #c2bab5;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .ng-select-container .ng-arrow {
  display: none;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .ng-select-container .ng-clear-wrapper {
  display: none;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .ng-select-container .ng-has-value {
  font-weight: 600;
  color: #000;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper {
  border: 1px solid #dbd6d1;
  border-radius: 4px;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper .table-wrapper .transparent-table thead tr {
  background: #f3eff9;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper .table-wrapper .transparent-table thead tr th {
  font-family: "Roche Sans Regular", sans-serif !important;
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper .table-wrapper .transparent-table tbody tr:first-child {
  background-color: #fff7f5;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper .table-wrapper .transparent-table tbody tr:first-child td {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #333;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper .table-wrapper .transparent-table tbody tr:nth-child(2) td {
  color: #616161;
  font-weight: 600;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper .table-wrapper .transparent-table tbody .quantity-width {
  width: 55%;
}
.distributor-personal-details-wrapper .card .delivery-details-card-body .dosage-split-table-wrapper .table-wrapper .transparent-table .inside-table-wrapper .dosage-content-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #dbd6d1 !important;
}
.distributor-personal-details-wrapper .tbt-form-section .tbt-form-subsection {
  margin-bottom: 16px;
}
.pl-8 {
  padding-left: 8px;
}
.pr-8 {
  padding-right: 8px;
}
.distributor-personal-details-wrapper .page-heading-wrapper .heading-wrapper h1.heading {
  font-family: "Roche Sans Light", sans-serif;
}
.distributor-personal-details-wrapper .address-section {
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
}
.distributor-personal-details-wrapper .address-section span:first-child {
  margin-right: 5px;
}
.distributor-personal-details-wrapper .address-section .tbt-form-subsection {
  white-space: normal;
}
.action-labels {
  font-family: "Roche Sans Light", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #706b69;
}
.terms-condition-bottom {
  margin-bottom: 30px !important;
}
.coming-soon-page-wrapper {
  padding: 200px;
  text-align: center;
}
.admin-details-card {
  padding: 16px;
}
.admin-details-card .card-body {
  padding: 0;
}
.admin-details-card .card-body .heading-wrapper {
  margin-bottom: 16px;
}
.admin-details-card .card-body .heading-wrapper h3 {
  margin-bottom: 0;
}
.admin-details-card .card-body .tbt-form-section {
  margin-bottom: 12px;
}
.exception-card {
  max-height: 360px;
  min-height: 360px;
}
.exception-card .heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exception-card .heading-wrapper h3 {
  margin-bottom: 0;
}
.exception-card .btn-transparent {
  color: #2b3990;
  font-family: "Roche Sans Light", sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
}
.exception-card .tbt-scrollable-area {
  height: 100px;
  margin-top: 1.5rem;
}
.exception-details-wrapper .admin-details-card .tbt-section-heading .tbt-i {
  font-size: 1.5rem;
  vertical-align: middle;
}
.exception-details-wrapper .admin-comments-section {
  max-height: 279px;
  height: 279px;
  padding: 16px;
}
.exception-details-wrapper .admin-comments-section .comments-all-wrapper-area {
  max-height: inherit;
}
.exception-details-wrapper .admin-comments-section .tbt-scrollable-area {
  height: 208px;
}
.exception-details-wrapper .admin-comments-section .tbt-scrollable-area .tbt-form-section:last-child {
  margin-bottom: 0;
}
.exception-details-wrapper .comments-remarks-wrapper textarea {
  max-height: 82px;
  min-height: 82px;
  border-color: #c2bab5;
}
.exception-details-wrapper .exception-details-redacted-documents-card {
  min-height: 330px;
}
.exception-details-wrapper .export-btn {
  text-transform: unset;
}
.exception-details-wrapper .export-btn .export-icon {
  margin-right: 11px;
}
.exception-details-wrapper .export-btn:hover .export-icon {
  filter: brightness(0) invert(1);
}
.exception-details-wrapper .approval-outer-wrapper {
  max-height: 74px;
  overflow: auto;
}
.exception-details-wrapper .tbt-status {
  width: auto;
  min-width: auto;
  box-shadow: none;
}
.exception-details--patient-status-card .tbt-form-section:last-child, .exception-details--personal-details-card .tbt-form-section:last-child, .exception-details--actions-card .tbt-form-section:last-child, .exception-details--hc-details-card .tbt-form-section:last-child, .exception-details--pap-details-card .tbt-form-section:last-child {
  margin-bottom: 0;
}
.exception-details--patient-status-card .tbt-scrollable-area, .exception-details--personal-details-card .tbt-scrollable-area, .exception-details--actions-card .tbt-scrollable-area, .exception-details--hc-details-card .tbt-scrollable-area {
  height: 90px;
}
.exception-details--pap-details-card .tbt-scrollable-area, .exception-details-redacted-documents-card .tbt-scrollable-area {
  height: 210px;
}
.nav-tab-content-wrapper {
  margin-bottom: 38px;
}
.nav-tab-content-wrapper .action-items-wrapper {
  margin-top: 16px;
}
.exception-heading-wrapper {
  margin-top: 24px;
}
.exception-heading-wrapper .exception-header-line {
  margin-top: 4px;
}
.exception-heading-wrapper .exception-heading-inner {
  display: flex;
  justify-content: space-between;
}
.exception-heading-wrapper .exception-heading-inner p {
  margin-bottom: 0;
}
.approval-wrapper .approver-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.approval-wrapper .batches-alignment .pending-batch {
  color: #ffd400;
  margin-left: 84px;
}
.approval-wrapper .batches-alignment .approved-batch {
  color: #00b458;
}
.patients-details-page-wrapper .heading-action-wrapper {
  margin-bottom: 32px;
}
.patients-details-page-wrapper .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans Light", sans-serif;
  margin-bottom: 0;
  font-size: 18px;
  font-style: normal;
  color: #2b3990;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.27px;
}
.patients-details-page-wrapper .heading-action-wrapper .DD-heading {
  color: #0b41cd;
}
.patients-details-page-wrapper .heading-action-wrapper .btn-transparent {
  font-family: "Roche Sans Light", sans-serif;
  margin-bottom: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0.27px;
  color: #2b3990;
}
.patients-details-page-wrapper .action-labels {
  margin-bottom: 4px;
  overflow: initial;
}
.patients-details-page-wrapper .tbt-primary-btn > .vstock-icon {
  float: none;
  top: 0;
}
.form-group .custom-label {
  color: #7b8086;
  margin-bottom: 4px;
}
.password-error-message,
.help-text {
  margin-top: 4px;
  color: #939094;
  font-size: 12px;
}
.password-success-message {
  color: #00b458;
  padding-top: 4px;
  margin-bottom: 20px;
  font-size: 12px;
}
.patient-summary-page-wrapper .patient-image-wrapper {
  text-align: center;
}
.patient-summary-page-wrapper .patient-image-wrapper .patient-profile-icon {
  height: 104px;
  width: 104px;
  background-color: #f3eff9;
  border-radius: 50%;
  display: inline-block;
}
.patient-summary-page-wrapper .patient-image-wrapper .patient-profile-icon .patient-profile-name {
  font-weight: 500;
  font-size: 32px;
  color: #2b3990;
  position: relative;
  top: calc(50% - 16px);
  line-height: 32px;
}
.patient-summary-page-wrapper .patient-summary-calendar-card .tbt-card {
  min-height: 590px;
}
.patient-summary-page-wrapper .patient-summary-calendar-card .summary-event-section .tbt-form-subsection {
  margin-bottom: 0;
}
.patient-summary-page-wrapper .patient-summary-calendar-card .summary-event-section .no-data {
  font-weight: 600;
  color: #000;
}
.patient-summary-page-wrapper .patient-summary-calendar-card .tbt-myDp-map-card {
  background-color: #fcfdfe;
  border-color: #ececec;
}
.patient-summary-page-wrapper .patient-summary-calendar-card .tbt-myDp-map-card .card-body {
  padding: 12px 15px;
}
.patient-summary-page-wrapper .patient-summary-second-row .patient-summary-hco-card {
  margin-top: 14px;
}
.patient-summary-page-wrapper .patient-summary-contact-card {
  overflow: auto;
}
.patient-summary-page-wrapper .patient-summary-comment-card .btn-transparent {
  color: #2b3990;
}
.patient-summary-page-wrapper .patient-summary-comment-card .patient-summary-comment-area {
  height: 218px;
}
.patient-summary-page-wrapper .patient-summary-action-card {
  height: 195px;
}
.patient-summary-page-wrapper .patient-summary-action-card .scrollable-action-card {
  overflow: auto;
  max-height: 126px;
}
.patient-summary-page-wrapper .patient-summary-action-card .btn-transparent {
  margin-bottom: 25px;
  color: #2b3990;
}
.patient-summary-page-wrapper .heading-action-wrapper {
  margin-bottom: 16px;
}
.patient-summary-page-wrapper .heading-action-wrapper .tbt-section-heading {
  margin-bottom: 0;
}
.patient-summary-page-wrapper .heading-action-wrapper .tbt-section-heading .tbt-i {
  font-size: 1.5rem;
  vertical-align: text-top;
}
.patient-summary-page-wrapper .heading-action-wrapper .btn-transparent {
  color: #2b3990;
}
.patient-summary-page-wrapper .batches-alignment {
  text-align: center;
}
.patient-summary-page-wrapper .batches-alignment .tbt-status {
  min-width: auto;
}
.patient-summary-page-wrapper .or-spacer-vertical .tbt-status {
  min-width: auto;
}
.patient-summary-page-wrapper .card-name-heading {
  margin-top: 16px;
  text-align: center;
}
.patient-summary-page-wrapper .card-name-heading .heading {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #52565c;
  text-transform: capitalize;
}
.patient-summary-page-wrapper .page-heading-wrapper .heading-action-wrapper .btns-wrapper {
  display: flex;
  justify-content: flex-end;
}
.patient-summary-page-wrapper .page-heading-wrapper .heading-action-wrapper .btns-wrapper .order-medicationbtn {
  margin: 0 5px;
}
.add-admin-page-wrapper .admin-permissions-wrapper {
  margin-top: 24px;
}
.add-admin-page-wrapper .review-selected-roles {
  margin-top: 2px;
  border-color: #2b3990;
}
.admin-patient-summery-page-wrapper {
  padding-bottom: 30px;
}
.admin-patient-summery-page-wrapper .scrollable-height {
  min-height: calc(100vh - 220px);
}
.admin-patient-summery-page-wrapper .tbt-status {
  min-width: auto;
}
.distributor-comments-section-wrapper {
  min-height: 200px;
  max-height: 360px;
  overflow-y: auto;
}
.distributor-comments-section-wrapper .distributor-comments-wrapper {
  border-bottom: 2px solid #dbd6d1;
  margin-bottom: 16px;
}
.distributor-comments-section-wrapper .distributor-comments-wrapper:last-child {
  border: none;
  margin-bottom: 0;
}
.distributor-comments-section-wrapper .distributor-comments-wrapper .distributor-role {
  font-family: "Roche Sans Light", sans-serif;
  color: #2b3990;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}
.distributor-comments-section-wrapper .distributor-comments-wrapper .distributor-date {
  font-size: 10px;
  line-height: 14px;
  color: #000;
}
.distributor-comments-section-wrapper .distributor-comments-wrapper .distributor-comment {
  font-family: "Roche Sans Regular", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}
.comments-all-wrapper-area {
  max-height: 338px;
  overflow-y: auto;
}
.comments-all-wrapper-area .comment-wrapper {
  font-family: "Roche Sans Regular", sans-serif;
  color: #939094;
  font-size: 14px;
  font-style: normal;
}
.comments-all-wrapper-area .comment-wrapper .no-comment-text {
  text-align: center;
}
.comments-all-wrapper-area .comment-wrapper p {
  margin-bottom: 0.5rem;
}
.comments-all-wrapper-area .role,
.comments-all-wrapper-area .date-time {
  font-family: "Roche Sans Light", sans-serif;
  font-style: italic;
}
.comments-all-wrapper-area .comment {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 12px;
}
.cluster-wrapper .assign-cluster-card .tbt-section-heading {
  font-weight: 600;
}
.cluster-wrapper .assign-cluster-card .tbt-section-heading .right-section-edit {
  font-family: "Roche Sans Light", sans-serif;
  float: right;
  padding: 0;
  font-size: 14px;
  color: #2b3990;
}
.cluster-wrapper .assign-cluster-card .form-control {
  width: 192px;
}
.add-patients-details-form .form-group .date-format-wrapper {
  display: flex;
}
.add-patients-details-form .form-group .date-format-wrapper .form-control.date-format {
  padding: 10px;
}
.add-patients-details-form .form-group .date-format-wrapper .form-control.month-format {
  padding: 7px;
}
.add-patients-details-form .form-group .date-format-wrapper .form-control.date-format, .add-patients-details-form .form-group .date-format-wrapper .form-control.month-format, .add-patients-details-form .form-group .date-format-wrapper .form-control.year-format {
  width: 40px !important;
  text-align: center;
}
.add-patients-details-form .form-group .date-format-wrapper .form-control.year-format {
  padding: 5px;
}
.add-patients-details-form .form-group .date-format-wrapper .date-divider {
  margin-top: 4px;
  padding: 5px;
}
.add-patients-details-form .form-group .ng-select {
  padding: 0;
  border: 0;
}
.add-patients-details-form .form-group .ng-select.pcs-select {
  border: 1px solid #dbd6d1;
  padding: 8px 15px 8px 5px;
}
.add-patients-details-form .tbt-btn-calendar-picker {
  padding: 0.438rem 0.35rem;
}
.add-patients-details-form .tbt-btn-calendar-picker, .add-patients-details-form .tbt-btn-calendar-picker:hover, .add-patients-details-form .tbt-btn-calendar-picker:focus {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}
.forgot-password-page-wrapper .login-wrapper .login-form .action-checkboxes .form-check .forgot-checkbox {
  margin: 0;
}
.forgot-password-page-wrapper .login-wrapper .login-form .action-checkboxes .form-check .custom-label {
  margin-left: 8px;
}
.fc-add-new-page-wrapper .fc-page-inner-scroll-wrapper {
  min-height: calc(100vh - 326px);
}
.fc-add-new-page-wrapper .upload-document-tab-wrapper .document-area-wrapper {
  padding-bottom: 4.75rem;
  height: calc(100vh - (4.75rem + 253px));
}
.fc-add-new-page-wrapper .upload-document-tab-wrapper .document-area-wrapper .document-action-items {
  margin-bottom: 20px;
  margin-left: 44px;
  justify-content: center !important;
  align-items: center !important;
}
.fc-add-new-page-wrapper .upload-document-tab-wrapper .document-area-wrapper .document-action-items .btn-transparent {
  max-width: 200px;
  font-size: 12px;
}
.fc-add-new-page-wrapper .scrollable-document-tab-wrapper {
  height: calc(100vh - 440px);
  padding-right: 10px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.fc-add-new-page-wrapper .scrollable-document-tab-wrapper::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #fff;
}
.fc-add-new-page-wrapper .scrollable-document-tab-wrapper::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.fc-add-new-page-wrapper .scrollable-document-tab-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.fc-add-new-page-wrapper .scrollable-document-tab-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.fc-add-new-page-wrapper .upload-document-tab-list li .card {
  margin-bottom: 0;
}
.fc-add-new-page-wrapper .upload-document-tab-list li + li .card {
  margin-top: 10px;
}
.tools {
  width: 250px !important;
  padding: 5px 20px !important;
}
.tools .row {
  width: 100% !important;
}
.tools .material-icons {
  display: inline-block;
  width: 24px !important;
}
.tools .color.selected.black {
  display: none !important;
}
.tools > .row {
  margin-bottom: 0 !important;
}
.tools > .row:empty {
  display: none !important;
}
.material-icons[title=Clear] {
  display: none !important;
}
.create-password .login-form .action-checkboxes .create-password-terms-section .form-check-input {
  margin-left: 0;
}
.create-password .login-form .action-checkboxes .create-password-terms-section .custom-label {
  margin-left: 14px;
}
.create-password .login-form .action-checkboxes .form-group-error-message {
  margin-left: 24px;
}
.nav-tab-content-wrapper .right-btn-group .btn:first-child {
  min-width: 88px;
}
.heading-action-wrapper .link-wrapper > a {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: #2b3990;
  cursor: pointer;
}
.heading-action-wrapper .link-wrapper > a:hover, .heading-action-wrapper .link-wrapper > a:active {
  color: #2b3990 !important;
}
.summary-event-scrollable-area {
  max-height: 306px;
  overflow-y: auto;
}
.summary-event-section .tbt-form-section {
  margin-bottom: 0.25rem;
}
.summary-event-section + .summary-event-section {
  margin-top: 0.5rem;
}
.dashboard-page-wrapper .tbt-section-heading {
  font-weight: 600;
  margin-bottom: 0;
}
.dashboard-page-wrapper .heading-action-wrapper {
  margin-bottom: 13px;
}
.dashboard-page-wrapper .heading-action-wrapper .tbt-section-heading {
  font-weight: 600;
  margin-bottom: 0;
}
.dashboard-page-wrapper .status-list .list-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 15px 12px;
  border: 0;
}
.dashboard-page-wrapper .status-list .list-item-value {
  font-weight: 600;
}
.dashboard-page-wrapper .section-items {
  margin-top: 24px;
}
.dashboard-page-wrapper .card-labels {
  font-weight: 500;
  font-size: 12px;
}
.dashboard-page-wrapper .percentage-progress-bar {
  height: 7px;
  background: #e2eeff;
  border-radius: 0;
}
.dashboard-page-wrapper .list-item-value {
  line-height: 1;
  font-size: 1rem;
}
.dashboard-page-wrapper .overview-card .card-labels {
  margin-bottom: 18px;
}
.dashboard-page-wrapper .delivery-card .heading-wrapper {
  margin-bottom: 54px;
}
.dashboard-page-wrapper .delivery-card .card-labels {
  margin-bottom: 31px;
}
.dashboard-page-wrapper .cluster-enrolled-card {
  background-color: rgba(119, 3, 153, 0.06);
  border: 0;
}
.dashboard-page-wrapper .cluster-enrolled-card > .card-header {
  background-color: #d0b9f3;
}
.dashboard-page-wrapper .cluster-enrolled-card > .card-header, .dashboard-page-wrapper .cluster-enrolled-card__header-wrapper,
.dashboard-page-wrapper .cluster-enrolled-card > .card-body {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dashboard-page-wrapper .cluster-stats-card {
  border: 0;
}
.dashboard-page-wrapper .cluster-stats-card .card-body {
  padding: 0 0.75rem;
}
.dashboard-page-wrapper .cluster-stats-card__row > .cluster-stats-card__col {
  position: relative;
}
.dashboard-page-wrapper .cluster-stats-card__row > .cluster-stats-card__col:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background: #c4c4c4;
  background: linear-gradient(0deg, white 0%, #c4c4c4 33%, #c4c4c4 66%, white 100%);
}
.dashboard-page-wrapper .notifications-card .card-header {
  background: linear-gradient(97.11deg, rgba(43, 57, 144, 0.96) -7.33%, #7d0096 100.37%);
  color: #fff;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.dashboard-page-wrapper .notifications-card .card-header a {
  text-underline-offset: 1px;
}
.dashboard-page-wrapper .notifications-card .tbt-section-heading {
  font-size: 16px;
  color: #fff;
}
.dashboard-page-wrapper .notifications-card .heading-action-wrapper {
  padding: 7px 23px;
  border-radius: 5px 5px 0 0;
}
.dashboard-page-wrapper .notifications-card .heading-action-wrapper .tbt-section-heading {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}
.dashboard-page-wrapper .notifications-card .heading-action-wrapper .tbt-section-heading .circle {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 10px;
  color: #000;
  text-align: center;
  background: rgba(255, 255, 255, 0.38);
  border: 0.6px solid #fff;
}
.dashboard-page-wrapper .tbt-badge-notification {
  background-color: rgba(255, 255, 255, 0.38);
  border: 0.6px solid #fff;
  border-radius: 50rem;
  padding: 0.25rem;
  font-weight: 400;
  color: #fff;
}
.dashboard-page-wrapper .tbt-badge-notification-2 {
  background-color: #ff8782;
  border: 0;
  color: #fff;
  border-radius: 50rem;
  padding: 0.25rem;
  font-weight: 400;
}
.dashboard-page-wrapper .tbt-badge-notification,
.dashboard-page-wrapper .tbt-badge-notification-2 {
  min-width: 20px;
  text-align: center;
}
.dashboard-page-wrapper .notifications-list .list-group-item {
  background-color: transparent;
  border: 0;
  position: relative;
}
.dashboard-page-wrapper .notifications-list .list-group-item:hover {
  background-color: rgba(243, 239, 249, 0.5);
}
.dashboard-page-wrapper .notifications-list .list-group-item + .list-group-item::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 1rem;
  right: 1rem;
  border-top: 1px solid #dbd6d1;
}
.dashboard-page-wrapper .notifications-list .list-group-item.active {
  background-color: #f3eff9;
  color: #212529;
}
.dashboard-page-wrapper .notifications-list .list-group-item.active::before {
  display: none;
}
.dashboard-page-wrapper .notification-timestamp {
  color: #706b69;
}
.dashboard-page-wrapper .pending-card .card-header a {
  text-underline-offset: 1px;
}
.no-padding {
  padding: 0 !important;
}
.highcharts-exporting-group {
  display: none;
}
.enroll-legends {
  background: #fff;
  height: 400px;
  margin-top: 13px !important;
  padding: 30px 10px;
}
.legend-list {
  list-style: none;
}
.highcharts-figure {
  position: relative;
}
.highcharts-figure .high-options {
  position: absolute;
  top: 10px;
  cursor: pointer;
}
.admin-dashboard-page-wrapper .highcharts-figure .high-options {
  top: 0;
}
.highcharts-figure .high-options.export {
  right: 24px;
  height: 16px;
}
.highcharts-figure .high-options.fullscreen {
  right: 0;
  height: 16px;
}
.highcharts-figure .high-options.filter {
  width: 24px;
  height: 24px;
  right: 10px;
}
.tbt-dashboard-page-wrapper .highcharts-figure .high-options {
  top: -30px;
}
.app-pie-chart .highcharts-pie-series span {
  top: -10px !important;
}
.app-pie-chart-fc .highcharts-pie-series span {
  top: -18px !important;
}
.display-block {
  display: block;
}
.display-block .float-right {
  float: right;
}
.tbt-gauge .highcharts-grid {
  display: none;
}
.tbt-gauge .highcharts-solidgauge-series:first-child rect {
  fill: #165dff !important;
}
.tbt-gauge .highcharts-solidgauge-series:nth-child(2) rect {
  fill: #00b458 !important;
}
.tbt-gauge .highcharts-solidgauge-series:nth-child(3) rect {
  fill: #ffc700 !important;
}
.tbt-gauge .highcharts-solidgauge-series:nth-child(4) rect {
  fill: #7239ea !important;
}
.tbt-gauge .highcharts-solidgauge-series:nth-child(5) rect {
  fill: #50cd89 !important;
}
.tbt-gauge .highcharts-title tspan:first-child {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #1d2129;
  line-height: 10px !important;
}
.tbt-gauge .highcharts-title tspan:last-child {
  text-align: center;
  font-size: 12px;
  color: #000;
}
.btn-container {
  position: relative;
  bottom: 450px;
  left: 40px;
}
.highcharts-pane-group path {
  stroke: #fff !important;
}
@media print {
  #print-exception-details {
    display: block;
  }
}
@media screen {
  #print-exception-details {
    display: none;
  }
}
.admin-review-request-page-wrapper .review-comment-wrapper textarea {
  min-height: 158px;
  max-height: 158px;
  overflow-y: auto;
}
.admin-review-request-page-wrapper .selected-roles-section .form-check {
  padding-left: 0;
}
.highcharts-credits {
  display: none !important;
}
.or-spacer-vertical {
  display: inline-block;
  position: relative;
}
.or-spacer-vertical .mask {
  overflow: hidden;
  width: 20px;
  height: 150px;
  right: 10%;
  position: absolute;
  top: 0;
}
.or-spacer-vertical.right .mask::before {
  content: "";
  display: block;
  margin-left: 20px;
  width: 20px;
  height: 100%;
  border-radius: 12px/125px;
  box-shadow: 0 0 8px #c4c4c4;
}
.try {
  border-right: 1px;
}
.document-area-wrapper .nav-tabs {
  border: none;
}
.document-area-wrapper .nav-tabs .nav-link {
  color: #2b3990;
  font-weight: 300;
  margin-right: 8px;
}
.document-area-wrapper .nav-tabs .nav-link.active {
  color: #2b3990;
  font-weight: 400;
  background-color: #fff;
  border-bottom: 2px solid #2b3990;
}
.grey-text {
  color: #c2bab5 !important;
}
.black-text {
  color: #000 !important;
}
.hco-error-data-height {
  min-height: 252px;
  font-weight: 600;
  color: #000;
}
.tbt-hr-grad {
  border: 0;
  height: 1px;
  background: #c4c4c4;
  opacity: 1;
}
.tbt-hr-grad-horiz {
  background: linear-gradient(90deg, #fff -1.42%, #c4c4c4 51.59%, #c4c4c4 79.96%, #fff 97.7%);
}
.report-page-wrapper {
  margin-bottom: 40px;
}
.report-page-wrapper .report-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.report-page-wrapper .report-wrapper .report-dropdown-wrapper {
  width: 504px;
}
.report-page-wrapper .export-report-btn {
  margin-left: 20px;
}
.report-page-wrapper .account-wise-distribution-section .tbt-section-heading {
  margin-top: 24px;
}
.report-page-wrapper .account-wise-distribution-section .export-btn {
  text-align: end;
  justify-content: space-between;
}
.report-page-wrapper .account-wise-distribution-section .export-btn .export-icon {
  margin-right: 11px;
}
.report-page-wrapper .account-wise-distribution-section .tbt-outline-primary-btn:focus {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #2b3990 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, #0c3499, #487afa);
  box-shadow: 2px 1000px 1px #fff inset !important;
}
.report-page-wrapper .account-wise-distribution-section .tbt-outline-primary-btn:hover {
  border: solid 1px transparent !important;
}
.report-page-wrapper .account-wise-distribution-section .clear-filter-wrapper .form-check-label {
  margin-top: 9px;
}
.report-page-wrapper .account-wise-distribution-section .dropdown-section {
  width: 100%;
}
.report-page-wrapper .account-wise-distribution-section .dropdown-section .row .no-padding {
  margin-right: 0;
}
.report-page-wrapper .account-wise-distribution-section .dropdown-section .row .no-padding > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.report-page-wrapper .account-wise-distribution-section .export-btn-wrapper {
  margin-left: auto;
}
.report-page-wrapper .report-page-table-wrapper {
  padding-bottom: 24px;
}
.report-page-wrapper .report-page-table-wrapper .report-page-table {
  margin-top: 24px;
  border: 1px solid #bdbdbd;
}
.report-page-wrapper .report-page-table-wrapper .report-page-table thead {
  background-color: rgba(0, 0, 0, 0.05);
}
.report-page-wrapper .report-page-table-wrapper .report-page-table tbody {
  border-top: none;
}
.report-page-wrapper .report-page-table-wrapper .report-page-table tr {
  height: 35px;
}
.report-page-wrapper .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.report-page-wrapper .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.report-page-wrapper .ng-select .ng-select-container .ng-value-container .ng-input > input {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.report-page-wrapper .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option-label {
  font-size: 12px;
  line-height: 16px;
}
.report-page-wrapper .date-range-wrapper .input-group,
.report-page-wrapper .date-range-wrapper .form-control,
.report-page-wrapper .date-range-wrapper .input-group-text {
  height: 28px;
}
.report-page-wrapper .filters-outer-wrapper {
  align-items: baseline;
}
.report-page-wrapper .custom-filter-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0;
}
.report-page-wrapper .custom-filter-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  width: auto !important;
}
.filters-outer-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.filters-outer-wrapper .filters-wrapper {
  margin-right: 0;
  margin-bottom: 10px;
}
.filters-outer-wrapper .filters-wrapper .form-control {
  width: 100%;
}
.filters-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  /* text-align: left; */
  white-space: nowrap !important;
  position: relative !important;
  line-height: 10px !important;
}
.filters-wrapper .mydrp .mydrpicon {
  font-family: mydaterangepicker !important;
  color: #2b3990;
}
.filters-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  position: initial;
}
.fc-operations-page-wrapper .page-heading-wrapper {
  margin-top: 24px !important;
}
.fc-operations-page-wrapper td .btn.btn-transparent {
  color: #5d5d5e !important;
}
.add-new-lead-page-wrapper.tc-flow-pages .page-heading-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.add-new-lead-page-wrapper.tc-flow-pages .page-heading-wrapper .heading-action-wrapper h1.heading {
  width: 200px;
}
.add-new-lead-page-wrapper.tc-flow-pages .page-heading-wrapper .heading-action-wrapper .heading-description {
  margin-top: 8px;
}
.add-new-lead-page-wrapper.tc-flow-pages .theme-nav-tabs-wrapper .theme-nav-tabs {
  margin-bottom: 32px;
}
.add-new-lead-page-wrapper.tc-flow-pages .scrollable-form-wrapper .input-group-text {
  padding: 7px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .list-group-item {
  border: none;
  padding: 0;
  color: #706b69;
  padding-bottom: 21px;
  display: flex;
  justify-content: space-between;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .list-group-item .list-item-value {
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .list-group-item .received-status {
  padding-left: 12px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .list-group-item .enrolled-status {
  padding-left: 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .list-group-item .completed-status {
  padding-left: 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .list-group-item .dropout-status {
  padding-left: 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .dropout-section {
  padding: 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-body .lead-status-section .card-body .list-group .sub-list-item {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .lead-status-wrapper .card-header .card-title span {
  font-family: "Roche Sans Regular", sans-serif;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  margin-top: 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body {
  padding: 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .list-group-item {
  padding: 0;
  border: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .drop-out-section {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #706b69;
  margin-bottom: 13px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .drop-out-section span {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #000;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .sub-list-item {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #706b69;
  padding-left: 12px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .sub-list-item .sub-list1 .list-item-value {
  margin-left: 30px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .sub-list-item .sub-list2 .list-item-value {
  margin-left: 39px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .sub-list-item .sub-list3 .list-item-value {
  margin-left: 41px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .sub-list-item .sub-list4 .list-item-value {
  margin-left: 49px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .sub-list-item .sub-list5 .list-item-value {
  margin-left: 89px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .infusion-section {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #706b69;
}
.admin-dashboard-page-wrapper .page-content-wrapper .enroled-status-wrapper .card-body .card-body .list-group .infusion-section span {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #000;
}
.admin-dashboard-page-wrapper .page-content-wrapper .statistics-wrapper {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  min-height: 390px;
  max-height: 450px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .statistics-wrapper .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
}
.admin-dashboard-page-wrapper .page-content-wrapper .statistics-wrapper .card-body .statistics-table-wrapper {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border: 1px solid #c5c5c5;
  border-radius: 5px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .statistics-wrapper .card-body .statistics-table-wrapper .table-wrap {
  border-collapse: collapse;
  border-radius: 5px;
  border-style: hidden;
  /* hide standard table (collapsed) border */
  margin-bottom: 0 !important;
}
.admin-dashboard-page-wrapper .page-content-wrapper .statistics-wrapper .card-body .statistics-table-wrapper .table-wrap thead tr th {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  border: 1px solid #c5c5c5;
  background-color: #f2f2f2;
}
.admin-dashboard-page-wrapper .page-content-wrapper .statistics-wrapper .card-body .statistics-table-wrapper .table-wrap tbody {
  border: 1px solid #c5c5c5;
}
.admin-dashboard-page-wrapper .page-content-wrapper .statistics-wrapper .card-body .statistics-table-wrapper .table-wrap tbody tr td {
  border: 1px solid #c5c5c5;
  padding: 2px 36px 2px 8px;
  font-size: 12px;
  font-weight: 400;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 60px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body {
  padding: 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  margin-bottom: 0;
  padding-bottom: 24px;
  z-index: 1;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-chart {
  text-align: center;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .foc-section {
  min-width: 111px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .delivery-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #00b458;
  border-radius: 100px;
  margin-bottom: 25px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .delivery-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-top: 4px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .delivery-description .foc-points {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-top: 4px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .not-delivery-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #165dff;
  border-radius: 100px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .not-delivery-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-top: 4px;
  min-width: 90px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .not-delivery-description .foc-points {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-top: 4px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .on-hold-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #ffc700;
  border-radius: 100px;
  margin-bottom: 25px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .on-hold-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-top: 4px;
  min-width: 54px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .on-hold-description .foc-points {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-top: 4px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .cancelled-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #ffc700;
  border-radius: 100px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .cancelled-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-top: 4px;
  min-width: 68px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .cancelled-description .foc-points {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-top: 4px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .notdelivery-description {
  display: flex;
  width: 4px;
  height: 28px;
  background: #ffc700;
  border-radius: 100px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .notdelivery-description .foc-descrition {
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-top: 4px;
  min-width: 90px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .foc-delivery .card-body .foc-descrition-section .notdelivery-description .foc-points {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-top: 4px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  margin-bottom: 102px;
  height: 865px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  z-index: 9;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-chart-description .products-chart {
  text-align-last: center;
  padding-bottom: 20px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-chart-description .product-list {
  display: flex;
  padding-bottom: 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-chart-description .product-list .product-name {
  padding-top: 0;
  font-size: 12px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-table-wrapper {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border: 1px solid #c5c5c5;
  border-radius: 5px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-table-wrapper .table-wrap {
  border-collapse: collapse;
  border-radius: 5px;
  border-style: hidden;
  /* hide standard table (collapsed) border */
  margin-bottom: 0 !important;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-table-wrapper .table-wrap thead tr th {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  border: 1px solid #c5c5c5;
  background-color: #f2f2f2;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-table-wrapper .table-wrap tbody {
  border: 1px solid #c5c5c5;
}
.admin-dashboard-page-wrapper .page-content-wrapper .products-wrapper .card-body .product-table-wrapper .table-wrap tbody tr td {
  border: 1px solid #c5c5c5;
  padding: 2px 36px 2px 8px;
  font-size: 12px;
  font-weight: 400;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
  margin-bottom: 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .card-body .heading-action-wrapper .btn-transparent {
  color: #2b3990;
  padding: 16px 16px 0 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  padding: 16px 82px 0 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap {
  padding-top: 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action {
  color: #000;
  padding: 8px 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action .notification-id {
  font-weight: 500;
  font-size: 14px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action .notification-id .notification-description {
  font-weight: 300;
  font-size: 12px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item-action.active {
  background-color: #dbf0ff;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item {
  border: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list .list-group-item:last-child .container {
  border-bottom: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper {
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .card-body .heading-action-wrapper {
  align-items: flex-start;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .card-body .heading-action-wrapper .btn-transparent {
  color: #2b3990;
  padding: 16px 16px 0 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .card-body .heading-action-wrapper .tbt-section-heading {
  font-family: "Roche Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #022366;
  padding: 16px 82px 0 16px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap {
  padding-top: 0;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item {
  padding: 16px;
  border: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .parent-header .accordion-button {
  padding: 0;
  box-shadow: none;
  border-radius: 4px;
  background-color: #e0f2ff;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .parent-header .accordion-button .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .parent-header .accordion-button .parent-count {
  background: #ff8782;
  border-radius: 12px;
  height: 18px;
  width: 18px;
  padding-left: 6px;
  margin-left: 105px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .parent-header .accordion-button .parent-section {
  margin-left: 46px;
  margin-top: 14px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .parent-header .accordion-button:not(.collapsed)::after {
  transform: none;
  position: absolute;
  left: 15px;
}
@media (prefers-reduced-motion: reduce) {
  .admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .parent-header .accordion-button::after {
    transition: none;
    left: 14px;
    position: absolute;
  }
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .child-wrapper .child-item {
  border: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .child-wrapper .child-item .child-header .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .child-wrapper .child-item .child-header .accordion-button:not(.collapsed)::after {
  transform: none;
  position: absolute;
  left: 15px;
}
@media (prefers-reduced-motion: reduce) {
  .admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .child-wrapper .child-item .child-header .accordion-button::after {
    transition: none;
    left: 14px;
    position: absolute;
  }
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .child-wrapper .child-item .child-header .child-button {
  padding-left: 42px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .child-wrapper .child-item .child-header .first-child-count {
  background: #ff8782;
  border-radius: 12px;
  height: 18px;
  width: 18px;
  padding-left: 6px;
  margin-left: 65px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .child-wrapper .child-item .child-collapsed-section {
  padding: 16px;
  background-color: #fff7f5;
  margin-left: 20px;
  border-radius: 4px;
}
.admin-dashboard-page-wrapper .page-content-wrapper .admin-pending-wrapper .pending-wrap .accordian-wrapper .parent-item .child-first-collapse .accordion-body {
  padding: 0 0 0 18px;
}
.dashboard-add-filter .apply-filter-selection {
  border-radius: 4px;
}
.dashboard-add-filter .apply-filter-selection.ng-select-bottom .ng-select-container {
  background-color: #2b3990;
}
.dashboard-add-filter .apply-filter-selection .ng-select-container {
  background-color: #2b3990;
}
ng-select.sub-filter-1 .ng-select-container {
  background-color: #2b3990 !important;
}
.dashboard-add-filter .tbt-dashboard-page-wrapper {
  width: 230px;
}
.tbt-accordion-root .tbt-accordion-nested__btn-toggle .tbt-badge-wrapper {
  border-radius: 12px;
  height: 18px;
  width: 18px;
  padding-left: 6px;
  font-weight: 400;
  font-size: 10px;
  padding-top: 3px;
  line-height: 12px;
  background: #ff8782;
}
.no-display {
  display: none;
}
.tl-landing-page-wrapper .patients-list-table th:first-child,
.tl-landing-page-wrapper .patients-list-table td:first-child {
  padding-left: 16px;
}
.no-data-watermark {
  color: #ccc;
  text-align: center;
  font-style: italic;
  font-size: 12px;
  margin-top: 8px;
}
.date-details-wrapper .date-details {
  display: flex;
  align-items: flex-start;
  min-height: 69px;
  border: 1px solid #ececec;
  padding: 9px 13px;
  margin-bottom: 8px;
  flex-direction: column;
  border-radius: 4px;
}
.date-details-wrapper .date-details p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #000;
  margin-left: 12px;
}
.date-details-wrapper .date-details p.date {
  color: #8f97a2;
  margin-bottom: 5px;
  margin-left: 0;
}
.date-details-wrapper .date-details p.date > span {
  margin-right: 5px;
}
.dose-selection .change-dose {
  float: right;
  padding-top: 26px;
  text-align: right;
}
.dose-selection .change-dose .tbt-outline-primary-btn {
  font-weight: 300;
  font-size: 14px;
  height: 33px;
  line-height: 0px;
}
.dose-selection .select-dose .tbt-outline-primary-btn {
  font-weight: 300;
  font-size: 14px;
  height: 33px;
  line-height: 0px;
}
.dose-selection .tbt-input-group .input-group-text {
  padding: 4px 7px !important;
  background-color: #fff;
  height: 34px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #c2bab5;
  border: 1px solid #ededed;
}
.notification-page-wrapper .notification-details-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}
.notification-page-wrapper .notification-details-wrapper.notify-overdue {
  background: #fff7f5;
}
.notification-page-wrapper .notification-details-wrapper:hover {
  background-color: #dbf0ff;
  transition: all 0.5s;
  min-height: auto;
  border-radius: 4px;
}
.notification-page-wrapper .notification-details-wrapper.roche-admin-no-notification {
  cursor: default;
}
.notification-page-wrapper .notification-details-wrapper.roche-admin-no-notification:hover {
  background-color: #fff;
}
.notification-page-wrapper .notification-details-wrapper .notification-list-item {
  position: relative;
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: #333;
}
.notification-page-wrapper .notification-details-wrapper .date-time-wrapper {
  color: #333;
  white-space: nowrap;
  margin-left: 20px;
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.notification-page-wrapper .notification-details-wrapper .date-time-wrapper .date-notifications {
  color: #333;
}
.notification-page-wrapper .notification-details-wrapper .date-time-wrapper .done-text {
  color: #00b458;
}
.notification-page-wrapper .notification-details-wrapper .date-time-wrapper-done-status {
  color: #787579;
  margin-right: 55px;
}
.full-view {
  max-height: 100% !important;
  height: 100% !important;
}
.full-view .highcharts-container {
  height: 100% !important;
  background: #fff !important;
}
.full-view .highcharts-title {
  top: 141px !important;
  left: -149px !important;
}
.live-dashboard-page-wrapper .btn-wrapper {
  text-align: right;
  margin-top: 16px;
  margin-bottom: 16px;
}
.live-dashboard-page-wrapper .tbt-tabs-width {
  width: 25%;
}
.live-dashboard-page-wrapper .top-filter-wrapper .ng-select {
  min-height: 28px;
  height: auto;
}
.live-dashboard-page-wrapper .top-filter-wrapper .ng-select .ng-select-container {
  min-height: 28px;
  height: auto;
}
.live-dashboard-page-wrapper .top-filter-wrapper .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.live-dashboard-page-wrapper .top-filter-wrapper .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.live-dashboard-page-wrapper .top-filter-wrapper .ng-select .ng-select-container .ng-value-container .ng-input > input {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
.live-dashboard-page-wrapper .top-filter-wrapper .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option-label {
  font-size: 12px;
  line-height: 16px;
}
.live-dashboard-page-wrapper .top-filter-wrapper .date-range-wrapper .input-group,
.live-dashboard-page-wrapper .top-filter-wrapper .date-range-wrapper .form-control,
.live-dashboard-page-wrapper .top-filter-wrapper .date-range-wrapper .input-group-text {
  height: 28px;
}
.live-dashboard-page-wrapper .top-filter-wrapper .filters-outer-wrapper {
  align-items: baseline;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table > :not(:first-child) {
  border-top: none !important;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table th {
  font-weight: 600;
  vertical-align: middle;
  border: 1px solid rgba(51, 51, 51, 0.05) !important;
  font-size: 12px !important;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table th:first-child {
  border-top-left-radius: 4px;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table th:last-child {
  border-top-right-radius: 4px;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table tbody td {
  font-weight: 400;
  border: 1px solid rgba(51, 51, 51, 0.05) !important;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table td {
  background-color: #fff;
  color: #5b5b5b;
  font-size: 12px;
  line-height: 16px;
}
.live-dashboard-page-wrapper .table-wrapper .live-dashboard-table td:hover, .live-dashboard-page-wrapper .table-wrapper .live-dashboard-table td:active, .live-dashboard-page-wrapper .table-wrapper .live-dashboard-table td:focus {
  background-color: #fff;
  color: #5b5b5b;
}
.live-dashboard-page-wrapper .page-content-wrapper .nav-tab-content-wrapper .top-filter-wrapper .top-filter-form .clear-filter-wrapper .form-check-label {
  margin-top: 9px;
}
.live-dashboard-page-wrapper .filters-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  width: 210px !important;
}
.date-range-wrapper .form-control {
  border-color: #ccc;
}
.date-range-wrapper .form-control + .input-group-text {
  border-color: #ccc;
}
.red-checkbox-active {
  color: #ff1f26 !important;
  font-weight: 700;
}
.red-checkbox-active .checkmark,
.red-checkbox-active .checkmark::after {
  border-color: #ff1f26 !important;
}
.red-checkbox-active input:checked ~ .checkmark {
  background-color: #fff !important;
}
.add-new-lead-page-wrapper.tc-flow-pages.tbt-flow-page .ng-arrow-wrapper,
.report-page-wrapper .ng-arrow-wrapper,
.live-dashboard-page-wrapper .ng-arrow-wrapper,
.admin-review-request-page-wrapper .ng-arrow-wrapper,
.add-approver-modal .ng-arrow-wrapper {
  background-image: url('down-arrow.svg') !important;
  background-size: auto 30%;
  background-position: 94% 55%;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.add-new-lead-page-wrapper.tc-flow-pages.tbt-flow-page .ng-arrow-wrapper .ng-arrow,
.report-page-wrapper .ng-arrow-wrapper .ng-arrow,
.live-dashboard-page-wrapper .ng-arrow-wrapper .ng-arrow,
.admin-review-request-page-wrapper .ng-arrow-wrapper .ng-arrow,
.add-approver-modal .ng-arrow-wrapper .ng-arrow {
  border: none !important;
}
.live-dashboard-table {
  table-layout: fixed;
}
.live-dashboard-table th {
  text-align: center;
}
.live-dashboard-table th:first-child {
  text-align: left !important;
  width: 200px;
}
.live-dashboard-table td {
  text-align: center;
}
.live-dashboard-table td:first-child {
  text-align: left !important;
}
.tbt-flow-page .tc-add-new-lead-title {
  margin-top: 12px !important;
}
.tbt-flow-page .tc-add-new-lead-title .heading-action-wrapper .heading-wrapper .heading-description {
  margin-bottom: -1px !important;
  margin-top: 0px;
}
.tbt-flow-page .tc-add-new-lead-title .heading-action-wrapper .btns-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tbt-flow-page .page-content-wrapper .theme-nav-tabs-wrapper .nav-tab-alignment {
  margin-bottom: 15px;
}
.note {
  font-size: 10px;
  color: #ff1f26;
}
.tbt-ng-select--doctype-select .document-item-align {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  display: inline-block;
  vertical-align: middle;
}
.tbt-patient-page-wrapper .order-details-heading-wrapper {
  margin-bottom: 16px !important;
}
.add-new-lead-page-wrapper .flex-flow-row {
  flex-flow: row;
}
.add-new-lead-page-wrapper .toggle-flow-left {
  transition: all 0.8s;
}
.add-new-lead-page-wrapper .document-section-hidden {
  box-shadow: -3px 1px 4px rgba(0, 0, 0, 0.08);
}
.add-new-lead-page-wrapper .header-part {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.add-new-lead-page-wrapper .header-part .toggle-left-arrow {
  height: 26px;
  cursor: pointer;
  margin-right: -12px;
}
.vas-date-Free {
  background-color: #00b458 !important;
}
.vas-date-Free .myDpDayValue, .myDpSelector .vas-date-Free.myDpDaycell.myDpCurrMonth {
  color: #fff !important;
}
.vas-date-Open {
  background-color: #d1deff !important;
}
.vas-date-Booked {
  background-color: red !important;
}
.vas-date-Booked .myDpDayValue, .myDpSelector .vas-date-Booked.myDpDaycell.myDpCurrMonth {
  color: #fff !important;
}
.vas-date-notAllowed {
  background-color: #c2bab5 !important;
}
.vas-date-others {
  background-color: #d1deff !important;
}
.vas-date-holiday {
  background-color: yellow !important;
}
.myDpDaycell.myDpRangeColor {
  background-color: #2b3990 !important;
}
.myDpDaycell.myDpRangeColor span {
  color: #fff !important;
}
.service-tab-wrapper .sub-heading-wrapper .heading {
  margin-bottom: 0;
}
.service-tab-wrapper .sub-heading-wrapper .heading .add-service-logo {
  margin-left: 10px;
}
.service-tab-wrapper .sub-heading-wrapper .heading-description {
  margin-bottom: 22px;
}
.service-tab-wrapper .services-table-wrapper {
  overflow-x: scroll;
}
.service-tab-wrapper .services-table-wrapper .table-wrapper .table tbody .documents-wrap .icons-documents {
  display: flex;
}
.service-tab-wrapper .services-table-wrapper .table-wrapper .table tbody .documents-wrap .icons-documents span:last-child {
  text-overflow: ellipsis;
  max-width: 60px;
  overflow: hidden;
}
.service-tab-wrapper .services-table-wrapper .table-wrapper .table tbody .action-dropdowns-tc {
  min-width: 160px;
}
.status-footer {
  display: block !important;
  width: 100% !important;
}
.status-footer .slots-status {
  display: inline-block;
  width: 60%;
}
.status-footer .slots-status span {
  display: inline-block;
}
.status-footer .slots-status span span {
  padding: 10px;
  vertical-align: bottom;
  margin-right: 10px;
}
.status-footer .slots-status .free {
  width: 18%;
  color: #00b458;
}
.status-footer .slots-status .free span {
  background: #00b458;
}
.status-footer .slots-status .open {
  width: 18%;
  color: #d1deff;
}
.status-footer .slots-status .open span {
  background: #d1deff;
}
.status-footer .slots-status .booked {
  width: 22%;
  color: #ff1f26;
}
.status-footer .slots-status .booked span {
  background: #ff1f26;
}
.status-footer .slots-status .notAllowed {
  width: 26%;
  color: #c2bab5;
}
.status-footer .slots-status .notAllowed span {
  background: #c2bab5;
}
.status-footer .upload-cancel-btn {
  margin-left: 50px;
}
.documents-image-wrapper .document-area .document-title-align {
  display: flex;
  justify-content: space-between;
}
.documents-image-wrapper .document-area .document-upload-in-comments {
  display: flex;
  justify-content: space-between;
}
.uplaod-dropdown-stages .upload-patient-overview {
  margin-top: -16px;
}
.uplaod-dropdown-stages .upload-cancel-btn {
  margin-left: 50px;
}
.documents-gallery .col-4 {
  display: flex;
}
.documents-gallery .card {
  max-height: 300px;
  overflow-y: auto;
  background-color: #f5f5f2;
  padding: 15px;
  margin-bottom: 15px;
}
.documents-gallery .doc-file-name-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
  display: inline-block;
  color: #2b3990;
  font-weight: bold;
}
.documents-gallery .delete-btn.delete-doc-icon {
  float: right;
  color: #2b3990;
}
.documents-gallery .preview-wrap {
  max-height: 260px;
  overflow-y: auto;
}
.attach-report {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-decoration-line: underline;
  color: #2b3990;
  margin-left: 7px;
}
.status-update-modal .modal-action-wrapper {
  text-align: right;
}
.tbt-m-col {
  margin-bottom: 22px;
}
.tbt-m-col .tbt-card {
  margin-bottom: 0;
}
.tbt-m-col .tbt-card .tbt-card {
  margin-top: 22px;
}
.feedback-page-wrapper .page-heading-wrapper {
  text-align: -webkit-center;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper {
  max-width: 390px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .heading-wrapper-feedback {
  display: flex;
  place-content: center;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .heading-wrapper-feedback .title-feedback {
  color: #2c2c2c;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .heading-wrapper-feedback .back-btn {
  margin-right: 97px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .feedback-subtitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  padding: 20px 60px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .mobile-ratings-wrapper .single-ratings .mobile-rating-styles {
  text-align: left;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .mobile-ratings-wrapper .single-ratings .rating-stars {
  margin-right: 143px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .mobile-ratings-wrapper .single-ratings .share-view {
  text-align: start;
  margin-top: 24px;
  color: #2b3990;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .mobile-ratings-wrapper .single-ratings .rating-review-comment .rating-card .feedback-review-area {
  min-height: 100px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .mobile-ratings-wrapper .single-ratings .card {
  border-radius: 10px;
}
.feedback-page-wrapper .page-heading-wrapper .public-feedback-wrapper .card-body .feedback-submit {
  margin-top: 78px;
  padding: 15px 126px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
}
.error-col {
  color: #ff1f26;
}
.error-col span {
  color: #ff1f26;
}
.error-col .form-control {
  border-color: #ff1f26;
}
.mouse-pointer {
  cursor: pointer;
}
.add-service-modal .service-modal-section .service-titles {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.add-service-modal .service-modal-section .service-titles .service-subtitle {
  font-weight: 400;
}
.add-service-modal .service-modal-section .nutritional-card {
  background: #f2f7fc;
}
.add-service-modal .service-modal-section .nutritional-card .top-filter-form .book-appointment-section .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.add-service-modal .service-modal-section .nutritional-card .top-filter-form .book-appointment-section .title-wrap .book-appointment-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 24px;
}
.add-service-modal .service-modal-section .nutritional-card .top-filter-form .book-appointment-section .title-wrap .booked-date-details {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #2b3990;
}
.add-service-modal .service-modal-section .nutritional-card .top-filter-form .book-appointment-section .form-check-bookings .form-check-label {
  font-weight: 400;
  font-size: 12px;
  color: #1a141f;
  padding-left: 6px;
}
.add-service-modal .service-modal-section .nutritional-card .top-filter-form .book-appointment-section .form-check-bookings .booked-status {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #939094;
  margin-top: 4px;
  padding-bottom: 3px;
}
.add-service-modal .service-modal-section .nutritional-card .top-filter-form .book-appointment-section .form-check-bookings .available-status {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #00b458;
  margin-top: 4px;
  padding-bottom: 3px;
}
.add-service-modal .service-modal-section .nutritional-card .top-filter-form .book-appointment-section .form-check-bookings .open-status {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #d1deff;
  margin-top: 4px;
  padding-bottom: 3px;
}
.h-300 {
  height: 300px !important;
}
.tbt-delete-text {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #ff1f26;
}
.service-provider-email {
  text-transform: lowercase;
}
.service-provider-email::first-letter {
  text-transform: lowercase !important;
}
.provider-action-select .ng-select {
  width: 100px;
}
.doctor-req-date {
  float: right;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.no-pointer-events {
  pointer-events: none;
  opacity: 0.7;
}
.height-level {
  min-height: 100%;
}
.arrow-ribbon {
  margin: 0 0 0 20px;
  line-height: 34px;
  width: 108px;
  position: relative;
  color: #fff;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.arrow-ribbon:hover {
  top: -1px;
}
.arrow-ribbon:active {
  top: 1px;
}
.arrow-ribbon.arrow-ribbon {
  background-color: #7d0096;
}
.arrow-ribbon.arrow-ribbon::after, .arrow-ribbon.arrow-ribbon::before {
  border-width: 17px;
}
.arrow-ribbon.arrow-ribbon::before {
  border-color: #7d0096 transparent;
  right: -17px;
}
.arrow-ribbon.arrow-ribbon::after {
  border-color: transparent #7d0096;
  right: 0;
}
.tbt-side-content .tbt-sc-icon {
  vertical-align: text-bottom;
}
@media (min-width: 992px) {
  .tbt-side-content .tbt-sc-icon svg {
    width: 1.45rem;
    height: 1.45rem;
  }
}
.tbt-play-video {
  position: relative;
}
.ratio .tbt-play-video {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ratio .tbt-play-video img {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  width: 100%;
}
.tbt-play-btn {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8);
  background-color: #2b3990;
  border: none;
  border-radius: 64px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 0;
  line-height: 0;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
}
.tbt-play-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -6px;
  border-left: 16px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}
.tbt-article-title,
.tbt-article-title > a {
  font-family: "Roche Sans Regular", sans-serif !important;
  font-size: 1.875rem;
}
.tbt-article-title > a {
  color: #212529;
}
.tbt-article-title > a:hover, .tbt-article-title > a:focus {
  color: #2b3990;
}
.arrow-ribbon::before,
.arrow-ribbon::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
}
.tbt-article-content-meta {
  font-size: 1.25rem;
  line-height: 1.45;
}
.report-table-accordion .report-page-table-wrapper {
  border: 1px solid #f9f9f9;
}
.notification-popup-modal .pap-details-notification {
  font-weight: 700;
  font-size: 14px;
  line-height: 10px;
  height: 2px;
  padding-top: 6px;
  align-items: center;
}
.notification-popup-modal .flexi-paid-vials {
  border-radius: 20px;
  min-width: 120px;
  margin-right: 4px;
}
.notification-popup-modal .notification-header {
  margin-left: 24px;
}
.notification-popup-modal .title-pap-details {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #787579;
}
.notification-popup-modal .flex-pap-info {
  color: black;
  font-weight: bold;
}
.tbt-patient-dashboard {
  font-family: "Roche Sans Regular", sans-serif !important;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-patient-profile-card {
  padding: 9px 20px;
  background-color: #ffe8de;
  border: 1px solid #fff;
  box-shadow: 0 3px 6px rgba(86, 86, 86, 0.08);
  border-radius: 8px;
  height: 100%;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-patient-profile-card .tbt-card-items {
  display: flex;
  margin-bottom: 0;
  align-items: center;
  justify-content: space-between;
  height: inherit;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-patient-profile-card .tbt-card-items .progress-wrapper {
  margin-right: 20px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-patient-profile-card .tbt-card-items .tbt-i-chart-pie .range-chart {
  height: 65px;
  width: 65px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-patient-profile-card .tbt-card-items .tbt-card-headings {
  flex: auto;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-patient-profile-card.active {
  background-color: #fff;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-welcome-card {
  margin-bottom: 20px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-welcome-card .tbt-card-items {
  display: flex;
  padding: 14px 20px;
  margin-bottom: 0;
  align-items: center;
  justify-content: space-between;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-welcome-card .tbt-card-items .tbt-play-image-button {
  margin-right: 40px;
  padding: 12px;
  border-radius: 24px;
  background: #f8f8f8;
  border: 1px solid #dbd6d1;
  width: 350px;
  cursor: pointer;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-welcome-card .tbt-card-items .tbt-play-image-button .tbt-play-icon {
  padding-right: 8px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-welcome-card .tbt-card-items .tbt-play-image-button:hover {
  background-color: #fff;
  box-shadow: 0 0 3px 3px #ececec;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards {
  background: #fff;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.24);
  border-radius: 12px;
  height: 347px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .service-icon-wrapper .service-icon {
  height: 20px;
  padding-right: 0;
  margin-right: 12px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .card-header .card-title-diagrams {
  font-weight: 400;
  font-size: 20px;
  color: #2b3990;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .card-header .tbt-patient-recover {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-main-image {
  margin-left: 20px;
  position: relative;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-main-image .patient-video-img {
  width: 350px;
  position: relative;
  height: 172px;
  cursor: pointer;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-main-image .patient-video-img:hover {
  opacity: 0.85;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-main-image .patient-video-img-background {
  position: absolute;
  left: 0;
  width: 350px;
  border-radius: 10px;
  height: 172px;
  top: 1px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-play-button {
  border-radius: 30px;
  background: #fff;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 60px;
  left: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-play-button > img {
  position: relative;
  left: 2px;
  top: 1px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-slides .slider-videos {
  margin-left: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-slides .slider-videos .patient-video-im {
  right: 20px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .tbt-doctors-image .tbt-slides .slider-play-button {
  left: 145px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper {
  max-height: 280px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #605d62;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .schedule-therapy {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #1482fa;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-schedule-cards {
  border: 1.5px solid #9fcdff;
  -webkit-backdrop-filter: blur(80px);
          backdrop-filter: blur(80px);
  border-radius: 4px;
  padding-top: 10px;
  padding-left: 16px;
  margin-bottom: 20px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-schedule-cards .therapy-on {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #706b69;
  margin-bottom: 12px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-schedule-cards .therapy-on span {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #1482fa;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-schedule-cards .therapy-details {
  display: flex;
  place-items: flex-start;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-schedule-cards .therapy-details .medicine-title {
  place-self: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #544f4f;
  margin-left: 8px;
  margin-bottom: 10px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-schedule-cards .therapy-details .medicine-name {
  place-self: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  margin-left: 20px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards .treatment-schedule-wrapper .treatment-cards-scroll {
  max-height: 203px !important;
  min-height: 275px !important;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content {
  padding: 25px;
  height: 330px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .card-header {
  padding: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .tbt-doctors-image {
  overflow: hidden;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .tbt-doctors-image .patient-splash-carousel {
  margin-left: 0 !important;
  min-width: 100%;
  margin-bottom: 20px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .tbt-doctors-image .patient-splash-carousel .carousel-indicators {
  margin-bottom: 0;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .tbt-doctors-image .patient-splash-carousel .carousel-indicators li {
  width: 6px;
  height: 6px;
  background-color: #aaa4a1;
  border-radius: 25px;
  border: 2px solid #fff;
  box-sizing: content-box;
  cursor: pointer;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .tbt-doctors-image .patient-splash-carousel .carousel-indicators li.active {
  background-color: #2b3990;
  border-color: #2b3990;
  cursor: default;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .tbt-doctors-image .tbt-main-image {
  width: 100%;
  margin-left: 0;
  text-align: center;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .tbt-doctors-image .tbt-main-image img {
  margin: auto;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card {
  height: 100%;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .card {
  box-shadow: none !important;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .card-body {
  padding: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .card-body .heading-action-wrapper:first-child {
  display: none;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .card-body .heading-action-wrapper {
  width: 100%;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .card-body .input-box-container .ng-mydp .myDpSelector {
  width: 100% !important;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .summary-event-scrollable-area {
  overflow-x: hidden;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .summary-event-scrollable-area .card .card-body {
  padding: 10px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .summary-event-scrollable-area .card .card-body .tbt-form-section,
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .summary-event-scrollable-area .card .card-body .tbt-form-subsection {
  text-align: left;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content .patient-summary-calendar-card .summary-event-scrollable-area .card .card-body .tbt-form-subsection {
  margin-bottom: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper {
  height: 445px !important;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper .treatment-schedule-cards {
  padding: 12px;
  margin-bottom: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper .treatment-schedule-cards .therapy-on {
  margin-bottom: 12px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper .treatment-schedule-cards .therapy-details {
  align-items: center;
  justify-content: flex-start;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper .treatment-schedule-cards .therapy-details .medicine-title {
  place-self: unset;
  margin-left: 8px;
  margin-bottom: 0;
  width: 120px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper .treatment-schedule-cards .therapy-details .medicine-name {
  place-self: unset;
  margin-left: 10px;
  margin-bottom: 0;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper .treatment-schedule-cards .therapy-details + .therapy-details {
  margin-top: 10px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .tbt-services-video-cards.tbt-services-video-cards--content.treatment-schedule-card-wrapper .treatment-schedule-cards + .treatment-schedule-cards {
  margin-top: 20px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-videos-wrapper .treatment-schedule-card-wrapper {
  height: 512px !important;
  margin-bottom: 94px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card {
  margin-bottom: 20px;
  background: #ffe8de;
  border: 1px solid #fff;
  box-shadow: 0 3px 6px rgba(86, 86, 86, 0.08);
  border-radius: 8px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items {
  display: flex;
  padding: 20px;
  margin-bottom: 0;
  align-items: center;
  justify-content: space-between;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings {
  margin-right: 150px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards {
  display: flex;
  align-items: center;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards .tbt-patient-timer {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #022366;
  padding: 5px 18px;
  background-color: #fff;
  border-radius: 4px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards .tbt-send-reminder {
  margin-left: 20px;
  font-weight: 500;
  font-size: 14px;
  padding: 6px;
  line-height: 18px;
  color: #2b3990;
  border: none;
  cursor: pointer;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards .tbt-send-reminder[disabled],
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards .tbt-send-reminder :disabled {
  opacity: 0.8;
  cursor: default;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards .tbt-send-reminder img {
  padding-left: 8px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards .tbt-send-reminder:hover {
  color: #0c3499;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .timer-small-cards .tbt-send-reminder:hover img {
  -webkit-animation: ring 4s 0.1s ease-in-out;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.1s ease-in-out;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.1s ease-in-out;
  transform-origin: 50% 4px;
}
.tbt-patient-dashboard .page-content-wrapper .tbt-process-enrolment-card .tbt-card-items .tbt-expected-headings .expected {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #000;
}
.tbt-patient-dashboard .patient-splash-carousel {
  margin-left: 20px !important;
  text-align: left !important;
}
.tbt-patient-dashboard .patient-splash-carousel .carousel-indicators {
  order: 2;
  margin-bottom: 30px;
  margin-top: 0 !important;
  margin-right: 100px;
}
.tbt-patient-dashboard .patient-splash-carousel .carousel-indicators li {
  margin: 0 3px !important;
}
.tbt-patient-dashboard .patient-splash-carousel .tbt-carousels {
  border-radius: 12px !important;
}
.tbt-patient-dashboard .search-form {
  float: right;
}
.tbt-patient-dashboard .tbt-patient-headings {
  font-size: 20px;
  color: #2b3990;
  font-weight: 600;
  font-family: "Roche Sans Regular", sans-serif;
}
.tbt-patient-dashboard .tbt-patient-headings img {
  padding-right: 10px;
}
.tbt-patient-dashboard .tbt-patient-headings .tbt-patient-dashboard-headers {
  font-weight: 600;
}
.tbt-patient-dashboard .tbt-card-buttons button {
  position: absolute;
  right: 25px;
  padding: 8px 16px;
  font-weight: 400;
}
.tbt-card-buttons button {
  position: absolute;
  right: 36px;
}
.tbt-your-enrollment-card {
  padding: 12px 30px 12px 20px;
  margin-bottom: 20px;
  background: #f9f9f9;
  border: 1px solid #f4eff4;
  box-shadow: 0 4px 8px rgba(230, 225, 229, 0.54);
}
.tbt-your-enrollment-card .tbt-card-items {
  display: flex;
  margin-bottom: 0;
  justify-items: center;
}
.tbt-your-enrollment-card .tbt-card-items .tbt-card-headings {
  margin-left: 20px;
}
.tbt-your-enrollment-card .tbt-card-items .tbt-card-buttons {
  margin-top: 13px;
}
.tbt-your-enrollment-card .tbt-card-items .tbt-play-image-button {
  margin-right: 204px;
  padding: 12px;
  border-radius: 24px;
  right: 20px;
  background: #f8f8f8;
  border: 1px solid #dbd6d1;
  position: absolute;
  width: 315px;
  cursor: pointer;
}
.tbt-your-enrollment-card .tbt-card-items .tbt-play-image-button .tbt-play-icon {
  padding-right: 8px;
}
.tbt-your-enrollment-card .tbt-card-items .tbt-play-image-button:hover {
  background-color: #fff;
  box-shadow: 0 0 3px 3px #ececec;
}
.tbt-patient-recover {
  font-weight: 400;
  font-size: 12px;
  color: #544f4f;
}
.slide-wrap {
  border-radius: 16px;
}
.slide-wrap > img {
  margin-bottom: 30px;
}
.slide-wrap > .primary-heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 18px;
  font-family: "Roche Sans Medium" !important;
}
.patient-splash-carousel {
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
  max-height: 100vh;
  overflow-y: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.patient-splash-carousel::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #fff;
}
.patient-splash-carousel::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.patient-splash-carousel::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.patient-splash-carousel::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.patient-splash-carousel .slide-wrap {
  margin-left: auto;
  margin-right: auto;
}
.patient-splash-carousel .splash-screen-video {
  position: relative;
}
.patient-splash-carousel .splash-screen-video.pause .playbtn {
  opacity: 1;
}
.patient-splash-carousel .splash-screen-video.playing .playbtn {
  opacity: 0;
}
.patient-splash-carousel .splash-screen-video video {
  border-radius: 10px;
}
.patient-splash-carousel .splash-screen-video .playbtn {
  position: absolute;
  z-index: 11;
  left: calc(50% - 138px);
  top: calc(50% - 77px);
  width: 276px;
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  cursor: pointer;
}
.patient-splash-carousel .splash-screen-video .playbtn img {
  width: 50px;
  height: auto;
}
.patient-splash-carousel .carousel {
  display: flex !important;
  flex-direction: column;
}
.patient-splash-carousel .sr-only {
  display: none;
}
.patient-splash-carousel .logo {
  width: 80px;
}
.patient-splash-carousel h5 {
  font-weight: 300;
  font-size: 32px;
  line-height: 43px;
  margin-bottom: 0;
}
.patient-splash-carousel h3 {
  font-size: 20px;
  font-weight: 700;
  color: #2b3990;
}
.patient-splash-carousel p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.patient-splash-carousel .tbt-primary-btn {
  width: 255px;
  margin-top: 24px;
}
.patient-splash-carousel .tbt-outline-primary-btn img {
  padding-left: 8px;
  padding-bottom: 2px;
}
.patient-splash-carousel .tbt-input.ng-select .ng-select-container {
  border: 0 !important;
}
.patient-splash-carousel .tbt-input.ng-select .ng-select-container.ng-has-value {
  box-shadow: unset;
}
.patient-splash-carousel .tbt-input.ng-select .ng-select-container:hover {
  box-shadow: unset;
}
.login-account .phn-no-prefix {
  margin-top: 6px;
}
.login-account .phn-no-prefix .ng-select-container {
  height: 56px;
  width: 80px;
}
.login-account .phn-no-prefix .ng-select-container:hover {
  border-color: #2b3990;
  color: #000;
}
.login-account .phn-no-prefix .ng-select-container .ng-value-container .ng-value img {
  border-radius: 14px;
  height: 26px;
  width: 26px;
}
.login-account .phn-no-prefix .ng-select-container .ng-arrow-wrapper {
  height: 10px;
  width: 10px;
  background-image: url('patient-dropdown-arrow.svg');
  background-repeat: no-repeat;
  margin-right: 6px;
  color: #000;
}
.login-account .phn-no-prefix .ng-select-container .ng-arrow-wrapper .ng-arrow {
  display: none;
}
.login-account .phn-no-prefix ng-dropdown-panel {
  width: 80px;
}
.login-account .phn-no-prefix ng-dropdown-panel .ng-dropdown-panel-items .ng-option img {
  border-radius: 10px;
}
.login-account .form-group {
  position: relative;
}
.login-account .form-group .tbt-label {
  top: 14px;
  left: 20px;
}
.login-account .form-group .tbt-input {
  margin-top: 24px;
}
.login-account .alert > img {
  padding-right: 10px;
}
.login-account .alert.alert-danger {
  margin-left: 13px;
  width: 515px;
  color: #787579;
  text-align: start;
  display: flex;
  padding: 14px 14px 14px 10px;
  background: #fadada;
  border: none;
}
.login-account .alert.alert-warning {
  margin-left: 13px;
  width: 515px;
  color: #787579;
  text-align: start;
  display: flex;
  padding: 14px 14px 14px 10px;
  background: rgba(255, 176, 101, 0.2);
  border: none;
}
.login-account .action-checkboxes .custom-checkbox-wrapper {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  white-space: break-spaces;
  text-align: left;
}
.login-account .action-checkboxes .custom-checkbox-wrapper .checkmark {
  top: 3px;
}
.login-account .tbt-primary-btn button.btn.tbt-primary-btn[disabled] {
  opacity: 0.66 !important;
  background: grey;
}
.form-group > .tbt-label {
  position: absolute;
  top: 122px;
  left: 100px;
  padding: 0 4px;
  background-color: #fffbfe;
  transition: 0.5s;
  z-index: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #605d62;
}
.form-group > .tbt-input {
  height: 56px;
}
.otp-wrapper .otp-inputs {
  display: flex;
  place-content: center;
  margin-left: 48px;
  margin-bottom: 40px;
}
.otp-wrapper .otp-inputs input {
  margin-left: 10px;
  width: 56px;
  height: 56px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.otp-wrapper .otp-inputs .form-control:focus, .otp-wrapper .otp-inputs .form-control:hover {
  border: 2px solid #2b3990;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.otp-wrapper .code-sent {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.otp-wrapper .alert > img {
  padding-right: 10px;
}
.otp-wrapper .alert.alert-danger {
  margin-left: 13px;
  width: 515px;
  color: #787579;
  text-align: start;
  display: flex;
  padding: 14px 14px 14px 10px;
  background: #fadada;
  border: none;
}
.otp-wrapper .alert.alert-warning {
  margin-left: 13px;
  width: 515px;
  color: #787579;
  text-align: start;
  display: flex;
  padding: 14px 14px 14px 10px;
  background: rgba(255, 176, 101, 0.2);
  border: none;
}
.otp-wrapper .action-checkboxes {
  margin-left: 13px;
}
.otp-wrapper .action-checkboxes .receive-otp {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.otp-wrapper .action-checkboxes .receive-otp .disabled-resend-otp {
  color: #c4c4c4;
}
.otp-wrapper .action-checkboxes .custom-checkbox-wrapper {
  text-align: start;
  padding-right: 10px;
  white-space: unset;
}
.otp-wrapper .action-checkboxes .custom-checkbox-wrapper .checkmark {
  top: 2px;
}
.otp-wrapper .action-checkboxes .custom-checkbox-wrapper .checkbox-statement {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.otp-wrapper .back-otp {
  text-align: start;
  cursor: pointer;
}
.otp-wrapper .back-otp > img {
  margin-right: 11px;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper ul li > button {
  float: left;
  text-align: left;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-bottom: 0;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper ul li > button span {
  float: right;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .nav-tab-content-wrapper--data {
  border: 1px solid #dbd6d1;
  border-radius: 0 0 4px 4px;
  padding: 20px 20px 0;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .nav-tab-content-wrapper--data p {
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .nav-tab-content-wrapper--data p label {
  font-weight: 700;
  color: #787579;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .nav-tab-content-wrapper--data p span {
  font-weight: 400;
  color: #333;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .how-to-upload-btn {
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  border: 1px solid #dbd6d1;
  font-size: 16px;
  color: #333;
  font-weight: 400;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .how-to-upload-btn label {
  cursor: pointer;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .tbt-card .tbt-section-heading {
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .tbt-card .tbt-scrollable-area {
  height: 55px;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .tbt-card .tbt-scrollable-area p {
  color: #605d62;
  font-size: 14px;
  font-weight: 400;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .action-items-wrapper .left-btn-group button {
  padding-top: 0;
  padding-bottom: 0;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .action-items-wrapper .right-btn-group button {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #2b3990;
  font-size: 14px;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .action-items-wrapper .right-btn-group button.delete-btn {
  color: #ff1f26;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .upload-actoin-btn-wrapper {
  max-width: -moz-fit-content;
  max-width: fit-content;
  float: right;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .upload-actoin-btn-wrapper button {
  background-color: transparent;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .upload-actoin-btn-wrapper button label {
  color: #2b3990;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  text-decoration: underline;
}
.p-page-wrapper .page-content-wrapper .nav-tabs-wrapper .upload-actoin-btn-wrapper button input {
  width: 0;
}
.p-page-wrapper .ng-select-disabled {
  color: #706b69;
  background-color: #dbd6d1 !important;
}
.p-page-wrapper .ng-select-disabled .ng-select-container {
  color: #706b69;
  background-color: #dbd6d1 !important;
}
.report-no-center {
  text-align: center;
}
.tbt-advance-search.tbt-custom-advance-search .dropdown-menu {
  transform: translate(0, 50px) !important;
  margin-right: 0;
}
.tbt-advance-search.tbt-custom-advance-search .dropdown-menu .form-group {
  margin-bottom: 16px;
}
.patients-details-page-wrapper .page-heading-wrapper .heading-action-wrapper .heading-form-wrapper .tbt-verify-stock-button {
  display: flex;
  align-items: center;
}
.patients-details-page-wrapper .page-heading-wrapper .heading-action-wrapper .heading-form-wrapper .tbt-verify-stock-button .view-stock-icon {
  margin-left: 8px;
}
.tbt-patient-web .custom-label {
  padding-right: 10px;
}
.tbt-patient-web .custom-label::after {
  right: 0;
}
.tbt-patient-web .nav-tabs .nav-link.disabled {
  opacity: 0.5;
}
.tbt-patient-web .iframe-wrapper {
  height: 390px !important;
  overflow-y: auto !important;
}
.tbt-patient-web .iframe-wrapper iframe {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
.tbt-patient-web .iframe-wrapper iframe html::-webkit-scrollbar {
  width: 0 !important;
}
.tbt-patient-web .ng-select {
  text-align: left;
}
.tbt-patient-web .ng-select .ng-arrow-wrapper {
  background-image: url('select-dropdown.svg') !important;
  background-repeat: no-repeat;
  background-position: center;
}
.tbt-patient-web .ng-select .ng-arrow-wrapper .ng-arrow {
  border: none !important;
}
.tbt-patient-web .form-group {
  position: relative;
}
.tbt-patient-web .form-group .tbt-label {
  z-index: 4;
  left: 20px;
  top: 10px;
}
.tbt-patient-web .form-group > .tbt-input,
.tbt-patient-web .form-group .tbt-input-group {
  margin-top: 20px;
  height: 56px;
  font-size: 16px;
}
.tbt-patient-web .form-group > .tbt-input.ng-select .ng-select-container,
.tbt-patient-web .form-group .tbt-input-group.ng-select .ng-select-container {
  border: 0 !important;
  padding: 0;
  box-shadow: none;
  background-color: #fff;
}
.tbt-patient-web .form-group > .tbt-input .tbt-input,
.tbt-patient-web .form-group .tbt-input-group .tbt-input {
  height: inherit;
}
.tbt-patient-web .form-group > .tbt-input button.input-group-text,
.tbt-patient-web .form-group .tbt-input-group button.input-group-text {
  height: inherit;
}
.tbt-patient-web.vas-service-list .tbt-section-heading svg {
  margin-right: 16px;
}
.tbt-patient-web.vas-service-list .tbt-i {
  font-family: tbt-icons !important;
}
.tbt-patient-web.vas-service-list .page-heading-wrapper .tbt-i.tbt-i-info-circle-outline {
  -webkit-text-fill-color: #787579 !important;
}
.tbt-patient-web.vas-service-list .tbt-section-content .diet-list-details {
  width: 100%;
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.tbt-patient-web.vas-service-list .tbt-section-content .diet-list-details li {
  width: 50%;
  display: flex;
  align-items: center;
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.tbt-patient-web.vas-service-list .tbt-section-content .diet-list-details li label {
  color: #605d62;
  margin-bottom: 0;
}
.tbt-patient-web.vas-service-list .tbt-section-content .diet-list-details li a {
  color: #2b3990;
  text-decoration-line: none;
}
.tbt-patient-web.vas-service-list .tbt-section-content .diet-list-details li.last-list {
  display: inline-block;
  width: 100%;
}
.tbt-patient-web.vas-service-list .tbt-section-content .diet-list-details li + li {
  margin-top: 18px;
}
.tbt-patient-background {
  background-color: #fff;
}
.tbt-patient-background .tbt-patient-carousel {
  display: flex !important;
  flex-direction: column;
  max-width: 540px;
}
.tbt-patient-background .tbt-patient-carousel .sr-only,
.tbt-patient-background .tbt-patient-carousel .carousel-control-prev,
.tbt-patient-background .tbt-patient-carousel .carousel-control-next {
  display: none;
}
.tbt-patient-background .tbt-patient-carousel .carousel-indicators li {
  width: 16px;
  height: 16px;
  background: #dbd6d1;
  border: 1px solid #dbd6d1;
  margin: 0 8px;
  border-radius: 100%;
  cursor: pointer;
  transition: all 1s;
}
.tbt-patient-background .tbt-patient-carousel .carousel-indicators li.active {
  border-color: #2b3990;
  background-color: #2b3990;
  width: 40px;
  border-radius: 10px;
  cursor: default;
}
.tbt-patient-background .tbt-patient-carousel .slide-wrap {
  background: rgba(255, 255, 255, 0.6);
  padding: 40px;
  text-align: center;
  min-height: 520px;
}
.tbt-patient-background .tbt-patient-carousel .slide-wrap .splash-screen-video img {
  cursor: pointer;
}
.tbt-patient-background .tbt-patient-carousel .slide-wrap .splash-screen-video img:hover {
  opacity: 0.9;
}
.p-create-profile-scroll-wrapper {
  max-height: calc(100vh - 220px);
  overflow-x: hidden;
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.p-create-profile-scroll-wrapper::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #fff;
}
.p-create-profile-scroll-wrapper::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.p-create-profile-scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.p-create-profile-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.p-create-profile-scroll-wrapper.iframe-wrapper {
  max-height: calc(100vh - 400px);
}
.orderTrackingLiveStatus {
  margin-top: 20px;
  margin-bottom: 7px;
}
.orderTrackLocation {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px dashed #a6a6a6;
}
.orderTrackLocation .orderTracking {
  display: flex;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2b3990;
  border-radius: 25px;
  width: 30px;
  height: 30px;
}
.orderTrackLocation .orderTracking svg {
  padding: 3px;
  margin: auto;
}
.orderTrackLocation span {
  color: #97b6c9;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.orderTrackLocation::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #37f;
  border-radius: 25px;
  position: absolute;
  left: 0;
  top: 33px;
}
.orderTrackLocation::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 1px solid #37f;
  border-radius: 25px;
  position: absolute;
  right: 0;
  top: 33px;
}
.orderStatus {
  position: relative;
}
.orderStatus p {
  position: absolute;
  left: 60px;
  margin: 0;
  font-weight: 400;
}
.orderStatus p.orderStatusText {
  top: -2px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 19px;
}
.orderStatus p.orderStatusDate {
  bottom: 0;
  font-size: 12px;
  color: #8b8b8d;
  font-weight: 500;
  line-height: 16px;
}
.orderStatus p.orderStatusDate a {
  color: #2b3990;
}
.orderStatus .trackLine {
  width: 100%;
  border: 2px solid #dbd6d1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.orderStatus .trackLine.active {
  border-color: rgba(43, 57, 144, 0.96);
}
.order-medicine-page-wrapper .page-heading-wrapper .heading-action-wrapper .order-medicine-heading-wrapper {
  display: flex;
}
.order-medicine-page-wrapper .page-heading-wrapper .heading-action-wrapper .order-medicine-heading-wrapper .orders-title-wrapper {
  display: flex;
}
.order-medicine-page-wrapper .page-heading-wrapper .heading-action-wrapper .order-medicine-heading-wrapper .orders-title-wrapper .order-title-line {
  width: 71px;
  border: 2px solid #273ac3;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card {
  background: #f9f9f9;
  border: 1px solid #dbd6d1;
  border-radius: 8px;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .tbt-sub-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #333;
  margin-bottom: 0;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .tbt-sub-title .medicine-icon {
  margin-right: 8px;
  padding-bottom: 3px;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .medicine-detailed-card {
  border: none;
  -webkit-backdrop-filter: blur(80px);
          backdrop-filter: blur(80px);
  padding: 15px;
  width: 352px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  margin-top: 16px;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .medicine-detailed-card .therapy-details {
  display: flex;
  place-items: flex-start;
  align-items: center;
  margin-top: 10px;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .medicine-detailed-card .therapy-details img {
  width: 17px;
  height: 17px;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .medicine-detailed-card .therapy-details .medicine-title {
  place-self: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #544f4f;
  margin-left: 8px;
  margin-bottom: 0;
  width: 145px;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .medicine-detailed-card .therapy-details .medicine-name {
  place-self: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  margin-left: 10px;
  margin-bottom: 0;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .medicine-detailed-card .title-order-therapy-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 0;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .medicine-back-card .medicine-detailed-card .title-order-therapy-wrap .therapy-on {
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #2b3990;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .tbt-custome-radio-btn {
  margin: 0;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .tbt-custome-radio-btn .form-check {
  width: 20px;
  height: 20px;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .tbt-custome-radio-btn .form-check .custom-radio {
  height: inherit;
}
.order-medicine-page-wrapper .page-content-wrapper .medicine-card-wrapper .tbt-custome-radio-btn .form-check .custom-radio .custom-control-input {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.order-medicine-page-wrapper .page-content-wrapper .mandatory-documents-wrapper .tbt-sub-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}
.order-medicine-page-wrapper .page-content-wrapper .mandatory-documents-wrapper .tbt-sub-title > img {
  margin-right: 10px;
}
.order-medicine-page-wrapper .page-content-wrapper .mandatory-documents-wrapper .document-area-wrapper .document-area .action-items-wrapper .right-btn-group > .btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #ff1f26;
}
.order-medicine-page-wrapper .page-content-wrapper .mandatory-documents-wrapper .tbt-scrollable-area {
  height: 55px;
}
.order-medicine-page-wrapper .heading-action-wrapper .tbt-section-heading {
  color: #222;
  line-height: 21px;
  margin-bottom: 0;
  font-weight: 400;
}
.order-medicine-page-wrapper .heading-action-wrapper .tbt-section-heading img {
  margin-right: 8px;
}
.order-medicine-page-wrapper .heading-action-wrapper .tbt-scrollable-area {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 46px;
}
.order-medicine-page-wrapper .delete-btn img {
  height: 14px;
}
.order-medicine-page-wrapper .order-details-content-card .order-details p {
  margin-bottom: 0;
}
.order-medicine-page-wrapper .order-details-content-card .order-details .medicine-order-date {
  width: 100px !important;
  min-width: 100px;
}
.order-medicine-page-wrapper .order-details-content-card .order-details .order-name {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 5px;
}
.order-medicine-page-wrapper .order-details-content-card .order-details + .order-details {
  margin-top: 15px;
}
.order-medicine-page-wrapper .order-details-content-card .order-details .vials-buttons {
  margin-top: 15px;
  margin-bottom: 0;
}
.order-medicine-page-wrapper .order-details-content-card .vials-buttons {
  margin-top: 15px;
  margin-bottom: 0 !important;
}
.order-medicine-page-wrapper .order-details-content-card .vials-buttons button {
  cursor: unset;
}
.order-medicine-page-wrapper .order-details-content-card .btn-list .col-auto {
  margin-top: 15px;
}
.order-medicine-page-wrapper .order-details-content-card .btn-list button {
  padding: 0;
}
.order-medicine-page-wrapper .order-details-content-card .btn-list button .sample-upload-text {
  margin-bottom: 0;
  text-decoration: underline;
}
.order-medicine-page-wrapper .order-details-content-card .order-home-details .edit-button {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #706b69;
}
.order-medicine-page-wrapper .two-column-btn-list .documents-image-wrapper .select-image-wrapper label {
  margin-bottom: 0;
}
.order-medicine-page-wrapper .two-column-btn-list .documents-image-wrapper .select-image-wrapper label button {
  padding-top: 0;
  padding-bottom: 0;
}
.order-medicine-track {
  align-items: center;
}
.order-medicine-track .heading {
  border-right: 1px solid #aeaaae;
  margin-right: 20px;
}
.order-medicine-track .orderStatus {
  position: relative;
}
.order-medicine-track .orderStatus .rounded-btn {
  width: 40px;
  height: 40px;
  background-color: #aeaaae;
}
.order-medicine-track .orderStatus .rounded-btn.active {
  background-color: #2b3990;
}
.order-medicine-track .orderStatus p {
  position: absolute;
  left: 45px;
  margin: 0;
  font-weight: 400;
}
.order-medicine-track .orderStatus p.orderStatusText {
  top: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 19px;
}
.order-medicine-track .orderStatus p.orderStatusDate {
  bottom: 0;
  font-size: 12px;
  color: #8b8b8d;
  font-weight: 500;
  line-height: 16px;
}
.order-medicine-track .orderStatus p.orderStatusDate a {
  color: #2b3990;
}
.order-medicine-track .orderStatus .trackLine {
  width: 30%;
  border: 2px solid #dbd6d1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  right: 0;
  left: unset;
}
.order-medicine-track .orderStatus .trackLine.active {
  border-color: rgba(43, 57, 144, 0.96);
}
.blue-bar-list {
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.blue-bar-list label {
  color: #787579;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
  display: flex;
}
.blue-bar-list label span {
  margin-right: 12px;
}
.blue-bar-list > li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  background: #f2f7fc;
  border: 1px solid #dbeaf9;
  border-radius: 4px;
  padding: 7px 18px;
}
.tbt-feedback-section {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.tbt-feedback-section label {
  font-family: "Roche Sans Medium" !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #2b3990;
  margin-bottom: 0;
}
.tbt-feedback-section label.feedback-given {
  color: #00b458;
  font-weight: 700;
  line-height: 16px;
  align-items: center;
  display: flex;
}
.tbt-feedback-section label.feedback-given span {
  margin-left: 10px;
}
.tbt-feedback-section > span {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #2b3990;
}
.tbt-feedback-section .rating-section {
  flex: auto;
  text-align: right;
  margin-right: 20px;
}
.tbt-feedback-section .rating-section .rating-wrapper span {
  font-size: 24px;
  padding-right: 5px;
}
.diet-plan:hover {
  cursor: pointer;
}
.diet-plan:hover .tbt-custom-tooltip-white {
  visibility: visible !important;
  z-index: 9;
  transition: all 1s;
}
.iconic-button-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tbt-disease-page .card {
  border-color: #dbd6d1;
}
.tbt-disease-page .nav-tabs-wrapper .tab-content {
  margin-top: 20px;
}
.tbt-disease-page .tbt-flat-tabs {
  border-bottom: 1px solid #f5f5f2;
}
.tbt-disease-page .tbt-flat-tabs li button {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tbt-disease-page .tbt-flat-tabs li button padding {
  left: 20px;
  right: 20px;
}
.tbt-disease-page .page-content-wrapper > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #605d62;
  margin-bottom: 20px;
}
.tbt-disease-page .bi-tabs-img {
  width: 25%;
  cursor: pointer;
}
.tbt-disease-page .bi-tabs-img img {
  width: 100%;
  margin-bottom: 10px;
  height: auto;
  object-fit: contain;
}
.tbt-disease-page .videoWrapper--disease {
  border-radius: 5px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card {
  border: none;
  -webkit-backdrop-filter: blur(80px);
          backdrop-filter: blur(80px);
  padding: 20px;
  width: 352px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-details {
  display: flex;
  place-items: flex-start;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #434040;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-details img {
  margin-right: 10px;
  height: 18px;
  width: 18px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-details .order-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #787579;
  margin-left: 20px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-details .quantity-number {
  margin-left: 52px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .vials-buttons {
  margin-bottom: 30px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .vials-buttons .tbt-blue-status {
  border-radius: 10px;
  margin-right: 20px;
  width: auto;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .vials-buttons .tbt-green-status {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  border-radius: 10px;
  width: auto;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .orders-uploads {
  display: flex;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .orders-uploads .uploads {
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  text-decoration-line: underline;
  color: #2b3990;
  margin-right: 23px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .orders-uploads .uploads p {
  align-items: center;
  display: flex;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .orders-uploads .uploads p img {
  margin-right: 8px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .orders-uploads .uploads button img {
  vertical-align: bottom;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-home-details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-home-details .home-address {
  display: flex;
  align-items: center;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-home-details .home-address .home-address-title {
  margin-bottom: 0;
  margin-left: 13px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #333b48;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-home-details .edit-button {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #706b69;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-home-details .edit-button img {
  margin-right: 4px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-icon-address {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-icon-address img {
  margin-right: 10px;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-icon-address .title-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #787579;
  margin-bottom: 0;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card .order-icon-address .title-name span {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333;
}
.order-details-page-wrapper .order-details-content-wrapper .order-details-content-card.order-details-content-card--width .order-name {
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-details-page-wrapper .order-details-content-wrapper .add-dispatch-card {
  background: #e9efff;
  border: 1px solid #f5f5f2;
  border-radius: 4px;
}
.order-details-page-wrapper .order-details-content-wrapper .add-dispatch-card p {
  line-height: 20px;
}
.order-details-page-wrapper .order-details-content-wrapper .add-dispatch-card .tbt-outline-primary-btn {
  width: 190px;
  height: 34px;
}
.order-details-page-wrapper .order-confirm-details-wrapper .order-details-content-wrapper .order-details-content-card {
  width: 447px;
}
.order-details-page-wrapper .order-confirm-details-wrapper .order-details-content-wrapper .order-details-content-card .request-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #706b69;
}
.order-details-page-wrapper .order-confirm-details-wrapper .order-details-content-wrapper .order-details-content-card .request-date span {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #333;
}
.order-details-page-wrapper .order-confirm-details-wrapper .order-details-content-wrapper .order-details-content-card .request-line {
  border: 1px solid #dbd6d1;
}
.order-details-page-wrapper .order-confirm-details-wrapper .order-details-content-wrapper .order-details-content-card .order-details .vials-buttons {
  margin-left: 52px;
}
.order-uploaded-details-wrap {
  display: flex;
  margin-top: 16px;
}
.order-uploaded-details-wrap .uploaded-img {
  padding: 8px;
  background: #fff;
  border: 1px solid #1482fa;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  margin-right: 13px;
  width: 72px;
  height: 72px;
}
.order-uploaded-details-wrap .uploaded-img img {
  width: 100%;
  height: 100%;
}
.order-uploaded-details-wrap .uploaded-details .uploaded-doc-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #222;
}
.order-uploaded-details-wrap .uploaded-details .uploaded-time {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #706b69;
}
.order-uploaded-details-wrap .uploaded-details .uploaded-time span {
  color: #333;
}
.order-uploaded-details-wrap .uploaded-details .preview-buttons {
  display: flex;
}
.sample-upload-text {
  color: #2b3990;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  padding-right: 0;
}
.help-wrapper.patient-help-wrapper {
  position: fixed;
  top: 80%;
  right: 0;
  z-index: 999;
  cursor: pointer;
}
.upload-in-pending .file-label {
  margin-bottom: 0;
}
.image-content-wrapper {
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 1px solid #f5f5f2;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin-bottom: 0;
}
.image-content-wrapper .image-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
}
.image-content-wrapper .image-content.left {
  float: left;
}
.image-content-wrapper .image-content.left img {
  margin-right: 20px;
}
.image-content-wrapper .image-content.right {
  flex-direction: row-reverse;
}
.image-content-wrapper .image-content.right img {
  margin-left: 20px;
}
.image-content-wrapper .image-content.right .content-wrapper p {
  margin-bottom: 10px;
}
.image-content-wrapper .image-content.right .content-wrapper h6.title {
  margin-bottom: 2px;
}
.image-content-wrapper .image-content.right-img-width {
  align-items: flex-start;
}
.image-content-wrapper .image-content.right-img-width img {
  width: 235px;
}
.image-content-wrapper .image-content img {
  border-radius: 10px;
}
.image-content-wrapper h6.title {
  font-family: "Roche Sans Medium" !important;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  line-height: 24px;
}
.image-content-wrapper p {
  font-family: "Roche Sans Regular", sans-serif !important;
  font-weight: 400;
  color: #706b69;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 4px;
  margin-top: 2px;
}
.content-wrapper h3.content-title {
  font-family: "Roche Sans Medium" !important;
  font-size: 22px;
  color: #2b3990;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 10px;
}
.content-wrapper h5.sub-title {
  font-family: "Roche Sans Medium" !important;
  font-size: 20px;
  color: #2b3990;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 10px;
}
.content-wrapper h6.title {
  font-family: "Roche Sans Medium" !important;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  line-height: 24px;
}
.content-wrapper b.section-title {
  font-family: "Roche Sans Regular", sans-serif !important;
  font-size: 16px;
  color: #2b3990;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
}
.content-wrapper p {
  font-family: "Roche Sans Regular", sans-serif !important;
  font-weight: 400;
  color: #706b69;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 4px;
  margin-top: 2px;
}
.content-wrapper p b {
  font-family: "Roche Sans Bold" !important;
  font-weight: 700;
  color: #333;
}
.card-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.card-content-wrapper .image-large {
  height: auto;
  width: 730px;
}
.card-content-wrapper .card-content {
  width: 32.5%;
  padding: 15px;
  border-radius: 4px;
  height: initial;
}
.card-content-wrapper .card-content.card-height {
  height: 160px;
}
.card-content-wrapper .card-content.card-width {
  width: 100% !important;
}
.card-content-wrapper .card-content.two-column {
  width: 49.5%;
}
.card-content-wrapper .card-content.treatment-strat-card {
  height: 150px;
}
.card-content-wrapper .card-content.card-content-width {
  width: 66.5%;
}
.card-content-wrapper .card-content img {
  width: 250px;
  height: 250px;
  margin: auto;
}
.card-content-wrapper .card-content label {
  font-family: "Roche Sans Medium" !important;
  font-weight: 500;
  color: #333;
  font-size: 16px;
  line-height: 18px;
}
.card-content-wrapper .card-content label.iconic-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-content-wrapper .card-content label.iconic-label img {
  height: 50px;
  width: auto;
  margin: 0;
}
.card-content-wrapper .card-content p {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  color: #706b69;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}
.card-content-wrapper .text-title {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  color: #706b69;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}
.card-content-wrapper .numbered-list {
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.card-content-wrapper .numbered-list li {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 14px;
  line-height: 18px;
}
.card-content-wrapper .bcCard .card {
  height: 100px;
}
.card-content-wrapper .circle-image-card .card-content {
  align-items: center;
}
.card-content-wrapper .circle-image-card .card-content img {
  width: 128px;
  height: auto;
  margin-right: 20px;
}
.card-content-wrapper .bc-card-height .card {
  height: 360px;
}
.tbt-border-bottom {
  border-bottom: 1px solid #dbd6d1;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}
.liver-tab-content .card-content-wrapper {
  align-items: unset;
}
.sub-text {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 700;
  color: #2b3990;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
}
.smaImgContainer {
  width: 100%;
  display: inline-block;
}
.smaImgContainer img {
  height: 280px;
  margin-right: 20px;
}
.smaImgContainer img.sma1-img {
  width: 470px;
}
.smaImgContainer img.sma1-img {
  width: 470px;
}
.smaImgContainer img.sma2-img {
  width: 650px;
}
.image-text-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  padding: 15px;
}
.image-text-wrapper img {
  width: 58px;
  height: auto;
  margin-right: 20px;
}
.image-text-wrapper p {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  color: #706b69;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}
.image-text-wrapper.fixed-height {
  height: 105px;
}
.roche-blue-text {
  color: #2b3990 !important;
}
.align-items-normal {
  align-items: normal;
}
.guidelines {
  margin-bottom: 20px;
}
.guidelines p {
  font-family: "Roche Sans Regular", sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 14px;
  line-height: 18px;
  margin-top: 15px;
}
.file-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.file-name .record-date-file-name {
  margin-left: 45%;
}
.nav-tabs.nav-btn-tabs li {
  margin-left: 10px;
}
.nav-tabs.nav-btn-tabs li button {
  border: 0;
  border-radius: 0;
  background-color: #fff7f5;
  font-family: "Roche Sans Medium", sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #333;
  padding-left: 10px;
  padding-right: 10px;
}
.nav-tabs.nav-btn-tabs li button:active, .nav-tabs.nav-btn-tabs li button.active {
  background-color: #2b3990;
  color: #fff;
}
.my-account-dob-dropdown .myDpSelector {
  top: 75px !important;
}
.download-doctor-prescription {
  border: none;
  background: #fff;
}
.documents-scroll {
  overflow: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.documents-scroll::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #fff;
}
.documents-scroll::-webkit-scrollbar-track {
  background-color: #f5f5f2;
}
.documents-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(117, 125, 136, 0.5);
  border-radius: 5px;
}
.documents-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(106, 106, 106, 0.8);
}
.documents-scroll li button {
  width: 85px;
  height: 40px;
}
.enroll-audio-cont .enroll-audio {
  width: 95%;
}
.enroll-audio-cont img {
  vertical-align: super;
  margin-left: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.mt-10 {
  margin-top: 100px;
}
.value-added-services-wrapper .value-card-added-wrapper > .row {
  flex-wrap: nowrap;
  overflow: auto;
}
.value-added-services-wrapper .notification-wrapper h1.heading {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #2b3990;
  background: none;
  -webkit-text-fill-color: #2b3990;
}
.tbt-card-info-dash--style-2--red {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}
.tbt-card-info-dash--style-2--red:hover {
  background-color: rgba(255, 31, 38, 0.1);
  transition: all 0.2s ease-in-out;
}
.tbt-card-info-dash--style-2--red:hover .tbt-card-info-dash__icon {
  transform: scale(1.05);
}
.tbt-card-info-dash--style-2--light-orange {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}
.tbt-card-info-dash--style-2--light-orange:hover {
  background-color: rgb(249, 243, 211);
  transition: all 0.2s ease-in-out;
}
.tbt-card-info-dash--style-2--light-orange:hover .tbt-card-info-dash__icon {
  transform: scale(1.05);
}
.tbt-card-info-dash--style-2--orange {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}
.tbt-card-info-dash--style-2--orange:hover {
  background-color: rgba(255, 167, 7, 0.2);
  transition: all 0.2s ease-in-out;
}
.tbt-card-info-dash--style-2--orange:hover .tbt-card-info-dash__icon {
  transform: scale(1.05);
}
.tbt-card-info-dash--style-2--light-red {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}
.tbt-card-info-dash--style-2--light-red:hover {
  background-color: rgba(255, 135, 130, 0.1);
  transition: all 0.2s ease-in-out;
}
.tbt-card-info-dash--style-2--light-red:hover .tbt-card-info-dash__icon {
  transform: scale(1.05);
}
.tbt-card-info-dash--style-2--light-purple {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}
.tbt-card-info-dash--style-2--light-purple:hover {
  background-color: rgba(224, 133, 252, 0.1);
  transition: all 0.2s ease-in-out;
}
.tbt-card-info-dash--style-2--light-purple:hover .tbt-card-info-dash__icon {
  transform: scale(1.05);
}
.tbt-card-info-dash--style-2--purple {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}
.tbt-card-info-dash--style-2--purple:hover {
  background-color: rgba(125, 0, 150, 0.1);
  transition: all 0.2s ease-in-out;
}
.tbt-card-info-dash--style-2--purple:hover .tbt-card-info-dash__icon {
  transform: scale(1.05);
}
.summary-event-details {
  background-color: #f7f2ff;
  padding: 7px 18px 12px;
  text-align: left;
  border-radius: 8px;
  margin-bottom: 16px;
}
.summary-event-details label {
  font-family: "Roche Sans Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #60666f;
  font-weight: 400;
  margin-right: 20px;
  margin-bottom: 0;
  margin-top: 5px;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-title-wrapper .help-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 18px;
  color: #2b3990;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper {
  margin-bottom: 20px;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper .card {
  cursor: pointer;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.02), 0 1px 4px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  border: none;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper .card .help-question {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper .card .help-between-line {
  border: 1px solid #dbd6d1;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper .card .help-answer {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #544f4f;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper .card .help-answer a {
  text-decoration: none;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper .card .help-email a {
  text-decoration: underline;
}
.tbt-patient-help-page-wrapper .page-content-wrapper .help-question-wrapper .card:hover {
  background-color: #f4f4f4;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
}
.no-infusion-data {
  color: #c2bab5;
  margin-top: 10px;
}
.toggle-foc-order .tbt-form-subsection.active svg {
  transform: rotate(360deg);
}
.toggle-foc-order .tbt-form-subsection.de-active svg {
  transform: rotate(270deg);
}
.no-records-available img {
  width: -moz-fit-content;
  width: fit-content;
}
.no-records-available p {
  margin-bottom: 0;
}
.notification-card {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  border: none;
  min-height: 85px;
}
.notification-details-wrapper {
  padding: 20px;
  border-bottom: none;
}
.notification-details-wrapper .notification-list-item .notification-description {
  display: block;
  padding-top: 13px;
}
.notification-details-wrapper .date-time-wrapper .notification-calendar {
  height: 18px;
  width: 18px;
}
.service-list-view-slot-calendar .myDpDaycell:has(.myDpMarkCurrDay) {
  font-weight: 600;
  pointer-events: none;
  cursor: not-allowed;
  border-bottom: none;
  background-color: #fff !important;
}
.myDpDaycell.vas-date-Free:has(.myDpMarkCurrDay) {
  background-color: #00b458 !important;
  opacity: 0.5;
}
.myDpDaycell.vas-date-Booked:has(.myDpMarkCurrDay) {
  background-color: #ff1f26 !important;
  opacity: 0.5;
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  17% {
    transform: rotate(22deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  41% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}
.document-date-section {
  display: flex;
  flex-flow: column !important;
  border: none !important;
}
.document-date-section .date-doc-image-wrapper {
  border: 1px solid #dbd6d1;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.document-date-section .date-doc-image-wrapper .tc-choose-file {
  display: grid;
  width: 184px;
  position: relative;
}
.document-date-section .date-doc-image-wrapper .tc-choose-file .file-input {
  position: absolute;
  opacity: 0;
  height: 32px;
  width: 184px;
}
.document-date-section .tbt-document-image-wrapper {
  text-align: center;
  width: auto;
  height: 100%;
}
.document-date-section .tbt-document-image-wrapper img {
  margin: 0 auto;
  max-height: 300px;
}
.scroll-date-section {
  overflow-y: hidden !important;
}
.scroll-date-section .scrollable-form-wrapper {
  min-height: unset;
  max-height: unset;
}
.tbt-notifications-page-wrapper .page-content-wrapper .custom-nav-tabs-3 {
  border-bottom: 1px solid #f5f5f2;
  max-width: 300px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .custom-nav-tabs-3 > li {
  box-shadow: none;
}
.tbt-notifications-page-wrapper .page-content-wrapper .custom-nav-tabs-3 > li > button {
  border: none;
  box-shadow: none;
}
.tbt-notifications-page-wrapper .page-content-wrapper .custom-nav-tabs-3 > li > button.active {
  box-shadow: none !important;
}
.tbt-notifications-page-wrapper .page-content-wrapper .custom-nav-tabs-3 > li > button:focus {
  box-shadow: none !important;
}
.tbt-notifications-page-wrapper .page-content-wrapper .custom-nav-tabs-3 > li .nav-link {
  box-shadow: none !important;
}
.tbt-notifications-page-wrapper .page-content-wrapper .custom-nav-tabs-3 .custom-checkbox-input {
  margin-top: 11px;
  margin-left: 26px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards {
  background: #fff7f5;
  width: 100%;
  margin-top: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  border: none;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 4px;
  border-radius: 0 4px 4px 0;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .check-wrapper {
  margin-left: 10px;
  padding-top: 20px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .check-wrapper .form-check-input {
  margin-top: 1px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper {
  padding: 20px !important;
  align-items: flex-start !important;
  border-bottom: none;
  width: 100%;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper:hover {
  background-color: unset;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .notification-list-item2 .custom-checkbox-input {
  margin-top: 10px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .notification-list-item2 .notification-id {
  margin-left: 0px;
  color: #706b69;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .notification-list-item2 .notification-description {
  display: block;
  font-size: 16px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .date-time-wrapper .mark-done-section {
  margin-right: 20px;
  display: flex;
  justify-content: right;
  margin-top: 4px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .date-time-wrapper .mark-done-section .notification-cancel-icon {
  margin-right: 5px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .date-time-wrapper .mark-done-section .mark-as-done {
  text-align: right;
  text-decoration-line: underline;
  color: #ff1f26;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .date-time-wrapper .mark-done-section .mark-as-done.over-due {
  text-decoration-line: none;
  background-color: #ffe8de;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 8px;
  font-family: "Roche Sans Medium";
  margin-top: 0 !important;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .date-time-wrapper {
  font-size: 12px;
  color: #787579;
  white-space: nowrap;
  margin-left: 20px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .date-time-wrapper label {
  color: #787579;
  white-space: nowrap;
  margin-left: 20px;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards .notification-details-wrapper .date-time-wrapper .done-text {
  color: #00b458;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards.mark-as-not-done-card-wrapper {
  background: #fff !important;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards.mark-as-not-done-card-wrapper:hover {
  background-color: #dbf0ff !important;
  transition: all 0.5s;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards.mark-as-not-done-card-wrapper .mark-done-section .mark-as-not-done {
  text-decoration-line: underline;
  color: #00b458;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards:hover {
  background-color: #dbf0ff;
  transition: all 0.5s;
}
.tbt-notifications-page-wrapper .page-content-wrapper .notification-cards:hover::before {
  background-color: #2b3990;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn {
  padding: 6px 14px;
  border: 1px solid #dbd6d1;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  /* Rounded sliders */
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn:hover {
  border-color: #2b3990;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
  margin: 0;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn input {
  visibility: hidden;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: 0.4s;
  border: 1px solid #1f4e8c;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn .slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: 1px;
  left: 1px;
  bottom: 4px;
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  transition: 0.4s;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn input:checked + .slider {
  background: linear-gradient(180deg, #1c2f72 0%, #269cce 100%);
  border-color: #1f4e8c;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn input:checked + .slider::before {
  transform: translateX(15px);
  background: #fff;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn .slider.round {
  border-radius: 34px;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .toggle-btn .slider.round::before {
  border-radius: 50%;
}
.tbt-notifications-page-wrapper .page-heading-wrapper .date-picker-control .datepicker-input input,
.tbt-notifications-page-wrapper .page-heading-wrapper .date-picker-control .datepicker-input button {
  height: 34px !important;
}
.text-capitalise {
  text-transform: capitalize;
}
.add-new-search-form .advance-filter-date-height > .form-control {
  max-height: 38px;
}
.add-new-search-form .advance-filter-date-height > .input-group-text {
  max-height: 38px;
}
.tbt-public-financial-counselling .background-financial-img {
  background: rgba(0, 169, 157, 0.5);
  border-radius: 0px;
  padding: 42px 35px;
  text-align: center;
}
.tbt-public-financial-counselling .background-financial-img .header-icons {
  display: flex;
  justify-content: space-between;
}
.tbt-public-financial-counselling .financial-section-wrapper {
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 26px 26px 0 0;
  padding: 25px;
  bottom: 24px;
}
.tbt-public-financial-counselling .financial-section-wrapper .financial-card {
  padding: 0;
}
.tbt-public-financial-counselling .financial-section-wrapper .financial-card .financial-heading {
  color: #022366;
  font-weight: 700px;
}
.tbt-public-financial-counselling .financial-section-wrapper .financial-subtitle {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #2b3990;
  margin-top: 20px;
}
.tbt-public-financial-counselling .financial-section-wrapper .financial-subtitle > svg {
  margin-right: 10px;
}
.tbt-public-financial-counselling .financial-section-wrapper .financial-questions-wrapper .question-section {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #2b3990;
}
.tbt-public-financial-counselling .financial-section-wrapper .financial-questions-wrapper .answer-section {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #616161;
}
.tbt-public-financial-counselling .warning-financial-card {
  margin: 13px 32px;
  background: #ffe8de;
  border-radius: 8px;
  border: none;
}
.tbt-public-financial-counselling .warning-financial-card .track-request-section {
  display: flex;
  place-items: flex-start;
}
.tbt-public-financial-counselling .warning-financial-card .track-request-status {
  float: right;
}
.tbt-public-financial-counselling .interest-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tbt-public-financial-counselling .interest-btn .tbt-primary-btn {
  width: 342px;
  height: 48px;
  border: 1px solid #2b3990;
  border-radius: 100px;
  font-weight: 700;
  font-size: 16px;
}
.tbt-public-crowd-funding .background-crowd-img {
  background: #b3b1ff;
  border-radius: 0;
  padding: 42px 35px;
  text-align: center;
}
.tbt-public-crowd-funding .background-crowd-img .header-icons {
  display: flex;
  justify-content: space-between;
}
.tbt-public-crowd-funding .financial-section-wrapper {
  box-shadow: unset;
}
.tbt-public-crowd-funding .financial-section-wrapper .warning-financial-card {
  margin: 13px 32px;
  background: #ffe8de;
  border-radius: 8px;
  border: none;
  margin-top: 500px !important;
}
.tbt-public-crowd-funding .financial-section-wrapper .warning-financial-card .track-request-section {
  display: flex;
  place-items: flex-start;
}
.tbt-public-crowd-funding .financial-section-wrapper .warning-financial-card .track-request-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tbt-public-crowd-funding .financial-section-wrapper .warning-financial-card .track-request-btn .tbt-primary-btn {
  width: 221px;
  height: 48px;
  border: 1px solid #2b3990;
  border-radius: 100px;
  font-weight: 700;
  font-size: 16px;
}
.patient-space-styles {
  margin-left: 20px;
}
.split-count {
  color: #ff1f26;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roche Sans Regular", sans-serif;
  margin-bottom: 0;
}
.doctor-recommendation-page-wrapper .recommendation-title {
  display: flex;
  align-items: center;
}
.doctor-recommendation-page-wrapper .recommendation-title img {
  padding-right: 11px;
}
.doctor-recommendation-page-wrapper .recommendation-title .recommendation-date-title {
  font-weight: 700;
  font-size: 18px;
  color: #2b3990;
}
.doctor-recommendation-page-wrapper .title-bottom-line {
  border: 1px solid #f5f5f2;
  margin-top: 10px;
}
.doctor-recommendation-page-wrapper .recommendation-card {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  border: unset;
  margin-top: 20px;
}
.doctor-recommendation-page-wrapper .recommendation-card > .card-body {
  padding: 12px;
}
.doctor-recommendation-page-wrapper .recommendation-card > .card-body .recommendation-title .recommendation-card-detail {
  font-weight: 700;
  font-size: 14px;
  color: #605d62;
}
.role-label .label-text {
  color: #2b3990 !important;
}
.role-label .dropdown-toggle::after {
  visibility: hidden;
}
.roletype-dropdown li {
  width: 100%;
}
.roletype-dropdown li .ng-select-container {
  display: none;
}
.roletype-dropdown li .ng-dropdown-header {
  border-bottom: none;
}
.roletype-dropdown li .ng-dropdown-header input[type=checkbox] {
  margin: 0 6px 0 2px;
}
.roletype-dropdown li .ng-dropdown-panel {
  border-top-color: #fff;
}
.roletype-dropdown li input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin: 0 10px;
  vertical-align: middle;
}
.export-icon-hover {
  position: relative;
  display: inline-block;
}
.tbt-i {
  font-family: tbt-icons !important;
}
.pap-text {
  margin-left: 30px;
  font-size: 14px;
  font-style: normal;
}
.select-image-wrapper p {
  color: #706b69;
}
.toggle-left-arrow {
  margin-right: -8px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 2px;
}
.toggle .patient-document-remark .document-list-form .document-title-wrapper,
.document-remark-wrapper .document-list-form .document-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
}
.toggle .patient-document-remark .document-list-form .document-title-wrapper .doc-btns-wrapper,
.document-remark-wrapper .document-list-form .document-title-wrapper .doc-btns-wrapper {
  display: flex;
}
.toggle-open .toggle-left-arrow {
  margin-right: -24px;
}
.toggle-open .tab-content .form-group label {
  overflow: hidden;
}
.saveContinue-btn {
  margin-top: 1.5rem;
  text-align: end;
}
.accountColumn .mt-dynamic-form .form-group .form-control {
  max-width: 32.33%;
  width: 100%;
}
.custom-width .mt-dynamic-form .form-group .form-control {
  max-width: 47.33%;
  width: 100%;
}
.edit-accordion-btn {
  position: absolute;
  right: 50px;
}
.admin-pap-details-page-wrapper .report-page-table-wrapper .toggle-btn {
  justify-content: center;
}
.portal-header .brand-bg {
  background: #fff;
  padding: 5px;
  border-radius: 4px;
}
#cancel {
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0);
  color: #2b3990 !important;
  border: solid 1px transparent;
  padding-top: 4px;
  padding-bottom: 4px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, #2b3990, #2b3990);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  margin-top: 1.5rem;
}
#cancel:focus, #cancel:hover {
  background-color: #2b3990 !important;
  color: #fff !important;
  border-color: #2b3990 !important;
  box-shadow: none;
}
#cancel:disabled, #cancel.disabled {
  opacity: 0.8 !important;
}
.notEnrolledReason,
.dropoutReason {
  display: none;
}
.hideButton {
  display: none;
}
.showButton {
  display: block;
}
.col-12 .customizedCounselling {
  width: 33.33%;
  padding-right: 16px;
}
.enrolmentDropdown {
  padding-top: 5px;
}
.on-boarding input {
  text-transform: uppercase;
}
td a {
  cursor: pointer;
}
h2#swal2-title {
  font-size: 22px;
  font-weight: 500;
}
@media print {
  #print {
    display: block;
  }
}
@media screen {
  #print {
    display: none;
  }
}
/* -------Themes--------- */
[data-bs-theme=darkblue-theme] {
  --primary: #000097;
  --secondary: #f07373;
}
[data-bs-theme=darkblue-theme] .header-wrapper .tbt-navbar {
  background-color: var(--primary);
}
[data-bs-theme=darkblue-theme] .header-wrapper .tbt-navbar .navbar-nav > .nav-item .tbt-i {
  color: var(--secondary);
}
[data-bs-theme=darkblue-theme] .page-heading-wrapper h1.heading {
  background: linear-gradient(95deg, var(--secondary) 11.29%, var(--secondary) 110.55%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=darkblue-theme] .tbt-nav-pills .nav-item .nav-link.active {
  background: var(--secondary);
}
[data-bs-theme=darkblue-theme] .tbt-primary-btn {
  background: var(--secondary);
}
[data-bs-theme=darkblue-theme] .tbt-text-primary {
  color: var(--primary);
}
[data-bs-theme=darkblue-theme] .tbt-outline-primary-btn {
  color: var(--primary) !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, var(--primary), var(--primary));
}
[data-bs-theme=darkblue-theme] .tbt-outline-primary-btn:hover {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}
[data-bs-theme=darkblue-theme] .tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:hover {
  background-color: rgba(0, 0, 151, 0.2);
}
[data-bs-theme=darkblue-theme] .tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:hover::before {
  background-color: var(--primary);
}
[data-bs-theme=darkblue-theme] .table-wrapper thead th {
  color: var(--primary);
  background-color: rgba(38, 77, 167, 0.1);
}
[data-bs-theme=darkblue-theme] .table-wrapper .tbt-text-body {
  color: var(--primary) !important;
}
[data-bs-theme=darkblue-theme] .table-wrapper tr:hover td {
  background-color: rgba(240, 115, 115, 0.08) !important;
}
[data-bs-theme=darkblue-theme] th[appSortable] label {
  color: var(--primary);
}
[data-bs-theme=darkblue-theme] .tbt-patient-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active,
[data-bs-theme=darkblue-theme] .roles-permission-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active {
  background: -webkit-linear-gradient(left, var(--secondary) 0.77%, var(--primary) 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=darkblue-theme] .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link.active::before, [data-bs-theme=darkblue-theme] .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link:hover::before {
  background: linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);
}
[data-bs-theme=darkblue-theme] .custom-nav-tabs .nav-item .nav-link .count {
  background: -webkit-linear-gradient(left, var(--primary) 0.77%, var(--secondary) 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=darkblue-theme] .custom-nav-tabs .nav-item .nav-link.active .count {
  color: var(--primary);
  border-color: var(--primary);
}
[data-bs-theme=darkblue-theme] .bredcrumbs-wrapper .breadcrumbs-list li a, [data-bs-theme=darkblue-theme] .bredcrumbs-wrapper .breadcrumbs-list li:hover, [data-bs-theme=darkblue-theme] .bredcrumbs-wrapper .breadcrumbs-list li:focus {
  color: var(--primary);
}
[data-bs-theme=darkblue-theme] .sub-heading-wrapper h3.heading,
[data-bs-theme=darkblue-theme] .sub-heading-wrapper .tbt-section-heading,
[data-bs-theme=darkblue-theme] .heading-action-wrapper h3.heading,
[data-bs-theme=darkblue-theme] .heading-action-wrapper .tbt-section-heading,
[data-bs-theme=darkblue-theme] .page-wrapper h3.heading,
[data-bs-theme=darkblue-theme] .page-wrapper .tbt-section-heading {
  color: var(--primary);
}
[data-bs-theme=darkblue-theme] .tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMonthYearSelBar {
  background: linear-gradient(97.11deg, var(--primary) -7.33%, var(--secondary) 100.37%);
}
[data-bs-theme=darkblue-theme] .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link {
  color: var(--primary);
}
[data-bs-theme=darkblue-theme] .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.active::after {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, var(--secondary), var(--primary));
}
[data-bs-theme=darkblue-theme] .add-new-lead-page-wrapper #close,
[data-bs-theme=darkblue-theme] #back {
  background: none;
}
[data-bs-theme=red-theme] {
  --primary: #c8102e;
  --secondary: #ffcd00;
}
[data-bs-theme=red-theme] .header-wrapper .tbt-navbar {
  background-color: var(--primary);
}
[data-bs-theme=red-theme] .header-wrapper .tbt-navbar .navbar-nav > .nav-item .tbt-i {
  color: var(--secondary);
}
[data-bs-theme=red-theme] .page-heading-wrapper h1.heading {
  background: linear-gradient(95deg, var(--primary) 11.29%, var(--primary) 110.55%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=red-theme] .tbt-nav-pills .nav-item .nav-link.active {
  background: var(--primary);
}
[data-bs-theme=red-theme] .tbt-primary-btn {
  background: var(--primary);
}
[data-bs-theme=red-theme] .tbt-text-primary {
  color: var(--primary);
}
[data-bs-theme=red-theme] .tbt-outline-primary-btn {
  color: var(--primary) !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, var(--primary), var(--primary));
}
[data-bs-theme=red-theme] .tbt-outline-primary-btn:hover {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}
[data-bs-theme=red-theme] .tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:hover {
  background-color: rgba(200, 16, 46, 0.2);
}
[data-bs-theme=red-theme] .tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:hover::before {
  background-color: var(--primary);
}
[data-bs-theme=red-theme] .table-wrapper thead th {
  color: var(--primary);
  background-color: rgba(38, 77, 167, 0.1);
}
[data-bs-theme=red-theme] .table-wrapper .tbt-text-body {
  color: var(--primary) !important;
}
[data-bs-theme=red-theme] .table-wrapper tr:hover td {
  background-color: rgba(232, 10, 140, 0.08) !important;
}
[data-bs-theme=red-theme] th[appSortable] label {
  color: var(--primary);
}
[data-bs-theme=red-theme] .tbt-patient-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active,
[data-bs-theme=red-theme] .roles-permission-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active {
  background: -webkit-linear-gradient(left, var(--secondary) 0.77%, var(--primary) 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=red-theme] .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link.active::before, [data-bs-theme=red-theme] .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link:hover::before {
  background: linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);
}
[data-bs-theme=red-theme] .custom-nav-tabs .nav-item .nav-link .count {
  background: -webkit-linear-gradient(left, var(--primary) 0.77%, var(--secondary) 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=red-theme] .custom-nav-tabs .nav-item .nav-link.active .count {
  color: var(--primary);
  border-color: var(--primary);
}
[data-bs-theme=red-theme] .bredcrumbs-wrapper .breadcrumbs-list li a, [data-bs-theme=red-theme] .bredcrumbs-wrapper .breadcrumbs-list li:hover, [data-bs-theme=red-theme] .bredcrumbs-wrapper .breadcrumbs-list li:focus {
  color: var(--primary);
}
[data-bs-theme=red-theme] .sub-heading-wrapper h3.heading,
[data-bs-theme=red-theme] .sub-heading-wrapper .tbt-section-heading,
[data-bs-theme=red-theme] .heading-action-wrapper h3.heading,
[data-bs-theme=red-theme] .heading-action-wrapper .tbt-section-heading,
[data-bs-theme=red-theme] .page-wrapper h3.heading,
[data-bs-theme=red-theme] .page-wrapper .tbt-section-heading {
  color: var(--primary);
}
[data-bs-theme=red-theme] .tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMonthYearSelBar {
  background: linear-gradient(97.11deg, var(--primary) -7.33%, var(--secondary) 100.37%);
}
[data-bs-theme=red-theme] .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link {
  color: var(--primary);
}
[data-bs-theme=red-theme] .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.active::after {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, var(--secondary), var(--primary));
}
[data-bs-theme=red-theme] .add-new-lead-page-wrapper #close,
[data-bs-theme=red-theme] #back {
  background: none;
}
[data-bs-theme=green-theme] {
  --primary: #007a4d;
  --secondary: #ffb612;
}
[data-bs-theme=green-theme] .header-wrapper .tbt-navbar {
  background-color: var(--primary);
}
[data-bs-theme=green-theme] .header-wrapper .tbt-navbar .navbar-nav > .nav-item .tbt-i {
  color: var(--secondary);
}
[data-bs-theme=green-theme] .page-heading-wrapper h1.heading {
  background: linear-gradient(95deg, var(--primary) 11.29%, var(--primary) 110.55%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=green-theme] .tbt-nav-pills .nav-item .nav-link.active {
  background: var(--primary);
}
[data-bs-theme=green-theme] .tbt-primary-btn {
  background: var(--primary);
}
[data-bs-theme=green-theme] .tbt-text-primary {
  color: var(--primary);
}
[data-bs-theme=green-theme] .tbt-outline-primary-btn {
  color: var(--primary) !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, var(--primary), var(--primary));
}
[data-bs-theme=green-theme] .tbt-outline-primary-btn:hover {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}
[data-bs-theme=green-theme] .tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:hover {
  background-color: rgba(0, 128, 0, 0.2);
}
[data-bs-theme=green-theme] .tbt-dashboard-page-wrapper .page-content-wrapper .notifications-card .notification-wrap .notifications-list.nl-wapper .list-group-item:hover::before {
  background-color: var(--primary);
}
[data-bs-theme=green-theme] .table-wrapper thead th {
  color: var(--primary);
  background-color: rgba(38, 77, 167, 0.1);
}
[data-bs-theme=green-theme] .table-wrapper .tbt-text-body {
  color: var(--primary) !important;
}
[data-bs-theme=green-theme] .table-wrapper tr:hover td {
  background-color: rgba(0, 122, 77, 0.08) !important;
}
[data-bs-theme=green-theme] th[appSortable] label {
  color: var(--primary);
}
[data-bs-theme=green-theme] .tbt-patient-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active,
[data-bs-theme=green-theme] .roles-permission-page-wrapper .page-content-wrapper .nav-tabs-wrapper .custom-nav-tabs .nav-item .nav-link.active {
  background: -webkit-linear-gradient(left, var(--secondary) 0.77%, var(--primary) 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=green-theme] .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link.active::before, [data-bs-theme=green-theme] .custom-nav-tabs.custom-nav-tabs-2 .nav-item .nav-link:hover::before {
  background: linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);
}
[data-bs-theme=green-theme] .custom-nav-tabs .nav-item .nav-link .count {
  background: -webkit-linear-gradient(left, var(--primary) 0.77%, var(--secondary) 105.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme=green-theme] .custom-nav-tabs .nav-item .nav-link.active .count {
  color: var(--primary);
  border-color: var(--primary);
}
[data-bs-theme=green-theme] .bredcrumbs-wrapper .breadcrumbs-list li a, [data-bs-theme=green-theme] .bredcrumbs-wrapper .breadcrumbs-list li:hover, [data-bs-theme=green-theme] .bredcrumbs-wrapper .breadcrumbs-list li:focus {
  color: var(--primary);
}
[data-bs-theme=green-theme] .sub-heading-wrapper h3.heading,
[data-bs-theme=green-theme] .sub-heading-wrapper .tbt-section-heading,
[data-bs-theme=green-theme] .heading-action-wrapper h3.heading,
[data-bs-theme=green-theme] .heading-action-wrapper .tbt-section-heading,
[data-bs-theme=green-theme] .page-wrapper h3.heading,
[data-bs-theme=green-theme] .page-wrapper .tbt-section-heading {
  color: var(--primary);
}
[data-bs-theme=green-theme] .tbt-angular-mydatepicker-input ~ lib-angular-mydatepicker-calendar .myDpMonthYearSelBar {
  background: linear-gradient(97.11deg, var(--primary) -7.33%, var(--secondary) 100.37%);
}
[data-bs-theme=green-theme] .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link {
  color: var(--primary);
}
[data-bs-theme=green-theme] .theme-nav-tabs-wrapper .theme-nav-tabs .nav-item .nav-link.active::after {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(101deg, var(--secondary), var(--primary));
}
[data-bs-theme=green-theme] .add-new-lead-page-wrapper #close,
[data-bs-theme=green-theme] #back {
  background: none;
}

/*# sourceMappingURL=styles.css.map*/