@charset "UTF-8";
@import '../bower_components/material-design-icons/iconfont/material-icons.css';
@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,400;0,600;0,700;1,200;1,400;1,600;1,700&display=swap");
:root {
  --main-color: #fb7800;
  --main-secondary-color: #26A6EB;
  --secondary-color: #ffffff;
  --main-color_rgb: 251, 120, 0;
  --alert-color: #F4A522;
  --primary-color: #26A6EB;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes anim {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes anim {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.marginTop10 {
  margin-top: 10px;
}

.marginRight10 {
  margin-right: 10px;
}

.marginLeft10 {
  margin-left: 10px;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.paddingTop10 {
  padding-top: 10px;
}

.paddingRight10 {
  padding-right: 10px;
}

.paddingLeft10 {
  padding-left: 10px;
}

.paddingBottom10 {
  padding-bottom: 10px;
}

.border.border-0 {
  border: none;
}
.border.border-l-0 {
  border-left: none;
}
.border.border-r-0 {
  border-right: none;
}

.border-darkgrey {
  border-color: #dddddd !important;
}

.border-838383,
.border-inactive {
  border: 1px solid #838383 !important;
}

.m-t-0 {
  margin-top: 0;
}

.m-r-0 {
  margin-right: 0;
}

.m-b-0 {
  margin-bottom: 0;
}

.m-l-0 {
  margin-left: 0;
}

.m-l-8 {
  margin-left: 8px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

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

.p-t-0 {
  padding-top: 0;
}

.p-r-0 {
  padding-right: 0;
}

.p-b-0 {
  padding-bottom: 0;
}

.p-l-0 {
  padding-left: 0;
}

.p-l-8 {
  padding-left: 8px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-l-30 {
  padding-left: 30px;
}

.p0 {
  padding: 0px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-20 {
  padding: 20px !important;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}
.position-absolute.top-left {
  top: 0px;
  left: 0px;
}

.position-static {
  position: static !important;
}

/* Width */
.width-max-w {
  max-width: 10%;
}

.width-max-10 {
  max-width: 10%;
}

.width-max-20 {
  max-width: 20%;
}

.width-max-30 {
  max-width: 30%;
}

.width-max-40 {
  max-width: 40%;
}

.width-max-50 {
  max-width: 50%;
}

.width-max-60 {
  max-width: 60%;
}

.width-max-70 {
  max-width: 70%;
}

.width-max-80 {
  max-width: 80%;
}

.width-max-90 {
  max-width: 90%;
}

.no-bg {
  background: transparent !important;
}

.border-radius {
  border-radius: 4px !important;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

@media screen and (min-width: 576px) {
  .overflow-sm-hidden {
    overflow: hidden;
  }
}

@media screen and (min-width: 992px) {
  .overflow-lg-hidden {
    overflow: hidden;
  }
}

.overflow-visible {
  overflow: visible;
}

.color-icon {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  box-shadow: #ccc 2px 2px 2px;
}

.border-b {
  border-bottom: 1px solid #eee;
}

.none-touch-ios.menu-div {
  z-index: 998;
}

.visible-xs {
  display: none;
}

.visible-md {
  display: none;
}

@media (max-width: 767px) {
  .panel {
    padding: 15px;
    margin-bottom: 15px;
  }
  #main-container {
    padding-bottom: 55px;
  }
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block;
  }
  .nav-tabs {
    margin-top: 0;
    border: 0;
    display: none;
    padding: 0 !important;
    width: 100%;
  }
  .nav-tabs li.nav-tab {
    width: 100%;
    padding: 0 !important;
  }
  .nav-tabs li.nav-tab a {
    border-radius: 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #fff;
    background: #f1f1f1;
    color: #000;
    line-height: 1em;
  }
  .nav-tabs li.nav-tab a:hover {
    background: rgb(235, 210, 191);
  }
  .nav-tabs .active a {
    background: rgb(235, 210, 191);
  }
}
@media (max-width: 1024px) {
  .visible-md {
    display: block;
  }
}
.bg-headline {
  background: var(--main-color);
}

.action--disabled {
  cursor: not-allowed;
  color: #ccc !important;
}

.cursor-auto {
  cursor: auto;
}

.flex-box {
  display: flex;
}
.flex-box .item {
  flex: 1;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 8px 4px;
  text-align: center;
}
.flex-box .item:not(:last-child) {
  border-right: 0;
}
.flex-box .item:first-child {
  border-radius: 3px 0 0 3px;
}
.flex-box .item:last-child {
  border-radius: 0 3px 3px 0;
}
.flex-box .item.active {
  color: #fff;
  background: #26a6eb;
  border: 1px solid #26a6eb;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-grow-2 {
  flex-grow: 2 !important;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.collapsed .fa-minus::before {
  content: "\f067";
}

.title {
  color: rgb(47, 56, 73);
  font-size: 1.5em;
  font-weight: 500;
}
@media (max-width: 767px) {
  .title {
    font-size: 1.3em;
  }
}

.report-title-wrapper {
  font-weight: 600;
  font-family: "Hind";
}
.report-title-wrapper .report-title {
  color: #232323;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .report-title-wrapper .report-title {
    font-size: 1.3em;
  }
}
.report-title-wrapper .report-description {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #838383;
}
@media (max-width: 767px) {
  .report-title-wrapper .report-description {
    font-size: 12px;
  }
}

.right-click-menu {
  display: none;
  top: 14px;
  left: 15px;
  margin: 0;
  padding-top: 5px !important;
  padding-right: 15px !important;
}
.right-click-menu .dropdown-item {
  padding: 5px 10px;
  font-size: 14px;
}
.right-click-menu .dropdown-item i {
  font-size: 12px;
  margin-right: 5px;
  color: #909eaa;
}
.right-click-menu.active {
  display: block;
}
.right-click-menu .close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px 6px 2px;
  background: #fff;
  border-radius: 100%;
  font-size: 1.5em;
  opacity: 1;
}

.collapse.in {
  display: block;
  transition: all 1.5s ease-out;
}

.border-bottom-info {
  padding: 0 0 18px;
  border-bottom: 1px dashed #dde2e5;
  margin-bottom: 10px;
}

.actionDialog {
  position: absolute;
  z-index: 1010;
  border: none;
  background-color: white;
  box-shadow: 4px 5px 15px #888;
}
.actionDialog .demo-menu-item {
  padding-top: 2px;
  padding-bottom: 2px;
}

.cus-action-dialog {
  display: none;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1071;
}

.actionDialog ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.actionDialog li:not(:last-child) {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid grey;
}

.actionDialog .actionLink {
  cursor: pointer;
  color: #337ab7;
}

.actionDialog .actionLink:hover {
  color: #23527c;
}

.actionDialog .glyphicon {
  margin-right: 10px;
}

.genr-shadow {
  box-shadow: 0px 10px 20px -8px rgb(183, 185, 194);
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.demo-menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 38px;
  padding: 8px 20px 8px 8px;
  position: relative;
  transition: background 0.15s linear;
  width: auto;
  border-left: 4px solid black;
}
.demo-menu-item.dropdown-submenu {
  padding: 8px 20px 8px 8px;
}
.demo-menu-item.appointment-grey-out {
  opacity: 0.5;
}
.demo-menu-item.color-0 {
  border-color: rgb(220, 20, 60);
}
.demo-menu-item.color-1 {
  border-color: #E58DAA;
}
.demo-menu-item.color-2 {
  border-color: #9292E7;
}
.demo-menu-item.color-3 {
  border-color: #CFEBF2;
}
.demo-menu-item.color-4 {
  border-color: #92E79E;
}
.demo-menu-item.color-5 {
  border-color: #FECD63;
}
.demo-menu-item.color-6 {
  border-color: #E692E7;
}
.demo-menu-item.color-7 {
  border-color: #C5E3F4;
}
.demo-menu-item.color-8 {
  border-color: #FEB172;
}

.contextmenu-icon {
  font-size: 16px;
  width: 20px;
  display: inline-flex;
  margin-right: 8px;
  align-items: center;
  justify-content: center;
}

.demo-menu-item:hover, .demo-menu-item:focus {
  background-color: rgba(var(--main-color_rgb), 0.2);
  font-weight: bold;
}

.demo-menu-item.selected {
  color: rgb(16, 108, 200);
}

.context-menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 38px;
  padding: 8px 20px 8px 8px;
  position: relative;
  transition: background 0.15s linear;
  width: auto;
  border-left: 4px solid black;
}
.context-menu-item.appointment-grey-out {
  opacity: 0.5;
}
.context-menu-item.color-0 {
  border-color: rgb(220, 20, 60);
}
.context-menu-item.color-1 {
  border-color: #ED6C44;
}
.context-menu-item.color-2 {
  border-color: #10BEA5;
}
.context-menu-item.color-3 {
  border-color: #B81D3F;
}
.context-menu-item.color-4 {
  border-color: #92E79E;
}
.context-menu-item.color-5 {
  border-color: #FECD63;
}
.context-menu-item.color-6 {
  border-color: #E692E7;
}
.context-menu-item.color-7 {
  border-color: #C5E3F4;
}
.context-menu-item.color-8 {
  border-color: #FEB172;
}
.context-menu-item.color-9 {
  border-color: #B15454;
}
.context-menu-item:hover, .context-menu-item:focus {
  background-color: rgba(var(--main-color_rgb), 0.2);
  text-shadow: 0.25px 0px 0.1px, -0.25px 0px 0.1px;
}
.context-menu-item.selected {
  color: var(--main-color);
}
.context-menu-item .contextmenu-icon {
  width: 20px;
}

.line-page-break {
  height: 1px;
  width: 100%;
  border: 0.5px dotted red;
  margin-top: 10px;
  margin-bottom: 10px;
}

.document-done {
  height: calc(100vh - 280px);
  display: flex;
  align-items: center;
}

.full-block {
  display: inline-block;
  width: 100%;
}
.full-block .cus-content-provider {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-wrap: wrap;
  overflow: hidden;
  white-space: normal;
}

.note-section ul {
  padding-left: 15px;
}
.note-section ul li {
  list-style-type: disc !important;
}
.note-section ol li {
  list-style-type: inherit !important;
}

.handle {
  cursor: move;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.border-bottom {
  border-bottom-color: var(--main-color);
}

.m-l-n5 {
  margin-left: -5px;
}

.m-l-n10 {
  margin-left: -10px;
}

.m-l-n-15 {
  margin-left: -15px;
}

.overflow-sm-up-hidden {
  overflow: unset;
}
@media screen and (min-width: 769px) {
  .overflow-sm-up-hidden {
    overflow-y: hidden;
  }
}

.overflow-sm-up-scroll {
  overflow: unset;
}
@media screen and (min-width: 769px) {
  .overflow-sm-up-scroll {
    overflow-y: auto;
  }
}

.overflow-tablet-auto {
  overflow: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .overflow-tablet-auto {
    overflow: unset;
  }
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

@media screen and (min-width: 992px) {
  .overflow-lg-auto {
    overflow: auto;
  }
}

@media screen and (min-width: 1200px) {
  .overflow-xl-auto {
    overflow: auto;
  }
}

@media screen and (min-width: 769px) {
  .h-sm-up-100 {
    height: 100% !important;
  }
}

@media screen and (min-width: 769px) {
  .mw-sm-up-25 {
    max-width: 25% !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-100 {
    height: 100%;
  }
}

.min-vh-100 {
  min-height: 100vh;
}

.h-m-100 {
  max-height: 100% !important;
}

.h-m-150 {
  min-height: 150px;
}

.h-m-200 {
  min-height: 200px;
}

.toast-top {
  z-index: 1010 !important;
}

.ws-nowrap {
  white-space: nowrap;
}

.rounded-4 {
  border-radius: 4px;
}

.rounded-5 {
  border-radius: 5px;
}

.rounded-6 {
  border-radius: 6px;
}

.rounded-8 {
  border-radius: 8px !important;
}

.w-m-100 {
  max-width: 100vw;
}

.d-grid {
  display: grid;
}

.minw-px-50 {
  min-width: 50px;
}

.mw-px-50 {
  max-width: 50px;
}

.mw-px-75 {
  max-width: 75px;
}

.mw-px-150 {
  max-width: 150px;
}

.mw-px-250 {
  max-width: 250px;
}

.mw-px-350 {
  max-width: 350px;
}

.width-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.max-width-fit {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.toggle-collapse--hide {
  display: none;
}
.toggle-collapse--show {
  display: block;
}
.toggle-collapse[aria-expanded=true] .toggle-collapse--hide {
  display: block;
}
.toggle-collapse[aria-expanded=true] .toggle-collapse--show {
  display: none;
}

.font-italic,
.font-italic > td,
.font-italic > th {
  font-style: italic !important;
}

.flex-1 {
  flex: 1;
}

.border-solid {
  border: 1px solid #838383 !important;
}

.ellipsis_1_lines {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis_2_lines {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis_3_lines {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu__slow-hidden {
  max-width: 0;
  max-height: 0;
  display: block;
  overflow: hidden;
  transition: max-height 0.3s ease-in, max-width 0.3s ease-in, opacity 0.1s ease-in, top 0.1s ease-in;
  opacity: 0%;
}

.dropdown-menu__slow-hidden.collapsing {
  display: block;
}

.dropdown-menu__contact_logs {
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.dropdown-menu__contact_logs .dropdown-item {
  padding: 5px 8px 5px 8px !important;
  width: 192px !important;
  margin: 6px 8px 6px 8px !important;
}

.show > .dropdown-menu__slow-hidden {
  max-width: 100vw;
  max-height: 100vh;
  opacity: 100%;
}

.dropdown-menu__report {
  border: 1.5px solid transparent;
}

.show > .dropdown-menu__report {
  border-color: dimgray !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

@supports (-moz-appearance: none) {
  #printJS {
    opacity: 0.001 !important;
    visibility: visible !important;
    z-index: -1 !important;
  }
}
:root {
  --main-color: #fb7800;
  --main-secondary-color: #26A6EB;
  --secondary-color: #ffffff;
  --main-color_rgb: 251, 120, 0;
  --alert-color: #F4A522;
  --primary-color: #26A6EB;
}

/* Text */
.text-break {
  word-break: break-word;
}

.border-hightlight {
  border-color: var(--main-color) !important;
}

.text-hightlight {
  color: var(--main-color);
}

.text-black {
  color: #000;
}

.text-light-black {
  color: #464a4c;
}

.text-grey {
  color: #777777;
}

.text-light-grey {
  color: #a0a1a2;
}

.text-underlined {
  text-decoration: underline;
  text-underline-position: under;
}

.text-divider {
  font-size: 5px;
  font-weight: 900;
}

.text-caption {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #232323;
}
.text-caption.overflow-wrap {
  overflow-wrap: anywhere;
}

.font-size-average {
  font-size: 1em !important;
}

.font-large {
  font-size: large;
}

.font-medium {
  font-size: medium;
}

.font-smaller {
  font-size: smaller;
}

.font-larger {
  font-size: larger;
}

.font-onehalf {
  font-size: 1.5rem;
}

.font-15 {
  font-size: 15px;
}

.font-weight-thin {
  font-weight: 100;
}

.font-weight-medium {
  font-weight: 600;
}

.font-weight-500 {
  font-weight: 500;
}

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

.font-rotate-45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tab-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.font-size-12 {
  font-size: 12px;
  line-height: 18px;
}

.font-size-16 {
  font-size: 16px;
  line-height: 24px;
}

a.text-underlined:hover {
  text-decoration: underline;
}

.text-align-responsive {
  text-align: right;
}

.text-capitalize {
  text-transform: capitalize;
}

.textColorDA5350 {
  color: #FF9900;
}

.centering {
  float: none;
  margin: auto;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate:focus, .truncate:hover {
  overflow: visible;
}

.well {
  padding: 10px;
}
.well hr {
  border-top-color: #d3d3d3;
  margin: 10px -10px;
}

.error-input {
  margin-bottom: 0;
  display: inline-block;
  color: red !important;
}
.error-input.mt-28 {
  margin-top: 28px;
}

.disable-text-select {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.warter-mark {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 450px) {
  .warter-mark {
    top: 300px;
  }
}
.warter-mark span {
  display: block;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 100px;
  color: #ff0000;
  border-radius: 10%;
  border: 10px solid #ff0000;
  padding: 10px;
  opacity: 0.3;
}
@media (max-width: 450px) {
  .warter-mark span {
    border-width: 5px;
    font-size: 50px;
  }
}

.text-loadmore {
  font-size: 15px;
  font-style: italic;
  font-weight: bold;
  color: #292b2c;
  text-align: center;
}
.text-loadmore:hover, .text-loadmore:focus {
  opacity: 0.75;
}

.text-link:hover, .text-link:focus {
  opacity: 0.7;
}

.text-blue-light {
  color: #26A6EB;
}

.label.label-outlined {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.label.label-outlined.label-default {
  border-color: #B0BEC5;
  color: #B0BEC5;
}
.label.label-outlined.label-primary {
  border-color: #2196F3;
  color: #2196F3;
}
.label.label-outlined.label-secondary {
  border-color: #323a45;
  color: #323a45;
}
.label.label-outlined.label-info {
  border-color: #29B6F6;
  color: #29B6F6;
}
.label.label-outlined.label-success {
  border-color: #5cb85c;
  color: #5cb85c;
}
.label.label-outlined.label-warning {
  border-color: #FFD600;
  color: #FFD600;
}
.label.label-outlined.label-danger {
  border-color: #d9534f;
  color: #d9534f;
}

.badge {
  padding: 10px;
  border-radius: 5px;
  color: #FFFFFF;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}
.badge.badge-success {
  background: #4AD3AB;
}
.badge.badge-danger {
  background: #EB5757;
}
.badge.badge-upcoming {
  background: #FFF2E6;
  border-color: #FF7A01;
  color: #FF7A01;
}
.badge.badge-outline {
  border: solid 0.5px;
  font-style: normal;
  font-weight: 600;
}
.badge.badge-medium {
  font-size: 14px;
}

.b20-300 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}
.b20-300-no-lh {
  font-size: 20px;
  font-weight: 300;
}
.b20-400 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.b20-400-no-lh {
  font-size: 20px;
  font-weight: 400;
}
.b20-500 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.b20-500-no-lh {
  font-size: 20px;
  font-weight: 500;
}
.b20-600 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.b20-600-no-lh {
  font-size: 20px;
  font-weight: 600;
}

.b18-300 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
}
.b18-300-no-lh {
  font-size: 18px;
  font-weight: 300;
}
.b18-400 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}
.b18-400-no-lh {
  font-size: 18px;
  font-weight: 400;
}
.b18-500 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.b18-500-no-lh {
  font-size: 18px;
  font-weight: 500;
}
.b18-600 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
}
.b18-600-no-lh {
  font-size: 18px;
  font-weight: 600;
}

.b16-300 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
.b16-300-no-lh {
  font-size: 16px;
  font-weight: 300;
}
.b16-400 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.b16-400-no-lh {
  font-size: 16px;
  font-weight: 400;
}
.b16-500 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.b16-500-no-lh {
  font-size: 16px;
  font-weight: 500;
}
.b16-600 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.b16-600-no-lh {
  font-size: 16px;
  font-weight: 600;
}

.b14-300 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.b14-300-no-lh {
  font-size: 14px;
  font-weight: 300;
}
.b14-400, .popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .dropdown-menu .dropdown-item, .popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .btn-secondary, .popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .dropdown-menu .dropdown-item, .popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .btn-secondary, #message-setting .admin-main-content .form-group--strong-style .form-control {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.b14-400-no-lh {
  font-size: 14px;
  font-weight: 400;
}
.b14-500 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.b14-500-no-lh {
  font-size: 14px;
  font-weight: 500;
}
.b14-600, .popup-style-common-custom.popup-class-schedules .md-dialog-content .row h6, .list-patient-appointment-page .profile-patient .nav-tabs--strong-style .nav-item .nav-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.b14-600-no-lh {
  font-size: 14px;
  font-weight: 600;
}

.red {
  color: red;
}

.text-orange {
  color: var(--main-color);
}

.text-main {
  color: var(--main-color) !important;
}
.text-main__hyperlink {
  cursor: pointer;
  text-decoration: underline;
}
.text-main__icon {
  cursor: pointer;
}

.text-secondary {
  color: var(--secondary-color) !important;
}

.text-blue {
  color: #0275d8 !important;
}

.text-grey {
  color: #777777 !important;
}

.text-white {
  color: #ffffff;
}

.text-note {
  color: #232323;
}

.text-link {
  color: #0275d8 !important;
  cursor: pointer;
  text-decoration: underline;
}

.text-inactive {
  color: #838383;
}

.color-orange {
  color: #FF7A01 !important;
}

.text-alert {
  color: #F4A522 !important;
}

.color-fade {
  color: #d9d9d9 !important;
}

.color-red {
  color: #F5222D !important;
}

.pte-text-primary {
  color: var(--primary-color) !important;
}

.bg-alert {
  background-color: #F4A522 !important;
}

.color-838383 {
  color: #838383 !important;
}

.bg-main {
  background: var(--main-secondary-color) !important;
  color: white;
}

.text-primary-2 {
  color: #151d48 !important;
}

.text-secondary-1 {
  color: #3F4669;
}

.text-tertiary {
  color: #6C718C;
}

.fa-custom {
  font-family: "Font Awesome 5 Free";
}

.fa-plus-square {
  margin-left: 10px;
}

.fa-minus-square {
  margin-left: 10px;
}

.icon-location {
  padding: 3px;
  text-transform: uppercase;
  color: #fff;
  margin-left: 10px;
  line-height: 5px;
  font-size: 8px;
}

.icon-location-position {
  position: absolute;
  bottom: 10px;
  right: 5px;
}

.icon-capacity {
  text-transform: uppercase;
  color: #fff;
  line-height: 5px;
  font-size: 12px;
}

.icon-capacity-position {
  position: absolute;
  bottom: 10px;
  left: 5px;
}

.capacity-icon {
  display: inline-block;
  width: 9px;
  height: 11px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0003 0.333313H2.00033C1.26699 0.333313 0.666992 0.933313 0.666992 1.66665V12.3333C0.666992 13.0666 1.26699 13.6666 2.00033 13.6666H10.0003C10.7337 13.6666 11.3337 13.0666 11.3337 12.3333V1.66665C11.3337 0.933313 10.7337 0.333313 10.0003 0.333313ZM2.00033 1.66665H5.33366V6.99998L3.66699 5.99998L2.00033 6.99998V1.66665Z' fill='black'/%3E%3C/svg%3E%0A");
}
.capacity-icon--white {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0003 0.333313H2.00033C1.26699 0.333313 0.666992 0.933313 0.666992 1.66665V12.3333C0.666992 13.0666 1.26699 13.6666 2.00033 13.6666H10.0003C10.7337 13.6666 11.3337 13.0666 11.3337 12.3333V1.66665C11.3337 0.933313 10.7337 0.333313 10.0003 0.333313ZM2.00033 1.66665H5.33366V6.99998L3.66699 5.99998L2.00033 6.99998V1.66665Z' fill='white'/%3E%3C/svg%3E%0A");
}
.capacity-icon--gray {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0003 0.333313H2.00033C1.26699 0.333313 0.666992 0.933313 0.666992 1.66665V12.3333C0.666992 13.0666 1.26699 13.6666 2.00033 13.6666H10.0003C10.7337 13.6666 11.3337 13.0666 11.3337 12.3333V1.66665C11.3337 0.933313 10.7337 0.333313 10.0003 0.333313ZM2.00033 1.66665H5.33366V6.99998L3.66699 5.99998L2.00033 6.99998V1.66665Z' fill='gray'/%3E%3C/svg%3E%0A");
}

.phone-icon {
  display: inline-block;
  width: 14px;
  height: 15px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!-- Font Awesome Pro 5.15.4 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3e%3cpath d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'/%3e%3c/svg%3e");
}

.icon-left {
  margin-right: 10px;
  margin-left: 0 !important;
}

.icon-right {
  margin-left: 10px;
  margin-right: 0 !important;
}

i.fas.fa-payment {
  width: 85%;
  height: 85%;
  cursor: pointer;
  background-color: #3995c6;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  mask-repeat: no-repeat;
  display: inline-block;
  margin: auto;
  margin-top: 0px;
}

.icon-finalize-note-position {
  position: absolute;
  /* 2679*/
  bottom: 12px;
  left: -1px;
  /* 2679*/
}
.icon-finalize-note-position .icon-location {
  padding: 3px;
  text-transform: uppercase;
  color: #fff;
  margin-left: 10px;
  line-height: 5px;
  font-size: 14px !important; /* 2679*/
}
@media (max-width: 767px) {
  .icon-finalize-note-position .icon-location {
    font-size: 13px;
  }
}

.ribbon {
  position: absolute;
  top: 10px;
  left: 0;
  background-color: var(--main-color);
  box-shadow: 0 3px 10px -3px #eee;
  z-index: 1;
  padding: 1px 5px;
  font-size: 0.7em;
  font-weight: 700;
  color: var(--secondary-color);
}
.ribbon::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 8px solid var(--main-color);
  border-bottom: 3px solid transparent;
}

.handle .fa-arrows-alt {
  font-size: 18px;
  color: #b2b2b2;
}

.circle-icon {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.circle-icon.circle-icon--text {
  position: absolute;
  left: -20px;
  top: 13px;
}
.circle-icon.circle-icon--orange {
  background: #FB7800;
}
.circle-icon.circle-icon--yellow {
  background: #FFD34E;
}
.circle-icon.circle-icon--blue {
  background: #068AD0;
}

.fa-gbp-circle {
  position: relative;
}
.fa-gbp-circle::before {
  content: "\f111";
  font-size: 1em;
}
.fa-gbp-circle::after {
  content: "\f154";
  color: white;
  position: absolute;
  top: 0.25em;
  left: 0px;
  width: 100%;
  line-height: 1em;
  font-size: 0.65em;
  text-align: center;
}

.fa-eur-circle {
  position: relative;
}
.fa-eur-circle::before {
  content: "\f111";
  font-size: 1em;
}
.fa-eur-circle::after {
  content: "\f153";
  color: white;
  position: absolute;
  top: 0.25em;
  left: 0px;
  width: 100%;
  line-height: 1em;
  font-size: 0.65em;
  text-align: center;
}

.fa-custom {
  font-family: "Font Awesome 5 Free";
}

.location-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 100%;
  margin-right: 10px;
  text-align: center;
  line-height: 30px;
  color: #fff; /* 2679*/
}

.user-avatar {
  display: block;
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}
.user-avatar--large {
  width: 100px;
  height: 100px;
}
@media only screen and (max-width: 767.98px) {
  .user-avatar--large {
    width: 48px;
    height: 48px;
  }
}
.user-avatar.patient-scheduler__therapist-info__img {
  width: 22px;
  height: 22px;
}
.user-avatar__clinic-scheduler {
  width: 20px;
  height: 20px;
}

.icon-payment {
  display: block;
  background: #FFFFFF;
  width: 80px;
  height: 50px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.icon-payment.icon-payment__visa {
  background-image: url(../icons/visa-icon.svg);
}
.icon-payment.icon-payment__mastercard {
  background-image: url(../icons/mastercard-icon.svg);
}
.icon-payment.icon-payment__discover {
  background-image: url(../icons/discover-icon.svg);
}
.icon-payment.icon-payment__amex {
  background-image: url(../icons/amex-icon.svg);
}

.icon-status {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: none;
  background-position: center center;
  background-size: 18px;
  background-repeat: no-repeat;
}
.icon-status__paid {
  background-image: url(../icons/icon-paid.svg);
  /* 2679*/
}
.icon-status__paid--colorized {
  background-image: url(../icons/icon-paid--colorized.svg);
}
.icon-status__paid--white {
  background-image: url(../icons/icon-paid--white.svg);
}
.icon-status__paid {
  /* 2679*/
}
.icon-status__paid-package {
  background-image: url(../icons/icon-paid-package.svg);
  /* 2679*/
}
.icon-status__paid-package--colorized {
  background-image: url(../icons/icon-paid-package--colorized.svg);
}
.icon-status__paid-package--white {
  background-image: url(../icons/icon-paid-package--white.svg);
}
.icon-status__paid-package {
  /* 2679*/
}
.icon-status__paid-membership {
  background-image: url(../icons/icon-paid-membership.svg);
  /* 2679*/
}
.icon-status__paid-membership--colorized {
  background-image: url(../icons/icon-paid-membership--colorized.svg);
}
.icon-status__paid-membership--white {
  background-image: url(../icons/icon-paid-membership--white.svg);
}
.icon-status__paid-membership {
  /* 2679*/
}
.icon-status__past-app {
  background-image: url(../icons/icon-past-app.svg);
  /* 2679*/
}
.icon-status__past-app--colorized {
  background-image: url(../icons/icon-past-app--colorized.svg);
}
.icon-status__past-app--white {
  background-image: url(../icons/icon-past-app--white.svg);
}
.icon-status__past-app {
  /* 2679*/
}

.icon-color {
  width: 20px;
  height: 20px;
  border: solid 2px #ffffff;
  border-radius: 100%;
  background-color: #b2b2b2;
  display: block;
}

.sms-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: none;
  background-position: center center;
  background-size: 18px;
  background-repeat: no-repeat;
  background-image: url(../icons/SMSNoti.Icon.svg);
}

.contact-mail-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: none;
  background-position: center center;
  background-size: 18px;
  background-repeat: no-repeat;
  background-image: url(../icons/contact-mail.Icon.svg);
}

.sizing-icon {
  width: 24px;
  height: 24px;
}

.background-none {
  background: none !important;
}

.background-white {
  background-color: #fff !important;
}

.bg-light-warning {
  background: #fff9c4;
}

.background-main {
  background-color: var(--main-color);
}

.background-orange {
  background-color: #fb7800;
}

.bg-orange {
  background: #fb8000;
}

.background-blue {
  background: #68c7f1;
}

.background-transparent {
  background: transparent;
}

.bg-near-max {
  background: #f5f5f7;
}

.bg-layer {
  background: #838383;
}

.bg-fec {
  background: #FEC !important;
}

.background-warning {
  background: #FFEECC;
}

.bg-default {
  background: #F8F8F9;
}

.thumbnail {
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: #eee;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  color: lightgrey;
  font-size: 2em;
  position: relative;
  overflow: hidden;
}
.thumbnail .abs {
  position: absolute;
  top: calc(50% - 1.6em);
  left: calc(50% - 1.3em);
  font-size: 0.5em;
  z-index: 10;
  color: #bbb;
}
.thumbnail img {
  height: 100%;
  width: auto;
}

.usr-img {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  box-shadow: 0px 1px 4px 0px #ccc;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.usr-img.bg-warning {
  background-color: rgba(var(--main-color_rgb), 0.7) !important;
}
.usr-img img {
  width: 100%;
  vertical-align: baseline;
}
.usr-img .short-username {
  text-transform: uppercase;
  background: transparent;
}

.avatar-title {
  position: relative;
  padding-top: 0 !important;
  padding-right: 15px !important;
  height: 60px;
  overflow: hidden;
}
.avatar-title .camera {
  color: #26a6eb;
  position: absolute;
  top: 28px;
  right: 0px;
  bottom: 0;
  left: 0;
  margin: auto;
}
.avatar-title img {
  height: 100%;
}

.avatar-layout .md-avatar {
  width: 50px;
  border-radius: 100%;
}

/* Avatar */
.user-img .media-icon {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.user-img .media-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  height: initial !important;
  border-radius: 0;
}

.shadow-main {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1019607843);
}

.shadow-button {
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.0431372549);
}

body {
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  position: fixed;
}

.main-spinner-background {
  z-index: 99998;
  opacity: 0.3;
  background-color: silver;
}

.main-spinner,
.main-spinner-background {
  width: 100%;
  height: 100%;
  position: absolute;
}

.main-spinner {
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.main-spinner,
.main-spinner-background {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.main-loader {
  position: relative;
  min-height: 4em;
  opacity: 1.5;
  background-color: transparent;
  z-index: 998;
  pointer-events: none;
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.main-loader:before {
  content: "";
  display: block;
  position: absolute;
  top: 25%;
  left: 25%;
  bottom: 0;
  right: 0;
  z-index: 999;
  font-size: 10px;
  text-indent: -9999em;
  color: var(--main-color);
  border: 0.65em solid currentColor;
  border-right-color: transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 6em;
  height: 6em;
}

.main-loader-custom-message {
  color: black;
  font-weight: bold;
  font-size: 1.2em;
}

.main-loader.sub-loader {
  width: 4em;
  height: 4em;
  margin: 10px auto;
  display: inline-block;
  font-size: 10px;
  text-indent: -9999em;
  color: var(--main-color);
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  overflow: hidden;
}
.main-loader.sub-loader::before {
  content: none;
}

.main-tabs-holder .top-ul .mobile-menu ul li .submenu li a:not(.active) {
  color: #000000 !important;
}
.main-tabs-holder .top-ul .mobile-menu ul li .submenu li a:not(.active) i {
  color: #777777 !important;
}

.main-tabs-holder .nav-tabs li a:not(.active) {
  color: #000000 !important;
}
.main-tabs-holder .nav-tabs li a:not(.active) i {
  color: #777777 !important;
}
.main-tabs-holder .nav-tabs li a:not(.active) svg {
  color: #777777 !important;
}
.main-tabs-holder .nav-tabs li.float-left {
  position: absolute;
  left: 15px;
}
.main-tabs-holder .nav-tabs li.float-left, .main-tabs-holder .nav-tabs li.float-right {
  margin-top: 6.5px;
}

#wrapper .text-danger {
  color: #fc8675 !important;
}

.text-strong {
  font-weight: bold !important;
}

*:focus {
  outline: none;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.main-loader,
.main-loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.tag-global-search {
  float: left;
  height: 31px;
  line-height: 31px;
  border-radius: 50px;
  color: #333 !important;
  margin-left: 5px !important;
  font-size: 13px;
  padding-left: 15px;
  text-decoration: none;
  background: white !important;
  margin: 0;
}
.tag-global-search > div {
  max-width: 150px;
}
.tag-global-search > div > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag-global-search .md-icon-button {
  margin: 0;
}
@media screen and (max-width: 580px) {
  .tag-global-search {
    border: 1px solid #ddd;
  }
}

.hidden {
  display: none !important;
}

@media (min-width: 768px) {
  #wrapper.sidebar-mini #main-container,
  #wrapper.sidebar-mini footer {
    margin-left: 0px !important;
  }
}
.main-tabs-holder .nav-tabs li.active a .svg {
  background-color: #ff9000;
}

#wrapper,
#main-container {
  min-height: 100% !important;
}

.main-padding {
  padding: 15px;
}

.full-page#main-container {
  margin-left: 0;
}

.main-content {
  padding: 15px;
  overflow: auto;
}
.main-content.overflow-hidden {
  overflow: hidden;
}
.main-content.has_popup {
  width: 65%;
  padding-left: 50px;
  float: left;
}
.main-content.has_popup .exercise-list.flexible .exercise-item {
  width: 25%;
}

.full-page.protocol-page .main-content {
  height: calc(100vh - 190px);
}

.main-content-page input,
select {
  width: 100%;
}

.main-content-page .icon-mail {
  position: absolute;
  left: 950px;
  top: 694px;
}

#main-container {
  left: 0;
  background: #f0f2f5;
}

@media (min-width: 1200px) {
  .main-tabs-holder .top-ul .navbar-toggle,
  aside .navbar-toggle {
    display: none !important;
  }
  #wrapper aside {
    left: 0 !important;
  }
  #main-container {
    margin-left: 300px !important;
  }
  .full-page#main-container {
    margin-left: 0 !important;
  }
}
#pageWrapper {
  height: 100% !important;
  min-height: unset !important;
  overflow: auto;
}

/* Style main container with flex */
#main-container.transition-none {
  transition: none;
  -webkit-transition: none;
}
#main-container {
  width: 100%;
  padding-bottom: 0;
  padding-top: 0;
  overflow: auto;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
@media (max-width: 767px) {
  #main-container {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 1199.98px) {
  #main-container {
    margin-left: 0px !important;
  }
}

#main-container .main-tabs-holder {
  flex-grow: 1;
  order: 2;
  width: 100%;
  overflow: auto;
}
#main-container .main-tabs-holder.overflow-hidden {
  overflow: hidden;
}
#main-container .main-tabs-holder.overflow-hidden .main-padding {
  overflow: auto;
}

.is-loading-patient:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: wait;
  z-index: 99998;
  opacity: 0.3;
  background-color: silver;
}

#main-container.full-page.role-patient-hep .main-tabs-holder {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-grow: 1;
}

#main-container.full-page.role-patient-hep .main-tabs-holder .top-ul,
#main-container.full-page.role-patient-hep .main-tabs-holder .page-title-section,
#main-container.full-page.role-patient-hep .main-tabs-holder .tab-content-div.help-tab {
  width: 100%;
}

#main-container.full-page.role-patient-hep .main-tabs-holder .tab-content-div.help-tab {
  flex-grow: 1;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

#main-container.full-page.role-patient-hep .main-tabs-holder .tab-content-div.help-tab #hepMainTab {
  flex-grow: 1;
  width: 100%;
  display: flex !important;
}

#main-container.full-page.role-patient-hep .main-tabs-holder .tab-content-div.help-tab #hepMainTab .full-page {
  flex-grow: 1;
}

/* style for landscape mode */
.main-tabs-holder .top-ul .navbar-toggle,
.tab-toggle-menu {
  top: 21px;
}

@media (min-width: 1024px) {
  .tab-toggle-menu {
    display: none;
  }
}
@media screen and (orientation: landscape) and (min-width: 1024px) {
  #wrapper.sidebar-hide #main-container {
    left: 0 !important;
  }
}
@media screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1024px) {
  #wrapper footer {
    left: 300px !important;
    width: calc(100% - 300px);
  }
  #navigation-bar {
    display: none;
  }
}
@media screen and (orientation: portrait) and (min-width: 1023px) and (max-width: 1024px) {
  #wrapper.sidebar-hide #main-container {
    left: 0 !important;
  }
  #navigation-bar {
    display: none;
  }
}
#wrapper footer {
  left: 0 !important;
  padding-left: 15px !important;
  width: 100%;
}

#wrapper.have-full-page footer {
  left: 0 !important;
  padding-left: 15px !important;
  width: 100%;
}

.main-content-page {
  height: auto;
}

.main-content-page .info-line.md-info-line {
  border-bottom: 1px solid #F0F2F5;
}

.content-block ul li {
  position: relative;
}

.content-block .info-holder label strong {
  color: #ef3232 !important;
}

.tab-content-div {
  padding: 30px;
}
.tab-content-div__patient-booking {
  padding: 15px 15px 0 15px;
}
@media screen and (max-width: 767px) {
  .tab-content-div {
    padding: 30px 15px;
  }
}

.main-wrapper {
  background-color: #ffffff;
  border-radius: 5px;
}
.main-wrapper #main-body-location .list-collapse__content ul li {
  padding-left: 3rem !important;
}
.main-wrapper #main-body-location .list-collapse__content .cus-checkbox-item {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
}
.main-wrapper #main-body-location .list-collapse__content .render-content {
  margin-left: 10px;
  flex: 1 1 auto;
  margin-right: 10px;
}

#main-container.profile-page.ng-leave.ng-animate {
  display: none !important;
}

.ng-animate.ng-leave {
  display: none !important;
}

.wrapper.loading {
  position: relative;
  min-height: 8em;
  opacity: 1.5;
  background-color: rgb(229, 242, 249);
  z-index: 998;
  pointer-events: none;
}
.wrapper.loading.wrapper--absolute {
  position: absolute;
  width: 100%;
  height: 100%;
}
.wrapper.loading.wrapper--absolute ~ div {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wrapper.loading.wrapper--blur {
  background-color: rgba(229, 242, 249, 0.5);
}

.loading:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% - 1em);
  bottom: 0;
  right: 0;
  z-index: 999;
  font-size: 10px;
  text-indent: -9999em;
  color: var(--main-color);
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 2em;
  height: 2em;
}

.loading-custom-index * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.loading-custom-index:before {
  z-index: 999999999 !important;
}

.body-popup {
  height: 100vh;
  width: 100vw;
  background: url(../images/login.png) no-repeat center;
  background-size: cover;
  color: #000;
  overflow: hidden;
}
.body-popup .body-popup__content {
  max-height: calc(100vh - 150px);
  background: #fff;
  padding: 15px;
  border-radius: 4px;
  margin-top: 15px;
  display: block;
  align-self: center;
  overflow: auto;
  overflow-x: hidden;
  margin-left: 15px;
  margin-right: 15px;
  max-width: 95%;
}

.wrapper.loading {
  position: relative;
  min-height: 8rem;
  opacity: 1.5;
  background-color: #e5f2f9;
  z-index: 998;
  pointer-events: none;
}
.wrapper.loading.wrapper--absolute {
  position: absolute;
  width: 100%;
  height: 100%;
}
.wrapper.loading.wrapper--absolute ~ div {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wrapper.loading.wrapper--blur {
  background-color: rgba(229, 242, 249, 0.5);
}

.loading:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% - 1rem);
  bottom: 0;
  right: 0;
  z-index: 999;
  font-size: 10px;
  text-indent: -9999rem;
  color: var(--main-color);
  border: 0.25rem solid currentColor;
  border-right-color: transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.loading.loading-xl:before {
  border-width: 0.65em;
  width: 6em;
  height: 6em;
}

@media screen and (max-width: 1024px) {
  .main-tabs-holder .top-ul .nav.nav-tabs {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .main-tabs-holder .top-ul .mobile-menu ul li.active a {
    color: var(--main-color);
  }
}
.main-tabs-holder .tab-content.holder.overflow-hidden {
  overflow: hidden !important;
}
.main-tabs-holder .tab-content.holder .wrapper.loading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  visibility: visible;
}
.main-tabs-holder .tab-content.holder .wrapper.loading:not(.loading--partial) {
  padding: 10px 20px;
}
.main-tabs-holder .tab-content.holder .wrapper.loading .admin-main-content.background-transparent {
  opacity: 0.5;
}
.main-tabs-holder .tab-content.holder .wrapper.loading + div {
  pointer-events: none;
}
.main-tabs-holder .tab-content.holder .wrapper.loading:before {
  width: 4em;
  height: 4em;
  border-width: 0.5em;
}
.main-tabs-holder .tab-content.holder .wrapper.loading.loading--partial {
  position: relative;
  min-height: 200px;
  background-color: transparent;
}
.main-tabs-holder .tab-content.holder .wrapper.loading.loading--partial.loaded {
  min-height: 0px;
}

.wrapper--text-black {
  color: #000000;
}
.wrapper--text-black .content-block .info-holder .form-horizontal:not(.default) li > div > div:first-child, .wrapper--text-black .content-block * .form-horizontal:not(.default) li > div > div:first-child, .wrapper--text-black * .info-holder .form-horizontal:not(.default) li > div > div:first-child, .wrapper--text-black * * .form-horizontal:not(.default) li > div > div:first-child {
  color: #000000;
}
.wrapper--text-black .content-block .info-holder .custom-controls label, .wrapper--text-black .content-block * .custom-controls label, .wrapper--text-black * .info-holder .custom-controls label, .wrapper--text-black * * .custom-controls label {
  color: #000000;
}
.wrapper--text-black .content-block .info-holder .title, .wrapper--text-black .content-block .info-holder label, .wrapper--text-black .content-block .info-holder .form-control, .wrapper--text-black .content-block .info-holder a:not(:hover):not(.btn), .wrapper--text-black .content-block .info-holder span, .wrapper--text-black .content-block .info-holder .nt-avial, .wrapper--text-black .content-block * .title, .wrapper--text-black .content-block * label, .wrapper--text-black .content-block * .form-control, .wrapper--text-black .content-block * a:not(:hover):not(.btn), .wrapper--text-black .content-block * span, .wrapper--text-black .content-block * .nt-avial, .wrapper--text-black * .info-holder .title, .wrapper--text-black * .info-holder label, .wrapper--text-black * .info-holder .form-control, .wrapper--text-black * .info-holder a:not(:hover):not(.btn), .wrapper--text-black * .info-holder span, .wrapper--text-black * .info-holder .nt-avial, .wrapper--text-black * * .title, .wrapper--text-black * * label, .wrapper--text-black * * .form-control, .wrapper--text-black * * a:not(:hover):not(.btn), .wrapper--text-black * * span, .wrapper--text-black * * .nt-avial {
  color: #000000;
}
.wrapper--text-black .content-block .info-holder .btn-primary, .wrapper--text-black .content-block * .btn-primary, .wrapper--text-black * .info-holder .btn-primary, .wrapper--text-black * * .btn-primary {
  color: #ffffff;
}

.element-disabled {
  cursor: no-drop;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  #wrapper #top-nav .brand {
    width: 150px;
  }
}
#top-nav {
  background-color: var(--main-color);
}
#top-nav .brand {
  background-color: var(--main-color);
  width: 150px;
}
#top-nav .profile .short-username {
  background: rgba(255, 255, 255, 0.25);
  color: var(--secondary-color);
  position: relative;
  z-index: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
#top-nav .home-options-dropdown .title {
  color: var(--secondary-color);
}

#top-nav .brand + .float-left {
  left: 0 !important;
}

#top-nav md-autocomplete input::-webkit-input-placeholder {
  color: var(--secondary-color) !important;
  opacity: 1;
}
@media screen and (max-width: 580px) {
  #top-nav md-autocomplete input::-webkit-input-placeholder {
    color: #333 !important;
  }
}

#top-nav md-autocomplete input:-ms-input-placeholder {
  color: var(--secondary-color) !important;
  opacity: 1;
}
@media screen and (max-width: 580px) {
  #top-nav md-autocomplete input:-ms-input-placeholder {
    color: #333 !important;
  }
}

#top-nav md-autocomplete input::-ms-input-placeholder {
  color: var(--secondary-color) !important;
  opacity: 1;
}
@media screen and (max-width: 580px) {
  #top-nav md-autocomplete input::-ms-input-placeholder {
    color: #333 !important;
  }
}

#top-nav md-autocomplete input::-webkit-input-placeholder {
  color: var(--secondary-color) !important;
  opacity: 1;
}

#top-nav md-autocomplete input:-ms-input-placeholder {
  color: var(--secondary-color) !important;
  opacity: 1;
}

#top-nav md-autocomplete input::-ms-input-placeholder {
  color: var(--secondary-color) !important;
  opacity: 1;
}

#top-nav md-autocomplete input::placeholder {
  color: var(--secondary-color) !important;
  opacity: 1;
}
@media screen and (max-width: 580px) {
  #top-nav md-autocomplete input::-webkit-input-placeholder {
    color: #333 !important;
  }
  #top-nav md-autocomplete input:-ms-input-placeholder {
    color: #333 !important;
  }
  #top-nav md-autocomplete input::-ms-input-placeholder {
    color: #333 !important;
  }
  #top-nav md-autocomplete input::placeholder {
    color: #333 !important;
  }
}

#top-nav md-autocomplete input:-ms-input-placeholder {
  color: white !important;
}
@media screen and (max-width: 580px) {
  #top-nav md-autocomplete input:-ms-input-placeholder {
    color: #333 !important;
  }
}

#top-nav md-autocomplete input::-ms-input-placeholder {
  color: white !important;
}
@media screen and (max-width: 580px) {
  #top-nav md-autocomplete input::-ms-input-placeholder {
    color: #333 !important;
  }
}

#top-nav .search-block {
  margin-left: 0;
}

#top-nav .nav-notification {
  float: none;
}
#top-nav .nav-notification > li.profile:hover .short-username {
  background: rgba(255, 255, 255, 0.45);
}
#top-nav .nav-notification > li.profile:hover a > span, #top-nav .nav-notification > li.profile:hover a > strong {
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
}
#top-nav .nav-notification > li:hover {
  transition: none;
  background: transparent;
}
#top-nav .nav-notification > li > a {
  color: var(--secondary-color);
  padding: 0 !important;
  min-width: 40px;
  text-align: center;
}
#top-nav .nav-notification > li > a:hover {
  color: var(--secondary-color);
  transition: none;
}
#top-nav .nav-notification > li > a i.fa-lg {
  font-size: 24px;
  margin-top: 10px;
}
#top-nav .nav-notification > li .frst-child {
  padding-top: 0px;
  padding-bottom: 0px;
}
#top-nav .nav-notification > li .frst-child .notification-label {
  position: absolute;
  top: -5px;
  right: 2.5px;
}
#top-nav .nav-notification > li .frst-child .notification-label__cus-right {
  right: -10px !important;
}
#top-nav .nav-notification > li.open {
  background: none;
}
#top-nav .nav-notification > li .search-block i {
  top: 0px;
  font-size: 24px;
}
#top-nav .nav-notification > li.mobile-search i.fa.fa-search {
  color: var(--secondary-color);
  font-size: 21px;
}
#top-nav .nav-notification > li.mobile-search .dropdown-menu {
  right: -90px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  min-width: 300px;
  width: auto;
}
#top-nav .nav-notification > li.mobile-search .md-icon-button.md-button {
  padding: 0px;
  line-height: 15px;
}
#top-nav .nav-notification > li.mobile-search .md-icon-button.md-button i {
  font-size: 15px;
  color: #000000;
  font-weight: 200;
}
#top-nav .nav-notification .cus-icon {
  font-size: 24px;
  margin-top: 10px;
  color: var(--secondary-color);
}
#top-nav .nav-notification .notification {
  right: -101px !important;
}
#top-nav .nav-notification .notification.dropdown-clinics {
  right: -130px !important;
}

#top-nav .nav-notification > li .first-child {
  padding-top: 19px;
}

#top-nav .nav-notification > li.mobile-search {
  padding-top: 0;
}

#top-nav .top-nav__headline {
  padding: 0px;
  color: var(--secondary-color);
  color: var(--secondary-color);
  line-height: normal;
  float: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top-nav .top-nav__headline__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
}
#top-nav .top-nav__headline__text {
  font-size: 18px;
  font-weight: 800;
}
#top-nav .top-nav__headline__caption {
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  #top-nav .top-nav__headline {
    display: none !important;
  }
}

#top-nav .search-block {
  top: 5px;
  min-width: 305px;
}
#top-nav .search-block i, #top-nav .search-block input {
  color: var(--secondary-color) !important;
}

#top-nav {
  line-height: 1.7;
  height: 65px;
}
#top-nav .notification {
  padding: 8px !important;
  top: 100% !important;
}
#top-nav .notification .slimScrollDiv,
#top-nav .notification .notification-listing {
  height: auto !important;
  max-height: 370px !important;
  margin-top: 20px;
}
#top-nav .notification .options {
  border-bottom: 1px solid #eee;
}
#top-nav .nav-notification > li.profile .dropdown-menu li:not(:first-child) a:hover, #top-nav .nav-notification > li.profile .dropdown-menu li:first-child a:hover {
  background: transparent;
  color: var(--main-color);
}
#top-nav .nav-notification > li.open,
#top-nav .nav-notification > li.hover {
  background: transparent !important;
}
#top-nav .nav-notification .profile.dropdown.large a strong {
  display: inline-block;
  vertical-align: middle;
  max-width: 90px;
}
#top-nav .nav-notification .profile.dropdown.large .align-items-center {
  padding: 0 9px;
}
#top-nav .nav-notification .profile.dropdown.small a strong {
  display: inline-block;
  vertical-align: middle;
  max-width: 120px;
}
#top-nav .nav-notification .page-title {
  max-width: 266px;
}
@media (max-width: 991px) {
  #top-nav .nav-notification .page-title.large {
    max-width: 150px;
  }
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  #top-nav .nav-notification .profile.dropdown a strong {
    display: none !important;
  }
}
#top-nav .dropdown-menu {
  border: none !important;
  border-radius: 4px !important;
}
#top-nav .dropdown-menu .caret {
  border-top: 0;
}
#top-nav .dropdown-menu .title {
  border-radius: 4px 4px 0 0;
  padding: 10px !important;
  background-color: var(--main-color) !important;
  margin: 0;
}
#top-nav .dropdown-menu .title .caret {
  border-bottom-color: var(--main-color) !important;
}
#top-nav .home-options-dropdown .dropdown-menu {
  width: 270px;
  padding: 0 0 10px 0 !important;
}
#top-nav .home-options-dropdown .bottom-info {
  padding: 5px 15px;
}
#top-nav .home-options-dropdown .bottom-info .menu-power {
  display: inline-block;
}
#top-nav .home-options-dropdown .notification ul li:nth-child(2n) .option {
  margin: 15px 15px 0 0;
}
#top-nav .home-options-dropdown .notification ul li:nth-child(2n+1) .option {
  margin: 15px 0 0 15px;
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 320px) {
  #top-nav .nav-notification > li > a {
    padding: 10px 9px 10px;
  }
}
@media only screen and (max-device-width: 991px) and (min-device-width: 320px) and (orientation: landscape) {
  #top-nav .nav-notification > li global-search,
  #top-nav .nav-notification > li global-search md-autocomplete {
    width: 125px;
    min-width: 125px;
  }
}
@media (max-width: 767px) {
  #top-nav .home-options-dropdown .dropdown-menu {
    top: 70px !important;
  }
  #top-nav .brand {
    padding: 0 10px;
  }
  .main-tabs-holder .top-ul {
    padding: 20px 15px !important;
    margin-top: 15px;
  }
  .main-tabs-holder .top-ul .navbar-toggle {
    top: 12px;
  }
  .main-tabs-holder .top-ul .mobile-menu ul li .submenu li a .svg {
    top: 0 !important;
    display: inline-flex;
    vertical-align: middle;
    width: 16px !important;
    height: 16px !important;
    margin: 0 10px 0 0;
  }
  .mobile-menu .openable .svg {
    top: 0 !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #ff9000;
    display: inline-flex;
    vertical-align: middle;
    margin: 0 5px 0 0;
  }
  /* Update CSS for Mobile Menu */
  .main-tabs-holder .top-ul .mobile-menu > ul li {
    padding: 15px 0 20px 0;
  }
  .main-tabs-holder .top-ul .mobile-menu > ul li:last-child {
    padding: 15px 0 10px 0;
  }
  .main-tabs-holder .top-ul .mobile-menu > ul li .submenu {
    margin-top: 15px;
  }
  .main-tabs-holder .top-ul .mobile-menu > ul li .submenu a {
    padding-left: 0;
  }
  .main-tabs-holder .top-ul .mobile-menu ul li.openable .sort-down-sub {
    top: 8px;
  }
}
@media (max-width: 550px) {
  #top-nav .profile .short-username {
    margin-right: 0;
  }
  #top-nav .profile .text-truncate,
  #top-nav .profile .text-truncate + span {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #top-nav .brand {
    min-width: 80px;
    text-align: center;
    width: 100px;
    display: flex;
  }
  #top-nav .brand img {
    align-self: center;
    max-width: 100px;
  }
  #top-nav .home-options-dropdown .dropdown-menu {
    width: 310px;
  }
  #top-nav .home-options-dropdown .dropdown-menu.dropdown-3 {
    padding: 0;
  }
  #top-nav .home-options-dropdown .bottom-info {
    text-align: center;
    padding: 5px 15px;
  }
  #top-nav .home-options-dropdown .bottom-info .menu-power {
    display: inline-block;
  }
}
@media (max-width: 576px) {
  #top-nav .brand img {
    max-width: 100%;
  }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 320px) {
  #top-nav .home-options-dropdown .dropdown-menu.dropdown-3 {
    max-height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #top-nav .home-options-dropdown .dropdown-menu.dropdown-3 {
    left: -80px !important;
  }
  #top-nav .home-options-dropdown .dropdown-menu.dropdown-3 .title .caret {
    display: none;
  }
}
#top-nav .homepage-listing {
  padding: 5px;
}
#top-nav .homepage-listing li.list-item {
  float: left;
  width: 50%;
  padding: 5px;
  cursor: pointer;
}
#top-nav .homepage-listing li.list-item a {
  border-radius: 8px;
  height: 98px;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
}
#top-nav .homepage-listing li.list-item a > span.icon {
  display: block;
  font-size: 30px;
  height: 50px;
}
#top-nav .homepage-listing li.list-item a > span.icon i {
  margin-right: 0 !important;
}
#top-nav .homepage-listing li.list-item a > span.icon i.fas.fa-payment {
  background-color: #fff;
}
#top-nav .homepage-listing li.list-item a .txt {
  display: block;
  white-space: normal;
  line-height: 16px;
}
#top-nav .homepage-listing li.list-item a:hover {
  opacity: 0.9;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #top-nav .homepage-listing li.list-item {
    width: 33.3333333%;
  }
  #top-nav .homepage-listing li.list-item a {
    padding: 5px;
    height: 80px;
  }
  #top-nav .homepage-listing li.list-item a > span.icon {
    font-size: 26px;
    height: 40px;
    margin-top: 3px;
  }
  #top-nav .homepage-listing li.list-item a .txt {
    line-height: 13px;
  }
}
#top-nav .homepage-listing li.list-item a.dashboard {
  background-color: #5BA4E9;
}
#top-nav .homepage-listing li.list-item a.dashboard-clinic {
  background-color: #7A869A;
}
#top-nav .homepage-listing li.list-item a.schedule {
  background-color: #3DD194;
}
#top-nav .homepage-listing li.list-item a.exercises {
  background-color: #8B7EEA;
}
#top-nav .homepage-listing li.list-item a.messages {
  background-color: #F1CD48;
}
#top-nav .homepage-listing li.list-item a.protocol {
  background-color: #8B7EEA;
}
#top-nav .homepage-listing li.list-item a.userandrole {
  background-color: #9AA8FB;
}
#top-nav .homepage-listing li.list-item a.report {
  background-color: #6E8FDD;
}
#top-nav .homepage-listing li.list-item a.clinic-cu {
  background-color: #5E87E8;
}
#top-nav .homepage-listing li.list-item a.myprofile {
  background-color: #FF9398;
}
#top-nav .homepage-listing li.list-item a.he-program {
  background-color: #8B7EEA;
}
#top-nav .homepage-listing li.list-item a.admin {
  background-color: #9AA8FB;
}
#top-nav .homepage-listing li.list-item a.tele-health {
  background-color: #717ba4;
}
#top-nav .homepage-listing li.list-item a.payment-patient {
  background-color: #7ACFAC;
}
#top-nav .homepage-listing li.list-item a.insurance {
  background-color: #7ACFAC;
}
#top-nav .homepage-listing li.list-item a.fax-management {
  background-color: #747BA3;
}
#top-nav .homepage-listing li.list-item a.homeexerciseprogram-patient {
  background-color: #8B7EEA;
}
#top-nav .homepage-listing li.list-item a.healthtracker-patient {
  background-color: #7A869A;
}
#top-nav .homepage-listing li.list-item a.home-patient {
  background-color: #FF9398;
}
#top-nav .homepage-listing li.list-item a.document-patient {
  background-color: #6E8FDD;
}
#top-nav .homepage-listing li.list-item a.myprofile-patient {
  background-color: #5BA4E9;
}
#top-nav .homepage-listing li.list-item a.clinic-mgt-sa {
  background-color: #5BA4E9;
}
#top-nav .homepage-listing li.list-item a.myprofile-sa {
  background-color: #8B7EEA;
}
#top-nav .homepage-listing li.list-item a.promotion-sa {
  background-color: #6E8FDD;
}
#top-nav .homepage-listing li.list-item a.pricing-sa {
  background-color: #F1CD48;
}
#top-nav .homepage-listing li.list-item a.fax-mgt-sa {
  background-color: #747BA3;
}
#top-nav .homepage-listing li.list-item a.pte-library-sa {
  background-color: #FF9398;
}
#top-nav .homepage-listing li.list-item a.payer-mgt-sa {
  background-color: #7ACFAC;
}
#top-nav .homepage-listing li.list-item a.tasks {
  background-color: #8D7AED;
}

@media (max-width: 900px) {
  #top-nav .home-options-dropdown li:last-child {
    display: block;
  }
}
.md-toast-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.noficaton-top-menu {
  position: absolute;
  top: 5px;
  right: 5px;
  color: red;
  border-radius: 100%;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-weight: 500;
  background: #26a6eb;
  color: #fff;
}

.noficaton-bottom-menu {
  position: absolute;
  top: 5px;
  right: 5px;
  color: red;
  border-radius: 100%;
  width: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: 500;
  background: #26a6eb;
  color: #fff;
  font-size: 10px;
}

.noficaton-bottom-menu-web {
  position: absolute;
  top: 5px;
  right: 5px;
  color: red;
  border-radius: 100%;
  width: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: 500;
  background: #26a6eb;
  color: #fff;
  font-size: 10px;
}

/* Topbar */
@media (max-device-width: 1280px) {
  #top-nav .home-options-dropdown .notification ul li .option.he-program .txt {
    font-size: 11px;
    white-space: normal;
    line-height: 11px;
  }
}
@media (max-width: 767px) {
  #top-nav .home-options-dropdown .notification ul li .option.he-program .txt {
    font-size: 11px;
    white-space: normal;
    line-height: 11px;
  }
}
#top-nav .brand img {
  max-height: 50px;
}

@media (max-width: 1200px) {
  #sidebar-report .navbar-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background-color: #2f3849;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    z-index: 9999;
    padding: 0;
  }
}

@media (max-width: 1199.98px) {
  #top-nav .brand {
    width: 150px;
  }
  aside .navbar-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background-color: #2f3849;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    z-index: 9999;
    padding: 0;
  }
  .sidebar-hide aside .sidebar-inner {
    -o-box-shadow: 0 1px 20px #d1d1d1;
    box-shadow: 0 1px 20px #d1d1d1;
  }
  .admin-main-content {
    padding: 15px;
  }
  .admin-main-content.background-transparent {
    padding: 15px 0 !important;
  }
  #main-container,
  footer {
    left: 0;
  }
  #wrapper.sidebar-hide #main-container {
    left: 300px;
    right: -300px;
  }
  #wrapper.sidebar-hide #main-container.full-page {
    left: 0;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  #wrapper.sidebar-hide footer {
    left: 300px;
  }
  #wrapper.sidebar-hide.have-full-page #main-container,
  #wrapper.sidebar-hide.have-full-page footer {
    left: 0 !important;
  }
}
.main-tabs-holder .top-ul {
  position: relative;
  margin-top: 0;
  padding: 0 !important;
  background-color: #ffffff;
}
.main-tabs-holder .top-ul .navbar-toggle {
  cursor: pointer;
  position: absolute;
  left: 15px;
  top: 15px;
  background: #fff;
  width: 30px;
  padding: 0;
  border: 0;
  z-index: 1;
  outline: none;
}
.main-tabs-holder .top-ul .navbar-toggle .icon-bar {
  width: 100%;
  height: 3px;
  background: var(--main-color);
  display: block;
  margin-bottom: 5px;
}
.main-tabs-holder .top-ul .nav-profile {
  padding-right: 15px;
  padding-left: 15px;
}
.main-tabs-holder .tab-content.holder {
  padding: 15px;
  overflow: auto;
}
.main-tabs-holder .main-header__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.main-tabs-holder .main-header__item {
  flex: 0 0 0;
}
.main-tabs-holder .main-header__toggle {
  flex: 0 1 0;
  align-self: flex-start;
  position: relative;
  cursor: pointer;
  left: unset;
  top: unset;
  background: #fff;
  border: 0;
  outline: none;
  padding: 1rem 0.5rem;
}
.main-tabs-holder .main-header__toggle .icon-bar {
  width: 30px;
  height: 3px;
  background: var(--main-color);
  display: block;
  margin-bottom: 5px;
}
.main-tabs-holder .main-header__header {
  flex: 1 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
.main-tabs-holder .main-header__header__title {
  flex-grow: 1;
  text-align: center;
  color: var(--main-color);
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.main-tabs-holder .main-header__header__icon {
  flex-shrink: 1;
  margin: 0.25rem;
}
.main-tabs-holder .main-header__header .sort-down-sub {
  display: none;
}
.main-tabs-holder .main-header__header .sort-up-sub {
  display: block;
}
.main-tabs-holder .main-header__header[aria-expanded=true] .sort-down-sub {
  display: block;
}
.main-tabs-holder .main-header__header[aria-expanded=true] .sort-up-sub {
  display: none;
}
.main-tabs-holder .main-header__menu-mobile {
  width: 100%;
  background: #ffffff;
}
.main-tabs-holder .main-header__menu-mobile ul {
  display: flex;
  flex-direction: column;
}
.main-tabs-holder .main-header__menu-mobile li {
  color: #000000;
  padding: 15px 20px;
  border-bottom: solid 1px #f0f2f5;
}
.main-tabs-holder .main-header__menu-mobile li a {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  display: inline-block;
}
.main-tabs-holder .main-header__menu-mobile li a i {
  margin-right: 10px;
}
.main-tabs-holder .main-header__menu-web {
  background: #ffffff;
  text-align: center;
  border: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
}
.main-tabs-holder .main-header__menu-web__item {
  padding: 12px 20px 8px;
  margin: 0px;
  border-bottom: solid 4px transparent;
  position: relative;
}
@media only screen and (min-width: 1024px) and (max-width: 1510px) {
  .main-tabs-holder .main-header__menu-web__item:hover {
    background: rgba(236, 232, 232, 0.54);
    border-radius: 8px;
    height: calc(100% - 8px);
  }
  .main-tabs-holder .main-header__menu-web__item:hover .tooltip-tilte {
    visibility: visible;
  }
}
.main-tabs-holder .main-header__menu-web__item__icon {
  font-size: 18px;
}
.main-tabs-holder .main-header__menu-web__item a {
  color: #777777;
  text-shadow: none;
  font-size: 14px;
  font-weight: 400;
}
.main-tabs-holder .main-header__menu-web__item a .title {
  color: #777777;
  text-shadow: none;
  font-size: 14px;
  font-weight: 400;
}
.main-tabs-holder .main-header__menu-web__item a .tooltip-tilte {
  display: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1510px) {
  .main-tabs-holder .main-header__menu-web__item a .title {
    display: none;
  }
  .main-tabs-holder .main-header__menu-web__item a .tooltip-tilte {
    visibility: hidden;
    width: auto;
    min-width: 65px;
    top: 50px;
    font-family: "Hind";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    background: rgba(36, 35, 35, 0.79);
    color: #FFf;
    position: absolute;
    z-index: 9999;
    left: 0;
    display: block;
    padding: 4px;
    border-radius: 8px;
  }
  .main-tabs-holder .main-header__menu-web__item a:active .tooltip-tilte {
    visibility: visible;
  }
}
.main-tabs-holder .main-header__menu-web__item::after {
  content: "";
  width: 0px;
  height: 4px;
  position: absolute;
  top: 100%;
  left: 0px;
  background: var(--main-color);
  transition: all 0.5s ease-in-out;
}
.main-tabs-holder .main-header__menu-web__item.active a {
  color: var(--main-color);
}
.main-tabs-holder .main-header__menu-web__item.active a .title {
  color: var(--main-color);
}
@media only screen and (min-width: 1024px) and (max-width: 1510px) {
  .main-tabs-holder .main-header__menu-web__item.active:hover {
    background: #FFF;
    height: 100%;
  }
  .main-tabs-holder .main-header__menu-web__item.active a .title {
    display: inline;
  }
  .main-tabs-holder .main-header__menu-web__item.active a .tooltip-tilte {
    visibility: hidden;
  }
}
.main-tabs-holder .main-header__menu-web__item.active::after {
  width: 100%;
  left: 0px;
}

@media (max-width: 767px) {
  #top-nav .brand {
    width: initial;
  }
  footer {
    padding-bottom: 5px;
  }
}
@media (max-width: 1023px) {
  .main-tabs-holder .top-ul .nav-profile {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#top-nav .home-options-dropdown .notification ul {
  height: auto !important;
  max-height: 360px;
}

.daterangepicker_input .input-mini {
  display: none;
}
.daterangepicker_input .fa-calendar {
  display: none;
}

@media (max-width: 768px) {
  #top-nav .home-options-dropdown .notification ul li:nth-child(2n) .option {
    margin: 15px 20px 0 0;
  }
  #top-nav .home-options-dropdown .notification ul li:nth-child(2n+1) .option {
    margin: 15px 0 0 18px;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  #top-nav .home-options-dropdown .notification ul li:nth-child(2n) .option {
    margin: 15px 20px 0 0;
  }
  #top-nav .home-options-dropdown .notification ul li:nth-child(2n+1) .option {
    margin: 15px 0 0 18px;
  }
}
.mainLogo {
  border-width: 0;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
}
.mainLogo img {
  border-radius: 5px;
  width: 100%;
  float: left;
}
.mainLogo .mainSlogan {
  position: fixed;
  top: 25px;
  left: 105px;
  float: left;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
}
.mainLogo p {
  margin-bottom: 5px;
}

.main-menu {
  margin-top: 1px;
  overflow: auto;
}
.main-menu .content-block {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}

#top-nav.fixed {
  top: 0;
}

#top-nav md-autocomplete .md-show-clear-button button md-icon path {
  fill: white;
}

.main-tabs-holder .nav-tabs li a.active, .main-tabs-holder .nav-tabs li a.active i {
  color: var(--main-color);
  border-color: var(--main-color) !important;
}
.main-tabs-holder .nav-tabs li.active a, .main-tabs-holder .nav-tabs li.active a:hover, .main-tabs-holder .nav-tabs li.active a:focus, .main-tabs-holder .nav-tabs li.active a i {
  color: var(--main-color);
  border-color: var(--main-color) !important;
}

#top-nav .notification .options {
  position: relative;
}
#top-nav .notification .notification-listing {
  max-height: 370px;
  height: auto;
  overflow: auto;
}
#top-nav .notification .notification-listing::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0);
}
#top-nav .notification .notification-listing::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#top-nav .notification .notification-listing::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#top-nav .notification .notification-listing:hover::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
#top-nav .notification .notification-listing:hover::-webkit-scrollbar-thumb {
  background-color: #838383;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1199.98px) {
  #top-nav .notification .notification-listing::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  #top-nav .notification .notification-listing:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  #top-nav .notification .notification-listing:hover::-webkit-scrollbar-thumb {
    background-color: #838383;
    border: 1px solid transparent;
  }
}
#top-nav .notification .notification-listing ul li .txt {
  text-align: justify;
}
#top-nav .notification .notification-listing ul li .label-checkbox + .txt {
  margin-left: 30px;
}

.menu--fullscreen {
  position: fixed;
}
.menu--fullscreen .menu--fullscreen__close {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 30px;
  color: #fc8675;
}
.menu--fullscreen .menu--fullscreen__close i {
  font-weight: normal;
}

#menu-header__phone.menu--fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2000;
  background: white;
  display: none;
}
#menu-header__phone.menu--fullscreen.collapse.in {
  display: flex;
  transition: 0.15s ease-in-out;
}
#menu-header__phone.menu--fullscreen .menu--fullscreen__content {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
#menu-header__phone.menu--fullscreen .menu--fullscreen__content li {
  color: #333;
  font-size: 20px;
  margin-bottom: 20px;
}
#menu-header__phone.menu--fullscreen .menu--fullscreen__content li:visited, #menu-header__phone.menu--fullscreen .menu--fullscreen__content li:active, #menu-header__phone.menu--fullscreen .menu--fullscreen__content li:hover {
  color: var(--main-color);
}
#menu-header__phone.menu--fullscreen .menu--fullscreen__content li i {
  margin-right: 15px;
}

#notification-header__phone.menu--fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2000;
  background: white;
  display: none;
  margin: 0px;
  border-radius: 0px !important;
  padding: 10px;
}
#notification-header__phone.menu--fullscreen.collapse.show {
  display: flex;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content {
  margin-top: 40px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content .list-notification__header h4 {
  font-size: 15px;
  color: #333;
  font-style: italic;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content .list-notification__action a {
  margin-right: 10px;
  padding: 0px 10px;
  border-radius: 10px;
  color: white;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content .list-notification__main {
  margin-top: 10px;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content .list-notification__main .notification-listing {
  max-height: unset !important;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content .list-notification__main .notification-listing ul li .txt {
  margin-left: 30px;
  text-align: justify;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content li {
  color: #333;
  font-size: 20px;
  margin-bottom: 10px;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content li:visited, #notification-header__phone.menu--fullscreen .menu--fullscreen__content li:active {
  color: #ff9000;
}
#notification-header__phone.menu--fullscreen .menu--fullscreen__content li i {
  margin-right: 5px;
}

#top-nav .search-block global-search button.md-button.md-icon-button {
  padding: 0px;
  line-height: 1;
}
#top-nav .search-block global-search button.md-button.md-icon-button i.fas.fa-times {
  color: #000000 !important;
  font-weight: 200;
  font-size: 15px;
  line-height: 15px;
}
#top-nav .mobile-search global-search md-autocomplete input[type=search]:focus {
  border-color: none;
  box-shadow: none;
}

.header__title {
  color: #ffffff;
  font-family: Hind, sans-serif;
  font-style: normal;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.header__title__text {
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 0px;
  color: var(--secondary-color);
}
.header__title__caption {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0px;
  color: var(--secondary-color);
}

#top-nav .dropdown-clinics {
  background: #fff;
  padding: 0px !important;
  max-width: 300px;
  margin-top: 25px;
  right: -125px !important;
}
@media screen and (max-width: 767px) {
  #top-nav .dropdown-clinics {
    left: auto !important;
    right: -65px !important;
  }
}
#top-nav .dropdown-clinics__caret {
  position: absolute;
  left: 50%;
  top: -10px;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--main-color);
  margin-left: -10px;
  display: block;
}
@media screen and (max-width: 767px) {
  #top-nav .dropdown-clinics__caret {
    left: 75%;
  }
}
#top-nav .dropdown-clinics__wrapper {
  max-height: 400px;
}
#top-nav .dropdown-clinics__header__title {
  font-size: 14px;
  padding: 10px;
  background-color: var(--main-color);
  color: var(--secondary-color);
}
#top-nav .dropdown-clinics__searchbar {
  padding: 0.25rem 0.25rem 0.5rem 0.25rem;
}
#top-nav .dropdown-clinics__content {
  max-height: 100%;
  flex-grow: 1;
  overflow: auto;
}
#top-nav .dropdown-clinics__content::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0);
}
#top-nav .dropdown-clinics__content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#top-nav .dropdown-clinics__content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#top-nav .dropdown-clinics__content:hover::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
#top-nav .dropdown-clinics__content:hover::-webkit-scrollbar-thumb {
  background-color: #838383;
  border: 1px solid transparent;
}
#top-nav .dropdown-clinics__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#top-nav .dropdown-clinics__item {
  padding: 0.25rem;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
}
#top-nav .dropdown-clinics__item__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  background: #f0f2f5;
  padding: 0.75rem;
  height: 100%;
}
#top-nav .dropdown-clinics__item__title {
  overflow: hidden;
  text-overflow: ellipsis;
}
#top-nav .dropdown-clinics__item__badge {
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
  background: #26a6eb;
  top: 0px;
  right: 0px;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#top-nav .dropdown-clinics__roles {
  padding: 0.25rem 0.5rem;
}
#top-nav .dropdown-clinics__roles__logo img {
  max-height: 100px;
  width: auto;
}
#top-nav .dropdown-clinics__roles__item {
  display: flex;
  flex-direction: row;
  font-size: 13px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: solid 1px #ddd !important;
}

#alert-header__phone.menu--fullscreen {
  position: fixed;
  left: 0;
  top: 0 !important;
  z-index: 1000;
  width: 100%;
  height: 93%;
  min-height: 93%;
  min-width: 100%;
  background: white;
  display: none;
  margin: 0px;
  border-radius: 0px !important;
  padding: 10px;
}
#alert-header__phone.menu--fullscreen.collapse.show {
  display: flex;
}
#alert-header__phone.menu--fullscreen .menu--fullscreen__content {
  width: 100%;
}
#alert-header__phone.menu--fullscreen .header-content {
  background: var(--main-color);
  position: fixed;
  left: 0;
  top: 0;
  padding: 0 16px;
  height: 48px;
  max-height: 48px;
  font-size: 16px;
  color: #FFF;
  line-height: 24px;
  font-weight: 600;
  font-family: "Hind";
}
#alert-header__phone .virtual-header-alert {
  min-height: 40px;
  height: 40px;
}

#alert-notification-content, #alert-header__phone {
  border-radius: 8px;
  width: 569px;
  height: auto;
  max-height: 573px;
  padding: 12px !important;
  right: 15px !important;
  top: 40px !important;
  overflow-y: auto;
}
#alert-notification-content::-webkit-scrollbar, #alert-header__phone::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0);
}
#alert-notification-content::-webkit-scrollbar-thumb, #alert-header__phone::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#alert-notification-content::-webkit-scrollbar-track, #alert-header__phone::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#alert-notification-content:hover::-webkit-scrollbar, #alert-header__phone:hover::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
#alert-notification-content:hover::-webkit-scrollbar-thumb, #alert-header__phone:hover::-webkit-scrollbar-thumb {
  background-color: #838383;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1440px) {
  #alert-notification-content, #alert-header__phone {
    max-height: 475px;
  }
}
@media only screen and (max-width: 1199.98px) {
  #alert-notification-content, #alert-header__phone {
    width: 515px;
  }
  #alert-notification-content::-webkit-scrollbar, #alert-header__phone::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  #alert-notification-content::-webkit-scrollbar-thumb, #alert-header__phone::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  #alert-notification-content::-webkit-scrollbar-track, #alert-header__phone::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  #alert-notification-content:hover::-webkit-scrollbar, #alert-header__phone:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  #alert-notification-content:hover::-webkit-scrollbar-thumb, #alert-header__phone:hover::-webkit-scrollbar-thumb {
    background-color: #838383;
    border: 0px solid transparent;
  }
}
#alert-notification-content h5, #alert-header__phone h5 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #232323;
}
#alert-notification-content h6, #alert-header__phone h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
#alert-notification-content p, #alert-header__phone p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
#alert-notification-content .alert-header, #alert-header__phone .alert-header {
  border-bottom: 1px solid #838383;
}
#alert-notification-content .virtual-header-phone, #alert-header__phone .virtual-header-phone {
  height: 36px;
}
#alert-notification-content .content-today, #alert-header__phone .content-today {
  margin-top: 16px;
}
#alert-notification-content .content-today span, #alert-header__phone .content-today span {
  font-family: "Hind";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}
#alert-notification-content .content-list-alert, #alert-header__phone .content-list-alert {
  margin-top: 12px;
  border: 1px solid #838383;
  padding: 8px 12px;
  border-radius: 8px;
  height: auto;
  box-shadow: 0px 2px 6px 2px rgba(1, 18, 34, 0.03);
}
#alert-notification-content .content-list-alert .drop-left, #alert-header__phone .content-list-alert .drop-left {
  max-width: 85%;
}
#alert-notification-content .content-list-alert .drop-left h6, #alert-notification-content .content-list-alert .drop-left p, #alert-header__phone .content-list-alert .drop-left h6, #alert-header__phone .content-list-alert .drop-left p {
  white-space: pre-line;
}
#alert-notification-content .content-list-alert .drop-left span, #alert-header__phone .content-list-alert .drop-left span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
#alert-notification-content .content-list-alert .drop-right, #alert-header__phone .content-list-alert .drop-right {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #1890FF;
}
#alert-notification-content .content-list-alert i, #alert-header__phone .content-list-alert i {
  font-size: 20px;
}
#alert-notification-content .content-list-alert .active-alert, #alert-header__phone .content-list-alert .active-alert {
  background: #1890FF;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
#alert-notification-content .drop-show-left, #alert-header__phone .drop-show-left {
  background: #FFFFFF;
  border-radius: 8px !important;
  width: 192px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  padding: 12px !important;
}
#alert-notification-content .drop-show-left label, #alert-header__phone .drop-show-left label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 25px;
}
#alert-notification-content .drop-show-left h6, #alert-header__phone .drop-show-left h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}

footer {
  padding-left: 300px;
  display: inline-flex !important;
  justify-content: center !important;
}
footer a {
  width: 100px;
  padding: 10px 10px 5px;
}
footer a .icon-holder i {
  vertical-align: middle;
}
footer a label {
  margin-top: 5px;
}
@media screen and (max-width: 580px) {
  footer a {
    width: auto;
  }
}

footer {
  position: unset !important;
}

@media (max-width: 767px) {
  footer a {
    vertical-align: bottom !important;
  }
}
.custom-controls .selectbox-buffertime select.form-control {
  width: 130px;
  background-position-y: 0 !important;
  overflow-y: auto !important;
  padding-right: 0 !important;
}
.custom-controls .info-holder,
.custom-controls .form-group {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
}
.custom-controls .info-holder label, .custom-controls .info-holder label > pre,
.custom-controls .form-group label,
.custom-controls .form-group label > pre {
  margin: 0;
  font-size: 14px !important;
}
.custom-controls .info-holder label > pre,
.custom-controls .form-group label > pre {
  font-family: unset;
  font-size: unset;
  overflow: unset;
  margin-top: unset;
  margin-bottom: unset;
  color: unset;
}
.custom-controls.form-group label {
  font-size: 14px;
}
.custom-controls label {
  color: #777777;
  position: relative;
}
.custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]),
.custom-controls select,
.custom-controls textarea,
.custom-controls .form-control,
.custom-controls .select2-selection {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #e3e3e3 !important;
  font-weight: 400 !important;
  display: block;
  padding: 0 !important;
  min-height: 28px;
  box-shadow: none !important;
  outline: none !important;
  height: auto !important;
  line-height: normal !important;
}
.custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]):focus, .custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]):focus + .input-group-addon,
.custom-controls select:focus,
.custom-controls select:focus + .input-group-addon,
.custom-controls textarea:focus,
.custom-controls textarea:focus + .input-group-addon,
.custom-controls .form-control:focus,
.custom-controls .form-control:focus + .input-group-addon,
.custom-controls .select2-selection:focus,
.custom-controls .select2-selection:focus + .input-group-addon {
  border-bottom-color: var(--main-color) !important;
}
.custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]).border-b,
.custom-controls select.border-b,
.custom-controls textarea.border-b,
.custom-controls .form-control.border-b,
.custom-controls .select2-selection.border-b {
  border-bottom: 1px solid #dddddd !important;
}
.custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]).error-input,
.custom-controls select.error-input,
.custom-controls textarea.error-input,
.custom-controls .form-control.error-input,
.custom-controls .select2-selection.error-input {
  border-color: #FF0000 !important;
  color: #FF0000 !important;
}
.custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]).error-input:webkit-autofill,
.custom-controls select.error-input:webkit-autofill,
.custom-controls textarea.error-input:webkit-autofill,
.custom-controls .form-control.error-input:webkit-autofill,
.custom-controls .select2-selection.error-input:webkit-autofill {
  border-color: #FF0000 !important;
  color: #FF0000 !important;
}
.custom-controls .calendar-picker__wrapper input[calendar-picker].form-control {
  padding: 5px 12px !important;
}
.custom-controls input[international-phone-number][type=text]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  padding: 0px !important;
  padding-left: 44px !important;
}
.custom-controls input {
  font-size: 14px !important;
}
.custom-controls input[type=checkbox],
.custom-controls input[type=radio] {
  opacity: 1;
  min-height: auto;
}
.custom-controls .checkbox {
  padding-left: 20px;
  position: relative;
  color: #333;
  font-size: 1em;
}
.custom-controls .checkbox input[type=checkbox],
.custom-controls .checkbox input[type=radio] {
  left: 0;
  margin-top: 3px;
}
.custom-controls .checkbox.bold-checked:has(:checked) {
  font-weight: 700;
}
.custom-controls select {
  font-size: 13px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: url(../images/caret.png) no-repeat right;
  background-size: 24px 24px;
}
.custom-controls .select-timezone {
  background-size: 18px 18px;
  border: 1px solid #7f7f7f !important;
  height: 32px !important;
  border-radius: 4px !important;
  padding-left: 0.5rem !important;
  background-position-x: calc(100% - 0.5rem);
}
.custom-controls textarea {
  height: 30px !important;
}
.custom-controls textarea::-webkit-input-placeholder {
  vertical-align: bottom !important;
  line-height: 28px !important;
  overflow: hidden !important;
}
.custom-controls textarea:-ms-input-placeholder {
  vertical-align: bottom !important;
  line-height: 28px !important;
  overflow: hidden !important;
}
.custom-controls textarea::-ms-input-placeholder {
  vertical-align: bottom !important;
  line-height: 28px !important;
  overflow: hidden !important;
}
.custom-controls textarea::placeholder {
  vertical-align: bottom !important;
  line-height: 28px !important;
  overflow: hidden !important;
}
.custom-controls .input-group-addon {
  border: none !important;
  border-bottom: 1px solid #F0F2F5 !important;
  border-radius: 0 !important;
  background: transparent !important;
  display: inline-flex !important;
  padding: 0 5px;
}
.custom-controls md-content {
  padding: 0 !important;
}
.custom-controls md-content input {
  border-bottom: none !important;
  box-shadow: none !important;
}
.custom-controls md-content md-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
.custom-controls .select2-selection {
  padding: 0;
}
.custom-controls .select2-selection ul {
  float: left;
}
.custom-controls .select2-selection ul li {
  float: none;
  display: block;
}
.custom-controls .select2-selection input {
  border-bottom: 0 !important;
  margin: 0 !important;
  width: 100%;
}
.custom-controls .select2-selection .select2-selection__choice {
  background-color: #fffbf7;
  border: 1px solid #fbaa65;
  margin-top: 0;
  margin-right: 10px;
  padding: 1px 6px;
  border-radius: 20px;
  font-size: 0.9em;
  color: #333;
}
.custom-controls .select2-selection .select2-selection__choice .select2-selection__choice__remove {
  display: none;
}
.custom-controls .select2-selection .select2-selection__choice:after {
  display: inline-block;
  font-family: Font Awesome\ 5 Pro;
  content: "\f00d";
  margin-left: 10px;
  color: #fbaa65;
}
.custom-controls .select2-selection .select2-selection__choice:active, .custom-controls .select2-selection .select2-selection__choice:focus, .custom-controls .select2-selection .select2-selection__choice:hover {
  background-color: #fbaa65;
  border: 1px solid #fbaa65;
  color: #fff;
}
.custom-controls .select2-selection .select2-selection__choice:active:after, .custom-controls .select2-selection .select2-selection__choice:focus:after, .custom-controls .select2-selection .select2-selection__choice:hover:after {
  color: #fff;
}
.custom-controls iframe.form-control {
  height: 28px !important;
}
.custom-controls .form-control[readonly]:focus,
.custom-controls [readonly=readonly]:focus,
.custom-controls [readonly]:focus {
  border-bottom: 1px solid #F0F2F5 !important;
}
.custom-controls select,
.custom-controls select.form-control {
  padding-right: 30px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 45px;
}
.custom-controls .table.table-form label, .custom-controls .table.table-form .form-control, .custom-controls .table.table-form * {
  font-size: 14px;
  color: #464a4c;
}
.custom-controls .table.table-form tr.error-row > td {
  padding: 0px !important;
}
.custom-controls .table.table-form tr > td {
  vertical-align: middle !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.custom-controls .table.table-form tr > td.align-top {
  vertical-align: top !important;
}
.custom-controls .table.table-form td.col-label {
  width: 30%;
}
.custom-controls .table.table-form td.col-label label {
  margin-bottom: 0px;
}
.custom-controls--dark-contrast label {
  color: #222222;
  font-weight: 500;
}
.custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]), .custom-controls--dark-contrast select, .custom-controls--dark-contrast textarea, .custom-controls--dark-contrast .form-control, .custom-controls--dark-contrast .select2-selection {
  border-bottom: solid 1px #696969 !important;
  background: none;
}
.custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):focus, .custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):hover, .custom-controls--dark-contrast select:focus, .custom-controls--dark-contrast select:hover, .custom-controls--dark-contrast textarea:focus, .custom-controls--dark-contrast textarea:hover, .custom-controls--dark-contrast .form-control:focus, .custom-controls--dark-contrast .form-control:hover, .custom-controls--dark-contrast .select2-selection:focus, .custom-controls--dark-contrast .select2-selection:hover {
  border-bottom: solid 2px #696969 !important;
}
.custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):focus + .input-group-addon, .custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):focus ~ .input-group-addon, .custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):hover + .input-group-addon, .custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):hover ~ .input-group-addon, .custom-controls--dark-contrast select:focus + .input-group-addon, .custom-controls--dark-contrast select:focus ~ .input-group-addon, .custom-controls--dark-contrast select:hover + .input-group-addon, .custom-controls--dark-contrast select:hover ~ .input-group-addon, .custom-controls--dark-contrast textarea:focus + .input-group-addon, .custom-controls--dark-contrast textarea:focus ~ .input-group-addon, .custom-controls--dark-contrast textarea:hover + .input-group-addon, .custom-controls--dark-contrast textarea:hover ~ .input-group-addon, .custom-controls--dark-contrast .form-control:focus + .input-group-addon, .custom-controls--dark-contrast .form-control:focus ~ .input-group-addon, .custom-controls--dark-contrast .form-control:hover + .input-group-addon, .custom-controls--dark-contrast .form-control:hover ~ .input-group-addon, .custom-controls--dark-contrast .select2-selection:focus + .input-group-addon, .custom-controls--dark-contrast .select2-selection:focus ~ .input-group-addon, .custom-controls--dark-contrast .select2-selection:hover + .input-group-addon, .custom-controls--dark-contrast .select2-selection:hover ~ .input-group-addon {
  border-bottom: solid 2px #696969 !important;
}
.custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):focus + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):focus ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):hover + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast input:not([type=checkbox]):not([type=range]):not([type=radio]):hover ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast select:focus + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast select:focus ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast select:hover + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast select:hover ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast textarea:focus + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast textarea:focus ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast textarea:hover + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast textarea:hover ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .form-control:focus + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .form-control:focus ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .form-control:hover + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .form-control:hover ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .select2-selection:focus + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .select2-selection:focus ~ .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .select2-selection:hover + .input-group-addon + .input-group-addon, .custom-controls--dark-contrast .select2-selection:hover ~ .input-group-addon + .input-group-addon {
  border-bottom: solid 2px #696969 !important;
}
.custom-controls--dark-contrast .input-group-addon {
  border-bottom: solid 1px #7b7b7b !important;
  margin: 0px;
}

.color-disabled {
  color: #777777 !important;
}
.color-disabled label, .color-disabled input, .color-disabled span {
  color: #777777 !important;
}

.form-control[readonly]:focus,
[readonly=readonly]:focus,
[readonly]::focus {
  border-bottom: 1px solid #F0F2F5 !important;
}

.form-control i {
  color: #909eaa !important;
}

.form-edit ul.form-control {
  border-bottom: none !important;
}
.form-edit ul.form-control > li {
  padding: 10px 15px !important;
  font-size: 14px;
  border-bottom: none !important;
}
.form-edit ul.form-control > li .border-bottom {
  display: none;
}
.form-edit ul.form-control > li input,
.form-edit ul.form-control > li select,
.form-edit ul.form-control > li textarea {
  width: 100%;
}
.form-edit ul.form-control > li .line-two .switch {
  margin-top: -40px;
}
.form-edit ul.form-control > li .line-two md-datepicker {
  display: inline-block !important;
  width: 100% !important;
}
.form-edit:not(.default) li > div:last-child {
  display: none;
}
.form-edit:not(.default) li > div > div {
  width: 100% !important;
  color: #464a4c;
}
.form-edit:not(.default) li > div > div:first-child {
  margin-bottom: 5px;
}
.form-edit .label-input {
  padding: 5px 0;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 0.9em;
  color: grey;
  text-align: right;
}
.form-edit div.error-input {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 0.9em;
}
.form-edit .select-editable {
  position: relative;
  display: inline-block;
}
.form-edit .select-editable select {
  width: 60px;
}
.form-edit .select-editable intput {
  width: 45px;
  position: absolute;
  top: 0;
  text-align-last: center;
  padding-right: 15px !important;
}

.form-horizontal:not(.default) li > div > div:first-child {
  width: 90px !important;
  color: #464a4c;
}
.form-horizontal:not(.default) li > div > div {
  width: calc(100% - 90px) !important;
}
.form-horizontal:not(.default) .label-control {
  width: 150px;
  display: block;
  float: left;
  padding-right: 5px;
  padding-top: 4px;
  color: #464a4c;
}
.form-horizontal:not(.default) .label-control + div {
  width: calc(100% - 150px);
  float: right;
}
.form-horizontal.label-lg .label-control,
.form-horizontal.label-lg li > div > div:first-child {
  width: 130px !important;
}
.form-horizontal.label-lg .label-control + div,
.form-horizontal.label-lg li > div > div {
  width: calc(100% - 130px) !important;
}

.form-group-inline {
  border-bottom: 1px solid #ececec;
  margin-bottom: 10px;
}
.form-group-inline label {
  font-size: 14px;
}
.form-group-inline label[class^=col-] {
  padding-left: 0;
}
.form-group-inline label + div[class^=col-] {
  padding-right: 0;
}

.process-div {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
}

.progress-upload {
  width: 97.333333%;
  margin: 0;
  position: absolute;
  top: -63%;
  left: 2px;
}

.fix-process-div {
  position: relative;
  top: 13%;
  left: inherit;
  width: 100%;
  height: initial;
}

.fix-process-upload {
  top: 100%;
  height: 5px;
  border-radius: 0px;
  width: 100%;
  left: 0px;
}

iframe.form-control {
  height: 28px !important;
}

.field-max-600 .form-control, .field-max-600 .input-group {
  max-width: 600px;
}

.field-max-300 input, .field-max-300 input[type=text], .field-max-300 input[type=hidden], .field-max-300 select, .field-max-300 input.form-control {
  max-width: 300px;
}

.field-max-30 input, .field-max-30 input[type=text], .field-max-30 input[type=hidden], .field-max-30 select, .field-max-30 input.form-control {
  max-width: 30px;
}

.form-section {
  margin-bottom: 1rem;
}
.form-section #insurance-type-code dropdown-box-pte .cus-container-dropdown .dropdown-menu-custom .dropdown-content {
  max-height: 290px;
}
.form-section__header-warning {
  color: #fb7800;
  padding: 10px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-section__header {
  background: #EEEEEE;
  padding: 10px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-section__header__text {
  margin: 0px;
  text-align: center;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  text-align: center;
}
.form-section__header__toggle {
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
}
.form-section__header__toggle::after {
  content: "\f077";
}
.form-section__header[aria-expanded=true] .form-section__header__toggle::after {
  content: "\f078";
}
.form-section__content {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.form-section__group {
  display: flex;
  flex-wrap: wrap;
}
.form-section__item {
  margin-bottom: 1rem;
}
.form-section__item__title {
  font-size: 16px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.form-section__item__title__position-end {
  align-self: flex-end;
}
.form-section__item__caption {
  font-size: 14px;
}
.form-section__item__content {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  align-items: flex-start;
}
.form-section__item__content__button-no-border {
  background: transparent;
  border: 0px;
  box-sizing: border-box;
  border-radius: 0px;
  color: #222222;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.form-section__item--inline {
  display: flex;
  align-items: center;
}
.form-section__item--inline .form-section__item__title {
  margin-right: 0.5rem;
}
.form-section__item--inline .form-section__item__content {
  margin-top: 0px;
  margin-bottom: 0px;
}
.form-section__item--inline .form-section__field {
  margin-bottom: 0px;
}
.form-section__field {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.5rem;
}
.form-section__field label, .form-section__field__label {
  font-size: 14px;
  color: #000000;
  padding-right: 0.5rem;
  margin-bottom: 0px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.form-section__field__control {
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
}
.form-section__field__caption {
  font-size: 14px;
  align-self: center;
}
.form-section__field__error {
  flex-basis: 100%;
  width: 100%;
}
.form-section__field--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.form-section__field--vertical .form-section__field__control {
  width: 100%;
}

.input-group--has-addon {
  background: #FFFFFF;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
}
@media only screen and (max-width: 767.98px) {
  .input-group--has-addon {
    font-family: "Nunito Sans";
    line-height: 24px;
    border-radius: 8px;
    border: 1px solid #838383;
  }
  .input-group--has-addon:disabled {
    background-color: #eceeef;
  }
}
.input-group--has-addon .input-group-addon {
  color: #232323 !important;
  background: none;
  border: none;
}
.input-group--has-addon:focus-within {
  border-color: rgba(var(--main-color_rgb), 0.8);
  box-shadow: inset 0 1px 1px rgba(var(--main-color_rgb), 0.075), 0 0 8px rgba(var(--main-color_rgb), 0.6);
}
.input-group--has-addon .form-control {
  border: 0px;
}
.input-group--has-addon .form-control:focus {
  border: 0px;
  box-shadow: none;
}
.input-group--has-addon--modifer {
  padding: 0px 12px 0px 0;
}

.form-group.form-group--pl10 {
  padding-left: 10px;
}
@media only screen and (max-width: 767.98px) {
  .form-group.form-group--pl10 {
    padding-left: 15px;
  }
}
.form-group.form-group--clean-style label {
  font-size: 16px;
}
.form-group.form-group--clean-style .form-control {
  font-size: 16px;
  /* 2679*/
}
.form-group.form-group--clean-style .form-control:read-only, .form-group.form-group--clean-style .form-control:disabled {
  color: #232323;
}
.form-group.form-group--clean-style .form-control {
  /* 2679*/
}
.form-group.form-group--strong-style .fz-16 {
  font-size: 16px;
}
.form-group.form-group--strong-style label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  .form-group.form-group--strong-style label {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #1F1F1F !important;
    margin-bottom: 4px;
  }
}
.form-group.form-group--strong-style label.form-group__caption {
  font-size: 12px;
  font-weight: normal;
}
.form-group.form-group--strong-style .form-control {
  font-size: 16px;
  line-height: 20px;
}
.form-group.form-group--strong-style .form-control.input-fontsize-14 {
  font-size: 14px;
}
@media only screen and (max-width: 767.98px) {
  .form-group.form-group--strong-style .form-control {
    font-family: "Nunito Sans" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 24px !important;
    border-radius: 8px;
  }
  .form-group.form-group--strong-style .form-control.input-fontsize-14 {
    font-size: 14px !important;
  }
}
.form-group.form-group--strong-style .form-control__cancel-class {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 8px;
}
.form-group.form-group--strong-style .form-control {
  /* 2679*/
}
.form-group.form-group--strong-style .form-control:read-only, .form-group.form-group--strong-style .form-control:disabled {
  color: #232323;
}
.form-group.form-group--strong-style .form-control {
  /* 2679*/
}
.form-group.form-group--horizonal-style {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-group.form-group--horizonal-style label {
  flex-shrink: 1;
}

.md-visually-hidden {
  display: none !important;
}

aside {
  width: 300px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  padding-top: 62px;
  background: #444d61;
  background: #fff;
}
aside .profile-menu .icon {
  color: #313131;
}

aside .sidebar-inner {
  border-right: 1px solid #f0f2f5;
  position: relative;
}

aside .sidebar-inner .user-block {
  padding-top: 25px;
  padding-bottom: 25px;
  border: 0px;
}
aside .sidebar-inner .user-block .search-patient-box {
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding-left: 12px;
}
aside .sidebar-inner .user-block .search-patient-box md-autocomplete {
  min-width: 240px;
}
aside .sidebar-inner .user-block .search-patient-box md-autocomplete md-autocomplete-wrap:focus {
  outline: none !important;
  box-shadow: none;
}
aside .sidebar-inner .user-block .search-patient-box md-autocomplete md-autocomplete-wrap input {
  padding-right: 0;
  padding-left: 12px;
  font-size: 12px;
}
aside .sidebar-inner .user-block .search-patient-box md-autocomplete md-autocomplete-wrap input:focus {
  outline: none !important;
  box-shadow: none;
}
aside .sidebar-inner .user-block .search-patient-box md-autocomplete md-autocomplete-wrap button {
  margin-right: 0;
}

aside .user-block h2 {
  padding: 5px 0 0 0px;
  margin: 0px;
  font-size: 26px;
  font-weight: 500;
  /*color: #fff;*/
  padding-top: 10px;
  font-size: 18px;
  color: #313131;
}

aside.inner-page .sidebar-inner .user-block {
  border: 0px;
  box-shadow: none;
}

aside .user-block .form-control {
  width: 65%;
  float: left;
  font-size: 13px;
}

aside .user-block a {
  display: inline-block;
}

aside .user-block a:first-child i {
  margin-right: 5px;
}

aside .user-block a.widout-txt i {
  margin-right: 0px;
}

aside .user-block a.widout-txt i:first-child {
  margin-right: 5px !important;
  font-size: 10px;
}

aside .main-menu .text-light-grey {
  color: #313131;
}

aside .main-menu .title {
  padding: 10px;
  margin: 0px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
}
aside .main-menu .title.active {
  background: #068AD0 !important;
  content: "\f105" !important;
  padding-right: 8px !important;
  color: #fff !important;
}
aside .main-menu .title.active i.fas {
  color: #fff !important;
}

aside .main-menu ul {
  padding: 0;
}

aside .main-menu ul li {
  /*border-bottom: 1px solid #5d666d;*/
  position: relative;
  border-bottom: 0px;
  padding: 14px 20px 14px 38px;
  border-top: 0px !important;
  transition: all 0.3s;
}

aside .main-menu ul li:last-child {
  border-bottom: 0px;
}

aside .main-menu ul li a {
  display: block;
  padding: 0px;
}

aside .main-menu li a:after {
  content: "";
  display: block;
}

aside .main-menu li .usr-img {
  width: 40px;
  border-radius: 100%;
  float: left;
}

aside .main-menu li .grabber {
  position: relative;
  /*right: 20px; top: 12px;*/
  color: #777777;
  font-size: 1.2rem;
  opacity: 0.8;
  z-index: 1;
}

aside .main-menu li .dropdown {
  position: absolute;
  right: 20px;
  top: 12px;
}

aside .main-menu li .dropdown .dropdown-toggle::after {
  content: none;
}

aside .main-menu li .dropdown.show .dropdown-menu::before {
  content: "";
  position: absolute;
  position: absolute;
  top: -6px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  z-index: 1;
}

aside .main-menu li .dropdown.show .dropdown-menu::after {
  content: "";
  position: absolute;
  position: absolute;
  top: -7.5px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 7px solid #909eaa;
  z-index: 0;
}

aside .main-menu li .dropdown.show .dropdown-menu::after {
  display: block;
}

aside .main-menu li .dropdown.show .dropdown-menu--topless::before, aside .main-menu li .dropdown.show .dropdown-menu--topless::after {
  content: none;
}

aside .main-menu li .dropdown .dropdown-menu {
  padding: 5px;
  left: -130px;
}

aside .main-menu li .dropdown .dropdown-menu li,
aside .main-menu li .dropdown .dropdown-menu a {
  font-size: 14px;
  padding: 5px 10px;
}

aside .main-menu li .dropdown .dropdown-menu a i {
  font-size: 12px;
  margin-right: 5px;
  color: #777777;
}
aside .main-menu li .dropdown .dropdown-menu a i.ion-clipboard.contextmenu-icon {
  width: auto;
  font-size: 15px;
}

aside .main-menu li .text {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  float: left;
  margin-left: 10px;
}

aside .main-menu li .text strong {
  display: block;
  /*color: #fff;*/
  color: #313131;
  font-size: 14px;
  font-weight: 500;
}

aside .main-menu ul li.active > a {
  background-color: transparent;
  box-shadow: none;
}

aside .main-menu ul li a:focus,
aside .main-menu > ul > li > a:hover {
  background-color: transparent;
}

aside .main-menu .info {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 14px;
}

aside .main-menu .info:after {
  content: "";
  display: block;
  width: 100%;
}

aside .main-menu ul li .label-checkbox {
  /*margin-right: 7px; position: relative; top: 15px;*/
  position: absolute;
  top: 32px;
  left: 14px;
}

aside .main-menu ul li .addup {
  display: inline-block;
  margin-right: 7px;
  position: relative;
  top: 14px;
  font-size: 14px;
  color: #000000;
  opacity: 0.8;
}

aside .main-menu .all-patient {
  margin-bottom: 44px;
}

aside .main-menu ul li.active,
aside .main-menu ul li:hover {
  background-color: #e5f2f9;
}

aside .calendar-holder {
  padding: 0 10px 10px;
}

aside .calendar-holder .ui-datepicker-inline {
  width: 100% !important;
  border-color: #d9dfe8;
  padding: 0px;
}

aside .calendar-holder .ui-datepicker-header {
  background: #f0f2f5;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 0px;
  color: #3c4045;
  font-size: 14px;
  font-weight: 500;
}

aside .calendar-holder .ui-datepicker th {
  color: #1e80d7;
  font-size: 12px;
  font-weight: 400;
}

aside .calendar-holder .ui-state-default {
  background: transparent;
  border: 1px solid #fff;
  color: #61676b;
  font-size: 12px;
  font-weight: 400;
  border-radius: 50px;
  text-align: center;
}

aside .calendar-holder .ui-datepicker-current-day .ui-state-default {
  border: 1px solid #1e80d7;
}

aside .calendar-holder .ui-datepicker-header .ui-state-hover {
  background: transparent;
  border: 0px;
  cursor: pointer;
}

aside .calendar-holder .ui-datepicker-next {
  background: url(../img/calendar-arrow-right.png) no-repeat center center !important;
}

aside .calendar-holder .ui-datepicker-prev {
  background: url(../img/calendar-arrow-left.png) no-repeat center center !important;
}

aside .patient-form {
  background: #f0f2f5;
  padding: 15px 10px;
  border: 1px solid #d9dfe8;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

aside .patient-form form .form-group {
  margin-bottom: 10px;
}

aside .patient-form form label {
  color: #232323;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  display: block;
}

aside .patient-form form label a {
  color: #232323;
  font-size: 12px;
  display: block;
  border-radius: 3px;
  border: 1px solid #5eb979;
  padding: 5px 10px 3px;
  position: absolute;
  right: 0px;
  top: -5px;
}

aside .patient-form form label a:hover {
  background: #5eb979;
  color: white;
}

aside .patient-form form label + strong,
aside .patient-form form label strong {
  color: #ef3232;
}

aside .patient-form form .form-control {
  font-size: 13px;
  font-weight: 400;
  color: #232323;
}

aside .patient-form form .form-control::-webkit-input-placeholder {
  color: #a2adbc;
}

aside .patient-form form .form-control:-ms-input-placeholder {
  color: #a2adbc;
}

aside .patient-form form .form-control::-ms-input-placeholder {
  color: #a2adbc;
}

aside .patient-form form .form-control::placeholder {
  color: #a2adbc;
}

aside .patient-form .form-horizontal .control-label {
  width: 80px;
  display: block;
  float: left;
  padding-right: 5px;
  padding-top: 8px;
}

aside .patient-form .form-horizontal .control-label + div {
  width: calc(100% - 80px);
  float: right;
}

aside .patient-form .form-horizontal .form-group:last-child label {
  width: 100%;
}

aside .patient-form .form-horizontal .form-group:last-child label + div {
  width: 100%;
}

aside.inner-page .content-block:last-child {
  margin-bottom: 0px;
}

aside .alert.alert-info {
  background-color: #26a6eb;
  color: #fff;
  border: 0px;
  text-align: left;
  margin-bottom: 0px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 300px;
  transition: all 0.5s;
  z-index: 9999;
}

aside .alert.alert-info a {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

aside .alert.alert-info i {
  margin-right: 10px;
}

aside .alert {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  border-radius: 0px;
}

aside .tabs-main-container {
  padding: 10px;
  margin-bottom: 10px;
}

aside .tabs-main-container .nav-tabs li {
  padding: 0px !important;
}

aside .tabs-main-container .nav-tabs li a {
  background: #fff;
  display: inline-block;
  width: 100% !important;
  text-align: center;
  padding: 10px 20px 8px !important;
  color: #068ad0;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  bottom: -1px;
  border-bottom-color: #ddd;
}

aside .tabs-main-container .nav-tabs li a.active {
  background-color: #f0f2f5;
  color: #232323;
  font-weight: 500;
  border-bottom-color: #f0f2f5;
  position: relative;
  bottom: -1px;
}

aside .tabs-main-container .tab-content {
  background-color: #f0f2f5;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 4px;
  padding: 15px 10px;
}

aside .tabs-main-container form .days .label-checkbox {
  color: #232323;
  font-size: 12px;
  width: 50%;
  margin-bottom: 5px;
  font-weight: 400;
}

aside .tabs-main-container form.form-horizontal .control-label {
  width: 80px;
  display: block;
  float: left;
  padding-right: 5px;
  padding-top: 8px;
}

aside .tabs-main-container form label {
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: block;
}

aside .tabs-main-container form label strong {
  color: #ef3232;
}

aside .tabs-main-container form.form-control {
  font-size: 13px;
  font-weight: 400;
  color: #232323;
}

aside .tabs-main-container form.form-horizontal .control-label + div {
  width: calc(100% - 80px);
  float: right;
}

aside .tabs-main-container form .form-control {
  font-size: 13px;
  font-weight: 400;
  color: #232323;
}

aside .tabs-main-container form .form-group {
  position: relative;
}

aside .tabs-main-container form .form-group a.link {
  color: #232323;
  font-size: 13px;
  display: block;
  border-radius: 4px;
  border: 1px solid #5eb979;
  padding: 5px 10px 3px;
  position: absolute;
  right: 0px;
  top: -4px;
}

aside .tabs-main-container form .item {
  display: table;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 100%;
}

aside .tabs-main-container form .item .text {
  display: table-cell;
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
  color: #232323;
  font-size: 12px;
}

aside .tabs-main-container form .item .text + a {
  display: table-cell;
  padding: 5px;
  vertical-align: middle;
  background-color: #f0f2f5;
  color: #e93449;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

aside .booking {
  border: 1px solid #ddd;
  background-color: #f0f2f5;
  padding: 15px 7px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 4px;
}

aside .booking h5 {
  padding: 0px;
  margin: 0 0 10px;
  color: #232323;
  font-size: 14px;
}

aside .booking form {
  margin-bottom: 60px;
}

aside .booking .option a {
  display: table;
  vertical-align: middle;
  width: 45%;
  float: right;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  margin-bottom: 12px;
}

aside .booking .option a span {
  display: table-cell;
  vertical-align: middle;
}

aside .booking .option a label {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  margin: 0px;
  cursor: pointer;
}

aside .booking .option a:nth-child(2n+1) {
  float: left;
}

aside .booking .option a.physio {
  background-color: #8185ab;
}

aside .booking .option a.swimming {
  background-color: #8891ea;
}

aside .booking .option a.custom {
  background-color: #b887d9;
}

aside .booking .btn {
  color: #232323;
  font-size: 13px;
  padding: 0.5rem;
}

.previous-appointments table.table th {
  padding: 10px 5px !important;
}

.previous-appointments table.table td {
  padding: 10px 5px !important;
}

.bootstrap-timepicker-widget {
  left: -13px;
}

aside form.form-horizontal .control-label {
  width: 80px;
  display: block;
  float: left;
  padding-right: 5px;
  padding-top: 8px;
}

aside form label {
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: block;
}

aside form label strong {
  color: #ef3232;
}

aside form.form-control {
  font-size: 13px;
  font-weight: 400;
  color: #232323;
}

aside form.form-horizontal .control-label + div {
  width: calc(100% - 80px);
  float: right;
}

aside form .form-control {
  font-size: 13px;
  font-weight: 400;
  color: #232323;
}

aside .table th,
aside .table td {
  white-space: nowrap;
  max-width: 50%;
  word-break: break-all;
}

aside .table th {
  font-size: 12px;
  font-weight: 500;
}

aside .table td {
  font-size: 12px;
  font-weight: 400;
}

aside .table td a:link {
  display: inline-block;
  margin-right: 10px;
}

aside .appointment-block {
  padding: 0 10px;
}

aside .appointment-block .booking {
  margin: 0 0 15px;
}

@media (max-width: 767px) {
  aside {
    left: -300px;
    width: 300px;
  }
  #wrapper.sidebar-hide aside {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .sidebar-hide + footer {
    margin-left: 300px;
  }
  aside .sidebar-inner .user-block {
    padding: 25px 10px;
  }
  aside .sidebar-inner .user-block h2 {
    padding: 0 0 15px;
  }
  aside .sidebar-inner .user-block h2 + div a {
    min-width: 70px;
  }
  aside .sidebar-inner .user-block h2,
  aside .sidebar-inner .user-block h2 + div {
    float: none !important;
    width: 100%;
  }
  aside .navbar-toggle {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    border: 0px;
    background-color: #2f3849;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    z-index: 9999;
  }
}
@media (max-width: 1199.98px) {
  #wrapper.sidebar-mini aside {
    width: 300px;
  }
  aside.fixed {
    left: -300px;
    width: 300px;
  }
  aside .alert.alert-info {
    left: -300px;
  }
  footer {
    padding-left: 15px !important;
  }
  #wrapper.sidebar-hide aside {
    left: 0px;
  }
  #wrapper.sidebar-hide aside .alert.alert-info {
    left: 0px;
  }
  #wrapper.sidebar-hide #main-container {
    left: 0px;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
  }
  #wrapper.sidebar-hide aside.fixed.d-none + #main-container {
    left: 0px;
    -webkit-transform: none;
    transform: none;
  }
  .sidebar-hide + footer {
    margin-left: 300px;
  }
}
@media (max-width: 320px) {
  .main-title {
    font-size: 18px !important;
    position: relative;
    top: 6px;
  }
}
aside.fixed {
  z-index: 200;
  position: absolute;
  padding-top: 0;
  transition: all 0.35s ease-in-out;
}

.aside.fixed {
  z-index: 200;
  top: 0;
}

.aside .main-menu .title {
  padding: 10px;
  margin: 0px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: rgba(var(--main-color_rgb), 0.05);
}

aside .main-menu li .dropdown .dropdown-menu {
  left: auto !important;
  right: 0;
}
aside .main-menu li .dropdown .dropdown-menu .dropdown-menu {
  min-width: 140px;
  width: 140px;
}
aside .main-menu li .dropdown .dropdown-menu .dropdown-menu .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

aside .main-menu .patients-list .info:after {
  display: none;
}

.aside form.form-horizontal .control-label {
  width: 80px;
  display: block;
  float: left;
  padding-right: 5px;
  padding-top: 8px;
}

.aside form.form-horizontal .control-label + div {
  width: calc(100% - 80px);
  float: right;
}

.aside .main-menu ul li {
  position: relative;
  border-bottom: 1px solid #fff4e5;
  padding: 14px 20px 14px 38px;
  border-top: 0px !important;
  transition: all 0.3s;
}

.aside .main-menu li {
  padding: 10px 10px 10px 30px !important;
}
.aside .main-menu li .label-checkbox {
  top: 20px !important;
}
.aside .main-menu li .text {
  width: calc(100% - 50px);
  margin-left: 5px;
}
.aside .main-menu li .info {
  width: calc(100% - 20px);
  padding: 0 8px;
}
.aside .main-menu li .info:focus, .aside .main-menu li .info:visited {
  outline: none !important;
}
.aside .main-menu li .info.full {
  width: 100%;
}
.aside .main-menu li .info + .dropdown,
.aside .main-menu li .action {
  width: 20px;
  right: 10px !important;
}

aside .main-menu li {
  padding: 10px 10px 10px 10px !important;
}
aside .main-menu li .label-checkbox {
  top: 20px !important;
}
aside .main-menu li .text {
  width: calc(100% - 60px);
  margin-left: 5px;
}
aside .main-menu li .text strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
aside .main-menu li .text strong .cus-content-span {
  max-width: 75% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
aside .main-menu li .info {
  width: calc(100% - 20px);
  padding: 0 8px;
}
aside .main-menu li .info:focus, aside .main-menu li .info:visited {
  outline: none !important;
}
aside .main-menu li .info.full {
  width: 100%;
}
aside .main-menu li .info + .dropdown,
aside .main-menu li .action {
  width: 20px;
  right: 10px !important;
}

.popup-content {
  padding: 25px 15px;
  margin-top: 8px;
  width: 35%;
  height: calc(100vh - 200px);
  overflow: auto;
  background: #fff;
  float: left;
  display: none;
  color: #333;
}
.popup-content .exercise-list {
  padding-top: 20px;
  padding-bottom: 20px;
}
.popup-content .close {
  margin-top: -20px;
  margin-right: -8px;
  font-size: 1.4em;
}
.popup-content.open {
  display: inline-block;
}
@media (max-width: 767px) {
  .popup-content .main-tabs-holder .nav-tabs {
    display: block;
  }
}

.popup-content.open + .main-content {
  width: 65%;
  padding-left: 15px;
  float: left;
}

@media (max-width: 991px) {
  .popup-content {
    left: 0;
    top: 65px;
    z-index: 101;
    width: 85%;
    overflow: auto;
    bottom: 0;
    height: auto;
  }
  .main-content {
    padding: 0;
    height: auto;
    overflow: unset;
  }
  .main-content.has_popup {
    width: 100%;
    padding-left: 0;
    float: left;
    position: fixed;
  }
  .main-content.has_popup:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 15;
  }
}
@media (max-width: 768px) {
  .full-page .popup-content {
    bottom: 55px;
  }
}
@media (max-width: 992px) and (orientation: landscape) {
  .full-page .popup-content {
    bottom: 55px;
  }
}
/* Re-style for aside with flex */
aside {
  padding-top: 0;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

aside .sidebar-inner {
  width: 100%;
  order: 1;
  flex-grow: 1;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

aside .user-block {
  order: 1;
  width: 100%;
}

aside .main-menu {
  order: 2;
  flex-grow: 1;
  overflow: auto;
  width: 100%;
  overflow-anchor: visible;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

aside #sendEmail {
  order: 2;
  height: 45px;
  position: initial;
}

aside .sidebar-inner {
  height: 50%;
}

@media (max-width: 1023px) {
  .custom-controls.popup-content {
    height: calc(100vh - 140px) !important;
  }
}
@media (max-width: 767px) {
  .custom-controls.popup-content {
    height: calc(100vh - 115px) !important;
  }
}

.show-filter .options {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  padding: 7px 15px;
  text-align: right;
  color: white;
  background-color: var(--main-color);
  z-index: 9999;
}

.show-filter .options a {
  color: white !important;
}

.cutting-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}

.filters-listing {
  padding: 40px 12px 12px;
}

.filters-listing .list-holder li {
  border-bottom: 1px solid #eceef1;
  padding: 10px 0 10px 0 !important;
  position: relative;
}

.filters-listing .list-holder li .label-checkbox {
  margin-right: 10px;
}

.filters-listing .list-holder h5 {
  padding: 0px;
  margin: 0px;
  color: #232323;
  font-size: 13px;
  font-weight: 400;
  white-space: normal;
  margin-top: 3px;
}

.patients-list ul li .info {
  padding-left: 0 !important;
}

@media (min-width: 992px) {
  .popup-view-class-detail {
    min-width: 900px;
  }
}
.table-striped tbody tr:nth-of-type(2n+1) {
  background: white !important;
}

#table-class-list tr td {
  padding: 8px !important;
}

.table tr {
  border: none !important;
}
.table tr.highlighted {
  background: #f0f2f5;
}
.table tr th {
  padding: 8px !important;
  vertical-align: bottom;
  font-weight: 700 !important;
}
.table tr th.fit-text {
  width: 1%;
  white-space: nowrap;
}
.table tr td {
  padding: 8px !important;
  vertical-align: middle !important;
}
.table tr td.align-top {
  vertical-align: top !important;
}
.table tr td.align-bottom {
  vertical-align: bottom !important;
}
.table tr td.fit-text {
  width: 1%;
  white-space: nowrap;
}
.table tr td.fit-text.remit-detail {
  width: 6%;
}
.table tr td.fit-text.remit-detail__custom-action {
  color: #26a6eb;
}
.table tr td.paddingless-horizonal {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.table tr td.pb-14 {
  padding-bottom: 1.5rem !important;
}
.table.border-row--none tr td {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
.table.table-hover tbody tr {
  border-bottom: 1px solid #e3e6ec;
}
.table.table-hover tbody tr:hover {
  background-color: rgba(var(--main-color_rgb), 0.13) !important;
}
.table.table-hover tbody tr.item--not-hover:hover {
  background-color: unset !important;
}
.table.table--fit-content th, .table.table--fit-content td {
  padding: 2px !important;
}
.table.table--align-top th, .table.table--align-top td {
  vertical-align: top !important;
}
.table.table--border-bottom tr td {
  border: 0px;
  border-bottom: 1px solid #e3e6ec;
}
.table.table--border-bottom tr td.border-0 {
  border-bottom: 0px;
}

.table thead th {
  background: rgb(240, 242, 245);
}
.table thead tr.highlighted th {
  background: #dedede;
}
.table thead tr.section th {
  background: var(--main-color) !important;
  color: var(--secondary-color);
}
.table tbody td.label {
  background: #F5F5F7;
}
.table tbody td.eligibility-addition ul, .table li {
  list-style: inside;
}

.table-group--responsive {
  display: block;
  width: 100%;
  overflow-x: scroll;
}
@media screen and (min-width: 1024px) {
  .table-group--responsive {
    display: table;
  }
}

.table-controls {
  padding-left: 35px;
  padding-top: 35px;
}
.table-controls .word-break-all {
  word-break: break-all;
}
.table-controls .table tbody > tr > td {
  position: relative;
  word-break: break-word;
}
.table-controls .btn-remove-column {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 5px;
}
.table-controls .btn-remove-row {
  position: absolute;
  right: 100%;
  margin-right: 5px;
}

.table-controls {
  position: relative;
}
.table-controls table {
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: fixed;
}
.table-controls table.table {
  padding: 10px;
}
.table-controls table td {
  border: 1px solid #eceeef;
}
.table-controls table td.no-cell {
  border-color: transparent !important;
}

.table-vertically-scrollable {
  overflow: auto;
}
.table-vertically-scrollable .scrollable {
  overflow-x: hidden;
  overflow-y: auto;
}
.table-vertically-scrollable .table-head .table-cell {
  background: #f0f2f5;
}
.table-vertically-scrollable .table-body {
  overflow-x: hidden;
  overflow-y: auto;
}
.table-vertically-scrollable .table-cell {
  white-space: nowrap;
  word-break: break-word;
  padding: 8px;
}
.table-vertically-scrollable .d-table-row {
  display: table-row;
}
.table-vertically-scrollable .custom-controls input[type=checkbox],
.table-vertically-scrollable .custom-controls input[type=radio] {
  opacity: 0;
}

.table-controls {
  padding-left: 35px;
  padding-top: 35px;
}
.table-controls .table tbody > tr > td {
  position: relative;
}
.table-controls .btn-remove-column {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 5px;
}
.table-controls .btn-remove-row {
  position: absolute;
  right: 100%;
  margin-right: 5px;
}

.multiple .row {
  width: 100%;
  margin: 0;
}
.multiple .row [class^=col-],
.multiple .row [class*=" col-"] {
  padding: 0;
}
.multiple .row [class^=col-] .form-control,
.multiple .row [class*=" col-"] .form-control {
  width: 100%;
  min-height: 28px;
}

.col-name {
  width: 200px;
}

.table-bordered--horizonal td {
  border-left: 0px;
  border-right: 0px;
}

.table-minimal tr td {
  padding: 2px !important;
}
.table-minimal tr td.p-10 {
  padding: 10px !important;
}
.table-minimal tr td.p-15 {
  padding: 15px !important;
}

.table-wrap--shadowed {
  width: 100%;
  border: solid 1px rgba(208, 208, 208, 0.5);
  border-radius: 10px;
  padding: 2px;
}

.drag-item.ui-sortable-helper .table-wrap--shadowed, .table-exercise-item--sortable.ui-sortable-helper .table-wrap--shadowed {
  background: white;
  box-shadow: 0px 2px 10px 0px #ccc;
}

.table-responsive.overflow-vertically {
  overflow-y: hidden;
  overflow-x: auto;
}

.table.table-icd-list.sortable tr:first-child td {
  border-top: 0px;
}
.table.table-icd-list.sortable tr.table-icd-item {
  border: 1px solid #eee !important;
}
.table.table-icd-list.sortable tr.table-icd-item.table-icd-item--sortable {
  cursor: move;
}

.table-ellipsis.table-ellipsis--scrollable {
  max-height: 215px;
  overflow-y: auto;
  overflow-x: hidden;
}
.table-ellipsis.table-ellipsis--scrollable .table thead th {
  position: sticky;
  top: -2px;
  z-index: 1;
}
.table-ellipsis .table {
  table-layout: fixed;
}
.table-ellipsis .table thead th {
  font-size: 11px;
  white-space: nowrap;
  padding: 8px 2px 8px 8px !important;
}
.table-ellipsis td {
  position: relative;
}
.table-ellipsis td span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.table-ellipsis td:focus::after, .table-ellipsis td:active::after, .table-ellipsis td:focus-within::after {
  content: attr(title);
  border: solid 1px #ccc;
  position: absolute;
  width: auto;
  padding: 2px;
  height: auto;
  color: #777777;
  background: white;
  box-shadow: #ccc 1px 1px 3px;
  left: 0px;
  top: 30px;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  z-index: 101;
}
@media (hover: hover) and (pointer: fine) {
  .table-ellipsis td:focus::after, .table-ellipsis td:active::after, .table-ellipsis td:focus-within::after {
    content: none;
  }
}

.table-fixed {
  table-layout: fixed;
}

.table-collapsible tr.row-highlighted td {
  background: #d2e8f4;
}
.table-collapsible tr td[data-toggle] .icon-toggle, .table-collapsible tr td [data-toggle] .icon-toggle, .table-collapsible tr td[data-toggle-custom] .icon-toggle, .table-collapsible tr td [data-toggle-custom] .icon-toggle, .table-collapsible tr *[data-toggle] .icon-toggle, .table-collapsible tr * [data-toggle] .icon-toggle, .table-collapsible tr *[data-toggle-custom] .icon-toggle, .table-collapsible tr * [data-toggle-custom] .icon-toggle, .table-collapsible tr[data-toggle] .icon-toggle, .table-collapsible tr [data-toggle] .icon-toggle, .table-collapsible tr[data-toggle-custom] .icon-toggle, .table-collapsible tr [data-toggle-custom] .icon-toggle {
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
}
.table-collapsible tr td[data-toggle][aria-expanded=true] .icon-toggle::before, .table-collapsible tr td [data-toggle][aria-expanded=true] .icon-toggle::before, .table-collapsible tr td[data-toggle-custom][aria-expanded=true] .icon-toggle::before, .table-collapsible tr td [data-toggle-custom][aria-expanded=true] .icon-toggle::before, .table-collapsible tr *[data-toggle][aria-expanded=true] .icon-toggle::before, .table-collapsible tr * [data-toggle][aria-expanded=true] .icon-toggle::before, .table-collapsible tr *[data-toggle-custom][aria-expanded=true] .icon-toggle::before, .table-collapsible tr * [data-toggle-custom][aria-expanded=true] .icon-toggle::before, .table-collapsible tr[data-toggle][aria-expanded=true] .icon-toggle::before, .table-collapsible tr [data-toggle][aria-expanded=true] .icon-toggle::before, .table-collapsible tr[data-toggle-custom][aria-expanded=true] .icon-toggle::before, .table-collapsible tr [data-toggle-custom][aria-expanded=true] .icon-toggle::before {
  content: "\f107";
}
.table-collapsible tr td[data-toggle][aria-expanded=true] .fa-angle-down, .table-collapsible tr td [data-toggle][aria-expanded=true] .fa-angle-down, .table-collapsible tr td[data-toggle-custom][aria-expanded=true] .fa-angle-down, .table-collapsible tr td [data-toggle-custom][aria-expanded=true] .fa-angle-down, .table-collapsible tr *[data-toggle][aria-expanded=true] .fa-angle-down, .table-collapsible tr * [data-toggle][aria-expanded=true] .fa-angle-down, .table-collapsible tr *[data-toggle-custom][aria-expanded=true] .fa-angle-down, .table-collapsible tr * [data-toggle-custom][aria-expanded=true] .fa-angle-down, .table-collapsible tr[data-toggle][aria-expanded=true] .fa-angle-down, .table-collapsible tr [data-toggle][aria-expanded=true] .fa-angle-down, .table-collapsible tr[data-toggle-custom][aria-expanded=true] .fa-angle-down, .table-collapsible tr [data-toggle-custom][aria-expanded=true] .fa-angle-down {
  display: inline-block;
}
.table-collapsible tr td[data-toggle][aria-expanded=true] .fa-angle-up, .table-collapsible tr td [data-toggle][aria-expanded=true] .fa-angle-up, .table-collapsible tr td[data-toggle-custom][aria-expanded=true] .fa-angle-up, .table-collapsible tr td [data-toggle-custom][aria-expanded=true] .fa-angle-up, .table-collapsible tr *[data-toggle][aria-expanded=true] .fa-angle-up, .table-collapsible tr * [data-toggle][aria-expanded=true] .fa-angle-up, .table-collapsible tr *[data-toggle-custom][aria-expanded=true] .fa-angle-up, .table-collapsible tr * [data-toggle-custom][aria-expanded=true] .fa-angle-up, .table-collapsible tr[data-toggle][aria-expanded=true] .fa-angle-up, .table-collapsible tr [data-toggle][aria-expanded=true] .fa-angle-up, .table-collapsible tr[data-toggle-custom][aria-expanded=true] .fa-angle-up, .table-collapsible tr [data-toggle-custom][aria-expanded=true] .fa-angle-up {
  display: none;
}
.table-collapsible tr td[data-toggle][aria-expanded=false] .icon-toggle::before, .table-collapsible tr td [data-toggle][aria-expanded=false] .icon-toggle::before, .table-collapsible tr td[data-toggle-custom][aria-expanded=false] .icon-toggle::before, .table-collapsible tr td [data-toggle-custom][aria-expanded=false] .icon-toggle::before, .table-collapsible tr *[data-toggle][aria-expanded=false] .icon-toggle::before, .table-collapsible tr * [data-toggle][aria-expanded=false] .icon-toggle::before, .table-collapsible tr *[data-toggle-custom][aria-expanded=false] .icon-toggle::before, .table-collapsible tr * [data-toggle-custom][aria-expanded=false] .icon-toggle::before, .table-collapsible tr[data-toggle][aria-expanded=false] .icon-toggle::before, .table-collapsible tr [data-toggle][aria-expanded=false] .icon-toggle::before, .table-collapsible tr[data-toggle-custom][aria-expanded=false] .icon-toggle::before, .table-collapsible tr [data-toggle-custom][aria-expanded=false] .icon-toggle::before {
  content: "\f106";
}
.table-collapsible tr td[data-toggle][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr td [data-toggle][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr td[data-toggle-custom][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr td [data-toggle-custom][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr *[data-toggle][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr * [data-toggle][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr *[data-toggle-custom][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr * [data-toggle-custom][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr[data-toggle][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr [data-toggle][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr[data-toggle-custom][aria-expanded=false] .icon-toggle--horizonal::before, .table-collapsible tr [data-toggle-custom][aria-expanded=false] .icon-toggle--horizonal::before {
  content: "\f105";
}
.table-collapsible tr td[data-toggle][aria-expanded=false] .fa-angle-down, .table-collapsible tr td [data-toggle][aria-expanded=false] .fa-angle-down, .table-collapsible tr td[data-toggle-custom][aria-expanded=false] .fa-angle-down, .table-collapsible tr td [data-toggle-custom][aria-expanded=false] .fa-angle-down, .table-collapsible tr *[data-toggle][aria-expanded=false] .fa-angle-down, .table-collapsible tr * [data-toggle][aria-expanded=false] .fa-angle-down, .table-collapsible tr *[data-toggle-custom][aria-expanded=false] .fa-angle-down, .table-collapsible tr * [data-toggle-custom][aria-expanded=false] .fa-angle-down, .table-collapsible tr[data-toggle][aria-expanded=false] .fa-angle-down, .table-collapsible tr [data-toggle][aria-expanded=false] .fa-angle-down, .table-collapsible tr[data-toggle-custom][aria-expanded=false] .fa-angle-down, .table-collapsible tr [data-toggle-custom][aria-expanded=false] .fa-angle-down {
  display: none;
}
.table-collapsible tr td[data-toggle][aria-expanded=false] .fa-angle-up, .table-collapsible tr td [data-toggle][aria-expanded=false] .fa-angle-up, .table-collapsible tr td[data-toggle-custom][aria-expanded=false] .fa-angle-up, .table-collapsible tr td [data-toggle-custom][aria-expanded=false] .fa-angle-up, .table-collapsible tr *[data-toggle][aria-expanded=false] .fa-angle-up, .table-collapsible tr * [data-toggle][aria-expanded=false] .fa-angle-up, .table-collapsible tr *[data-toggle-custom][aria-expanded=false] .fa-angle-up, .table-collapsible tr * [data-toggle-custom][aria-expanded=false] .fa-angle-up, .table-collapsible tr[data-toggle][aria-expanded=false] .fa-angle-up, .table-collapsible tr [data-toggle][aria-expanded=false] .fa-angle-up, .table-collapsible tr[data-toggle-custom][aria-expanded=false] .fa-angle-up, .table-collapsible tr [data-toggle-custom][aria-expanded=false] .fa-angle-up {
  display: inline-block;
}
.table-collapsible tr.collapse, .table-collapsible tr.collapsing, .table-collapsible tr.collapsed {
  display: table-row;
}
.table-collapsible tr.collapse:not(.in):not(.show):not([data-toggle]), .table-collapsible tr.collapsing:not(.in):not(.show):not([data-toggle]), .table-collapsible tr.collapsed:not(.in):not(.show):not([data-toggle]) {
  display: none;
}
.table-collapsible tr.collapse > td, .table-collapsible tr.collapsing > td, .table-collapsible tr.collapsed > td {
  height: 0px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}
.table-collapsible tr.collapse > td.p0, .table-collapsible tr.collapsing > td.p0, .table-collapsible tr.collapsed > td.p0 {
  padding: 0px !important;
}
.table-collapsible tr.collapse.in, .table-collapsible tr.collapse.show, .table-collapsible tr.collapsing.in, .table-collapsible tr.collapsing.show, .table-collapsible tr.collapsed.in, .table-collapsible tr.collapsed.show {
  display: table-row;
  visibility: visible;
}

table td.text-right input.text-right {
  margin-right: 0px !important;
  margin-left: auto !important;
  text-align: right;
}

.tableFixedHead tr th {
  position: sticky;
  top: -1px;
  z-index: 4;
  white-space: nowrap;
}

.table.table-narrow tbody > tr > td {
  padding: 6px !important;
}

.table.table--grey {
  border: 0px;
}
.table.table--grey th {
  background: grey;
  color: white;
  vertical-align: middle;
}
.table.table--grey tbody > tr > td {
  border-color: #cccccc;
}
.table.table--grey.table--fit tr > td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
@media screen and (min-width: 768px) {
  .table.table--grey.table--fit td:first-child, .table.table--grey.table--fit td.fit-text {
    width: 1%;
    white-space: nowrap;
  }
}

.table.table-era .table-era__headline {
  background: #F0F2F5;
  color: #777777;
  font-weight: 600;
  font-size: 16px;
}
.table.table-era .table-era__title {
  background: #D2E8F4;
  width: 40%;
}

.table.table--clean-style th, .table.table--clean-style td {
  background: #FFFFFF;
}
.table.table--clean-style thead th {
  padding: 20px;
  color: #232323;
  background: rgba(var(--main-color_rgb), 0.1);
  border: solid 1px rgba(var(--main-color_rgb), 0.1);
  border-color: rgba(var(--main-color_rgb), 0.1);
}
.table.table--clean-style td {
  padding: 20px;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  border: solid 1px #E3E3E3;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .table.table--clean-style td {
    font-size: 14px;
  }
}
.table.table--clean-style td.valign-top {
  vertical-align: top !important;
}
.table.table--clean-style td p {
  margin-bottom: 10px;
}
.table.table--clean-style .blank-cell {
  border: none;
  background: none;
}

.row-no-border td {
  border: none;
}

#tableRemitDetails .table tr td {
  vertical-align: middle !important;
}
#tableRemitDetails .table tr td p {
  margin-bottom: 0;
}

/* PTE-5228: copy css from PTE-5263 */
.notice-table::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.notice-table::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.notice-table::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.notice-table:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.notice-table:hover::-webkit-scrollbar-thumb {
  background-color: rgba(131, 131, 131, 0.6156862745);
  border: 1px solid transparent;
}
.notice-table table.width-mobile {
  width: 100% !important;
  max-width: 100% !important;
}
@media screen and (max-width: 767.98px) {
  .notice-table table.width-mobile {
    width: 725px !important;
    max-width: 725px !important;
  }
}
.notice-table table thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.notice-table table thead tr th {
  background: white;
  vertical-align: top !important;
  border-bottom: 0px;
  border-top: 1px solid #e3e3e3;
}
.notice-table table tbody {
  display: block;
  min-height: 100px;
  max-height: 230px;
  overflow-y: auto;
}
.notice-table table tbody.tbody-notice {
  max-height: 375px;
}
@media screen and (max-width: 767.98px) {
  .notice-table table tbody {
    max-height: 100%;
  }
}
.notice-table table tbody::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.notice-table table tbody::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.notice-table table tbody::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.notice-table table tbody:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.notice-table table tbody:hover::-webkit-scrollbar-thumb {
  background-color: rgba(131, 131, 131, 0.6156862745);
  border: 1px solid transparent;
}
.notice-table table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.notice-table table tbody tr td {
  word-break: break-word;
  border-top: 1px solid #e3e3e3;
}
.notice-table table tbody tr .cus-width-datepicker {
  max-width: 100%;
}
.notice-table table tbody tr .cus-width-datepicker .md-datepicker-input-container {
  max-width: 80%;
}
.notice-table table tbody tr .cus-dropdown-box .cus-container-dropdown .dropdown-toggle {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
  padding: 3px 0;
}
.notice-table table tbody tr:last-child {
  border-bottom: 1px solid #e3e3e3 !important;
}

.focus-item:focus {
  outline: 1px solid rgba(192, 188, 188, 0.7333333333);
  border-radius: 4px;
  padding: 4px;
}

.load-eob-payment .w-3 {
  width: 3%;
}
.load-eob-payment .w-5 {
  width: 5%;
}
.load-eob-payment .w-7 {
  width: 7%;
}
.load-eob-payment .w-8 {
  width: 8%;
}
.load-eob-payment .w-10 {
  width: 10%;
}
.load-eob-payment .w-12 {
  width: 12%;
}
.load-eob-payment .w-15 {
  width: 15%;
}
.load-eob-payment::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.load-eob-payment::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.load-eob-payment::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.load-eob-payment:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.load-eob-payment:hover::-webkit-scrollbar-thumb {
  background-color: rgba(131, 131, 131, 0.6156862745);
  border: 1px solid transparent;
}
.load-eob-payment table.width-mobile {
  width: 100% !important;
  max-width: 100% !important;
}
@media screen and (max-width: 767.98px) {
  .load-eob-payment table.width-mobile {
    width: 725px !important;
    max-width: 725px !important;
  }
}
.load-eob-payment table thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.load-eob-payment table thead tr th {
  background: white;
  vertical-align: top !important;
  border-bottom: 0px;
  border-top: 1px solid #e3e3e3;
}
.load-eob-payment table tbody.custom-tbody {
  min-height: 42px;
  border-top: 0 !important;
}
.load-eob-payment table tbody.custom-tbody tr {
  border-bottom: none !important;
  border-top: 0 !important;
}
.load-eob-payment table tbody {
  display: block;
  min-height: 42px;
  max-height: 275px;
  overflow-y: auto;
}
@media screen and (max-width: 1366px) {
  .load-eob-payment table tbody {
    max-height: 175px;
  }
}
.load-eob-payment table tbody.tbody-notice {
  max-height: 375px;
}
.load-eob-payment table tbody::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.load-eob-payment table tbody::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.load-eob-payment table tbody::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.load-eob-payment table tbody:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.load-eob-payment table tbody:hover::-webkit-scrollbar-thumb {
  background-color: rgba(131, 131, 131, 0.6156862745);
  border: 1px solid transparent;
}
.load-eob-payment table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.load-eob-payment table tbody tr td {
  word-break: break-word;
  border-top: 1px solid #e3e3e3;
  vertical-align: top !important;
}
.load-eob-payment table tbody tr td:focus {
  outline: 1px solid #838383;
}
.load-eob-payment table tbody tr td.non-border-top {
  border-top: none;
}
.load-eob-payment table tbody tr .cus-dropdown-box__cus-width-dropdown .custom-dropdown-pte {
  width: 325px !important;
}
.load-eob-payment table tbody tr .cus-dropdown-box dropdown-box-pte:focus {
  outline: 0;
  border: 0;
}
.load-eob-payment table tbody tr .cus-dropdown-box dropdown-box-pte .cus-container-dropdown:focus {
  outline: 0;
  border: 0;
}
.load-eob-payment table tbody tr .cus-dropdown-box dropdown-box-pte .cus-container-dropdown .dropdown-toggle {
  border-radius: 0px;
  border-color: #FFF;
  border-bottom: 1px solid #e3e3e3 !important;
}
.load-eob-payment table tbody tr .cus-dropdown-box dropdown-box-pte .cus-container-dropdown .dropdown-toggle span {
  max-width: 150px;
}
.load-eob-payment table tbody tr .cus-width-datepicker {
  max-width: 100%;
}
.load-eob-payment table tbody tr .cus-width-datepicker .md-datepicker-input-container {
  max-width: 80%;
}
.load-eob-payment table tbody tr .cus-dropdown-box .cus-container-dropdown .dropdown-toggle {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
  padding: 3px 0;
}
.load-eob-payment table tbody tr .cus-dropdown-box .cus-container-dropdown .dropdown-content {
  max-height: 175px;
  overflow-y: auto;
}

.table-new-version .container-table .table-responsive {
  border: 1px solid #838383;
  border-radius: 8px;
}
.table-new-version .container-table .table-responsive::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.table-new-version .container-table .table-responsive::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.table-new-version .container-table .table-responsive::-webkit-scrollbar-thumb {
  background-color: #838383;
  border-radius: 8px;
}
.table-new-version .container-table .table-responsive .total-title {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #000;
}
.table-new-version .container-table .table-responsive table {
  font-family: "Hind";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.table-new-version .container-table .table-responsive table#remit-detail-list.table-version-two tr > td:first-child, .table-new-version .container-table .table-responsive table#remit-detail-list.table-version-two tr > td:last-child {
  border-bottom: 0 !important;
}
.table-new-version .container-table .table-responsive table#remit-detail-list.table-version-two tr td.custom-colspan-100 {
  outline: 0 !important;
  border-top: 1px solid #838383 !important;
}
.table-new-version .container-table .table-responsive table .thead tr th:first-child {
  border-left: 0 !important;
}
.table-new-version .container-table .table-responsive table .thead tr th:last-child {
  border-right: 0 !important;
}
.table-new-version .container-table .table-responsive table .thead tr th {
  font-weight: 600 !important;
  color: #000;
  border: 1px solid #838383 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  white-space: normal;
}
.table-new-version .container-table .table-responsive table tbody tr td {
  color: #000;
  border: 1px solid #838383 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.table-new-version .container-table .table-responsive table tbody tr td md-checkbox {
  margin-bottom: 0 !important;
}
.table-new-version .container-table .table-responsive table tbody tr td:first-child {
  border-left: 0 !important;
}
.table-new-version .container-table .table-responsive table tbody tr td:last-child {
  border-right: 0 !important;
}
.table-new-version .container-table .table-responsive table.clip-text thead tr th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 175px;
}
.table-new-version .container-table .table-responsive table.clip-text tbody tr td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 175px;
}
.table-new-version .container-table .table-responsive table.wrap-text tbody tr td {
  max-width: 275px;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.table-new-version .container-table .table-responsive #sub-table thead tr th {
  font-size: 14px !important;
  line-height: 20px !important;
}
.table-new-version .container-table .table-responsive #sub-table tbody tr td {
  border: 0px solid #838383 !important;
  border-bottom: 1px solid #ececec !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.table-new-version .container-table .container-pagination {
  margin-top: 20px;
}

.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple]:focus,
textarea.form-control:focus {
  border-color: rgba(var(--main-color_rgb), 0.8);
  box-shadow: inset 0 1px 1px rgba(var(--main-color_rgb), 0.075), 0 0 8px rgba(var(--main-color_rgb), 0.6);
}

input[type=search]:-moz-placeholder {
  color: #fff;
}
@media screen and (max-width: 580px) {
  input[type=search]:-moz-placeholder {
    color: #333;
  }
}

input.ng-pristine.ng-valid.ng-not-empty.ng-touched:focus {
  outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color transparent !important;
  transition: background-color transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.input-group-addon {
  color: #909eaa !important;
}

.input-group.inline-icon .form-control {
  border-right: 0;
}
.input-group.inline-icon .input-group-addon {
  background: white;
  border-left: 0;
}

.form-control:focus {
  border-color: var(--main-color) !important;
}

input[type=checkbox]:checked + .custom-checkbox {
  background: #26a6eb;
  border: 1px solid #26a6eb;
}
input[type=checkbox]:checked + .custom-checkbox:before {
  content: "\f00c";
  color: white;
}
input[type=checkbox][disabled]:checked + .custom-checkbox {
  background: rgb(170, 170, 170);
  border: rgb(170, 170, 170);
  cursor: default;
}

.custom-controls .date-range input {
  border-bottom: none !important;
}

.date-range {
  position: relative;
  color: #aaa;
  font-size: 16px;
  min-width: 190px;
  width: 100%;
  background: white;
  border-radius: 4px;
  height: 38px;
  padding-right: 20px;
}
.date-range input {
  text-indent: 10px;
  height: 100% !important;
  min-height: 100% !important;
  border-bottom: none !important;
}
.date-range::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  position: absolute;
  right: 10px;
  top: 42%;
}

.date-range-custom {
  height: 28px;
  width: 190px;
  display: inline-block;
}

.dropdown-custom {
  width: 100px;
  position: relative;
  color: black;
  font-size: 16px;
}

.dropdown-custom select {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  border: 2px solid #aaa;
  border-radius: 5px !important;
  min-height: 35px;
  background: unset;
}

.dropdown-custom select {
  text-indent: 10px;
}

.dropdown-custom .fa-caret-down {
  position: absolute;
  top: 9px;
  right: 5px;
}

.text-red {
  color: #F5222D;
}

.select-custom {
  height: 26px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  color: #000;
}

.label-custom {
  vertical-align: middle;
  line-height: 30px;
  margin-right: 20px;
  text-align: center;
  font-size: 18px;
}

ck-textbox .ckTextbox-toolBar {
  padding: 5px;
  border-bottom: 1px solid #cfd1cf;
  background-color: #cfd1cf;
}

.ckTextbox {
  -webkit-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  box-sizing: border-box;
  overflow: auto;
  padding: 12px;
  width: 100%;
  cursor: text;
  line-height: 20px !important;
  border: 1px solid #F0F2F5 !important;
}
.ckTextbox ol li {
  list-style-type: decimal;
}
.ckTextbox ul li {
  list-style-type: disc;
  margin-left: 15px;
}
.ckTextbox ul ul li {
  list-style-type: square;
  margin-left: 30px;
}
.ckTextbox blockquote {
  font-size: inherit;
}

.acc-gg__color-opt {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  border: solid 2px #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.acc-gg__color-opt.acc-gg__color-opt--empty {
  background-image: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);
  background-size: 8px 8px;
  background-position: 0 0, 4px 12px;
}

.acc-gg__color #colorDropdownOpt {
  min-width: 101px;
}
.acc-gg__color .btn {
  transition: all 0.5s;
}
.acc-gg__color .btn.dropdown-toggle {
  background: rgba(0, 0, 0, 0.122);
  padding: 5px 16px 5px 16px;
  color: #80868b;
}
.acc-gg__color .btn.dropdown-toggle:focus {
  box-shadow: none;
}
.acc-gg__color .dropdown-menu {
  padding: 10px !important;
  width: 85px;
  left: 15px;
}

.color-opt {
  display: inline;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.color-opt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* Create a custom checkbox */
.color-opt__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.color-opt:hover input ~ .color-opt__checkmark {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  height: 22px;
  width: 22px;
}

/* When the checkbox is checked, add a blue background */
.color-opt input:checked ~ .color-opt__checkmark {
  height: 22px;
  width: 22px;
  border: solid 2px #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.color-opt__checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.color-opt input:checked ~ .color-opt__checkmark:after {
  display: block;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

input:not(.slider) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input:not(.slider):focus, input:not(.slider):hover {
  overflow: visible;
}

/* Input group both side */
.input-group.multiple .form-control button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.send-email {
  background-color: white;
}
.send-email input,
.send-email textarea {
  width: 100%;
  padding: 5px 0;
  margin-bottom: 10px;
  border: none;
  border-bottom: 1px solid #ddd;
}
.send-email input::-webkit-input-placeholder,
.send-email textarea::-webkit-input-placeholder {
  color: #777;
}
.send-email input:-ms-input-placeholder,
.send-email textarea:-ms-input-placeholder {
  color: #777;
}
.send-email input::-ms-input-placeholder,
.send-email textarea::-ms-input-placeholder {
  color: #777;
}
.send-email input::-webkit-input-placeholder, .send-email textarea::-webkit-input-placeholder {
  color: #777;
}
.send-email input:-ms-input-placeholder, .send-email textarea:-ms-input-placeholder {
  color: #777;
}
.send-email input::-ms-input-placeholder, .send-email textarea::-ms-input-placeholder {
  color: #777;
}
.send-email input::placeholder,
.send-email textarea::placeholder {
  color: #777;
}
.send-email input:focus, .send-email input:active,
.send-email textarea:focus,
.send-email textarea:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(var(--main-color_rgb), 0.8);
}
.send-email input:hover,
.send-email textarea:hover {
  overflow: unset;
}
.send-email textarea {
  padding: 8px;
  resize: none;
  border: 1px solid #ddd;
}
.send-email input[type=file] {
  border-bottom: none;
  overflow: unset;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0;
}
.switch input {
  display: none !important;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.switch input:checked + .slider {
  background-color: #2196F3;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}
.switch input[type=checkbox][disabled] + .slider {
  opacity: 0.5;
  cursor: default;
}
.switch.small {
  width: 46px;
  height: 24px;
}
.switch.small .slider.round {
  border-radius: 24px;
}
.switch.small .slider.round::before {
  height: 16px;
  width: 16px;
  left: 2px;
}

[data-toggle=collapse] {
  cursor: pointer;
}

.style-select-bootbox select {
  font-size: 14px !important;
}

.form-check textarea {
  padding-top: 8px !important;
}

.chart-rounded-bound {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 10px solid #f0f2f5;
  border-radius: 100%;
}

.group-label {
  background-color: rgba(var(--main-color_rgb), 0.05);
}
.group-label h5 {
  background-color: transparent;
}
.group-label .count {
  padding: 10px;
}

.case-options {
  padding: 5px 0;
}
.case-options .option-item {
  margin-bottom: 5px;
}
.case-options .option-item input[disabled],
.case-options .option-item .md-button[disabled] md-icon {
  color: #cccccc;
}
.case-options .option-item .label-section {
  padding-left: 25px;
}
.case-options .option-item md-datepicker {
  width: 150px;
}
.case-options .option-item:last-child {
  margin-bottom: 0;
}
.case-options .option-item md-datepicker .md-button.md-datepicker-triangle-button {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.case-options .form-check {
  margin-bottom: 0;
}
.case-options .form-check-input {
  position: unset;
  margin-left: 0;
  margin-top: 0;
}
.case-options .form-check-label {
  color: #333333;
  font-size: 14px;
  padding-left: 0;
  width: 60px;
}

@media (max-width: 450px) {
  .children-list {
    padding: 0 10px;
  }
  .children-list .case-options .option-item .form-check-label {
    font-size: 13px;
    width: 55px;
  }
  .children-list .case-options .option-item .label-section {
    padding-left: 10px;
  }
}
.filter-control .input-group-addon {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 4px 4px 0 !important;
}
.filter-control .dropdown.input-group-addon {
  margin-left: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px !important;
}
@media (max-width: 767px) {
  .filter-control {
    margin-top: 15px;
  }
}

.info {
  padding: 8px;
}
.info .usr-img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 5px;
  color: var(--secondary-color);
}
.info .text {
  width: calc(100% - 50px);
  margin-left: 5px;
  float: left;
}
.info .label-checkbox {
  margin-right: 5px;
  float: left;
}
.info .label-checkbox + .usr-img + .text {
  width: calc(100% - 80px);
}
.info + .action {
  width: 20px;
  right: 10px !important;
  top: calc(50% - 14px);
}
.info + .dropdown {
  position: absolute;
  right: 10px;
  width: 20px;
  top: calc(50% - 14px);
}
.info + .dropdown .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  display: none;
}
.info + .dropdown.open .dropdown-toggle::after {
  display: inline-block;
}

#ccnumfield {
  border: 0 !important;
}

intake-form-radio-buttons .form-check input.form-check-input {
  width: auto;
}

intake-form-multiple-choice .row > div .form-check input.form-check-input {
  width: auto;
}

@media screen and (max-width: 1366px) and (min-width: 768px) {
  intake-form-configuration-card.col-12.col-sm-3, intake-form-configuration-card.col-12.col-sm-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (width: 1024px) {
  intake-form-configuration-card.col-12.col-sm-3, intake-form-configuration-card.col-12.col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (width: 1024px) {
  intake-form-configuration-card intake-form-multiple-choice .row > div.col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (width: 1366px) {
  intake-form-configuration-card intake-form-multiple-choice .row > div.col-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (width: 1024px) {
  intake-form-configuration-card intake-form-radio-buttons .row > div.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (width: 1366px) {
  intake-form-configuration-card intake-form-radio-buttons .row > div.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.input-group .input-group-prepend .input-group-text {
  color: #909eaa;
  border-bottom: solid 1px #F0F2F5;
  font-size: 14px;
  line-height: 29px;
}

.custom-controls input[phone-mask]:not([type=checkbox]):not([type=range]):not([type=radio]).invalidated {
  border-bottom-color: #fc8675 !important;
}

.custom-controls input[phone-mask]:not([type=checkbox]):not([type=range]):not([type=radio]).invalidated {
  border-bottom-color: #fc8675 !important;
}

.input-group.input-group--inside {
  position: relative;
  padding: 0px;
}
.input-group.input-group--inside .input-group-prepend {
  position: absolute;
  left: 12px;
  top: 2px;
  z-index: 10;
  width: 30px;
  line-height: 29px;
}
.input-group.input-group--inside input {
  padding-left: 60px;
}

.intl-tel-input-wrapper.country-list-wrapper {
  position: fixed;
  background: transparent;
  width: 100vw;
  height: 100vh;
  z-index: 1100;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  top: 0px;
  left: 0px;
}
.intl-tel-input-wrapper.country-list {
  list-style: none;
  position: fixed;
  z-index: 1101;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}
.intl-tel-input-wrapper.country-list .iti__flag {
  display: inline-block;
  margin-right: 6px;
}
.intl-tel-input-wrapper.country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.intl-tel-input-wrapper.country-list .country {
  padding: 5px 10px;
}
.intl-tel-input-wrapper.country-list .country .dial-code {
  color: #999;
}
.intl-tel-input-wrapper.country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input-wrapper.country-list .country-name {
  margin-right: 6px;
}
@media (max-width: 500px) {
  .intl-tel-input-wrapper.country-list {
    white-space: normal;
  }
}
.intl-tel-input-wrapper.country-list .country .iti__flag,
.intl-tel-input-wrapper.country-list .country .country-name,
.intl-tel-input-wrapper.country-list .country .dial-code {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .intl-tel-input-wrapper.country-list {
    white-space: nowrap;
  }
  .intl-tel-input-wrapper.country-list .country .country-name {
    display: none;
  }
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  height: 100%;
  max-width: 50px;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #dddddd;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0px;
}
.select2-container--default .select2-results .select2-results__options .select2-results__option {
  padding: 5px;
  cursor: pointer;
}
.select2-container--default .select2-results .select2-results__options .select2-results__option:hover {
  font-weight: bold;
}
.select2-container--default .select2-dropdown {
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  z-index: 1051;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options[aria-selected] {
  cursor: pointer;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options.select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options .select2-results__option {
  cursor: pointer;
  padding: 2px;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 100%;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  font-size: 15px;
  text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 33px;
  display: block;
  padding-left: 10px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #aaaaaa transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #aaaaaa transparent;
  border-width: 0 4px 5px 4px;
}

report-pagination .page-item.disabled .page-link {
  pointer-events: unset;
  cursor: default;
}

[phone-action] .phone-action--disabled {
  cursor: default;
}
[phone-action] .intl-tel-input {
  display: flex;
  align-items: center;
}
[phone-action] .intl-tel-input input[international-phone-number] {
  border: none !important;
  color: #000000;
  cursor: pointer;
  padding-left: 0px;
  font-size: 15px;
  order: 1;
}
[phone-action] .intl-tel-input input[international-phone-number]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  border-bottom: 0px !important;
  color: unset;
}
[phone-action] .intl-tel-input input[international-phone-number]:hover, [phone-action] .intl-tel-input input[international-phone-number]:active, [phone-action] .intl-tel-input input[international-phone-number]:visited, [phone-action] .intl-tel-input input[international-phone-number]:focus {
  border-color: none;
  box-shadow: none;
}
[phone-action] .intl-tel-input input[international-phone-number]::-webkit-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]:-ms-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]::-ms-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]::placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]::-webkit-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number][view-only=true]:invalid + .flag-dropdown {
  display: none;
}
[phone-action] .intl-tel-input .flag-dropdown {
  position: relative;
  order: 0;
  margin-right: 5px;
  cursor: pointer !important;
}
[phone-action] .intl-tel-input .flag-dropdown .selected-flag {
  width: 20px;
  padding: 0px;
}
[phone-action] .intl-tel-input .flag-dropdown .selected-flag .iti__flag {
  position: relative;
  top: 0px;
  margin-top: 0px;
}
[phone-action] .intl-tel-input .flag-dropdown .selected-flag .arrow {
  display: none;
}
[phone-action] .intl-tel-input.intl-tel-input--readonly .intl-tel-input__number {
  margin: 0px;
  white-space: nowrap;
}
[phone-action] .intl-tel-input.intl-tel-input--readonly .intl-tel-input__number:hover {
  color: #808080;
}

.custom-controls [phone-action] input[international-phone-number][type=text]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  padding-left: 0px !important;
}

.cross-field input[type=radio],
.cross-field input[type=checkbox] {
  display: none;
}
.cross-field input[type=radio] + label::after,
.cross-field input[type=checkbox] + label::after {
  content: "X";
  font-family: sans-serif;
  color: transparent;
}
.cross-field input[type=radio]:checked + label.cross::after,
.cross-field input[type=checkbox]:checked + label.cross::after {
  color: black;
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 20px;
  top: 0px;
  left: 0px;
  text-align: center;
}
.cross-field input[type=radio] + label.cross,
.cross-field input[type=checkbox] + label.cross {
  margin-right: 5px;
  margin-bottom: 0px;
  border: solid black 1px;
  cursor: pointer;
  font-size: 15px;
  padding: 5px;
  height: 20px;
  width: 20px;
  border: solid 1px grey;
}

.tick-field input[type=checkbox],
.tick-field input[type=radio] {
  display: none;
}
.tick-field input[type=checkbox] + label.tick,
.tick-field input[type=radio] + label.tick {
  margin-right: 5px;
  display: inline-block;
  font-family: fontAwesome;
  font-size: 12px;
  content: "";
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  text-align: center;
  width: 17px;
  height: 17px;
  line-height: 15px;
  vertical-align: middle;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 3px rgb;
}
.tick-field input[type=checkbox]:checked + label.tick,
.tick-field input[type=radio]:checked + label.tick {
  background: #26a6eb;
  border: 1px solid #26a6eb;
}
.tick-field input[type=checkbox]:checked + label.tick::before,
.tick-field input[type=radio]:checked + label.tick::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Regular";
  font-style: normal;
  font-weight: 400;
  border-color: rgba(0, 0, 0, 0.2);
  font-size: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  text-shadow: 0 1px #fff;
  color: white;
}

ck-view.ck-view--borderless .ckTextbox {
  border: 0px !important;
}
ck-view.ck-view--paddingless .ckTextbox {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
}

input.fake-input:not([type=checkbox]):not([type=range]):not([type=radio]) {
  width: 0px !important;
  height: 0px !important;
  min-height: 0px !important;
  border: none !important;
  border-bottom: none !important;
}

[data-range-picker].custom-date-picker {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 20px;
}
[data-range-picker].custom-date-picker::before {
  font-family: Font Awesome\ 5 Pro;
  content: "\f133";
}

.iti {
  width: 100%;
}
.iti .iti__selected-flag {
  padding-right: 2px;
  margin-right: 5px;
}
.iti .iti__selected-flag .iti__flag {
  width: 20px !important;
  margin-bottom: 0 !important;
}
.iti .iti__selected-flag .iti__arrow {
  margin-left: 5px;
}
.iti .iti__country-list {
  z-index: 10;
}
.iti .iti__country-list .iti__divider {
  padding: 0;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti .iti__country-list .iti__country {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  outline: none;
}
.iti .iti__country-list .iti__country .iti__country-name {
  padding-top: 0 !important;
}
.iti .iti__country-list .iti__country .iti__flag-box {
  overflow: hidden;
}
.iti .iti__country-list .iti__country .iti__flag-box .iti__flag {
  width: 20px !important;
  margin-bottom: 0 !important;
}
.iti .iti__country-list .iti__country .iti__flag-box .iti__arrow {
  margin-left: 5px;
}
.iti.iti--allow-dropdown input, .iti.iti--separate-dial-code input {
  padding-left: 45px;
}

.btn-shadow {
  box-shadow: 0px 3px 3px 0px rgba(100, 135, 170, 0.35);
}

.btn-shadow:hover {
  box-shadow: none;
}

.btn-custom-blue {
  border: 1px solid #068ad0;
  font-size: 12px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.btn-custom-blue:hover {
  background: #068ad0;
  color: white !important;
}

.btn-custom-grn {
  border: 1px solid #5eb979;
  font-size: 12px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.btn-custom-grn:hover {
  background: #5eb979;
  color: white !important;
}

.btn-outline-primary.dropdown a[data-toggle=dropdown] {
  color: #313131;
}

.btn-outline-primary.dropdown:hover a[data-toggle=dropdown] {
  color: #ffffff;
}

.btns .btn {
  margin-right: 5px;
  margin-bottom: 5px;
}
.btns .btn:last-child {
  margin-right: 0;
}

.btn {
  line-height: normal;
}
.btn.btn-sm {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 21px;
}
.btn.btn-xs {
  padding: 2px 10px;
  font-size: 0.9em;
}
.btn.active [class^=icon-],
.btn.active [class*=" icon-"], .btn:active [class^=icon-],
.btn:active [class*=" icon-"], .btn:focus [class^=icon-],
.btn:focus [class*=" icon-"], .btn:hover [class^=icon-],
.btn:hover [class*=" icon-"] {
  color: white;
}

.height-btn-standard {
  height: 42px;
}
@media only screen and (max-width: 767.98px) {
  .height-btn-standard {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal !important;
  }
}

.height-btn-standard-32 {
  min-width: 83px;
  height: 36px;
}
@media only screen and (max-width: 767.98px) {
  .height-btn-standard-32 {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal !important;
    height: 40px !important;
  }
}

.width-btn-auto {
  width: auto !important;
}

.btn-rounded {
  border-radius: 20px !important;
}

[class^=btn-outline-],
[class*=" btn-outline-"] {
  color: #313131 !important;
}
[class^=btn-outline-].active, [class^=btn-outline-]:active, [class^=btn-outline-]:focus, [class^=btn-outline-]:hover,
[class*=" btn-outline-"].active,
[class*=" btn-outline-"]:active,
[class*=" btn-outline-"]:focus,
[class*=" btn-outline-"]:hover {
  color: #fff !important;
}

.btn-outline-primary {
  background-color: #e4eef4 !important;
  border: 1px solid #26a6eb !important;
}
.btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
  background-color: #26a6eb !important;
  border: 1px solid #26a6eb !important;
}
.btn-outline-primary [class^=icon-],
.btn-outline-primary [class*=" icon-"], .btn-outline-primary .icon-action {
  color: #26a6eb;
}
.btn-outline-primary .icon-action {
  margin: 0px;
}

.btn-outline-success {
  background-color: rgb(231, 247, 235) !important;
  border: 1px solid #5cb85c !important;
}
.btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover {
  background-color: #5cb85c !important;
  border: 1px solid #5cb85c !important;
}
.btn-outline-success [class^=icon-],
.btn-outline-success [class*=" icon-"] {
  color: #5cb85c;
}

.btn-outline-main {
  background-color: #fffbf7 !important;
  border: 1px solid var(--main-color) !important;
}
.btn-outline-main [class^=icon-],
.btn-outline-main [class*=" icon-"] {
  color: var(--main-color);
}
.btn-outline-main.active, .btn-outline-main:active, .btn-outline-main:focus, .btn-outline-main:hover {
  background-color: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}

.btn-outline-danger {
  background-color: #fffbf7 !important;
  border: 1px solid #fbaa65 !important;
}
.btn-outline-danger [class^=icon-],
.btn-outline-danger [class*=" icon-"] {
  color: #fbaa65;
}
.btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover {
  background-color: #fbaa65 !important;
  border: 1px solid #fbaa65 !important;
}
.btn-outline-danger.red {
  background-color: grb(252, 245, 246) !important;
  border: 1px solid #dc3545 !important;
  color: #dc3545 !important;
}
.btn-outline-danger.red.active, .btn-outline-danger.red:active, .btn-outline-danger.red:focus, .btn-outline-danger.red:hover {
  color: #fff !important;
  background-color: #dc3545 !important;
  border: 1px solid #dc3545 !important;
}

.btn-outline-gray {
  border: 1px solid #333333 !important;
  background-color: #fff !important;
}
.btn-outline-gray:hover {
  color: #333333 !important;
}

.btn-outline-dark {
  background-color: #333333 !important;
  border: 1px solid #333333 !important;
}
.btn-outline-dark [class^=icon-],
.btn-outline-dark [class*=" icon-"],
.btn-outline-dark [class^=fa-],
.btn-outline-dark [class*=" fa-"] {
  color: #333333;
}
.btn-outline-dark.active, .btn-outline-dark:active, .btn-outline-dark:focus, .btn-outline-dark:hover {
  color: #ffffff;
  background-color: #333333 !important;
  border: 1px solid #333333 !important;
}
.btn-outline-dark:focus {
  box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.25);
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  border-radius: 0 !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  border-radius: 0 !important;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  border-radius: 0 !important;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  border-radius: 0 !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #909eaa !important;
  border-radius: 0 !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #909eaa !important;
  border-radius: 0 !important;
}

.btn-link {
  color: #0275d8;
  cursor: pointer;
}
.btn-link:hover {
  color: #0275d8 !important;
}

.btn-circle {
  border-radius: 50%;
}

.btn-flat {
  border-radius: 0;
}

.btn .fa-stack-2x {
  font-size: 2em;
}

.btn-c {
  color: var(--main-color);
  border: none;
  background: #fff;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 10%;
}

.btn .usr-img {
  width: 28px;
  float: none;
  display: inline-block;
  line-height: 28px;
  height: 28px;
}

.open .dropdown-toggle.btn-primary {
  background: #26a6eb !important;
  border-color: #26a6eb !important;
}

.btn-orange {
  color: white;
  background: #FB7800;
}

.btn-wide {
  max-width: 200px;
}

.btn-empty {
  background: none;
  border: 0px;
  color: #232323;
}
.btn-empty:hover {
  opacity: 0.75;
  color: #232323;
}

.btn-main {
  background: var(--main-color);
  color: var(--secondary-color);
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  font-size: 16px;
  line-height: 22px;
}
.btn-main__change-service-btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: Hind;
  padding: 7px 14px;
  margin-right: 15px;
  width: 182px;
}
.btn-main:hover {
  opacity: 0.75;
}
.btn-main:focus {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 767.98px) {
  .btn-main {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    padding: 0;
  }
}

.btn-alert {
  background: #F4A522;
  color: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  font-size: 16px;
  line-height: 22px;
}
.btn-alert__change-service-btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: Hind;
  padding: 7px 14px;
  margin-right: 15px;
  width: 182px;
}
.btn-alert:hover {
  opacity: 0.75;
}
.btn-alert:focus {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 767.98px) {
  .btn-alert {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    padding: 0;
  }
}

.btn-grey {
  background: #838383;
  color: #ffffff;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  font-size: 16px;
  line-height: 22px;
}
.btn-grey:hover {
  opacity: 0.75;
}
.btn-grey:focus {
  outline: none;
  box-shadow: none;
}

.btn-disabled {
  background: #838383;
  color: #ffffff !important;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  cursor: default;
}
.btn-disabled--modifier {
  background: #F5F5F5;
  color: rgba(0, 0, 0, 0.25);
}

.btn-default:hover {
  opacity: 0.75;
}

.btn-outline-main {
  background-color: #fffbf7 !important;
  border: 1px solid var(--main-color) !important;
}
.btn-outline-main [class^=icon-],
.btn-outline-main [class*=" icon-"] {
  color: var(--main-color);
}
.btn-outline-main.active, .btn-outline-main:active, .btn-outline-main:hover {
  background-color: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}

.btn-outline-main-light {
  border: 1px solid var(--main-color);
  color: var(--main-color) !important;
  background-color: rgba(var(--main-color_rgb), 0.1);
}
.btn-outline-main-light.active, .btn-outline-main-light:active, .btn-outline-main-light:hover {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: var(--secondary-color) !important;
}

.btn-input-style {
  background: #ffffff;
  border: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.54);
}
.btn-input-style:hover, .btn-input-style:focus {
  border: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  box-shadow: none;
}
.btn-input-style.dropdown-toggle::after {
  content: none;
}

.remove-img-btn {
  position: absolute;
  top: 0px;
  right: -5%;
  z-index: 2;
  color: #fc8675;
}
.remove-img-btn--square-wrapper {
  right: -10px;
  top: -10px;
}

.photo-btn {
  position: absolute;
  bottom: -10px;
  right: -10px;
  cursor: pointer;
}

.btn-floating {
  position: fixed;
  z-index: 99;
  box-shadow: 0px 3px 3px 0px rgba(100, 135, 170, 0.35) !important;
}

.btn-large {
  padding: 10px 40px;
  font-weight: bold;
}

.btn-input-style {
  background: #ffffff;
  border: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.54);
}
.btn-input-style:hover, .btn-input-style:focus {
  border: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  box-shadow: none;
}
.btn-input-style.dropdown-toggle::after {
  content: none;
}

.btn-delete {
  width: 100%;
  color: #ff0000;
  background-color: #ffffff;
  padding: 10px;
  margin-top: 20px;
}

.btn-narrow {
  font-size: 14px;
  padding: 0.25rem;
}

.btn-disabled-gray {
  background-color: #838383 !important;
}

.btn-outline-disabled-gray {
  border-color: #838383 !important;
  background-color: #f5f5f7 !important;
}

.btn-reload-card-connect {
  color: #26a6eb;
  font-weight: 600;
  font-style: italic;
  text-decoration: underline;
}

.embed-responsive,
.modal,
.modal-open,
.progress {
  overflow: hidden;
}

.embed-responsive-21by9 {
  padding-bottom: 6.85%;
}

#vimeoDiv.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0 !important;
  overflow: hidden;
  max-width: 100%;
}

#vimeoDiv.embed-responsive iframe,
#vimeoDiv.embed-responsive object,
#vimeoDiv.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#youtubeDiv.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0 !important;
  overflow: hidden;
  max-width: 100%;
}

#youtubeDiv.embed-responsive iframe,
#youtubeDiv.embed-responsive object,
#youtubeDiv.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#videoDiv.embed-responsive {
  position: relative;
  padding-bottom: 50.25%;
  height: 0 !important;
  overflow: hidden;
  max-width: 100%;
}

#videoDiv.embed-responsive iframe,
#videoDiv.embed-responsive object,
#videoDiv.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#pdfDiv.embed-responsive {
  display: flex;
  flex-direction: column;
}
#pdfDiv.embed-responsive custom-pdf-viewer {
  max-height: 500px;
}
@media (max-width: 991px) {
  #pdfDiv.embed-responsive custom-pdf-viewer {
    max-height: 500px;
  }
}
@media (max-width: 576px) {
  #pdfDiv.embed-responsive custom-pdf-viewer {
    max-height: 400px;
  }
}

.svg {
  width: 26px;
  height: 26px;
  cursor: pointer;
  background-color: #fff;
  -webkit-mask: url(../../lib/version2/img/dumbbell.svg) no-repeat 100% 50%;
  mask: url(../../lib/version2/img/dumbbell.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  display: inline-block;
  margin: auto;
  margin-top: 4px;
}

@media (min-width: 1200px) {
  #viewPDF {
    width: 1200px;
    max-width: calc(100vw - 5%);
  }
}
@media (min-width: 992px) {
  #viewPDF {
    width: 800px;
    max-width: calc(100vw - 5%);
  }
  #viewPDF {
    height: 100%;
  }
}
@media (max-width: 992px) {
  #viewPDF {
    width: 100%;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #viewPDF .md-toolbar-header {
    order: 1;
  }
  #viewPDF .md-dialog-content {
    width: 100%;
    flex-grow: 1;
    order: 2;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #viewPDF #pdfDiv {
    width: 100%;
    flex-grow: 1;
    order: 1;
  }
}
@media (max-width: 450px) {
  #youtubeDiv,
  #vimeoDiv,
  #videoDiv {
    height: auto !important;
  }
}
md-dialog-content #pdfDiv.embed-responsive-21by9 {
  padding-bottom: 46.85%;
}

v2-exercise-detail video[poster] {
  max-height: 50vw;
  background: #000000;
  width: 100%;
}

ul.normal-style {
  margin-left: 2em;
}
ul.normal-style li {
  padding: 8px 0 8px;
}
ul.normal-style li .fa-li {
  padding: 6px 0;
}

ul.unstyled {
  margin-left: -8px;
  margin-right: -8px;
}
ul.unstyled li {
  padding: 8px;
}

ul.styled.fa-ul {
  margin-left: 20px;
  padding: 0 5px;
}
ul.styled li {
  padding: 5px;
}
ul.styled .fa-li {
  top: 3px;
  width: 20px;
  left: -20px;
}

ul.nav-stacked {
  display: block;
  padding: 0;
  margin: 0;
}
ul.nav-stacked li {
  display: block;
  padding: 5px;
  margin-top: 2px;
}
ul.nav-stacked li.active, ul.nav-stacked li:hover {
  background: #26a6eb;
}
ul.nav-stacked li.active a, ul.nav-stacked li:hover a {
  color: #fff;
}

.list-group-item .main {
  width: 90%;
  flex-grow: 1;
}
.list-group-item .main .cus-checkbox-item {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 79%;
}
@media screen and (min-width: 1337px) and (max-width: 1530px) {
  .list-group-item .main .cus-checkbox-item {
    max-width: 72%;
    text-align: left;
  }
}
@media screen and (min-width: 992px) and (max-width: 1336px) {
  .list-group-item .main .cus-checkbox-item {
    max-width: 65%;
    text-align: left;
  }
}
.list-group-item .main .render-content {
  margin-left: 10px;
  flex: 1 1 auto;
  margin-right: 10px;
}

.list-group .list-group-item:hover {
  background-color: #f1f1f1;
}

.list-group-item.active {
  background-color: #e0e0e0;
  border-color: #e2e2e2;
}

.list-media-tabs li a.active {
  border-bottom: 2px solid var(--main-color);
}

.list-grid {
  display: grid;
  max-width: 100%;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .list-grid {
    display: block;
  }
}
.list-grid--column {
  grid-auto-flow: column;
}
.list-grid--dual {
  grid-template-columns: repeat(2, 1fr);
}
.list-grid--dual .list-grid__column-2 {
  justify-self: end;
}
.list-grid .list-grid__column-1 {
  width: 100%;
  grid-column-start: 1;
  grid-column-end: 1;
}
.list-grid .list-grid__column-2 {
  width: 100%;
  grid-column-start: 2;
  grid-column-end: 2;
}

/** List Collapse */
.list-collapse .list-collapse__header {
  display: flex;
  justify-content: space-between;
}
.list-collapse .list-collapse__header__icon {
  display: block;
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
}
.list-collapse .list-collapse__header__icon::before {
  content: "\f105";
}
.list-collapse .list-collapse__header[aria-expanded=true] .list-collapse__header__icon::before {
  content: "\f107";
}

ul.sidebar-menu li.sidebar-menu__item {
  padding: 20px;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #232323;
  border-left: solid 10px transparent;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
ul.sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover {
  opacity: 0.5;
  border-left: solid 10px var(--main-color);
  color: var(--main-color);
  background: rgba(var(--main-color_rgb), 0.05);
}
ul.sidebar-menu li.sidebar-menu__item--activated {
  border-left: solid 10px var(--main-color);
  color: var(--main-color);
  background: rgba(var(--main-color_rgb), 0.1);
}

.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header {
  background: #FFF2E6;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  text-align: left;
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header__text {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  text-align: left;
  margin: 0px;
}
@media only screen and (max-width: 767.98px) {
  .collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header__text {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header__caption {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #232323;
  margin: 0px;
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header__action__icon {
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header__action__icon::before {
  content: "\f0d7";
}
@media only screen and (max-width: 767.98px) {
  .collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header__action__icon::before {
    content: "\f107";
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
  }
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header[aria-expanded=true] .collapse-list__header__action__icon::before {
  content: "\f0d8";
}
@media only screen and (max-width: 767.98px) {
  .collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__header[aria-expanded=true] .collapse-list__header__action__icon::before {
    content: "\f106";
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
  }
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__content {
  padding: 20px;
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__content__title {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  margin-bottom: 20px;
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__content__section {
  margin-bottom: 20px;
}
.collapse-list.collapse-list--clean-style .collapse-list__item .collapse-list__content__scroll-area {
  overflow: auto;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}
.collapse-list.collapse-list--minimal-style .collapse-list__item .collapse-list__header {
  padding: 0px;
  background: none;
  margin-bottom: 10px;
}
.collapse-list.collapse-list--minimal-style .collapse-list__item .collapse-list__provider {
  padding-right: 5px;
}
.collapse-list.collapse-list--minimal-style .collapse-list__item .collapse-list__content {
  padding: 0px;
}
@media only screen and (max-width: 767.98px) {
  .collapse-list .content-search {
    display: flex;
  }
  .collapse-list .collapse-list__item .collapse-list__header {
    background-color: #fff !important;
    border-radius: 8px !important;
    border: 1px solid #D9D9D9;
    padding: 10px 15px !important;
    height: 42px !important;
    margin-bottom: 0.25rem !important;
  }
  .collapse-list .collapse-list__content {
    padding: 0 !important;
  }
  .collapse-list .collapse-list__content .collapse-list__content__title {
    border-top-left-radius: 8px;
    background: rgba(var(--main-color_rgb), 0.8);
    border-top-right-radius: 8px;
    color: var(--secondary-color) !important;
    padding: 0.75rem;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main .w-auto {
    width: auto !important;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li {
    background-color: #fff;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 16px 0;
    font-family: "Open Sans";
    border-radius: 0;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 0;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li:last-child {
    border-bottom: 0 solid;
    padding-bottom: 0;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .list-group__item__icon i {
    font-size: 14px;
    font-weight: 400;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .text-caption {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #838383;
    word-break: break-all;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .text-caption__style-duration {
    color: #595959;
    font-family: "Nunito Sans";
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .list-group__item__content .list-group__item__caption {
    position: relative;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .list-group__item__content .list-group__item__caption .text-caption {
    font-family: "Nunito Sans";
    line-height: 20px;
    color: #232323;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .list-group__item__content .list-group__item__caption .text-more {
    white-space: nowrap;
    position: absolute;
    background: white;
    right: 0;
    bottom: 0px;
    font-size: 14px !important;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .list-group__item__action span i {
    color: rgba(var(--main-color_rgb), 0.8);
    margin-right: 0.5rem;
    font-size: 16px;
    font-weight: 500;
  }
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .list-group__item__action .btn-main {
    background-color: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 369px) {
  .collapse-list .collapse-list__content .collapse-list__content__main ul li .list-group__item__action .btn-main {
    padding: 10px 15px;
  }
}

.list-group .border-list-provider {
  border: 1px solid #838383;
}
.list-group .cus-width-content {
  width: 75% !important;
}
@media only screen and (max-width: 991.98px) {
  .list-group .cus-width-content {
    width: 100% !important;
  }
}
.list-group .max-width-span {
  max-width: 65%;
  width: auto;
}
@media only screen and (max-width: 1440px) {
  .list-group .max-width-span {
    max-width: 58%;
  }
}
.list-group .max-width-tilte {
  max-width: 90%;
  width: auto;
}
.list-group.list-group--clean-style .list-group__item {
  background: #F5F5F7;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 15px;
  margin-bottom: 10px;
  color: #232323;
}
.list-group.list-group--clean-style .list-group__item--provider {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.list-group.list-group--clean-style .list-group__item > [class*=list-group__item__]:first-child {
  margin-left: 0px;
}
.list-group.list-group--clean-style .list-group__item > [class*=list-group__item__]:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767.98px) {
  .list-group.list-group--clean-style .list-group__item > [class*=list-group__item__]:last-child i {
    font-weight: 500;
    font-size: 20px;
  }
}
.list-group.list-group--clean-style .list-group__item__icon {
  font-size: 20px;
  margin: 0px 10px;
  margin-left: 0px;
}
.list-group.list-group--clean-style .list-group__item__content {
  flex-grow: 1;
}
.list-group.list-group--clean-style .list-group__item__title {
  font-family: "Hind";
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: 0px;
}
@media only screen and (max-width: 767.98px) {
  .list-group.list-group--clean-style .list-group__item__title {
    font-family: "Open Sans";
    color: #1F1F1F;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    margin: 0;
  }
}
.list-group.list-group--clean-style .list-group__item__caption {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-group.list-group--clean-style .list-group__item--activated {
  color: var(--secondary-color);
  background: var(--main-color);
}
.list-group.list-group--clean-style .list-group__item--activated .text-caption {
  color: var(--secondary-color);
}
.list-group.list-group--clean-style .list-group__item--activated md-checkbox.custom-form-control.md-checked .md-icon {
  background-color: var(--secondary-color);
}
.list-group.list-group--clean-style .list-group__item--activated md-checkbox.custom-form-control.md-checked .md-icon:after {
  border-color: var(--main-color);
}
.list-group.list-group--clean-style .list-group__item--activated md-checkbox.custom-form-control.md-checked .md-ink-ripple {
  color: var(--secondary-color);
}
.list-group.list-group--clean-style .list-group__item--activated md-checkbox:not(.md-checked) .md-icon {
  border-color: var(--secondary-color);
}
.list-group.list-group--clean-style .list-group__item--narrow {
  padding: 10px;
}
.list-group.list-group--clean-style .list-group__item--narrow > [class*=list-group__item__] {
  margin: 0 4px;
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox .md-container {
  width: 18px !important;
  height: 18px !important;
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control .md-container {
  width: 15px !important;
  height: 15px !important;
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__patient-booking .md-container {
  width: 18px !important;
  height: 18px !important;
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__patient-booking .md-container .md-icon {
  width: 18px;
  height: 18px;
  background-color: var(--secondary-color);
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__patient-booking .md-container .md-icon::after {
  width: 5.66667px;
  height: 11.33333px;
  border-color: var(--main-color);
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__patient-booking .md-container.md-ink-ripple {
  color: var(--secondary-color);
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__total .md-container {
  width: 18px !important;
  height: 18px !important;
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__total .md-container .md-icon {
  width: 18px;
  height: 18px;
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__total .md-container .md-icon::after {
  width: 5.66667px;
  height: 11.33333px;
  border-color: var(--secondary-color);
}
.list-group.list-group--clean-style .list-group__item--narrow md-checkbox.custom-form-control__total .md-container .md-ink-ripple {
  color: var(--main-color);
}
.list-group.list-group--clean-style .list-group__item--narrow .list-group__item__title {
  font-size: 14px;
}
.list-group.list-group--clean-style .list-group__item--narrow .list-group__item__scheduler-provider {
  font-size: 12px;
  line-height: 17px;
  font-family: Hind;
}
.list-group.list-group--clean-style .list-group__item--blank {
  background: none;
}
.list-group.list-group--clean-style .list-group__item--provider {
  padding: 4px;
}
.list-group.list-group--clean-style .list-group__detail__item {
  display: flex;
  align-items: center;
}
.list-group.list-group--radio-style .list-group__item {
  background: #FFFFFF;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
}
.list-group.list-group--radio-style .list-group__item__prepend md-radio-button {
  margin-bottom: 0px;
}
.list-group.list-group--radio-style .list-group__item__caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.list-group.list-group--outline .list-group__item {
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}

#providerListProviderCalendar .list-group.list-group--clean-style .list-group__item {
  color: #232323 !important;
}
#providerListProviderCalendar .list-group.list-group--clean-style .list-group__item--activated {
  color: var(--secondary-color) !important;
  background: var(--main-color) !important;
}

#serviceListProviderCalendar .list-group.list-group--clean-style .list-group__item {
  color: #232323 !important;
}
#serviceListProviderCalendar .list-group.list-group--clean-style .list-group__item--activated {
  color: var(--secondary-color) !important;
  background: var(--main-color) !important;
}

.list-group.payment-type-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 100%;
  overflow: auto;
}
.list-group.payment-type-list .payment-type__item {
  margin: 0 10px 0 10px;
  background: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .list-group.payment-type-list .payment-type__item {
    margin: 5px 2px;
  }
}
.list-group.payment-type-list .payment-type__item--activated {
  background: #FFFFFF;
  border: 2px solid #FF7A01;
  box-sizing: border-box;
  border-radius: 5px;
}
.list-group.payment-type-list {
  /* 2679*/
}
.list-group.payment-type-list .active {
  border: 1px solid var(--main-color);
}
.list-group.payment-type-list {
  /* 2679*/
}

.progress-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767.98px) {
  .progress-list {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.progress-list .progress-list__item {
  flex-grow: 1;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  color: #232323;
  position: relative;
}
.progress-list .progress-list__item__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 50px;
  background: #FFFFFF;
  z-index: 1003;
}
@media screen and (max-width: 767.98px) {
  .progress-list .progress-list__item__wrapper {
    max-width: 50px;
  }
}
.progress-list .progress-list__item__title {
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #838383;
  margin-top: 10px;
  text-wrap: nowrap;
}
@media screen and (max-width: 767.98px) {
  .progress-list .progress-list__item__title {
    font-family: "Open Sans" !important;
    font-size: 12px !important;
    line-height: 18px !important;
    margin-top: 5px !important;
    text-wrap: wrap;
  }
}
.progress-list .progress-list__item__title--save-card-only {
  width: 100px;
  justify-content: center;
}
.progress-list .progress-list__item__icon {
  position: relative;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #838383;
  background: #F5F5F7;
  color: #232323;
  font-size: 20px;
  line-height: 51px;
}
@media screen and (max-width: 767.98px) {
  .progress-list .progress-list__item__icon {
    border: 2px solid #838383;
    box-sizing: border-box;
    color: #838383;
  }
  .progress-list .progress-list__item__icon i {
    font-weight: 500;
  }
  .progress-list .progress-list__item__icon i.fa-circle-user {
    font-weight: 600 !important;
  }
}
.progress-list .progress-list__item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0px;
  width: calc(100% - 28px);
  height: 2px;
  background: #838383;
}
.progress-list .progress-list__item.cus-before i {
  font-weight: 600 !important;
}
.progress-list .progress-list__item.cus-before::before {
  height: 4px !important;
}
.progress-list .progress-list__item:first-child {
  flex-grow: 0;
  flex-shrink: 1;
}
.progress-list .progress-list__item:first-child::before {
  content: none;
}
.progress-list .progress-list__item--activated .progress-list__item__title {
  color: var(--main-color);
}
.progress-list .progress-list__item--activated .progress-list__item__icon {
  border-color: var(--main-color);
  background: rgba(var(--main-color_rgb), 0.1);
  color: var(--main-color);
}
.progress-list .progress-list__item--activated .progress-list__item__icon .fa-user {
  color: rgba(var(--main-color_rgb), 0.1);
}
.progress-list .progress-list__item--activated.cus-before i {
  color: var(--main-color) !important;
}
.progress-list .progress-list__item--activated::before {
  background: var(--main-color);
}

.list-activities__item__title {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #232323;
  margin-bottom: 10px;
}

/** List Badges **/
.list-badges .list-badges__item {
  background-color: #fffbf7;
  border: 1px solid var(--main-color);
  color: #313131;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 5px;
  margin: 5px;
  max-width: 200px;
}
.list-badges .list-badges__item:hover {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: var(--secondary-color);
}
.list-badges .list-badges__item__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-badges .list-badges__item__action {
  margin: 0px 5px;
}
.list-badges .list-badges__item--add {
  background: none;
  color: #313131;
  border: none;
}
.list-badges .list-badges__item--add .list-badges__item__title {
  font-weight: bold;
  text-decoration: underline;
}
.list-badges .list-badges__item--add:hover {
  background: none;
  color: var(--main-color);
  border: none;
}

/** End of List Badges **/
/** List Toggle **/
.list-toggle__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-toggle__item__action {
  flex-shrink: 1;
}
.list-toggle__item__info {
  flex-grow: 1;
}
@media only screen and (max-width: 767.98px) {
  .list-toggle__item__info {
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 24px;
  }
}
.list-toggle__item__info--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.list-toggle__item__info--custom {
  max-width: 65%;
  flex-grow: 0;
}
.list-toggle__item__info--custom2 {
  max-width: 60%;
  flex-grow: 0;
}

/** End of List Toggle**/
/** List Multiple **/
.list-multiple {
  overflow: auto;
  height: -webkit-max-content;
  height: max-content;
  min-height: 87%;
  max-height: 200px;
  border: solid 1px rgb(227, 227, 227);
}
.list-multiple::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.list-multiple::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.list-multiple::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.list-multiple:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.list-multiple:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border: 4px solid transparent;
}
.list-multiple__three-row {
  max-height: 250px;
}
.list-multiple__item {
  display: flex;
  padding: 0.5rem 0.5rem;
}
.list-multiple__item--selected {
  background-color: #dedede;
  font-weight: 500;
}
.list-multiple__item__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-multiple__toggle {
  width: 30px;
}

.text-font-weight {
  font-weight: 700;
}

/** End of List Multiple **/
.color-list {
  display: flex;
  flex-wrap: wrap;
}
.color-list .color-list__item {
  width: 30px;
  height: 30px;
  margin: 0.5rem;
  border-radius: 100%;
  position: relative;
}
.color-list .color-list__item--selected {
  font-family: Font Awesome\ 5 Pro;
}
.color-list .color-list__item--selected::before {
  font-size: 30px;
  position: absolute;
  left: 5px;
  top: 0px;
  color: #000000;
  content: "\f00c";
  z-index: 999;
}
.color-list .color-list__item--selected::after {
  font-size: 31px;
  position: absolute;
  left: 4.5px;
  top: 0.5px;
  color: #ffffff;
  content: "\f00c";
  z-index: 998;
  -webkit-filter: blur(0.5);
  filter: blur(0.5);
}

.info-holder .color-list .color-list__item--selected::before {
  top: -12px;
}
.info-holder .color-list .color-list__item--selected::after {
  top: -12.5px;
}

.hyperlink-style {
  color: var(--main-color) !important;
  text-decoration: underline;
  cursor: pointer;
}

/** List Wrapper **/
.list-wrapper {
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
}
.list-wrapper--disabled {
  background: #eceeef;
  border: 1px solid #838383;
}
@media only screen and (max-width: 767.98px) {
  .list-wrapper--disabled {
    border-radius: 8px;
  }
}
.list-wrapper--disabled .list-wrapper--hyperlink-style {
  color: var(--main-color);
  text-decoration: underline;
}
.list-wrapper--disabled .list-wrapper--hyperlink-style a {
  color: var(--main-color);
  text-decoration: underline;
}
.list-wrapper--cus-height {
  padding: 5px;
  min-height: 32px;
}
@media only screen and (max-width: 767.98px) {
  .list-wrapper--cus-height {
    padding: 0.5rem 0.75rem;
    min-height: 48px;
  }
}

/** End List Wrapper **/
/* - Code for small screen (Mobile) written here - */
@media only screen and (max-width: 767.98px) {
  ul.sidebar-menu li.sidebar-menu__item {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #595959;
    cursor: pointer;
    background-color: #f0f2f9;
    border-radius: 100px;
    justify-content: center;
    padding: 0px 5px;
    height: 40px;
    transition: none;
  }
  ul.sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover {
    opacity: 0.5;
    color: var(--main-color);
    background: rgba(var(--main-color_rgb), 0.05);
  }
  ul.sidebar-menu li.sidebar-menu__item--activated {
    color: white;
    background: #26A6EB;
    border-left: 0;
  }
}
.gap-1 {
  gap: 5px;
}

.gap-2 {
  gap: 10px;
}

.gap-3 {
  gap: 15px;
}

.gap-4 {
  gap: 20px;
}

.gap-5 {
  gap: 25px;
}

md-radio-button[disabled].md-primary .md-on,
md-radio-button[disabled] .md-primary .md-on,
md-radio-button[disabled] .md-primary.md-checked .md-on,
md-radio-group[disabled].md-primary .md-on,
md-radio-group[disabled] .md-primary .md-on {
  background-color: rgb(158, 158, 158);
}

md-radio-button[disabled].md-primary .md-off,
md-radio-button[disabled].md-primary.md-checked .md-off,
md-radio-button[disabled] .md-primary .md-off,
md-radio-button[disabled] .md-primary.md-checked .md-off,
md-radio-group[disabled].md-primary .md-off,
md-radio-group[disabled] .md-primary .md-off {
  border-color: rgb(158, 158, 158);
}

.md-autocomplete-suggestions li {
  height: auto;
  border-bottom: 1px solid #eee;
}

.md-button.md-icon-button {
  height: auto !important;
}

.btn-main-secondary {
  background: var(--main-secondary-color);
  color: white;
}
.btn-main-secondary:hover {
  opacity: 0.75;
}

.btn.btn-sm.btn-setting {
  padding: 5px 16px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 8px;
  margin: 0px 2px;
}

md-autocomplete {
  background-color: transparent !important;
  height: auto !important;
  min-width: 170px;
}
@media (min-width: 1024px) {
  md-autocomplete {
    min-width: 190px;
  }
}
md-autocomplete md-autocomplete-wrap {
  height: auto !important;
}
md-autocomplete md-autocomplete-wrap input {
  height: auto !important;
}
@media screen and (max-width: 580px) {
  md-autocomplete {
    background-color: white !important;
  }
}

md-autocomplete-wrap.md-whiteframe-z1.md-show-clear-button {
  box-shadow: none;
}

md-dialog-content,
md-dialog-actions,
.md-toolbar-tools {
  padding: 5px 15px !important;
}
@media screen and (max-width: 767.98px) {
  md-dialog-content,
  md-dialog-actions,
  .md-toolbar-tools {
    padding: 0px 15px !important;
  }
}

@media screen and (min-width: 768px) {
  .md-dialog-content__cancel-class {
    padding: 0px !important;
  }
}

@media screen and (max-width: 767.98px) {
  md-dialog-actions .md-action-cancel-class {
    padding-top: 0px !important;
  }
}

.md-toolbar-tools__cancel-class {
  height: 44px;
  max-height: 44px;
  padding: 12px 16px !important;
}
.md-toolbar-tools .btn-done {
  padding: 5px;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
  border-radius: 3px;
  font-size: 15px;
}

.bg-disabled {
  background-color: #eceeef !important;
}

.scheduler-toast {
  background: #1F1F1F;
  box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
  border-radius: 8px;
  padding: 0;
  margin-right: 10px;
  max-width: 356px;
  z-index: 2000;
}
@media screen and (max-width: 1199.98px) {
  .scheduler-toast {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    left: inherit;
    right: 0;
    width: 100%;
    max-width: 356px;
    min-width: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .scheduler-toast {
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}
.scheduler-toast .md-toast-content {
  padding: 0 10px;
}
.scheduler-toast .md-toast-content .md-toast-text .icon-toast {
  color: #55B938;
}
.scheduler-toast .md-toast-content .md-toast-text {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.scheduler-toast .md-toast-content i.icon-toast {
  color: #55B938;
}
.scheduler-toast .md-toast-content .content-toast {
  padding-left: 0.5rem;
  white-space: pre-line !important;
}
.scheduler-toast .md-toast-content .md-button {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: var(--main-color) !important;
  text-transform: none;
}
.scheduler-toast .md-toast-content .md-button.md-button-close {
  color: #fff !important;
}
.scheduler-toast .md-toast-content .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 188px;
  height: 5px;
  background-color: #55B938;
}

.highlight-background {
  background-color: rgba(244, 165, 34, 0.17);
}

.rich-content-toast {
  max-width: 485px !important;
}

.dhx_list.dhx_table {
  width: 100%;
}
.dhx_list.dhx_table .dhx_list_item {
  border: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
  border-radius: 10px;
}
.dhx_list.dhx_table .dhx_list_item > div,
.dhx_list.dhx_table .dhx_list_item .content {
  color: white;
  padding: 5px !important;
  height: 42px;
  display: grid;
  align-content: center;
  text-align: center;
  border-radius: 0 !important;
  border: none !important;
}

.dhx_drag_zone {
  margin-left: -50px;
  border: none;
  background-color: transparent;
}
.dhx_drag_zone .dhx_list_item {
  border-radius: 10px;
}
.dhx_drag_zone .dhx_list_item .content {
  padding: 5px;
  max-width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dhx_drag_zone .dhx_list_item .content.one-line {
  padding: 15px;
}

.dhtmlXTooltip.tooltip {
  width: 326px;
  padding: 0 !important;
  border: 2px solid #5EB979 !important;
  border-radius: 4px;
  z-index: 1010;
}

.dhtmlXTooltip.tooltip .tooltip-header {
  border-bottom: 1px solid #EBF6EF;
  background: #EBF6EF;
  min-height: 16.4286px;
  padding: 10px 15px;
  color: black;
  font-weight: bold;
}

.dhtmlXTooltip.tooltip .tooltip-body {
  padding: 10px;
  color: black;
}

.dhtmlXTooltip.tooltip .tooltip-label {
  display: inline-block;
  width: 80px;
}

.md-autocomplete-suggestions.menu-equal__custom li md-autocomplete-parent-scope {
  width: 100%;
}
.md-autocomplete-suggestions.menu-equal li {
  height: 36px !important;
  display: flex;
  align-items: center;
  padding-left: 8px !important;
}

.md-autocomplete-suggestions li {
  padding: 0 !important;
  line-height: normal !important;
  height: 52px !important;
}

md-list-item {
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 0 8px !important;
}
md-list-item p {
  line-height: normal !important;
}
md-list-item:hover {
  background: #fff4e5 !important;
}
md-list-item .md-no-style {
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 8px !important;
}
md-list-item .md-avatar {
  width: 32px !important;
  height: 28px !important;
  margin: 10px !important;
}
md-list-item .md-list-item-text h3 {
  height: 52px !important;
  line-height: 52px !important;
  margin: 0 !important;
}
md-list-item md-divider {
  left: 10px !important;
  right: 10px !important;
  width: unset !important;
}
md-list-item md-checkbox {
  min-width: 20px !important;
  width: auto !important;
  margin-right: 0 !important;
  margin-left: 10px !important;
}
md-list-item md-checkbox.md-checked .md-ink-ripple, md-list-item md-checkbox.md-checked .md-icon {
  background: #26a6eb !important;
}
md-list-item md-checkbox.pull-left {
  margin-left: 0 !important;
  margin-right: 10px !important;
}
md-list-item.full .md-avatar {
  margin-left: 0 !important;
}
md-list-item.full md-divider {
  left: 0 !important;
  right: 0 !important;
}

md-datepicker {
  padding-right: 0 !important;
  text-align-last: left;
  width: 100%;
  position: relative;
  max-width: 200px;
  display: flex;
  align-items: center;
}
md-datepicker .md-datepicker-button.md-button {
  position: relative;
  left: -3px;
  width: 24px;
}
md-datepicker .md-datepicker-button.md-button .md-datepicker-calendar-icon {
  margin-left: 0px;
}
md-datepicker .md-datepicker-input {
  padding: 8px 30px 5px 40px !important;
  width: 100%;
  max-width: unset;
  cursor: pointer;
  margin-bottom: 0px !important;
}
md-datepicker .md-datepicker-input-container {
  margin-left: 0 !important;
  border-bottom: none;
  width: 100% !important;
  max-width: 150px;
}
md-datepicker .md-button {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 28px;
}
md-datepicker .md-button.md-datepicker-triangle-button {
  border-top-color: black !important;
  right: 10px;
}
md-datepicker.form-control input.md-datepicker-input {
  border-bottom: none !important;
}

/*
.custom-controls ._md-datepicker-has-triangle-icon {
  .md-datepicker-input-container {
    input.md-datepicker-input {
      padding: 0 30px !important;
      border-bottom: none !important;
    }
  }
}
*/
.md-chips md-chip {
  z-index: 2;
  margin-top: 0;
  margin-top: 5px;
}

md-chips md-chips-wrap {
  position: relative;
  min-height: 36px;
  height: auto;
  padding-left: 0 !important;
}

md-chips {
  padding: 0;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px var(--main-color);
}
md-chips .md-chip-input-container {
  border-bottom: 0;
  width: 100%;
  z-index: 1;
}
md-chips .md-chip-input-container .md-chips md-autocomplete {
  background: transparent;
}
md-chips .md-chip-input-container input {
  border-bottom: 0 !important;
  padding: 0 0.7rem !important;
}

md-bottom-sheet {
  padding: 0;
  bottom: 80px;
  position: fixed;
  z-index: 1003;
}
md-bottom-sheet .md-dialog-content {
  max-height: 80vh;
  min-height: 15vh;
  overflow: auto;
}
md-bottom-sheet ul li {
  font-family: "Nunito";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 0.5em 1em;
  color: #1F1F1F;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
md-bottom-sheet ul li > * {
  max-width: 100%;
}
md-bottom-sheet ul li:hover, md-bottom-sheet ul li:focus {
  background: #d0d6dc;
  border-radius: 4px;
}
md-bottom-sheet ul li.active {
  background: #EDF5FE;
  border-radius: 4px;
}
md-bottom-sheet ul li.active:after {
  content: "\f00c";
  color: green;
  right: 15px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  font-size: 14px;
  background: #EDF5FE;
  padding: 3px;
  position: relative;
  line-height: 1;
}

@media (max-width: 767px) {
  md-dialog.md-dialog-fullscreen {
    position: fixed;
    top: 0px;
  }
}
.md-dialog-container {
  z-index: 1002;
  height: 100% !important;
  overflow: visible;
}
@media (pointer: coarse) and (hover: none) {
  .md-dialog-container {
    height: 100% !important;
  }
}
@media only screen and (pointer: coarse) and (hover: none) and (max-width: 767.98px) {
  .md-dialog-container {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    max-width: 90%;
    max-height: 80%;
    min-height: auto;
    min-width: auto;
  }
}
@media screen and (max-width: 1199px) {
  md-dialog.md-dialog--fullscreen-tablet {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}

@media screen and (min-width: 1200px) {
  md-dialog {
    max-height: 85%;
  }
}
md-backdrop.md-dialog-backdrop {
  z-index: 999;
}

md-backdrop.md-bottom-sheet-backdrop {
  z-index: 1003;
}

md-dialog button.md-primary, md-dialog .md-button.md-primary,
.md-dialog button.md-primary,
.md-dialog .md-button.md-primary {
  color: #ffffff;
}
md-dialog .md-confirm-button,
.md-dialog .md-confirm-button {
  color: var(--secondary-color);
  background: var(--main-color) !important;
  color: var(--secondary-color) !important;
}
md-dialog .md-cancel-button,
.md-dialog .md-cancel-button {
  background: lightgrey;
  background-color: lightgrey;
}
@media screen and (max-width: 768px) {
  md-dialog md-dialog-actions,
  .md-dialog md-dialog-actions {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin-left: 5px;
    margin-right: 5px;
  }
  md-dialog md-dialog-actions .md-button,
  .md-dialog md-dialog-actions .md-button {
    flex: 0 0 100%;
    max-width: 100%;
    white-space: normal;
    font-size: 12px;
    line-height: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

md-dialog .md-toolbar-header,
.md-dialog .md-toolbar-header {
  background: var(--main-color) !important;
  color: var(--secondary-color);
}
@media screen and (max-width: 767.98px) {
  md-dialog .md-toolbar-header--popup-header-custom,
  .md-dialog .md-toolbar-header--popup-header-custom {
    height: 48px;
    min-height: 48px;
  }
}
@media screen and (max-width: 767.98px) {
  md-dialog .md-toolbar-header .md-toolbar-tools--popup-header-custom,
  .md-dialog .md-toolbar-header .md-toolbar-tools--popup-header-custom {
    height: 48px;
    min-height: 48px;
  }
}

md-dialog md-dialog-content .detail-exercises {
  max-width: 600px;
}
@media (max-width: 991px) {
  md-dialog md-dialog-content .detail-exercises {
    max-width: 100%;
  }
}
md-dialog md-dialog-content .detail-exercises .exercises-video {
  width: 600px;
}
@media (max-width: 767px) {
  md-dialog md-dialog-content .detail-exercises .exercises-video {
    width: 100%;
  }
}
@media (min-width: 768px) {
  md-dialog md-dialog-content .detail-exercises .exercises-video {
    width: 100%;
    min-width: 400px;
  }
}

.md-tooltip.md-origin-bottom {
  margin-top: -10px !important;
}

md-toast {
  top: 70px !important;
  max-height: 150px;
}

#toastRoomsEquipment md-toast {
  top: 0 !important;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.multi_line .md-toast-content {
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 350px;
}

.multi_line .md-toast-content .md-toast-text {
  max-height: 150px;
  overflow-y: hidden;
  display: block;
  white-space: pre-line;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 1200;
}

md-virtual-repeat-container {
  margin-top: 8px !important;
  border-radius: 4px;
}

.custom-container {
  padding-bottom: 72px;
  padding-top: 10px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.md-color-picker-container .md-color-picker-preview .md-color-picker-result .md-color-picker-preview-input {
  position: unset;
  width: 100%;
  border-radius: 0;
  font-size: 1em;
  outline: 0;
  box-shadow: none;
  text-transform: uppercase;
}
.md-color-picker-container md-actions .md-button:last-child .md-ripple-container {
  background: #0275d8;
}

.md-datepicker-calendar-pane {
  z-index: 1200;
}

.md-scroll-mask {
  position: initial;
}

.md-chips md-chip {
  background: #fffbf7 !important;
  border: 1px solid var(--main-color);
  font-size: 0.9em;
}
.md-chips .md-chip-remove-container md-icon {
  color: #fbaa65 !important;
}
.md-chips .md-chip-remove-container {
  color: #fbaa65 !important;
}
.md-chips md-autocomplete {
  background-color: #fffbf7 !important;
  height: auto !important;
}

.md-toolbar-header h2 {
  font-size: 24px;
  color: var(--secondary-color);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .md-toolbar-header h2 {
    font-size: 20px;
  }
}
.md-toolbar-header .md-button.md-icon-button {
  min-width: 40px;
}
.md-toolbar-header md-icon i {
  color: var(--secondary-color);
}

.md-contact-chips .md-chips md-chip md-chip-template {
  display: flex;
  align-items: center;
}
.md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: none;
  display: flex;
  align-items: center;
}
.md-contact-chips .md-chips md-chip .md-contact-avatar img {
  flex-basis: 100%;
  max-width: 25px;
  margin: 0px;
  margin-left: 5px;
  width: 25px;
  height: 25px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
  margin-bottom: 2px;
}

.md-contact-suggestion {
  height: 100%;
  display: flex;
  align-items: center;
}
.md-contact-suggestion img {
  margin: 0px;
  margin-left: 5px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
}
.md-contact-suggestion .md-contact-name {
  width: 100%;
}

.md-contact-suggestion .md-color-picker-dialog .md-color-picker-container .md-color-picker-preview .md-color-picker-tabs .md-color-picker-tabs .md-tab:not(:firtst-child) {
  display: none;
}

tags-list .tags-wrapper {
  border-bottom: solid 1px #ddd;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
tags-list .tags-wrapper:hover, tags-list .tags-wrapper:active, tags-list .tags-wrapper:focus {
  border-bottom-color: var(--main-color);
}
tags-list .tags-wrapper .tags-item {
  max-width: 100%;
  display: flex;
  margin-right: 5px;
  margin-bottom: 5px;
}
tags-list .tags-wrapper .tags-item__content {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
tags-list .tags-wrapper .tags-item__action {
  flex-shrink: 1;
}
tags-list .tags-wrapper .tags-input {
  flex-grow: 1;
  width: auto;
  border-bottom: none;
  display: inline;
  margin-bottom: 0px;
}

md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple, md-checkbox:not([disabled]).md-default-theme.md-checked .md-ink-ripple {
  color: var(--main-color);
}
md-checkbox:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-default-theme.md-checked .md-icon {
  background-color: var(--main-color);
}
md-checkbox:not([disabled]).check-box--primary.md-checked .md-ink-ripple {
  color: var(--primary-color);
}
md-checkbox:not([disabled]).check-box--primary.md-checked .md-icon {
  background-color: var(--primary-color);
}

md-radio-group md-radio-button.md-radio-button__disable .md-on, md-radio-group md-radio-button.md-default-theme .md-on {
  background-color: var(--main-color) !important;
}
md-radio-group md-radio-button.md-radio-button__disable.md-checked .md-off {
  border-color: var(--main-color) !important;
}
md-radio-group md-radio-button.radio-button--primary.md-checked .md-off {
  border-color: var(--primary-color) !important;
}
md-radio-group md-radio-button.radio-button--primary.md-checked .md-on {
  background-color: var(--primary-color) !important;
}
md-radio-group md-radio-button.radio-button--primary.md-checked .md-off {
  border-color: var(--primary-color) !important;
}

md-radio-group md-radio-button:not([disabled]).md-primary .md-on, md-radio-group md-radio-button:not([disabled]).md-default-theme .md-on {
  background-color: var(--main-color);
}
md-radio-group md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: var(--main-color);
}
md-radio-group md-radio-button.radio-button--primary.md-checked .md-off {
  border-color: var(--primary-color);
}
md-radio-group md-radio-button.radio-button--primary.md-checked .md-on {
  background-color: var(--primary-color);
}
md-radio-group md-radio-button.radio-button--primary.md-checked .md-off {
  border-color: var(--primary-color);
}
md-radio-group md-radio-button.radio-button--primary.md-checked .md-icon {
  background-color: var(--primary-color);
}
md-radio-group.md-radio--custom md-radio-button {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: flex-start;
}
md-radio-group.md-radio--custom md-radio-button .md-container {
  position: relative;
  -webkit-transform: none;
          transform: none;
  top: 0px;
  flex-basis: 100%;
  max-width: 20px;
}
md-radio-group.md-radio--custom md-radio-button .md-label {
  margin-left: 0.5rem;
}
md-radio-group .md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}

.md-button.md-default-theme.md-disabled,
.md-button.md-disabled {
  cursor: default;
  background: lightgrey !important;
}

[popoverpte] {
  padding: 5px;
}

md-backdrop.md-select-backdrop, md-backdrop.md-menu-backdrop {
  z-index: 1199;
}

.md-open-menu-container {
  z-index: 1200;
}

.md-select-multiple {
  display: block;
}
.md-select-multiple__field {
  font-family: Hind, sans-serif;
  background: #ffffff;
  border: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 0px;
  padding: 10px;
  color: #222222;
  font-size: 13px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.md-select-multiple__container {
  z-index: 1200;
  display: flex;
  flex-direction: column;
}
.md-select-multiple__header {
  flex-shrink: 1;
  min-height: 74px;
  height: 74px;
  position: relative;
}
.md-select-multiple__content {
  position: relative;
  overflow: auto;
  flex-grow: 1;
}
.md-select-multiple__input[type=search] {
  box-sizing: border-box;
  width: 100%;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0px;
  height: 30px;
}
.md-select-multiple__input[type=search]:focus {
  box-shadow: none;
}
.md-select-multiple__input[type=search]:focus, .md-select-multiple__input[type=search]:hover {
  overflow: hidden;
}
.md-select-multiple__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  font-size: 13px;
  font-weight: 500;
}
.md-select-multiple__option__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.md-select-multiple__option__marker {
  color: var(--main-color);
}
.md-select-multiple__option:hover, .md-select-multiple__option:focus, .md-select-multiple__option:visited {
  background-color: rgba(var(--main-color_rgb), 0.1);
}
.md-select-multiple__option > .md-button {
  font-size: 13px;
  padding: 0px 10px;
  background: transparent;
  background-color: transparent !important;
}
.md-select-multiple__option > .md-button:hover {
  background-color: transparent;
}
.md-select-multiple__option > .md-button[disabled] .md-select-multiple__option__marker {
  color: rgba(0, 0, 0, 0.38);
}
.md-select-multiple__option > .md-button:not([disabled]):hover {
  background-color: transparent;
}
.md-select-multiple__select-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}
.md-select-multiple__select-all:hover, .md-select-multiple__select-all:focus {
  background: rgba(var(--main-color_rgb), 0.1);
}

.menu-minimalist__content {
  padding: 0px;
}
.menu-minimalist__content md-menu-item {
  height: auto;
  min-height: 0px;
}
.menu-minimalist__content md-menu-item > .md-button {
  padding: 1px 10px;
  min-height: auto;
  line-height: 1.5;
  font-size: 14px;
  font-family: Hind, sans-serif;
}
.menu-minimalist__content md-menu-item > .md-button:hover {
  cursor: pointer;
  background: rgba(var(--main-color_rgb), 0.2);
  text-shadow: 0.25px 0px 0.1px, -0.25px 0px 0.1px;
}
.menu-minimalist__content md-menu-item i, .menu-minimalist__content md-menu-item svg, .menu-minimalist__content md-menu-item .fas, .menu-minimalist__content md-menu-item .fa, .menu-minimalist__content md-menu-item .fab, .menu-minimalist__content md-menu-item .img-icon {
  width: 16px;
  margin-right: 10px !important;
  display: inline-block;
  text-align: center;
}

.sticky-element {
  position: sticky;
  top: 0px;
  z-index: 10;
} /* Tags Control */
md-chips.tags-control md-chips-wrap {
  display: flex;
  flex-wrap: wrap;
}
md-chips.tags-control md-chip {
  max-width: 200px;
}
md-chips.tags-control .md-chip-input-container {
  flex-grow: 1;
  width: auto;
}
md-chips.tags-control .md-chip-input-container input.md-input {
  width: 100%;
}

.custom-form-control.md-select-menu-container {
  z-index: 1200;
}
@media screen and (min-width: 768px) {
  .custom-form-control.md-select-menu-container.mw-500 {
    max-width: 500px;
  }
}
@media screen and (max-width: 767px) {
  .custom-form-control.md-select-menu-container.mw-500 {
    max-width: 100%;
  }
}
.custom-form-control.md-select-menu-container md-optgroup label {
  height: 40px;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 0;
  color: rgb(56, 56, 56);
}
.custom-form-control.md-select-menu-container md-option {
  padding-right: 16px;
  padding-left: 16px;
  height: 40px;
}
.custom-form-control.md-select-menu-container md-option .md-text {
  width: 100% !important;
}
.custom-form-control.md-select-menu-container md-option.option--vertical-align .md-text {
  width: 100%;
}
.custom-form-control.md-select-menu-container md-option.option--vertical-align .md-text .service-info {
  overflow: hidden;
}
.custom-form-control.md-select-menu-container md-option.option--vertical-align .md-text .service-info span:nth-child(1) {
  overflow: hidden;
  max-width: 85%;
  text-overflow: ellipsis;
}
.custom-form-control.md-select-menu-container.md-default-theme md-content md-option[selected], .custom-form-control.md-select-menu-container md-content md-option[selected] {
  color: var(--main-color);
}
.custom-form-control.custom-time-picker md-select-menu md-content {
  min-width: auto;
}
.custom-form-control.custom-time-picker md-select-menu md-option {
  padding-right: 0px;
  padding-left: 13px;
}
.custom-form-control.custom-dropdown md-select-menu md-content {
  min-width: auto;
}
.custom-form-control.custom-dropdown md-select-value {
  overflow: hidden;
}

.custom-icon-dropdown-multiple-pte .dropdown-toggle:after {
  display: none;
}
.custom-icon-dropdown-multiple-pte .button-dropdown-toggle {
  border: 0px !important;
  margin-top: 0px !important;
}
.custom-icon-dropdown-multiple-pte .button-dropdown-toggle:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
}
.custom-icon-dropdown-multiple-pte .display-icon {
  font-size: large !important;
}

.custom-dropdown-multiple-pte {
  border: 1px solid rgba(0, 0, 0, 0.5);
  max-height: 32px;
  min-height: 32px;
}
.custom-dropdown-multiple-pte .button-dropdown-toggle {
  height: 100% !important;
  margin-top: 14px !important;
  border: 0px !important;
  box-shadow: none;
}
.custom-dropdown-multiple-pte .content-multiple-dropdown-box div.list-content::-webkit-scrollbar-thumb {
  padding-bottom: 0px;
}

md-select.custom-form-control {
  margin: 0px;
}
md-select.custom-form-control:not([disabled]):focus .md-select-value {
  border: 1px solid #838383;
  border-bottom: 1px solid #838383;
  padding: 10px;
}
md-select.custom-form-control md-select-value {
  border: 1px solid #838383;
  border-bottom: 1px solid #838383;
  overflow-x: hidden;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  padding: 8px 10px !important;
}
md-select.custom-form-control md-select-value .md-select-icon {
  font-family: Font Awesome\ 5 Pro;
  font-weight: bold;
  text-align: center;
  width: 24px;
  height: 24px;
  margin: 0px;
}
md-select.custom-form-control md-select-value .md-select-icon::after {
  content: "\f0d7";
  -webkit-transform: none;
          transform: none;
  line-height: 24px;
}
md-select.custom-form-control md-select-value .md-text {
  width: 100%;
}
md-select.custom-form-control md-select-value .md-text .service-info {
  overflow: hidden;
}
md-select.custom-form-control md-select-value .md-text .service-info span:nth-child(1) {
  overflow: hidden;
  max-width: 85%;
  text-overflow: ellipsis;
}
md-select.custom-form-control {
  /* 2679*/
}
md-select.custom-form-control[disabled] .md-select-value {
  background: #eceeef;
  color: #232323;
  border: 1px solid #838383;
}
md-select.custom-form-control {
  /* 2679*/
}

md-datepicker.custom-form-control {
  max-width: unset;
  width: 100%;
  border: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding: 5px 10px;
}
md-datepicker.custom-form-control .md-datepicker-input-container {
  max-width: unset;
  display: flex;
}
md-datepicker.custom-form-control .md-datepicker-input-container .md-datepicker-input {
  text-align: center;
  padding: 0px !important;
}
md-datepicker.custom-form-control .md-button.md-datepicker-button {
  display: none;
}
md-datepicker.custom-form-control .md-datepicker-triangle-button.md-button.md-icon-button {
  display: block;
  position: relative;
  width: auto;
  font-size: 14px;
}
md-datepicker.custom-form-control .md-datepicker-triangle-button.md-button.md-icon-button::before {
  font-family: Font Awesome\ 5 Pro;
  content: "\f133";
}
md-datepicker.custom-form-control .md-datepicker-triangle-button.md-button.md-icon-button .md-datepicker-expand-triangle {
  position: relative;
  border: 0px;
}

md-backdrop.md-select-backdrop, md-backdrop.md-menu-backdrop {
  z-index: 1199;
}

.md-open-menu-container {
  z-index: 1200;
  border-radius: 5px;
}

#packageMembershipList {
  min-width: 930px;
}
#packageMembershipList .width-name {
  max-width: 700px;
  width: 75%;
}
@media only screen and (max-width: 1600px) {
  #packageMembershipList {
    min-width: 740px;
  }
  #packageMembershipList .width-name {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1440px) {
  #packageMembershipList {
    min-width: 690px;
  }
  #packageMembershipList .width-name {
    max-width: 465px;
  }
}
@media only screen and (max-width: 1366px) {
  #packageMembershipList {
    min-width: 650px;
  }
  #packageMembershipList .width-name {
    max-width: 425px;
  }
}
@media only screen and (max-width: 1280px) {
  #packageMembershipList {
    min-width: 600px;
  }
  #packageMembershipList .width-name {
    max-width: 360px;
  }
}
@media only screen and (max-width: 1199.98px) {
  #packageMembershipList {
    min-width: 410px;
  }
  #packageMembershipList .width-name {
    max-width: 200px;
  }
}
@media only screen and (max-width: 991.98px) {
  #packageMembershipList {
    min-width: 360px;
  }
  #packageMembershipList .width-name {
    max-width: 155px;
  }
}
@media only screen and (max-width: 767.98px) {
  #packageMembershipList {
    min-width: 340px;
  }
}

md-date-range.custom-form-control.ng-leave, md-date-range.custom-form-control.ng-enter {
  display: none;
}
md-date-range.custom-form-control md-menu .date-range-picker__field {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px;
}
md-date-range.custom-form-control md-menu .date-range-picker__field .date-range-picker__field__value {
  color: #232323;
}

md-checkbox.custom-form-control.md-default-theme.md-checked .md-ink-ripple, md-checkbox.custom-form-control.md-checked .md-ink-ripple {
  color: var(--main-color);
}
md-checkbox.custom-form-control.md-default-theme.md-checked .md-icon, md-checkbox.custom-form-control.md-checked .md-icon {
  background-color: var(--main-color);
}

md-checkbox.custom-form-checkbox[disabled].md-checked .md-icon {
  background-color: #F5F5F7;
}

#enable-Auto-Reconcile md-checkbox.custom-form-control.md-default-theme.md-checked[disabled] .md-icon, #enable-Auto-Reconcile md-checkbox.custom-form-control.md-checked[disabled] .md-icon {
  background-color: #838383;
}
#enable-Auto-Reconcile .adjustment-codes-dropdown-wrapper dropdown-list-multiple-pte .modifier-search__action .button-dropdown-toggle {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 5px 10px !important;
}

.insurance-settings__custom-checkbox md-checkbox.custom-form-control.md-default-theme.md-checked[disabled] .md-icon, .insurance-settings__custom-checkbox md-checkbox.custom-form-control.md-checked[disabled] .md-icon {
  background-color: #838383;
}

md-radio-group.custom-form-control md-radio-button .md-label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #232323 !important;
}
md-radio-group.custom-form-control md-radio-button:not([disabled]).md-primary .md-on, md-radio-group.custom-form-control md-radio-button .md-on {
  background-color: var(--main-color);
}
md-radio-group.custom-form-control md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: var(--main-color);
}
md-radio-group.custom-form-control md-radio-button.md-checked .md-off {
  border-color: rgba(var(--main-color_rgb), 0.87);
}

.labelRoomEquipment .md-label {
  color: #777 !important;
  font-size: 14px;
  margin-left: 40px;
  font-style: normal;
  font-weight: normal;
}

.custom-phone-wrapper {
  display: block;
}
.custom-phone-wrapper .intl-tel-input {
  width: 100%;
}

.calendar-picker__wrapper.input-group {
  max-width: 200px;
}
.calendar-picker__wrapper.input-group .form-control {
  border: none !important;
}
@media only screen and (max-width: 767.98px) {
  .calendar-picker__wrapper.input-group {
    max-width: 100%;
  }
}
.calendar-picker__wrapper input[calendar-picker].form-control, .calendar-picker__wrapper input[calendar-picker] * {
  padding: 5px 12px !important;
}
.calendar-picker__wrapper input[calendar-picker].form-control[readonly], .calendar-picker__wrapper input[calendar-picker] *[readonly] {
  /* 2679*/
  background: #eceeef;
  color: #232323;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.calendar-picker__wrapper input[calendar-picker].form-control[readonly] ~ .input-group-addon, .calendar-picker__wrapper input[calendar-picker] *[readonly] ~ .input-group-addon {
  background: #eceeef;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  .calendar-picker__wrapper input[calendar-picker].form-control[readonly] ~ .input-group-addon, .calendar-picker__wrapper input[calendar-picker] *[readonly] ~ .input-group-addon {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.calendar-picker__wrapper input[calendar-picker].form-control[readonly], .calendar-picker__wrapper input[calendar-picker] *[readonly] {
  /* 2679*/
}
.calendar-picker__wrapper input[calendar-picker].cus-padding {
  padding: 0.5rem 0.75rem !important;
}
.calendar-picker__wrapper .input-group-addon {
  cursor: pointer;
}
.calendar-picker__wrapper input:disabled ~ .input-group-addon {
  background: #eceeef;
}

.custom-date--start .calendar-picker__wrapper input[calendar-picker].form-control[disabled], .custom-date--start .calendar-picker__wrapper input[calendar-picker] *[disabled] {
  background: #eceeef;
  color: #232323;
}
.custom-date--start .calendar-picker__wrapper input[calendar-picker].form-control[disabled] ~ .input-group-addon, .custom-date--start .calendar-picker__wrapper input[calendar-picker] *[disabled] ~ .input-group-addon {
  background: #eceeef;
  color: #232323;
}

#signin-dob-date .calendar-picker__wrapper {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#signin-dob-date .calendar-picker__wrapper input[calendar-picker].form-control {
  padding: 0.5rem 0.75rem !important;
}

.schedule-page md-checkbox.custom-form-control .md-container .md-icon {
  width: 16px;
  height: 16px;
}
.schedule-page md-checkbox.custom-form-control .md-container .md-icon::after {
  left: 2.66667px;
  top: 0.22222px;
  width: 5.66667px;
  height: 9.33333px;
}

#ui-datepicker-div.calendar-picker__wrapper {
  z-index: 1200 !important;
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-color: transparent;
  border-radius: 5px;
  width: auto;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-widget-content {
  background: none;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header {
  border: 0px;
  background: none;
  color: #232323;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-next {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  font-family: Font Awesome\ 5 Pro;
  font-weight: bold;
  color: #232323;
  text-align: center;
  line-height: 27px;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-prev .ui-icon, #ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-next .ui-icon {
  display: none;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, #ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
  cursor: pointer;
  opacity: 0.7;
  background: none;
  border: none;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-prev {
  order: 1;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-prev::before {
  content: "\f104";
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-next {
  order: 3;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-next::before {
  content: "\f105";
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-title {
  order: 2;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #232323;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-title select {
  border: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header .ui-datepicker-title .ui-datepicker-select {
  border: 0px;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header.ui-helper-clearfix:before, #ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-header.ui-helper-clearfix:after {
  content: none;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar {
  width: auto;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar thead {
  background: #F5F5F7;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar thead th {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #232323;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar thead th.ui-datepicker-week-end {
  color: #232323;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar tbody td {
  padding: 0px;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar .ui-state-default {
  border-color: transparent;
  border-width: 0px;
  border-radius: 5px;
  padding: 10px;
  background: none;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  text-align: center;
  width: 40px;
  height: 40px;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar .ui-state-default.ui-state-active {
  background: var(--main-color);
  color: var(--secondary-color);
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  font-weight: bold;
}
#ui-datepicker-div.calendar-picker__wrapper .ui-datepicker-calendar .ui-datepicker-today .ui-state-default.ui-state-active {
  background: var(--main-color);
  color: var(--secondary-color);
}

md-select.select--clean-style .md-select-value, md-select.select--clean-style:focus .md-select-value {
  border-bottom: none;
}

md-select.select--iconless .md-select-value .md-text .select--iconless__icon {
  display: none;
}

.pd-left-right-10 {
  padding-right: 15px;
  padding-left: 15px;
}

.header-right-content-claim {
  display: flex;
  justify-content: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.header-right-content-claim .mw-search-claim {
  max-width: 150px;
}
@media only screen and (max-width: 767.98px) {
  .header-right-content-claim .mw-search-claim {
    max-width: calc(100% - 100px);
  }
}
.header-right-content-claim .center-claim-search {
  display: flex;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.header-right-content-claim .center-claim-search .content-access {
  width: 55%;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}
.header-right-content-claim .btn-cus-claim {
  padding-left: 0 !important;
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .header-right-content-claim .btn-cus-claim {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .fz-15 {
    font-size: 15px;
  }
  .cus-style-col {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14.5px;
  }
  .header-right-content-claim {
    justify-content: flex-end;
  }
  .header-right-content-claim .center-claim-search {
    display: contents !important;
  }
  .header-right-content-claim .center-claim-search .content-access {
    width: 100% !important;
    margin-right: 0.25rem;
    margin-left: 0 !important;
  }
  .header-right-content-claim .btn-cus-claim {
    padding-left: 0.25rem !important;
  }
}
@media only screen and (max-width: 370px) {
  .fz-15 {
    font-size: 15px;
  }
  .cus-style-col {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14.5px;
  }
}
@media only screen and (max-width: 767.98px) {
  .cus-padding-left {
    padding-left: 20px;
  }
}
.mw-150 {
  max-width: 150px;
}

.mw-200 {
  max-width: 200px !important;
}

.btn-group-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EEEEEE;
  height: 42px;
}
.btn-group-right button {
  flex-grow: 1;
  font-size: 14px;
  color: #000;
  border-radius: 0;
}
.btn-group-right .tab-active {
  background: var(--main-color);
  color: white;
  border-radius: 0;
  border: 1px solid var(--main-color);
}

.content-tab-right [data-toggle=collapse] .fa-angle-right:before {
  content: "\f107";
}
.content-tab-right [data-toggle=collapse].collapsed .fa-angle-right:before {
  content: "\f105";
}
.content-tab-right .border-bt {
  border-bottom: 1px solid #e3e3e3;
}
.content-tab-right .content-messages .panel__header {
  margin-top: 0.5rem;
  border-bottom: 1px solid #e3e3e3;
}
.content-tab-right .content-messages .panel__header .fw-500 {
  font-weight: 500;
}
.content-tab-right .content-event {
  padding: 1rem 0.5rem;
}
.content-tab-right .content-event .event-left {
  border-bottom: 1px solid #e3e3e3;
}
.content-tab-right .content-event .event-left ul {
  padding-top: 5px;
  padding-bottom: 5px;
}
.content-tab-right .content-related {
  padding: 1rem 0.5rem;
}
.content-tab-right .content-related .event-left {
  border-bottom: 1px solid #e3e3e3;
}
.content-tab-right .content-related .event-left ul {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .cus-dropdown-menu-right a {
    font-size: 13px;
    padding: 5px !important;
  }
}

#dateOfBirthday .md-datepicker-input-container {
  max-width: 135px !important;
}

md-progress-circular.md-default-theme path, md-progress-circular path {
  stroke: var(--main-color);
  stroke-width: 2;
}

.span-text-remove {
  font-style: italic;
  color: red;
  margin-left: 0.25rem;
}

.list-exercise-metric .exercise-metric-item {
  min-width: 145px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 370px) {
  .list-exercise-metric .exercise-metric-item {
    min-width: 140px;
    margin: 0 0.25rem 5px;
  }
}
.list-exercise-metric .exercise-metric-item .metric-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
}

.text-truncate-force {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: inline;
}
.text-truncate-force * {
  display: inline;
}

.text-truncate-one-line {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.text-truncate-two-line {
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

#metric-list-show span {
  margin-right: 10px;
}
#metric-list-show span:nth-child(1) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 75px;
  margin-right: 0 !important;
}
#metric-list-show span:nth-child(2) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 75px;
  margin-right: 0.25rem !important;
}

.container-not-des label {
  font-weight: 500;
  font-size: 16px;
}
.container-not-des textarea {
  resize: none;
  font-size: medium;
  cursor: default;
}
.container-not-des .cus-width {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .container-not-des .cus-width {
    width: 100%;
  }
}

@media screen and (min-width: 767px) {
  .position-complete-tilte {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 767px) {
  .position-complete-tilte .cus-width-btn-complete {
    width: 230px;
  }
}
@media screen and (max-width: 767px) {
  .position-complete-tilte .cus-width-btn-complete {
    order: 1;
  }
}
.position-complete-tilte .mt-title {
  margin-bottom: 0;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .position-complete-tilte .mt-title {
    margin-top: 0.75rem;
  }
}

#popupShowNoteExercise textarea {
  resize: none;
  font-size: medium;
  cursor: default;
}

.text-overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-165 {
  width: 165px;
}

#content-choose-video .thumbnail .camera {
  bottom: -32.5%;
  right: -55.5%;
  color: #fc8675;
}
#content-choose-video .thumbnail .camera .fa-circle {
  font-size: 36px;
}
#content-choose-video .thumbnail .camera .fa-times {
  font-size: 20px;
  margin-left: 12px;
}
@media only screen and (max-width: 1200px) {
  #content-choose-video .thumbnail .camera {
    bottom: -30%;
    right: -60%;
  }
  #content-choose-video .thumbnail .camera .fa-circle {
    font-size: 26px;
  }
  #content-choose-video .thumbnail .camera .fa-times {
    font-size: 16px;
    margin-left: 8px;
  }
}
@media only screen and (max-width: 767.98px) {
  #content-choose-video .thumbnail .camera {
    bottom: -30%;
    right: -62%;
  }
  #content-choose-video .thumbnail .camera .fa-circle {
    font-size: 18px;
  }
  #content-choose-video .thumbnail .camera .fa-times {
    font-size: 14px;
    margin-left: 3px;
  }
}

#content-choose-pdf .thumbnail .camera {
  bottom: -33%;
  right: 46%;
  color: #fc8675;
}
#content-choose-pdf .thumbnail .camera .fa-circle {
  font-size: 36px;
}
#content-choose-pdf .thumbnail .camera .fa-times {
  font-size: 20px;
  margin-left: 12px;
}
@media only screen and (max-width: 1200px) {
  #content-choose-pdf .thumbnail .camera {
    bottom: -30%;
    right: 42%;
  }
  #content-choose-pdf .thumbnail .camera .fa-circle {
    font-size: 26px;
  }
  #content-choose-pdf .thumbnail .camera .fa-times {
    font-size: 16px;
    margin-left: 8px;
  }
}
@media only screen and (max-width: 767.98px) {
  #content-choose-pdf .thumbnail .camera {
    bottom: -30%;
    right: 40%;
  }
  #content-choose-pdf .thumbnail .camera .fa-circle {
    font-size: 18px;
  }
  #content-choose-pdf .thumbnail .camera .fa-times {
    font-size: 14px;
    margin-left: 3px;
  }
}

#content-choose-pdf .thumbnail, #content-choose-video .thumbnail {
  width: 80px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
}
#content-choose-pdf .thumbnail .text-orange, #content-choose-video .thumbnail .text-orange {
  font-size: 50px;
}
@media only screen and (max-width: 1200px) {
  #content-choose-pdf .input-group-addon, #content-choose-video .input-group-addon {
    padding: 0.5rem 0.45rem;
  }
  #content-choose-pdf .thumbnail, #content-choose-video .thumbnail {
    margin-top: 0;
    margin-bottom: 0;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #content-choose-pdf .input-group-addon label, #content-choose-video .input-group-addon label {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}
@media only screen and (max-width: 767.98px) {
  #content-choose-pdf .input-group-addon, #content-choose-video .input-group-addon {
    padding: 0.5rem 0.45rem;
  }
  #content-choose-pdf .thumbnail, #content-choose-video .thumbnail {
    margin-top: 0;
    margin-bottom: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #content-choose-pdf .input-group-addon label, #content-choose-video .input-group-addon label {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}
@media only screen and (max-width: 370px) {
  #content-choose-pdf .input-group-addon, #content-choose-video .input-group-addon {
    padding: 0.5rem 0.2rem;
  }
}

.img-cus {
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 641px) and (max-width: 1200px) {
  .img-cus {
    height: auto;
    width: 65%;
  }
}

/*
 *  cus-scroll-bar
 */
.cus-scroll-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.cus-scroll-bar::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

.cus-scroll-bar::-webkit-scrollbar-thumb {
  background-color: #F5F5F5;
  border: 2px solid rgba(245, 245, 245, 0.8823529412);
}

.text-truncate-two-line {
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-truncate-three-line {
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.text-truncate-five-line {
  max-width: 100%;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .cus-btn-fz {
    padding: 10px 5px;
    font-size: 14px;
  }
}

.cus-mr-print {
  margin-right: 80px;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .cus-mr-print {
    margin-right: 55px;
  }
}

.car-type-label {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #1f1f1f;
  margin-bottom: 12px;
}

#aptDetail .form-group--strong-style {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  #aptDetail .form-group--strong-style {
    margin-bottom: 0.5rem;
  }
}

#bookingDetail {
  padding-top: 12px;
  padding-left: 1px;
  padding-right: 1px;
}
#bookingDetail .form-group--strong-style {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  #bookingDetail .form-group--strong-style {
    margin-bottom: 0.5rem;
  }
}
#bookingDetail .bookingDetail__mb-12 {
  margin-bottom: 12px;
}

.bookingPayment__content .selectBox--modifier {
  margin-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.bookingPayment__content .selectBox {
  width: 96px;
}
@media only screen and (max-width: 767.98px) {
  .bookingPayment__content .selectBox {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.bookingPayment__content .selectBox select {
  height: auto !important;
  line-height: 32px;
  border: none;
  font-size: 16px;
  background: #fff;
  color: #232323 !important;
}
.bookingPayment__content .selectBox select option {
  color: #232323;
}
.bookingPayment__content .pt-12 {
  padding-top: 12px;
}
.bookingPayment__content .form-group.form-group--strong-style .form-control {
  font-size: 14px;
}
.bookingPayment__content .selectBox__content.expiration-date .selectBox--modifier {
  align-items: center;
  display: flex;
  padding-top: 7px;
  padding-left: 9px;
  border: 1px solid #838383;
}
.bookingPayment__content .selectBox__content.expiration-date .selectBox--modifier select {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
}

#packageMembership__contentDetail tr td {
  padding-top: 8px !important;
  padding-left: 12px !important;
}
#packageMembership__contentDetail tr th {
  border: none !important;
}

.bookingPaymentMembership__content {
  color: #232323;
  padding-top: 12px;
}
.bookingPaymentMembership__content .mt-12 {
  margin-top: 12px;
}
.bookingPaymentMembership__content .col-12 {
  padding-left: 16px;
  padding-right: 16px;
}
.bookingPaymentMembership__content .pt-12 {
  padding-top: 12px;
}
.bookingPaymentMembership__content .table {
  font-size: 14px;
}
.bookingPaymentMembership__content .table tr {
  padding-top: 8px;
}
.bookingPaymentMembership__content .table tr td {
  border: none;
  padding: 0px !important;
  width: 70%;
  color: #232323;
}
.bookingPaymentMembership__content .table tr th {
  padding: 0px !important;
  color: #232323;
  font-weight: 400 !important;
  line-height: 28px;
}
@media only screen and (max-width: 767.98px) {
  .bookingPaymentMembership__content .table tr th {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
    width: 50% !important;
    padding: 12px !important;
  }
}
.bookingPaymentMembership__content .border-table {
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
}
.bookingPaymentMembership__content md-select .md-select-value.md-select-placeholder, .bookingPaymentMembership__content md-select .md-select-value {
  color: #232323 !important;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.bookingPaymentMembership__content md-select.custom-form-control md-select-value {
  padding: 0px 10px !important;
}
.bookingPaymentMembership__content .mt-12.border-table table td {
  padding-top: 8px !important;
  padding-left: 0px !important;
}

.mt-12.border-table table td {
  padding-top: 8px !important;
  padding-left: 12px !important;
}

#content-credit-card {
  padding-top: 16px;
}
#content-credit-card .content-remember-card {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
#content-credit-card .btn {
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .content-caption .text-caption {
    font-size: 12px;
  }
}

#text-description-package, #text-description-member {
  width: 98% !important;
}
#text-description-package .info-holder, #text-description-member .info-holder {
  width: 100% !important;
}
#text-description-package .info-holder #richTextDescription, #text-description-member .info-holder #richTextDescription {
  width: 97% !important;
}
#text-description-package .info-holder #richTextDescription #ckEditorViewer, #text-description-member .info-holder #richTextDescription #ckEditorViewer {
  width: 100% !important;
}

.horizontal-left-block-schedule {
  height: 91%;
  position: relative;
  z-index: 998;
}

.cus-block {
  border-radius: 5px;
  border: 1px solid rgba(206, 206, 206, 0.7294117647);
  padding: 10px 14px 0px 14px !important;
  margin-bottom: 15px !important;
}
.cus-block #upcomingAppointmentList table tr .padding-left-2,
.cus-block #previousAppointmentList table tr .padding-left-2,
.cus-block #cancelledAppointmentList table tr .padding-left-2,
.cus-block #noshowedAppointmentList table tr .padding-left-2 {
  padding-left: 2px !important;
}
.cus-block #upcomingAppointmentList table tr .padding-left-4,
.cus-block #previousAppointmentList table tr .padding-left-4,
.cus-block #cancelledAppointmentList table tr .padding-left-4,
.cus-block #noshowedAppointmentList table tr .padding-left-4 {
  padding-left: 4px !important;
}
.cus-block #upcomingAppointmentList table tr .w-32,
.cus-block #previousAppointmentList table tr .w-32,
.cus-block #cancelledAppointmentList table tr .w-32,
.cus-block #noshowedAppointmentList table tr .w-32 {
  width: 32% !important;
}
.cus-block #upcomingAppointmentList table tr .w-26,
.cus-block #previousAppointmentList table tr .w-26,
.cus-block #cancelledAppointmentList table tr .w-26,
.cus-block #noshowedAppointmentList table tr .w-26 {
  width: 26% !important;
}
.cus-block #upcomingAppointmentList table tr td,
.cus-block #previousAppointmentList table tr td,
.cus-block #cancelledAppointmentList table tr td,
.cus-block #noshowedAppointmentList table tr td {
  padding: 8px 3px 8px 8px !important;
  font-size: 11px !important;
  color: #232323;
}

.table-ellipsis td {
  white-space: nowrap;
  max-width: 50%;
  word-break: break-all;
}

.fixed-btn-modal-footer {
  position: fixed;
  bottom: 10px;
  right: 30px;
}

.overflow-service-class {
  max-height: calc(100vh - 465px);
}

.provider-list .list-group__item__action md-checkbox .md-ripple-container {
  width: auto;
}

select[data-month="0"], select[data-year="0"] {
  color: #D9D9D9 !important;
}

.overflow-provider-list {
  overflow-y: auto;
  max-height: calc(100vh - 370px);
}

#signupPopup .md-dialog-content {
  padding-top: 10px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#signupPopup .popup__actions {
  padding: 10px 20px !important;
}
#signupPopup .popup__actions .cus-padding-col {
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  #signupPopup .popup__actions .cus-padding-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .cus-dropdown-menu-right a {
    font-size: 13px;
    padding: 5px !important;
  }
}

#repeat-mode-cus md-radio-button .md-label {
  margin-left: 0.5rem;
  margin-top: 0.1rem;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

#popup-appointment .dayofweek {
  padding: 8px 4px;
  width: 98px;
  height: 34px;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #838383;
  background: #F5F5F7;
  border: 1px solid #838383;
  color: #232323;
  box-sizing: border-box;
}
#popup-appointment .dayofweek:focus {
  outline: none;
}
#popup-appointment .active-day {
  background: rgba(var(--main-color_rgb), 0.2) !important;
  color: var(--main-color) !important;
  border: 1px solid var(--main-color);
  box-sizing: border-box;
}
#popup-appointment .active-day:focus {
  outline: var(--main-color) !important;
  border-color: var(--main-color) !important;
}
@media only screen and (min-width: 768px) {
  #popup-appointment {
    max-height: 98%;
  }
}
@media only screen and (max-width: 767.98px) {
  #popup-appointment {
    max-height: 95%;
    min-height: 100%;
  }
}
#popup-appointment .md-toolbar-header {
  height: 44px;
}
@media only screen and (max-width: 767.98px) {
  #popup-appointment .md-toolbar-header {
    height: auto;
  }
}
#popup-appointment .md-dialog-content {
  overflow-y: auto;
  overflow-x: hidden;
}
#popup-appointment .md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#popup-appointment .md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#popup-appointment .md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#popup-appointment .md-dialog-content:hover::-webkit-scrollbar {
  width: 4px;
}
#popup-appointment .md-dialog-content:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  background-clip: padding-box;
}
#popup-appointment .md-dialog-content form .form-group {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767.98px) {
  #popup-appointment .md-dialog-content form .form-group {
    margin-bottom: 0.75rem;
  }
  #popup-appointment .md-dialog-content form .form-group input {
    font-family: "Nunito Sans";
    font-weight: normal;
    font-size: 16px !important;
    padding: 0.5rem 0.75rem !important;
    line-height: 24px !important;
    height: 48px !important;
  }
  #popup-appointment .md-dialog-content form .form-group .md-text {
    font-size: 16px !important;
  }
}
#popup-appointment .md-dialog-content form .form-group md-select.custom-form-control md-select-value {
  padding: 3px 5px !important;
  width: 95px;
}
@media only screen and (max-width: 767.98px) {
  #popup-appointment .md-dialog-content form .form-group md-select.custom-form-control md-select-value {
    padding: 8px 10px !important;
    height: 48px !important;
  }
}
#popup-appointment .md-dialog-content form .form-group .md-text {
  font-size: 14px;
}
#popup-appointment .md-dialog-content form .form-group input {
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
  border: 1px solid #838383;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  #popup-appointment .md-dialog-content form .form-group input {
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
  }
}
#popup-appointment .md-dialog-content form .form-group label {
  margin-bottom: 0;
}
#popup-appointment .md-dialog-content form .form-group [popoverpte] {
  padding: 5px 0;
}
#popup-appointment .md-dialog-content form .form-group .form-control {
  font-size: 14px;
}
#popup-appointment .md-dialog-content form .form-group .form-control__bottom-sheet {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
#popup-appointment .md-dialog-content form .form-group .calendar-picker__wrapper .input-group-addon {
  padding: 5px 12px;
}
#popup-appointment .md-dialog-content form .form-group span.text-primary.font-weight-medium, #popup-appointment .md-dialog-content form .form-group span.text-primary {
  color: var(--main-color) !important;
}
#popup-appointment .md-dialog-content form .form-group .color-list .color-list__item {
  width: 24px;
  height: 24px;
  margin: 8px 16px 8px 0px;
}
#popup-appointment .md-dialog-content form .form-group .color-list .color-list__item--selected::before {
  font-size: 20px;
  left: 5px;
}
#popup-appointment .md-dialog-content form .form-group .color-list .color-list__item--selected::after {
  font-size: 20px;
  left: 4.5px;
}
#popup-appointment .md-dialog-content form .form-group textarea {
  font-size: 14px;
  line-height: 20px;
  height: 64px;
  max-height: 64px;
  padding: 5px;
  border: 1px solid #838383;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  #popup-appointment .md-dialog-content form .form-group textarea {
    padding: 0.5rem 0.75rem;
  }
}
#popup-appointment .md-dialog-content form .form-group #date-time-field .cus-container-dropdown .dropdown-content .text-no-available {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #F4A522;
  margin-top: 10px;
  margin-bottom: 0.25rem;
}
#popup-appointment .md-dialog-content form .form-group #date-time-field .cus-container-dropdown .dropdown-content .dropdown-item.active {
  background-color: #F5F5F7;
  color: #5CB346;
}
#popup-appointment .md-dialog-content form .form-group #date-time-field .cus-container-dropdown .load-more {
  font-size: 14px;
  line-height: 20px;
}
#popup-appointment .md-dialog-content form .error-input {
  font-size: 12px;
  line-height: 18px;
}
#popup-appointment .md-dialog-content form .date--time {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 5px;
}
@media screen and (max-width: 767.98px) {
  #popup-appointment .md-dialog-content form .date--time {
    padding-left: 15px;
  }
}
#popup-appointment md-dialog-actions {
  justify-content: center;
}
#popup-appointment md-dialog-actions .modal-footer--create, #popup-appointment md-dialog-actions .modal-footer--edit, #popup-appointment md-dialog-actions .modal-footer--view {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
#popup-appointment md-dialog-actions .modal-footer--create button, #popup-appointment md-dialog-actions .modal-footer--edit button, #popup-appointment md-dialog-actions .modal-footer--view button {
  margin-left: 27px;
  margin-right: 27px;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  #popup-appointment md-dialog-actions .modal-footer--create button, #popup-appointment md-dialog-actions .modal-footer--edit button, #popup-appointment md-dialog-actions .modal-footer--view button {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 24px;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  }
}
#popup-appointment md-dialog-actions .modal-footer--create button.button__cancel__web, #popup-appointment md-dialog-actions .modal-footer--edit button.button__cancel__web, #popup-appointment md-dialog-actions .modal-footer--view button.button__cancel__web {
  margin-left: 0px;
  margin-right: 16px;
  background-color: #FFFFFF;
}
#popup-appointment md-dialog-actions .modal-footer--create button.button__create__edit__web, #popup-appointment md-dialog-actions .modal-footer--edit button.button__create__edit__web, #popup-appointment md-dialog-actions .modal-footer--view button.button__create__edit__web {
  margin: 0px;
}
#popup-appointment md-dialog-actions.action-web {
  padding: 15px 18px !important;
}
#popup-appointment .img-color {
  width: 24px;
  height: 20px;
  margin-left: 12px;
}
#popup-appointment dropdown-list-pte .modifier-search__wrapper {
  height: auto;
}
#popup-appointment dropdown-list-pte .modifier-search__wrapper .button-dropdown-toggle {
  height: 32px;
  margin-top: 0;
  padding: 5px 10px;
  border: 1px solid #838383;
  border-radius: 5px;
  overflow: hidden;
}

.cus-w-25 {
  width: 25px;
}

.fz-16 {
  font-size: 16px;
}

.fz-20 {
  font-size: 20px;
}

#packageDetail .col-12 .form-group,
#packagePayment .col-12 .form-group,
#content-credit-card .col-12 .form-group,
.signin-popup .col-12 .form-group,
.signup-popup .col-12 .form-group,
.popup-cancel-appointment .col-12 .form-group,
.popup--confirmcancelappointment .col-12 .form-group {
  margin-bottom: 0.75rem;
}
#packageDetail .col-12 .form-group label,
#packagePayment .col-12 .form-group label,
#content-credit-card .col-12 .form-group label,
.signin-popup .col-12 .form-group label,
.signup-popup .col-12 .form-group label,
.popup-cancel-appointment .col-12 .form-group label,
.popup--confirmcancelappointment .col-12 .form-group label {
  margin-bottom: 4px;
}
#packageDetail .col-12 .form-group input,
#packagePayment .col-12 .form-group input,
#content-credit-card .col-12 .form-group input,
.signin-popup .col-12 .form-group input,
.signup-popup .col-12 .form-group input,
.popup-cancel-appointment .col-12 .form-group input,
.popup--confirmcancelappointment .col-12 .form-group input {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  border: 1px solid #838383;
  color: #232323;
  box-sizing: border-box;
  font-size: 14px;
}
#packageDetail .col-12 .form-group input, #packageDetail .col-12 .form-group select, #packageDetail .col-12 .form-group md-select,
#packagePayment .col-12 .form-group input,
#packagePayment .col-12 .form-group select,
#packagePayment .col-12 .form-group md-select,
#content-credit-card .col-12 .form-group input,
#content-credit-card .col-12 .form-group select,
#content-credit-card .col-12 .form-group md-select,
.signin-popup .col-12 .form-group input,
.signin-popup .col-12 .form-group select,
.signin-popup .col-12 .form-group md-select,
.signup-popup .col-12 .form-group input,
.signup-popup .col-12 .form-group select,
.signup-popup .col-12 .form-group md-select,
.popup-cancel-appointment .col-12 .form-group input,
.popup-cancel-appointment .col-12 .form-group select,
.popup-cancel-appointment .col-12 .form-group md-select,
.popup--confirmcancelappointment .col-12 .form-group input,
.popup--confirmcancelappointment .col-12 .form-group select,
.popup--confirmcancelappointment .col-12 .form-group md-select {
  height: 32px;
}
#packageDetail .col-12 .form-group md-select-value,
#packagePayment .col-12 .form-group md-select-value,
#content-credit-card .col-12 .form-group md-select-value,
.signin-popup .col-12 .form-group md-select-value,
.signup-popup .col-12 .form-group md-select-value,
.popup-cancel-appointment .col-12 .form-group md-select-value,
.popup--confirmcancelappointment .col-12 .form-group md-select-value {
  padding: 0 10px !important;
}
@media only screen and (max-width: 767.98px) {
  #packageDetail .col-12 .form-group md-select-value,
  #packagePayment .col-12 .form-group md-select-value,
  #content-credit-card .col-12 .form-group md-select-value,
  .signin-popup .col-12 .form-group md-select-value,
  .signup-popup .col-12 .form-group md-select-value,
  .popup-cancel-appointment .col-12 .form-group md-select-value,
  .popup--confirmcancelappointment .col-12 .form-group md-select-value {
    padding: 0.5rem 0.75rem !important;
  }
}

.warning-not-member-package {
  background: #F4A522;
  border-radius: 8px;
  padding: 8px 18px 8px 18px;
  font-size: 14px;
}

#serviceOptionLocation {
  border: none;
  border-bottom: none;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
  color: #232323;
  padding: 0;
  height: 53px;
  text-overflow: ellipsis;
}
#serviceOptionLocation #cus-option {
  font-family: "Hind";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  flex-grow: 0;
  margin: 0px 10px;
}
#serviceOptionLocation #cus-option:hover {
  color: #ffffff;
  background-color: var(--main-color) !important;
  background: var(--main-color);
}

.height-20 {
  height: 20px !important;
}

.ml-negative-10 {
  margin-left: -10px !important;
}

.width-change-service {
  width: 222px;
  padding: 0;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .width-change-service {
    width: 160px;
  }
}

#width_tmp_select {
  display: none;
}

.custom-mr {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
@media only screen and (max-width: 767.98px) {
  .custom-mr {
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    font-family: "Nunito Sans";
  }
}

.inherited-control[readonly], .inherited-control:disabled {
  opacity: 0.7 !important;
}

.header-reverse-mobile {
  height: 44px;
  max-height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-reverse-mobile h5 {
  margin-left: 0.25rem;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.header-reverse-mobile h6 {
  margin-left: 0.25rem;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.header-reverse-mobile button {
  margin-bottom: 0.5rem;
}
.header-reverse-mobile h5, .header-reverse-mobile h6.popup__title {
  font-size: 14px;
  line-height: 14px;
  margin: 0;
}
@media only screen and (max-width: 1199.98px) {
  .header-reverse-mobile {
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 48px;
    max-height: 48px;
    font-size: 16px !important;
  }
  .header-reverse-mobile .margin-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .header-reverse-mobile h5 {
    margin-left: auto;
    margin-right: auto;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  .header-reverse-mobile h6 {
    margin-left: auto;
    margin-right: auto;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  .header-reverse-mobile label {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
  }
  .header-reverse-mobile button {
    margin-bottom: 0.25rem;
  }
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-name-rpovider {
  width: 400px;
}

.mr-img {
  height: 25px !important;
  width: 25px !important;
}
.mr-img .info-wait-list {
  width: 20px;
  height: 18px;
  border-radius: 50%;
  background: #F5F5F7;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 17px;
  cursor: pointer;
}
.mr-img .info-wait-list *, .mr-img .info-wait-list img, .mr-img .info-wait-list span {
  fill: var(--main-color) !important;
}
.mr-img .info-wait-list .info-number {
  font-size: 10px;
  margin-left: 2px;
  margin-top: 1px;
}
@media only screen and (max-width: 767.98px) {
  .mr-img {
    height: 16px !important;
    width: 16px !important;
    margin: 2px 0 0 !important;
  }
  .mr-img .info-wait-list {
    margin-left: 6px;
  }
  .mr-img .info-wait-list .info-number {
    margin-left: 0;
  }
}

.time-zone-clinic {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  color: #1F1F1F;
}

#dialogContent_showAddClassSchedule .blockAvai {
  border: 1px solid var(--main-color) !important;
}

.block-scheduling-page .content-left-block-Scheduleling {
  height: 100%;
  padding: 12px 0 0px 15px;
  font-family: "Hind";
}
.block-scheduling-page .content-left-block-Scheduleling .content-block .switchable-tabs__wrapper {
  padding: 4px;
  border-radius: 4px;
}
.block-scheduling-page .content-left-block-Scheduleling .content-block .switchable-tabs__wrapper .switchable-tabs__item {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  color: #232323;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block h5 {
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  color: #232323;
  margin-top: 1rem;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block md-select md-select-value {
  font-family: "Hind";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  color: #232323;
  height: 32px;
  border: 0.746032px solid #838383;
  box-sizing: border-box;
  border-radius: 3.73016px;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block md-menu button {
  font-family: "Hind";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  height: 32px;
  border: 0.746032px solid #838383;
  box-sizing: border-box;
  border-radius: 3.73016px;
  align-items: center;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block .content__caption {
  font-family: "Hind";
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  color: #232323;
  margin-bottom: 0.5rem;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block .form-group {
  margin-bottom: 0.5rem;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block .form-group label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block .form-group .templateList .select-template {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Hind";
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block .content--scrollable .dhx_list_item {
  border-radius: 4px;
  height: auto !important;
  min-height: 42px;
}
.block-scheduling-page .content-left-block-Scheduleling .horizontal-left-block-schedule .content-block .content--scrollable .dhx_list_item .content {
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  height: auto !important;
  min-height: 42px !important;
}
.block-scheduling-page .content-left-block-Scheduleling .dhx_list.dhx_table .dhx_list_item .content {
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.block-scheduling-page .content-right-block-Scheduleling {
  padding: 12px 0px 0px 15px;
  font-family: "Hind";
}
.block-scheduling-page .content-right-block-Scheduleling .clinic-calendar {
  margin-left: 0px;
}

#blockSchedulingEdit .md-toolbar-header {
  height: 44px;
}
#blockSchedulingEdit .md-toolbar-header .md-toolbar-tools h5 {
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
#blockSchedulingEdit md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#blockSchedulingEdit md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#blockSchedulingEdit md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#blockSchedulingEdit md-dialog-content:hover::-webkit-scrollbar {
  width: 4px;
}
#blockSchedulingEdit md-dialog-content:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  background-clip: padding-box;
}
#blockSchedulingEdit md-dialog-content {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 8px 28px !important;
}
#blockSchedulingEdit md-dialog-content .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group {
  width: 200px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style {
  margin: 0px 6px 9px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style country-state-city-pte md-autocomplete-wrap input {
  height: 32px !important;
  border: 1px solid #838383;
  font-family: Hind !important;
  color: #232323;
  border-radius: 5px;
  width: 200px;
  max-width: 200px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style #content-dropdown-sevice dropdown-box-pte .dropdown-menu-custom {
  padding: 12px 16px 0 !important;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style #content-dropdown-sevice dropdown-box-pte .dropdown-menu-custom .dropdown-content {
  max-height: 142px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style #content-dropdown-sevice dropdown-box-pte .dropdown-menu-custom .dropdown-content md-radio-group md-radio-button {
  margin-bottom: 6px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style #content-dropdown-sevice dropdown-box-pte .dropdown-menu-custom .dropdown-content md-radio-group md-radio-button .md-label {
  max-width: 87%;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style__self-schedule {
  margin: 0px 4px 9px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style label.form-group__caption {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style md-select.custom-form-control md-select-value {
  padding: 3px 13px 3px 8px !important;
  font-size: 14px;
  line-height: 20px;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  border: 1px solid #838383;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style md-select.custom-form-control md-select-value .md-select-icon {
  width: 7px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style .input-group--has-addon {
  width: 200px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style .error-input {
  max-width: 200px;
  font-size: 12px;
  line-height: 18px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style .error-input--block-list {
  max-width: 400px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--strong-style .form-control {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 7px;
  border: 1px solid #838383;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--time-range {
  width: 200px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--time-range .custom-time-range {
  width: 96px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--date-range {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--date-range .custom-date--start {
  margin-right: 4px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--date-range .custom-date--end {
  margin-left: 4px;
}
#blockSchedulingEdit md-dialog-content .container-fluid .form-group--full-size {
  width: 100%;
}
#blockSchedulingEdit md-dialog-actions {
  padding: 16px 16px 16px 0px !important;
}
#blockSchedulingEdit md-dialog-actions .btn-main {
  font-size: 14px;
  line-height: 20px;
  padding: 7px 22px;
}
#blockSchedulingEdit md-dialog-actions .modal-footer__edit .btn-save-block {
  height: 42px;
  width: 124px;
}
#blockSchedulingEdit table th, #blockSchedulingEdit table td {
  padding: 5px !important;
}
#blockSchedulingEdit table th.custom-checkbox, #blockSchedulingEdit table td.custom-checkbox {
  vertical-align: top !important;
}
#blockSchedulingEdit table th.custom-checkbox md-checkbox, #blockSchedulingEdit table td.custom-checkbox md-checkbox {
  min-width: 30px;
  min-height: 30px;
}

.top-45 {
  top: 45px !important;
}

.max-width-280 {
  max-width: 280px;
}

.form-content-bottom-sheet {
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ml-negative-5 {
  margin-left: -5px !important;
}

#clinic-services-management .table {
  margin-bottom: 0 !important;
}

.max-height-location {
  max-height: calc(100vh - 275px);
}

#popup-patient md-dialog-content {
  overflow-y: auto;
}
#popup-patient md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#popup-patient md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#popup-patient md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#popup-patient md-dialog-content:hover::-webkit-scrollbar {
  width: 4px;
}
#popup-patient md-dialog-content:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  background-clip: padding-box;
}
#popup-patient md-dialog-content #content-patient-app .form-group.form-group--strong-style .form-control {
  border: 1px solid #838383;
}

.text-main-custom {
  color: var(--main-color) !important;
}

.text-main-hyperlink, .text-main-hyperlink a {
  color: var(--hyperlink-color) !important;
}

.send-fax-content {
  min-height: 350px;
}
.send-fax-content ul.custom-lable {
  padding-left: 3.5rem;
}
@media (max-width: 320.98px) {
  .send-fax-content ul.custom-lable {
    padding-left: 1.75rem;
  }
}
.send-fax-content ul.custom-lable li {
  list-style: none;
}
.send-fax-content button {
  font-size: 14px;
}
.send-fax-content .dropdown-fax .dropdown-toggle {
  max-width: 250px;
  width: 100%;
  text-align: start;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.send-fax-content .dropdown-fax .dropdown-toggle span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.send-fax-content .dropdown-fax .dropdown-toggle::after {
  display: none;
}
.send-fax-content .dropdown-menu {
  width: 250px;
  left: 14px;
}
@media (max-width: 767.98px) {
  .send-fax-content .dropdown-menu {
    left: -35px;
  }
}
@media (max-width: 320.98px) {
  .send-fax-content .dropdown-menu {
    left: -55px;
  }
}
.send-fax-content .dropdown-menu .dropdown-content-fax {
  max-height: 200px;
  overflow: auto;
}
.send-fax-content .dropdown-menu .input-group input.form-control {
  padding-left: 0.25rem !important;
}
.send-fax-content .dropdown-menu .input-group-addon {
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #ccc;
  margin-right: 0.25rem;
}
.send-fax-content .dropdown-menu ul {
  font-size: 14px;
}
.send-fax-content .dropdown-menu ul li {
  padding: 0.25rem;
  width: 100%;
}
.send-fax-content .dropdown-menu ul li span:not(.group-title) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.send-fax-content .dropdown-menu ul li span.text-blue {
  padding-left: 0rem;
  padding-right: 0rem;
}
.send-fax-content .dropdown-menu ul li .group-title {
  font-weight: 600;
}
.send-fax-content .dropdown-menu ul li .fax-format {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.send-fax-content .dropdown-menu ul li .fax-format__icon {
  padding-right: 0px !important;
}
.send-fax-content .dropdown-menu ul li .fax-format__no-icon {
  padding-left: 21px !important;
}
.send-fax-content .dropdown-menu ul li [popoverpte] {
  padding: 0px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .send-fax-content .preview-setting-invoice {
    position: absolute;
    bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .create-recipient-fax {
    width: 490px;
  }
}
.create-recipient-fax .form-input-fax .form-control {
  font-size: 12px;
}
.create-recipient-fax .intl-tel-input {
  width: 100%;
}

@media (min-width: 768px) {
  .delete-recipeient-container {
    width: 490px;
  }
}
.delete-recipeient-container {
  text-align: center;
}
.delete-recipeient-container .delete-recipeient-msg1 {
  padding-top: 1rem;
  font-weight: 600;
}

.daterangepicker .date-md-cus .date-filter {
  padding: 0rem 0.5rem;
  border-radius: 0.2rem;
}
.daterangepicker .date-md-cus .activeDay {
  background-color: var(--main-color);
}
.daterangepicker .apply-md-btn {
  background-color: var(--main-color);
  border: none;
}
.daterangepicker td.active {
  background-color: var(--main-color);
}
.daterangepicker .ranges__custom {
  width: 100% !important;
}
.daterangepicker .ranges__custom li {
  padding: 3px 5px;
}
.daterangepicker .container.cus-container {
  width: 425px;
  max-width: 100%;
}

.alert-unavailable-blocks {
  width: 448px;
  max-height: 410px;
}
.alert-unavailable-blocks md-dialog-content {
  padding: 16px !important;
}
.alert-unavailable-blocks md-dialog-content p {
  font-family: "Hind";
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.alert-unavailable-blocks md-toolbar .md-toolbar-tools {
  height: 48px !important;
}
.alert-unavailable-blocks md-dialog-actions button {
  padding: 0;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
.alert-unavailable-blocks md-dialog-actions .btn-ok {
  width: 68px;
}
.alert-unavailable-blocks md-dialog-actions .btn-cancel {
  background: #FFF;
  color: #838383;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  margin-right: 16px;
}
.alert-unavailable-blocks md-dialog-actions .btn-export {
  border: 1px solid #838383;
  border-radius: 5px;
  width: 90px;
}
.alert-unavailable-blocks md-dialog-actions .btn-add-with {
  width: 180px;
  font-weight: bold;
}

#optionAllLocation[selected] {
  background: rgba(var(--main-color_rgb), 0.1) !important;
  color: #232323;
}

#mdOptionLocation {
  color: #000 !important;
}
#mdOptionLocation[selected] {
  background: rgba(var(--main-color_rgb), 0.1) !important;
}
#mdOptionLocation.md-focused {
  background: rgba(var(--main-color_rgb), 0.1) !important;
}
#mdOptionLocation .md-text {
  width: 100% !important;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.table-sticky {
  position: sticky;
  top: 0;
  z-index: 998;
}

.fax-management-page .fax-header {
  margin: auto;
  justify-content: space-between;
}
.fax-management-page .fax-header__sent-fax {
  margin-top: 2rem;
}
.fax-management-page .fax-header .fax-header__title {
  padding: 0px;
}

.fax-editing-page .fax-edit-page {
  overflow: hidden;
  min-height: calc(100vh - 290px);
}
.fax-editing-page .fax-edit-page .form-control {
  font-size: 14px;
  margin-bottom: 1rem;
  border-bottom: 0px !important;
}
.fax-editing-page .fax-edit-page .form-control__patient-list {
  margin-bottom: 0px;
}
.fax-editing-page .fax-edit-page .form-control textarea.custom-control {
  width: 100%;
  min-height: 50px;
  cursor: auto;
}
.fax-editing-page .fax-edit-page .form-control ul {
  margin-top: 0.5rem;
}
.fax-editing-page .fax-edit-page .form-control ul li {
  padding: 0px;
}
.fax-editing-page .fax-edit-page .form-control ul li:hover {
  background-color: #808080;
  color: #fff;
}
.fax-editing-page .fax-edit-page .form-control .clear-control i {
  color: red !important;
}
.fax-editing-page .fax-edit-page .form-control .custom-dropdown-edit-fax {
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0rem;
  font-size: 13px;
  color: #000000;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0px;
}
.fax-editing-page .fax-edit-page .form-control .custom-dropdown-edit-fax span {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.fax-editing-page .fax-edit-page .form-control .dropdown-menu {
  font-size: 13px;
  color: #000000;
  overflow: auto;
  max-height: 200px;
}
.fax-editing-page .fax-edit-page .form-control .dropdown-menu ul li {
  padding: 0.25rem;
}
.fax-editing-page .fax-edit-page .form-control .dropdown-menu ul li .text-primary-fax {
  color: #0275d8 !important;
  font-size: 11px;
}
.fax-editing-page .fax-edit-page .form-control .dropdown-menu ul li .category-icon {
  padding-left: 0.5rem;
}
.fax-editing-page .fax-edit-page .form-control .dropdown-menu ul li .category-custom-name {
  width: 100%;
  margin-right: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fax-editing-page .fax-edit-page .form-control .dropdown-toggle::after {
  margin-top: 0.5rem;
  font-size: 16px;
}
.fax-editing-page .fax-edit-page .form-control .error-input {
  padding-right: 1.5rem;
}

.delete-category-fax {
  margin: 0px;
}
.delete-category-fax .delete-category-content {
  text-align: center;
}
.delete-category-fax .delete-category-content .content-first {
  font-weight: 600;
}

.category-content-fax {
  margin: 0px;
}

.alert-save-incoming-fax li {
  list-style: disc;
  padding: 0.5rem 0;
  margin: 0 1rem;
}

span.disclaimer {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  color: #F5222D;
}

.pdf-invoice-view label.form-check-label {
  font-size: 14px;
}
.pdf-invoice-view input.form-check-input {
  margin-left: 0px;
  margin-top: 2px;
}
.pdf-invoice-view .title-scaling-pdf {
  text-align: center;
}
@media (max-width: 1200px) {
  .pdf-invoice-view .title-scaling-pdf {
    margin-top: 2rem;
  }
}
.pdf-invoice-view .apply-button {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #popupHangupConfirmation md-dialog-actions .md-button {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

.use-avartar-online-location {
  display: block;
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 72px;
  height: 72px;
  margin-left: 16px;
  cursor: pointer;
}
.use-avartar-online-location:hover {
  border: 2px solid var(--main-color);
  opacity: 1;
}
@media only screen and (max-width: 767.98px) {
  .use-avartar-online-location {
    margin-left: 0;
    margin-top: 16px;
    width: 32px;
    height: 32px;
  }
}

.cus-panel-location-booking {
  background: #fff;
  padding: 16px !important;
  margin-bottom: 16px;
  border: 1px solid #232323;
  border-radius: 5px;
}
.cus-panel-location-booking .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
.cus-panel-location-booking .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
}
.cus-panel-location-booking .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
}
.cus-panel-location-booking .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
.cus-panel-location-booking .panel__title {
  font-family: "Hind";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #232323;
}
.cus-panel-location-booking .panel__title[aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
}
.cus-panel-location-booking .panel__title[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.cus-panel-location-booking .panel__title[aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
.cus-panel-location-booking .panel__title[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
}
.cus-panel-location-booking .panel-content .collapsed h6 {
  font-family: "Hind";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #232323;
  max-width: 75%;
}
.cus-panel-location-booking .panel-content .collapsed .text-caption span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.cus-panel-location-booking .panel-content .collapse {
  margin-top: 12px;
  border-top: 1px solid #838383;
}
.cus-panel-location-booking .panel-content .collapse .content-parent .span-name {
  max-width: 87%;
  margin-top: 16px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}

#avatar-list::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: rgba(0, 0, 0, 0);
}

#avatar-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}

#avatar-list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

#avatar-list:hover::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
#avatar-list:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border: 3px solid transparent;
}

.footer-button-next .btn-next {
  width: 115px;
  height: 42px;
}
@media only screen and (max-width: 767.98px) {
  .footer-button-next {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #FFF;
    padding-top: 16px !important;
    width: 100%;
  }
}

.address-location {
  color: #0275D8;
}
.address-location:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767.98px) {
  #custome-padding-section {
    padding: 15px 0 !important;
  }
}

@media only screen and (max-width: 767.98px) {
  #tab-header-title {
    font-family: "Hind" !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #232323 !important;
  }
}

.location-phone .flag-dropdown {
  margin-bottom: 3px;
}
.location-phone .text-link {
  text-decoration: none !important;
  color: #0275d8 !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.location-phone .text-link:hover {
  text-decoration: underline !important;
  color: #0275d8 !important;
  opacity: 1 !important;
}

.payAllCheckBox .md-label {
  margin-left: 0 !important;
}

.payAllStylePopup .btn {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
}
.payAllStylePopup .btn-swipecc {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 0;
  color: #FFF;
}
.payAllStylePopup .size-button {
  width: 128px;
  margin-bottom: 12px;
  margin-right: 10px;
}
.payAllStylePopup .size-button button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px !important;
  line-height: 20px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media only screen and (max-width: 767.98px) {
  .payAllStylePopup .size-button {
    width: 110px;
  }
}
.payAllStylePopup .popup-style-common .md-dialog-actions {
  padding: 0px !important;
  min-height: 0;
}
.payAllStylePopup .selectBox select, .payAllStylePopup .selectBoxCard select {
  font-style: normal;
  font-weight: 400;
  border: none;
  height: auto !important;
  background: #fff;
  color: #838383 !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px;
}
.payAllStylePopup .selectBox {
  width: 96px;
}
.payAllStylePopup .selectBoxCard {
  border: 1px solid #838383;
  padding-top: 3px;
  padding-bottom: 3px;
}
.payAllStylePopup .selectBox__content.expiration-date .selectBox--modifier {
  align-items: center;
  display: flex;
  padding-top: 7px;
  padding-left: 9px;
  border: 1px solid #838383;
}
.payAllStylePopup .selectBox--modifier {
  margin-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.payAllStylePopup .count-number {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 39px;
  text-align: right;
  color: #F5222D;
}

.bg-gray-out {
  background: #f6f6f6;
}

.bg-gray {
  background: #f9f9f9 !important;
}

.bg-dark-gray {
  background: #d9d9d9 !important;
}

#tableAuthorVisitList {
  width: 995px;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList {
  border: 1px solid #838383;
  border-radius: 8px;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content {
  border-bottom: 1px solid #838383;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th {
  background: #FFF;
  padding: 4px !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle !important;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(1) {
  width: 5%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(2) {
  width: 10%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(3) {
  width: 14%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(4) {
  width: 14%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(5) {
  width: 10%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(6) {
  width: 13%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(7) {
  width: 13%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(8) {
  width: 11%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .thead-content tr th:nth-child(9) {
  width: 10%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content {
  height: 300px;
  overflow-y: auto;
  display: block;
}
@media only screen and (max-width: 767.98px) {
  #tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content {
    height: calc(100vh - 375px);
  }
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content:hover::-webkit-scrollbar {
  width: 4px;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td {
  vertical-align: top !important;
  padding: 10px 4px !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(1) {
  width: 5%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(2) {
  width: 10%;
  color: #0275D8;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(3) {
  width: 14%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(4) {
  width: 14%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(5) {
  width: 10%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(6) {
  width: 13%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(7) {
  width: 13%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(8) {
  width: 11%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content tr td:nth-child(9) {
  width: 10%;
}
#tableAuthorVisitList #scrollBarTableAuthorVisitList .table .tbody-content:hover {
  background: rgba(var(--main-color),0.2) !important;
  cursor: pointer;
}
@media only screen and (max-width: 1199.98px) {
  #tableAuthorVisitList #scrollBarTableAuthorVisitList .table {
    max-width: 995px;
    width: 995px;
  }
}

.authorization-content {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 8px 12px;
}
.authorization-content h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.authorization-content p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}

.drop-show-left {
  left: -170px;
  background: #FFFFFF;
  border-radius: 8px;
  width: 192px;
  padding-top: 6px !important;
  padding-left: 2px !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.authorization-validation label {
  font-size: 14px;
}
.authorization-validation h4 {
  font-size: 14px !important;
  font-weight: bold;
}
.authorization-validation .modal-header {
  background-color: var(--main-color) !important;
  color: var(--secondary-color) !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.authorization-validation .modal-header button.close {
  color: var(--secondary-color) !important;
  font-weight: normal;
}
.authorization-validation .modal-footer {
  border-top: none;
}
.authorization-validation .modal-footer button {
  border-radius: 5px;
  padding: 8px;
  font-weight: 700;
  font-size: 14px;
}
.authorization-validation .modal-footer button.btn-cancel {
  border: none;
  background: transparent;
  color: #232323;
}
.authorization-validation .modal-footer button.btn-view-profile {
  color: #232323;
  border-color: #838383;
  background: transparent;
}
.authorization-validation .modal-footer button.btn-yes {
  background-color: var(--main-color) !important;
  color: var(--secondary-color) !important;
  padding: 8px 24px;
}
@media only screen and (max-width: 767.98px) {
  .authorization-validation .modal-footer button.btn-yes {
    padding: 8px 16px;
  }
}

.cus-phone-action {
  height: 32px;
  border: 1px solid #838383;
  border-radius: 5px;
  background-color: #eceeef;
  padding: 0.5rem 0.7rem;
}

.error-text {
  color: #F5222D !important;
}

.label-reminders {
  align-items: flex-start !important;
}

.content-reminders .slider-container {
  line-height: 12px;
}
.content-reminders input:checked + .slider {
  background-color: var(--main-color) !important;
}

.content-alert-settings {
  border-radius: 8px;
}
@media only screen and (max-width: 767.98px) {
  .content-alert-settings {
    box-shadow: 0px 2px 16px rgba(1, 18, 34, 0.1);
    border-radius: 8px;
    padding: 16px !important;
    margin-top: 16px;
  }
}
.content-alert-settings .title-alert {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}
.content-alert-settings p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #838383;
}
.content-alert-settings .btn-edit {
  width: 57px;
  height: 32px;
  border-radius: 8px;
  color: #fff;
  background: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  font-family: "Hind";
}
.content-alert-settings .btn-cancel {
  width: 75px;
  height: 32px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #838383;
  color: #838383;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.content-alert-settings .scroll-table-alert-setting {
  border: 1px solid rgba(131, 131, 131, 0.5);
  border-radius: 8px;
  margin-top: 24px;
}
.content-alert-settings .scroll-table-alert-setting::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.content-alert-settings .scroll-table-alert-setting::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.content-alert-settings .scroll-table-alert-setting::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.content-alert-settings .scroll-table-alert-setting:hover::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.content-alert-settings .scroll-table-alert-setting:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border: 0px solid transparent;
}
.content-alert-settings .scroll-table-alert-setting table .thead-content tr {
  height: 57px;
}
.content-alert-settings .scroll-table-alert-setting table .thead-content tr th {
  background: #FFF;
  padding: 4px !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle !important;
  text-align: center;
  width: 20%;
  color: #232323;
  border-bottom: 0;
}
.content-alert-settings .scroll-table-alert-setting table .tbody-content tr {
  height: 72px;
}
.content-alert-settings .scroll-table-alert-setting table .tbody-content tr td {
  padding: 10px 4px !important;
  width: 19.5%;
  border-top: 0;
  text-align: center;
}
.content-alert-settings .scroll-table-alert-setting table .tbody-content tr td:nth-child(1) {
  font-family: "Hind";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle !important;
  color: #232323;
  text-align: left;
  width: 22%;
  padding-left: 40px !important;
}
.content-alert-settings .scroll-table-alert-setting table .tbody-content tr:nth-child(even) {
  background: #F5F5F7;
}
.content-alert-settings .scroll-table-alert-setting table .tbody-content tr .bg-grey {
  background: #F5F5F7;
}
@media only screen and (max-width: 1199.98px) {
  .content-alert-settings .scroll-table-alert-setting table {
    max-width: 1200px;
    width: 1200px;
  }
  .content-alert-settings .scroll-table-alert-setting table .thead-content tr th {
    font-size: 14px;
    line-height: 20px;
  }
  .content-alert-settings .scroll-table-alert-setting table .tbody-content tr td:nth-child(1) {
    font-size: 14px;
    line-height: 20px;
  }
}
.content-alert-settings .tbody-content [data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
.content-alert-settings .tbody-content [data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
}
.content-alert-settings .tbody-content [data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
}
.content-alert-settings .tbody-content [data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
.content-alert-settings #sub-setting-content .card-body {
  padding: 24px;
  border-radius: 12px;
  background: #eaeaeb;
  border: 1px solid #ececec;
}
.content-alert-settings #sub-setting-content .card-body p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}
.content-alert-settings #sub-setting-content .card-body ul li {
  list-style: disc;
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.content-alert-settings #sub-setting-content .card-body ul li span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}
.content-alert-settings #sub-setting-content .card-body ul li input {
  max-width: 100px;
  background-color: #FFF !important;
}
.content-alert-settings #sub-setting-content .card-body ul li input:disabled {
  background-color: #eceeef !important;
  opacity: 1;
}
.content-alert-settings #sub-setting-content .card-body ul li .error-input {
  font-size: 16px;
  line-height: 24px;
  margin-left: 6px;
  font-weight: 400;
}

.cus-panel-default {
  background: #fff;
  padding: 16px !important;
  margin-bottom: 16px;
  border-radius: 8px;
  border: 1px solid #f0eaea;
}
.cus-panel-default .alert-notify {
  background: #FD2D57;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  color: #FFF;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
.cus-panel-default .panel__title[aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.cus-panel-default .panel__title[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.cus-panel-default .panel__title[aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
.cus-panel-default .panel__title[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.cus-panel-default .alert-notification-item {
  background: #FFFFFF;
  border: 1px solid #838383;
  box-shadow: 0px 2px 6px 2px rgba(1, 18, 34, 0.03);
  border-radius: 8px;
  padding: 8px 12px;
  margin-top: 12px;
  width: 100%;
}
.cus-panel-default .alert-notification-item h6, .cus-panel-default .alert-notification-item span {
  font-family: "Hind";
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.cus-panel-default .alert-notification-item h6 {
  font-weight: 600;
  margin-bottom: 4px;
}
.cus-panel-default .alert-notification-item span {
  font-weight: 400;
}
.cus-panel-default .alert-notification-item .text-underline {
  text-decoration: underline;
}

.profile-patient-alert-options .option-box {
  padding: 7px 9px;
}
.profile-patient-alert-options .option-box .alert-unread-icon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #1890FF;
}
.profile-patient-alert-options .option-box .alert-read-icon {
  background: #1890FF;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.profile-patient-alert-options .option-box-end {
  padding: 7px 9px;
  margin-top: 6px;
}
.profile-patient-alert-options .option-box-end .dismiss-icon {
  font-size: 20px;
}

.content-alert-widget {
  background: #FFF;
  border-radius: 4px;
}
.content-alert-widget .alert-widget-header .drop-show-left {
  background: #FFFFFF;
  border-radius: 8px !important;
  width: 196px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  padding: 12px !important;
}
.content-alert-widget .alert-widget-header .drop-show-left label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 25px;
}
.content-alert-widget .alert-widget-header .drop-show-left h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.content-alert-widget .alert-widget-header span {
  font-family: "Hind";
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.content-alert-widget .alert-widget-header .total-alert {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #0275D8 !important;
}
.content-alert-widget h5 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #232323;
}
@media only screen and (max-width: 1199.98px) {
  .content-alert-widget .table {
    width: 1200px;
    max-width: 1200px;
  }
}
.content-alert-widget .table .w-10 {
  width: 10%;
}
.content-alert-widget .table .w-17 {
  width: 17%;
}
.content-alert-widget .table .w-33 {
  width: 33%;
}
.content-alert-widget .table .thead-one, .content-alert-widget .table .thead-two {
  border-radius: 8px !important;
  height: 44px;
}
.content-alert-widget .table .thead-one tr :first-child, .content-alert-widget .table .thead-two tr :first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.content-alert-widget .table .thead-one tr :last-child, .content-alert-widget .table .thead-two tr :last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.content-alert-widget .table .thead-one tr th, .content-alert-widget .table .thead-two tr th {
  vertical-align: middle;
  font-family: "Hind";
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  border-top: none;
  border-bottom: none;
}
.content-alert-widget .table .thead-one tr th:first-child, .content-alert-widget .table .thead-two tr th:first-child {
  padding: 12px 20px !important;
}
.content-alert-widget .table .thead-one tr th:last-child, .content-alert-widget .table .thead-two tr th:last-child {
  padding: 12px 20px !important;
}
.content-alert-widget .table .thead-one {
  background: #F5F5F7;
  box-shadow: 0px 1px 2px rgba(1, 18, 34, 0.1);
}
.content-alert-widget .table .thead-one th {
  font-weight: 600 !important;
}
.content-alert-widget .table .thead-two {
  box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
}
.content-alert-widget .table .thead-two tr th {
  font-weight: 400 !important;
  background: #FFF;
}
.content-alert-widget .table .thead-two tr th .drop-right {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #1890FF;
  margin-right: 16px;
}
.content-alert-widget .table .thead-two tr th .active-alert {
  background: #1890FF;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.width-10 {
  width: 10px;
}

#filterPatientStatement .form-group--strong-style__border-top {
  border-top: 1px solid #D9D9D9;
  padding-top: 16px;
}
#filterPatientStatement .form-group--strong-style .content-checkbox {
  padding: 0 !important;
  border: none !important;
  margin-top: 16px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#filterPatientStatement .form-group--strong-style .content-checkbox md-checkbox {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 0;
  min-height: 42px;
}
#filterPatientStatement .form-group--strong-style .content-checkbox md-checkbox .md-label {
  margin-top: 10px;
}

.custom-three-level .level-1 {
  font-size: 14px;
  font-weight: 700;
  text-indent: 30px;
}
.custom-three-level .level-2 {
  font-size: 12px;
  font-weight: 600;
  text-indent: 50px;
}

@media only screen and (max-width: 991.98px) {
  .table-responsive::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .table-responsive:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .table-responsive:hover::-webkit-scrollbar-thumb {
    background-color: #838383;
    border: 1px solid transparent;
  }
}

.w-max {
  width: -webkit-max-content;
  width: max-content;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

#saveCardInfoPatient #table-card-list tr td {
  padding: 8px 0 !important;
}

.card-information {
  border-radius: 5px;
  border: solid 1px #d7dce2;
  color: #777;
}
@media only screen and (max-width: 767.98px) {
  .card-information {
    font-size: 13px;
  }
}

#avatar-list {
  overflow-y: hidden;
  padding-left: 57px;
}
#avatar-list .tooltips {
  position: relative;
  padding-bottom: 12px;
}
#avatar-list .tooltips .tooltiptext {
  visibility: hidden;
  width: 220px;
  bottom: -6px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #232323;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: -57px;
}
#avatar-list .tooltips:hover .tooltiptext {
  visibility: visible;
}

.w-auto {
  width: auto;
}

@media only screen and (max-width: 767.98px) {
  .cus-table-scroll-vertical .custom-width-phone {
    width: 775px;
    max-width: 775px;
  }
}
.cus-table-scroll-vertical table .w-3 {
  width: 3%;
}
.cus-table-scroll-vertical table .w-15 {
  width: 15%;
}
.cus-table-scroll-vertical table .w-28 {
  width: 28%;
}
.cus-table-scroll-vertical table .w-30 {
  width: 30%;
}
.cus-table-scroll-vertical table .w-35 {
  width: 35%;
}
.cus-table-scroll-vertical table thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.cus-table-scroll-vertical table .tbody-scroll-vertical {
  display: block;
  max-height: 685px;
  overflow-y: auto;
}
.cus-table-scroll-vertical table .tbody-scroll-vertical::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.cus-table-scroll-vertical table .tbody-scroll-vertical::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.cus-table-scroll-vertical table .tbody-scroll-vertical::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.cus-table-scroll-vertical table .tbody-scroll-vertical:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.cus-table-scroll-vertical table .tbody-scroll-vertical:hover::-webkit-scrollbar-thumb {
  background-color: rgba(131, 131, 131, 0.6156862745);
  border: 1px solid transparent;
}
.cus-table-scroll-vertical table .tbody-scroll-vertical tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.pay-invoices {
  width: 1120px;
  max-height: 90%;
}
@media only screen and (max-width: 767.98px) {
  .pay-invoices .md-dialog-content.height-phone {
    height: calc(100% - 250px);
  }
}
.pay-invoices .md-dialog-content .form-group p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.pay-invoices .md-dialog-content .form-group .payment-for {
  width: 100%;
}
.pay-invoices .md-dialog-content .form-group .text-nowrap {
  white-space: nowrap;
}
.pay-invoices .md-dialog-content .form-group .input-total-amount {
  border: 1px solid #838383;
  border-radius: 5px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  .pay-invoices .md-dialog-content .form-group .payment-for, .pay-invoices .md-dialog-content .form-group .input-total-amount {
    width: 100%;
  }
}
.pay-invoices .md-dialog-content .form-group .input-total-amount:focus {
  border: 1px solid var(--main-color);
}
.pay-invoices .md-dialog-content .content-table {
  border: 1px solid #838383;
  border-radius: 8px;
}
.pay-invoices .md-dialog-content .content-table .table .w-8 {
  width: 8%;
}
.pay-invoices .md-dialog-content .content-table .table .w-9 {
  width: 9%;
}
.pay-invoices .md-dialog-content .content-table .table .w-11 {
  width: 11%;
}
.pay-invoices .md-dialog-content .content-table .table .w-12 {
  width: 12%;
}
.pay-invoices .md-dialog-content .content-table .table .w-15 {
  width: 15%;
}
.pay-invoices .md-dialog-content .content-table .table .thead-content {
  border-bottom: 1px solid #838383;
}
.pay-invoices .md-dialog-content .content-table .table .thead-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.pay-invoices .md-dialog-content .content-table .table .thead-content tr th {
  background: #FFF;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle !important;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content {
  height: 300px;
  overflow-y: auto;
  display: block;
  overflow-x: hidden;
}
@media only screen and (max-width: 767.98px) {
  .pay-invoices .md-dialog-content .content-table .table .tbody-content {
    height: calc(100vh - 425px);
  }
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content:hover::-webkit-scrollbar {
  width: 4px;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr td {
  vertical-align: top !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr td input {
  border: 1px solid #838383;
  border-radius: 5px;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr td input:focus {
  border: 1px solid var(--main-color);
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr td .copay-red {
  color: #F5222D;
  font-weight: 600;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr td .copay-green {
  color: #089026;
  font-weight: 600;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr.invoice-pending {
  background-color: #FFF2DC;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content tr.invoice-resolved {
  background-color: #EEFFF2;
}
.pay-invoices .md-dialog-content .content-table .table .tbody-content:hover {
  background: rgba(var(--main-color),0.2) !important;
  cursor: pointer;
}
@media only screen and (max-width: 1199.98px) {
  .pay-invoices .md-dialog-content .content-table .table {
    max-width: 1200px;
    width: 1200px;
  }
}
.pay-invoices .md-dialog-actions .dialog-actions-footer.footer-custom button {
  width: 137px;
  height: 36px;
  margin: 6px 8px;
  font-size: 14px;
  line-height: 20px;
}
.pay-invoices .md-dialog-actions .dialog-actions-footer.footer-custom button.btn-back {
  border: 1px solid #838383;
  border-radius: 5px;
  background: #FFF;
}
.pay-invoices .btn-outline-success {
  color: #5cb85c !important;
  background-image: none !important;
  background-color: white !important;
  border-color: #5cb85c !important;
}
.pay-invoices .btn-outline-success:hover {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #5cb85c !important;
}
.pay-invoices .btn-outline-success:focus, .pay-invoices .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.pay-invoices .btn-outline-success.disabled, .pay-invoices .btn-outline-success:disabled {
  color: #5cb85c !important;
  background-color: white !important;
}
.pay-invoices .btn-outline-success:active, .pay-invoices .btn-outline-success.active,
.pay-invoices .show > .btn-outline-success.dropdown-toggle {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #5cb85c !important;
}
.pay-invoices .btn-outline-danger {
  color: #d9534f !important;
  background-image: none;
  background-color: white !important;
  border-color: #d9534f !important;
}
.pay-invoices .btn-outline-danger:hover {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d9534f !important;
}
.pay-invoices .btn-outline-danger:focus, .pay-invoices .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5) !important;
}
.pay-invoices .btn-outline-danger.disabled, .pay-invoices .btn-outline-danger:disabled {
  color: #d9534f !important;
  background-color: white !important;
}
.pay-invoices .btn-outline-danger:active, .pay-invoices .btn-outline-danger.active,
.pay-invoices .show > .btn-outline-danger.dropdown-toggle {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d9534f !important;
}

.icon-faxed-successfull {
  color: green !important;
}

.icon-faxed-failed {
  color: red !important;
}

.content-inbox-health div.therapist-multiple-select .dropdown-toggle {
  text-align: left;
}
.content-inbox-health div.therapist-multiple-select .dropdown-toggle.dropdown--overlay {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -30px;
  border: 0px !important;
  border-bottom: 2px solid #F0F2F5 !important;
  z-index: 99;
  background: transparent;
}
.content-inbox-health div.therapist-multiple-select .dropdown-toggle.dropdown--overlay span {
  position: absolute;
  right: 0px;
  bottom: 30px;
}
.content-inbox-health div.therapist-multiple-select .dropdown-toggle::after {
  display: none;
}
.content-inbox-health div.therapist-multiple-select .dropdown-toggle i {
  position: absolute !important;
  top: 50%;
  right: 5px;
  margin-right: 0;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content-inbox-health div.therapist-multiple-select div {
  position: initial !important;
}
.content-inbox-health div.therapist-multiple-select .dropdown-toggle.dropdown--overlay + div.dropdown-menu {
  margin-top: -10px;
}
.content-inbox-health div.therapist-multiple-select div.dropdown-menu {
  position: absolute !important;
  top: auto !important;
  max-height: 250px;
  overflow: auto;
}
.content-inbox-health div.therapist-multiple-select .form-check {
  position: relative !important;
  padding-left: 20px;
  margin-bottom: 5px;
  top: 0;
}
.content-inbox-health div.therapist-multiple-select .form-check input {
  left: 0;
  top: 2px;
}
.content-inbox-health div.therapist-multiple-select .form-check label {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
}
.content-inbox-health div.therapist-multiple-select .form-check label .square {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.content-inbox-health .provider-selected {
  border: 1px solid var(--main-color);
  border-radius: 16px;
  padding: 0 10px;
  margin: 0px 8px 0 0;
  float: left;
  max-width: 100%;
  position: relative;
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 0.9em;
}
.content-inbox-health .provider-selected.disabled {
  border-color: #909eaa;
  color: #909eaa;
}

#service-detail .info-holder .current-service md-radio-group .md-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #777 !important;
}

.input-country-state md-autocomplete md-autocomplete-wrap {
  box-shadow: 0 0 0 0 #FFF !important;
}
.input-country-state md-autocomplete md-autocomplete-wrap input {
  padding: 0.5rem 0.75rem;
}

.height-32 {
  height: 32px !important;
}

.menu-container-select .md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.menu-container-select .md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.menu-container-select .md-virtual-repeat-scroller::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.menu-container-select .md-virtual-repeat-scroller:hover::-webkit-scrollbar {
  width: 4px;
}
.menu-container-select .md-virtual-repeat-scroller:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.menu-container-select .md-virtual-repeat-scroller ul li {
  display: flex;
  align-items: center;
  margin-left: 8px;
  margin-right: 2px;
}

.Field-Requirement-Settings .page-toolbar span {
  height: 40px !important;
}
.Field-Requirement-Settings .container-table .table-responsive table thead tr, .Field-Requirement-Settings .container-table .table-responsive table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.Field-Requirement-Settings .container-table .table-responsive table tbody {
  display: block;
  overflow-y: scroll;
  max-height: calc(100vh - 400px);
}
.Field-Requirement-Settings .container-table .table-responsive table tbody::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.Field-Requirement-Settings .container-table .table-responsive table tbody::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.Field-Requirement-Settings .container-table .table-responsive table tbody::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.Field-Requirement-Settings .container-table .table-responsive table tbody:hover::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
  border: 2px solid transparent;
}
@media only screen and (max-width: 767.98px) {
  .Field-Requirement-Settings .container-table {
    max-height: calc(100vh - 385px);
  }
  .Field-Requirement-Settings .container-table::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .Field-Requirement-Settings .container-table:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .Field-Requirement-Settings .container-table:hover::-webkit-scrollbar-thumb {
    background-color: rgba(50, 50, 50, 0.3);
    border: 0px solid transparent;
  }
  .Field-Requirement-Settings .page-toolbar span {
    width: 100px;
    height: 36px !important;
  }
}

.insurance-settings .page-toolbar span {
  height: 36px !important;
}
.insurance-settings {
  border-radius: 8px;
  padding: 20px 16px;
}
@media only screen and (max-width: 767.98px) {
  .insurance-settings {
    padding: 16px 0;
  }
}
.insurance-settings .title-header {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #232323;
}
.insurance-settings .title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Hind";
  font-weight: 500;
  color: #232323;
}
.insurance-settings .description {
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
  font-weight: 400;
  color: #838383;
}
.insurance-settings md-checkbox {
  margin-bottom: 8px !important;
}
.insurance-settings md-checkbox .md-label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.insurance-settings md-checkbox.custom-form-control__margin-0 {
  margin-bottom: 0px !important;
}
.insurance-settings md-radio-group[disabled] .md-on {
  background-color: #838383 !important;
}
.insurance-settings md-radio-group[disabled] .md-off {
  border-color: #838383 !important;
}
.insurance-settings .switch .slider {
  background-color: #838383;
}
.insurance-settings .switch input[type=checkbox][disabled]:checked + .slider {
  background: var(--main-color) !important;
  cursor: default;
}
.insurance-settings .switch input:checked + .slider {
  background: var(--main-color) !important;
}

.main-marchant-account {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.main-marchant-account .color-add {
  color: #0275D8;
}
.main-marchant-account .section-devices .device-item {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 8px;
}
.main-marchant-account .section-devices .device-item .info-field {
  line-height: 35px;
}
@media only screen and (max-width: 767.98px) {
  .main-marchant-account .section-devices .device-item .info-field .label-merchant-account {
    line-height: 20px;
  }
}
.main-marchant-account .section-devices .device-item .edit-device {
  color: #0275D8;
  font-size: 16px;
}
.main-marchant-account .section-devices .device-item .remove-device {
  color: #F5222D;
  font-size: 16px;
}
.main-marchant-account .section-devices .device-item .add-device {
  color: var(--main-color) !important;
  font-size: 16px;
}
.main-marchant-account .section-devices .device-item .ws-nowrap {
  white-space: nowrap;
}
.main-marchant-account .border-device {
  border: 1px solid #232323;
  border-radius: 8px;
  height: 32px;
  line-height: 32px;
}
.main-marchant-account .border-device.h-auto {
  height: auto !important;
  min-height: 32px;
}
.main-marchant-account .border-device:focus {
  border-color: var(--main-color) !important;
}
.main-marchant-account .pt12 {
  padding-top: 12px;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.custom-scrollbar:hover::-webkit-scrollbar {
  width: 4px;
}
.custom-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 0px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
@media only screen and (max-width: 991.98px) {
  .custom-scrollbar::-webkit-scrollbar {
    width: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .custom-scrollbar:hover::-webkit-scrollbar {
    width: 0px;
  }
  .custom-scrollbar .cus-table {
    width: 1024px;
    max-width: 1024px;
  }
}

#popup-recurring-schedules .md-toolbar-header {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  font-size: 16px !important;
}
#popup-recurring-schedules .disabled-div {
  pointer-events: none;
}
#popup-recurring-schedules i.fas.fa-angle-up, #popup-recurring-schedules i.fas.fa-angle-down {
  color: rgba(0, 0, 0, 0.54);
}
#popup-recurring-schedules .text-double-book {
  color: #F4A522;
}
#popup-recurring-schedules .text-not-book {
  color: black;
  font-weight: 500;
}
#popup-recurring-schedules .block-double-book {
  color: #F4A522;
  background: rgba(244, 165, 34, 0.1) !important;
  border: 1px solid #F4A522 !important;
}
#popup-recurring-schedules .text-available {
  color: #52C41A;
}
#popup-recurring-schedules .block-available {
  background: rgba(104, 244, 34, 0.1) !important;
  color: #52C41A;
  border: 1px solid #52C41A !important;
}
#popup-recurring-schedules .text-cannot-book {
  color: #F5222D;
}
#popup-recurring-schedules .block-cannot-book {
  color: #F5222D;
  background: rgba(245, 34, 45, 0.1) !important;
  border: 1px solid #F5222D !important;
}
#popup-recurring-schedules .content-parent {
  border: 1px solid #838383;
  border-radius: 8px;
  margin-top: 10px;
  padding: 8px;
}
#popup-recurring-schedules .content-parent .custom-col-block-time {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  width: 150px;
  height: 28px;
  padding: 4px 10px;
  margin: 2px 5px;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  background: #F5F5F7;
  cursor: pointer;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules .content-parent .custom-col-block-time {
    width: 157px;
  }
}
#popup-recurring-schedules .content-parent .title-block {
  font-weight: 500;
  color: #232323;
}
#popup-recurring-schedules .dayofweek {
  padding: 8px 4px;
  width: 98px;
  height: 34px;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #838383;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules .dayofweek {
    width: 115px;
  }
}
#popup-recurring-schedules .active-day {
  background: rgba(var(--main-color_rgb), 0.2) !important;
  color: var(--main-color) !important;
  border: 1px solid var(--main-color);
}
#popup-recurring-schedules .active-day:focus {
  outline: var(--main-color) !important;
  border-color: var(--main-color) !important;
}
@media only screen and (min-width: 768px) {
  #popup-recurring-schedules .md-dialog-content {
    width: 100% !important;
  }
  #popup-recurring-schedules {
    max-height: 98%;
  }
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules {
    max-height: 95%;
    min-height: 100%;
  }
}
#popup-recurring-schedules .md-toolbar-header {
  height: 48px;
}
#popup-recurring-schedules .md-dialog-content {
  width: 670px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules .md-dialog-content {
    width: 100%;
  }
}
#popup-recurring-schedules .md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#popup-recurring-schedules .md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#popup-recurring-schedules .md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#popup-recurring-schedules .md-dialog-content:hover::-webkit-scrollbar {
  width: 4px;
}
#popup-recurring-schedules .md-dialog-content:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  background-clip: padding-box;
}
#popup-recurring-schedules .md-dialog-content form .form-group {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules .md-dialog-content form .form-group {
    margin-bottom: 0.75rem;
  }
  #popup-recurring-schedules .md-dialog-content form .form-group input {
    font-family: "Nunito Sans";
    font-weight: normal;
    font-size: 16px !important;
    padding: 0.5rem 0.75rem !important;
    line-height: 24px !important;
    height: 48px !important;
  }
  #popup-recurring-schedules .md-dialog-content form .form-group .md-text {
    font-size: 16px !important;
  }
}
#popup-recurring-schedules .md-dialog-content form .form-group md-select.custom-form-control md-select-value {
  padding: 3px 5px !important;
  width: 95px;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules .md-dialog-content form .form-group md-select.custom-form-control md-select-value {
    padding: 8px 10px !important;
    height: 48px !important;
  }
}
#popup-recurring-schedules .md-dialog-content form .form-group .md-text {
  font-size: 14px;
}
#popup-recurring-schedules .md-dialog-content form .form-group input {
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
  border: 1px solid #838383;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules .md-dialog-content form .form-group input {
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
  }
}
#popup-recurring-schedules .md-dialog-content form .form-group label {
  margin-bottom: 0;
}
#popup-recurring-schedules .md-dialog-content form .form-group [popoverpte] {
  padding: 5px 0;
}
#popup-recurring-schedules .md-dialog-content form .form-group .form-control {
  font-size: 14px;
}
#popup-recurring-schedules .md-dialog-content form .form-group .form-control__bottom-sheet {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
#popup-recurring-schedules .md-dialog-content form .form-group .calendar-picker__wrapper .input-group-addon {
  padding: 5px 12px;
}
#popup-recurring-schedules .md-dialog-content form .form-group span.text-primary.font-weight-medium, #popup-recurring-schedules .md-dialog-content form .form-group span.text-primary {
  color: var(--main-color) !important;
}
#popup-recurring-schedules .md-dialog-content form .form-group .color-list .color-list__item {
  width: 24px;
  height: 24px;
  margin: 8px 16px 8px 0px;
}
#popup-recurring-schedules .md-dialog-content form .form-group .color-list .color-list__item--selected::before {
  font-size: 20px;
  left: 5px;
}
#popup-recurring-schedules .md-dialog-content form .form-group .color-list .color-list__item--selected::after {
  font-size: 20px;
  left: 4.5px;
}
#popup-recurring-schedules .md-dialog-content form .form-group textarea {
  font-size: 14px;
  line-height: 20px;
  height: 64px;
  max-height: 64px;
  padding: 5px;
  border: 1px solid #838383;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules .md-dialog-content form .form-group textarea {
    padding: 0.5rem 0.75rem;
  }
}
#popup-recurring-schedules .md-dialog-content form .error-input {
  font-size: 12px;
  line-height: 18px;
}
#popup-recurring-schedules .md-dialog-content form .date--time {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 5px;
}
#popup-recurring-schedules md-dialog-actions {
  justify-content: center;
}
#popup-recurring-schedules md-dialog-actions .modal-footer--create, #popup-recurring-schedules md-dialog-actions .modal-footer--edit, #popup-recurring-schedules md-dialog-actions .modal-footer--view {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
#popup-recurring-schedules md-dialog-actions .modal-footer--create button, #popup-recurring-schedules md-dialog-actions .modal-footer--edit button, #popup-recurring-schedules md-dialog-actions .modal-footer--view button {
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  #popup-recurring-schedules md-dialog-actions .modal-footer--create button, #popup-recurring-schedules md-dialog-actions .modal-footer--edit button, #popup-recurring-schedules md-dialog-actions .modal-footer--view button {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 24px;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  }
}
#popup-recurring-schedules md-dialog-actions .modal-footer--create button.button__cancel__web, #popup-recurring-schedules md-dialog-actions .modal-footer--edit button.button__cancel__web, #popup-recurring-schedules md-dialog-actions .modal-footer--view button.button__cancel__web {
  margin-left: 0px;
  margin-right: 16px;
  background-color: #FFFFFF;
}
#popup-recurring-schedules md-dialog-actions .modal-footer--create button.button__create__edit__web, #popup-recurring-schedules md-dialog-actions .modal-footer--edit button.button__create__edit__web, #popup-recurring-schedules md-dialog-actions .modal-footer--view button.button__create__edit__web {
  margin: 0px;
}
#popup-recurring-schedules md-dialog-actions.action-web {
  padding: 15px 18px !important;
}
#popup-recurring-schedules .img-color {
  width: 24px;
  height: 20px;
  margin-left: 12px;
}

#autoCreateClaimTrigger {
  color: #777;
}
#autoCreateClaimTrigger.col-lg-2 {
  max-width: 175px;
}
#autoCreateClaimTrigger option {
  font-family: Hind, sans-serif;
}

.wait-list-page #sidebar {
  min-width: 275px;
  max-width: 275px;
  transition: all 0.3s;
  padding: 12px 15px !important;
}
@media (max-width: 1199.98px) {
  .wait-list-page #sidebar {
    margin-left: -275px;
  }
  .wait-list-page #sidebar.active {
    margin-left: 0;
  }
}
.wait-list-page .content-filter-wait-list {
  margin-top: 18px;
}
.wait-list-page .content-filter-wait-list .filter-body {
  overflow-y: auto;
  max-height: calc(100vh - 315px);
}
@media only screen and (max-width: 1200px) {
  .wait-list-page .content-filter-wait-list .filter-body {
    max-height: calc(100vh - 350px);
  }
}
@media only screen and (max-width: 767.98px) {
  .wait-list-page .content-filter-wait-list .filter-body {
    max-height: calc(100vh - 340px);
  }
}
.wait-list-page .content-filter-wait-list .btn-apply {
  width: 103px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 32px;
  border-radius: 4px;
}
.wait-list-page .content-filter-wait-list label {
  font-family: "Hind" !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 4px !important;
}
.wait-list-page .content-filter-wait-list .form-group {
  margin-bottom: 12px;
}
.wait-list-page .content-filter-wait-list .form-group md-select md-select-value {
  padding: 3px 8px !important;
  height: 32px !important;
  border-radius: 5px;
}
.wait-list-page .content-filter-wait-list .form-group md-select md-select-value .md-text {
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
.wait-list-page .content-filter-wait-list .calendar-picker__wrapper.input-group {
  height: 32px;
  border-radius: 5px !important;
}
.wait-list-page .content-filter-wait-list .calendar-picker__wrapper.input-group .form-control {
  font-family: "Hind" !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323 !important;
}
.wait-list-page .content-filter-wait-list .calendar-picker__wrapper.input-group .form-control.cus-padding {
  padding: 0.5rem 8px !important;
}
.wait-list-page .content-filter-wait-list .calendar-picker__wrapper.input-group .input-group-addon {
  padding: 0.5rem 0.35rem;
}
.wait-list-page #main-content {
  width: 100%;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
@media only screen and (max-width: 1024px) {
  .wait-list-page #main-content {
    overflow: unset;
  }
}
.wait-list-page #main-content .container-wait-list h3 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #232323;
}
.wait-list-page #main-content .container-wait-list .btn-add-request {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
  height: 36px;
  width: 209px;
  min-width: 209px;
  border: none;
  white-space: nowrap;
}
.wait-list-page #main-content .container-wait-list .table-responsive::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
@media only screen and (max-width: 767.98px) {
  .wait-list-page #main-content .container-wait-list .table-responsive__table-cus-height {
    max-height: calc(100vh - 260px);
    overflow: auto;
  }
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list {
  border: 1px solid #838383;
  border-radius: 8px;
  margin-top: 16px;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table__table-for-patient {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 1920px) {
  .wait-list-page #main-content .container-wait-list .content-table-wait-list .table {
    width: 1695px;
    max-width: 1695px;
  }
  .wait-list-page #main-content .container-wait-list .content-table-wait-list .table__table-for-patient {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1200px) {
  .wait-list-page #main-content .container-wait-list .content-table-wait-list .table__table-for-patient {
    width: 1375px;
    max-width: 1375px;
  }
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-5 {
  width: 5%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-6 {
  width: 6%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-7 {
  width: 7%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-8 {
  width: 8%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-10 {
  width: 10%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-12 {
  width: 12%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-14 {
  width: 14%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-15 {
  width: 15%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-16 {
  width: 16%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .w-18 {
  width: 18%;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .cus-padding-left {
  padding-left: 0 !important;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .thead-content {
  border-bottom: 1px solid #838383;
  display: block;
  padding: 0 12px 0 12px;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .thead-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .thead-content tr th {
  background: #FFF;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  vertical-align: middle !important;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content {
  max-height: calc(100vh - 295px);
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content__cus-widt-for-patient {
  max-height: calc(100vh - 345px);
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content {
  overflow: auto;
  display: block;
  padding: 0 12px;
}
@media only screen and (max-width: 1199.98px) {
  .wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content {
    max-height: calc(100vh - 345px);
  }
  .wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content__cus-widt-for-patient {
    max-height: calc(100vh - 345px);
  }
}
@media only screen and (max-width: 767.98px) {
  .wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content {
    max-height: calc(100vh - 332px);
  }
  .wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content__cus-widt-for-patient {
    max-height: calc(100vh - 332px);
  }
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #D9D9D9 !important;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .custom-td {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 122px;
  display: block;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .custom-td ul {
  color: #2D75C8;
  list-style: none;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .custom-td::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .custom-td::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .custom-td::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .custom-td:hover::-webkit-scrollbar {
  width: 4px;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .custom-td:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr td {
  vertical-align: top !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  word-break: break-word;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr .available-opening-col {
  width: 330px !important;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr:hover {
  background: rgba(var(--main-color),0.2) !important;
  cursor: pointer;
}
.wait-list-page #main-content .container-wait-list .content-table-wait-list .table .tbody-content tr.fulfilled td {
  color: gray;
}

.wait-list-timezone {
  color: #F4A522;
}

#wait-list-setting .content-wait-list-settings {
  border-radius: 4px;
}
@media only screen and (max-width: 767.98px) {
  #wait-list-setting .content-wait-list-settings table {
    width: 775px;
    max-width: 775px;
  }
}
#wait-list-setting .content-wait-list-settings table .w-15 {
  width: 15%;
}
#wait-list-setting .content-wait-list-settings table tbody tr th {
  background: #FFF !important;
  border-bottom: 1px solid #eceeef !important;
  font-weight: 500 !important;
}
#wait-list-setting .content-wait-list-settings table tbody tr td.cus-pb {
  padding-bottom: 1.5rem !important;
  position: relative;
}
#wait-list-setting .content-wait-list-settings table thead tr th {
  background: #FFF !important;
  border-bottom: 1px solid #eceeef !important;
  font-weight: 600 !important;
}

.scrollbar-version-two::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.scrollbar-version-two::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.scrollbar-version-two::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.scrollbar-version-two:hover::-webkit-scrollbar {
  width: 4px;
}
.scrollbar-version-two:hover::-webkit-scrollbar-thumb {
  background-color: #9B9B9B;
  background-clip: padding-box;
  border-radius: 5px;
}
@media only screen and (max-width: 1199.98px) {
  .scrollbar-version-two::-webkit-scrollbar {
    width: 0px;
  }
  .scrollbar-version-two:hover::-webkit-scrollbar {
    width: 0px;
  }
}
@media only screen and (max-width: 767.98px) {
  .scrollbar-version-two::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .scrollbar-version-two:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
}

.w-20 {
  width: 20% !important;
}

@media only screen and (max-width: 1024px) {
  #payment-page-content .table-responsive .table {
    max-width: 1225px;
    width: 1225px;
  }
}

.list-style__custom ul li {
  list-style-type: disc !important;
  list-style-position: inside;
}
.list-style__custom ul ul li {
  list-style-type: square !important;
  list-style-position: inside;
  margin-left: 30px;
}
.list-style__custom ol li {
  list-style-type: decimal !important;
  list-style-position: inside;
}

.private-note-message-content {
  padding-left: 20px;
}

#content-list-view {
  min-width: 250px;
}
#content-list-view md-select md-select-value .md-select-icon::after {
  left: -12px;
}

#patients-management .panel-default .title-header {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  font-family: "Hind";
}
#patients-management .panel-default .table-responsive table .mw-300 {
  max-width: 300px;
}
#patients-management .panel-default .table-responsive table .w-10 {
  width: 10%;
}
#patients-management .panel-default .table-responsive table .w-15 {
  width: 15%;
}
#patients-management .panel-default .table-responsive table .w-20 {
  width: 20%;
}
#patients-management .panel-default .table-responsive table tr th {
  white-space: nowrap;
}

.custom-controls .sms-template-content {
  border: 1px solid #e3e3e3 !important;
  padding: 15px !important;
  height: 100px !important;
}

.transfer-session-popup {
  width: 700px;
  font-size: 14px !important;
}
.transfer-session-popup .md-toolbar-tools {
  font-size: 16px;
  font-weight: bold;
}
.transfer-session-popup md-select.custom-form-control md-select-value {
  font-size: inherit;
  padding: 3px 10px !important;
}
@media only screen and (max-width: 767.98px) {
  .transfer-session-popup md-select.custom-form-control md-select-value {
    height: 34px;
  }
}

.container-templates {
  height: calc(100% - 45px);
}
.container-templates .left-templates {
  border-radius: 8px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.container-templates .left-templates .panel {
  border-radius: 8px;
}
.container-templates .left-templates .active {
  background-color: rgba(var(--main-color_rgb), 0.12);
}
.container-templates .right-templates {
  max-width: 358px;
  flex: 0 0 358px;
  margin-left: 15px;
  background: #F5F5F7;
  border-radius: 8px;
  padding: 16px;
}
.container-templates .right-templates .content-sticky {
  position: sticky;
  top: 16px;
}
.container-templates .right-templates .body-key-test {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: calc(100% - 15px);
}
.container-templates .right-templates .private-feature-section label {
  color: #232323;
  font-size: 14px;
  font-weight: 600;
}
.container-templates .right-templates intake-form .intake-form-module .treatment-page {
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .container-templates {
    display: grid;
    grid-template-columns: calc(100% - 358px) 358px;
  }
  .container-templates .left-templates {
    grid-column: 1;
  }
  .container-templates .right-templates {
    grid-column: 2;
    min-height: 100%;
    height: 0 !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .container-templates {
    height: inherit;
  }
  .container-templates .cus-table-scroll-vertical table .tbody-scroll-vertical {
    max-height: unset;
    overflow-y: hidden;
  }
  .container-templates .left-templates, .container-templates .right-templates {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .container-templates .right-templates {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1023.98px) {
  .container-templates .left-templates .table-responsive table {
    width: 750px;
    max-width: 750px;
  }
}

.selected-thera-type md-radio-button .md-label, .selected-thera-type .md-checked .md-label {
  white-space: nowrap !important;
}
.selected-thera-type .therapy-assistant .md-label {
  margin-left: 45px !important;
}

.privacy-mode-option i {
  font-size: 15px;
  margin-left: 0px;
}

.content-treatment-note .content-left {
  border-radius: 8px;
  overflow-x: auto;
}
.content-treatment-note .content-left md-radio-group[disabled] md-radio-button .md-container .md-on {
  background-color: grey !important;
}
.content-treatment-note .content-left md-radio-group[disabled] md-radio-button.md-checked .md-off {
  border-color: grey !important;
}
.content-treatment-note .content-left md-radio-group md-radio-button[disabled] .md-container .md-on {
  background-color: grey !important;
}
.content-treatment-note .content-left md-radio-group md-radio-button[disabled].md-checked .md-off {
  border-color: grey !important;
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .content-treatment-note .content-left .content, .content-treatment-note .content-left .profile-patient {
    max-width: 940px;
    width: 940px;
  }
}
.content-treatment-note .content-right {
  max-width: 310px;
  flex: 0 0 310px;
}
.content-treatment-note .content-right.ai-panel {
  max-width: none;
  flex: none;
  right: -100%;
}
.content-treatment-note .content-right::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.content-treatment-note .content-right::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.content-treatment-note .content-right::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.content-treatment-note .content-right:hover::-webkit-scrollbar {
  width: 4px;
}
.content-treatment-note .content-right:hover::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
  background-clip: padding-box;
}
.content-treatment-note .content-right .tab-menu-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EEEEEE;
  height: 38px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.content-treatment-note .content-right .tab-menu-content button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  border-radius: 0;
}
.content-treatment-note .content-right .tab-menu-content button.btn-related {
  border-top-right-radius: 8px;
}
.content-treatment-note .content-right .tab-menu-content button.btn-message {
  border-top-left-radius: 8px;
}
.content-treatment-note .content-right .tab-menu-content .tab-active {
  background: var(--main-color);
  color: white;
  border-radius: 0;
  border: 1px solid var(--main-color);
}
.content-treatment-note .content-right .content-related {
  height: 100%;
  border-radius: 8px;
}
.content-treatment-note .content-right .content-related .body-related {
  background-color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.content-treatment-note .content-right .content-related .body-related hr {
  margin-top: 8px;
  margin-bottom: 12px;
  border-top-color: #838383;
}
.content-treatment-note .content-right .content-related .body-related::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.content-treatment-note .content-right .content-related .body-related::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.content-treatment-note .content-right .content-related .body-related::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.content-treatment-note .content-right .content-related .body-related:hover::-webkit-scrollbar {
  width: 4px;
}
.content-treatment-note .content-right .content-related .body-related:hover::-webkit-scrollbar-thumb {
  background-color: #9B9B9B;
  background-clip: padding-box;
  border-radius: 4px;
}
@media only screen and (max-width: 767.98px) {
  .content-treatment-note .content-left, .content-treatment-note .content-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.file-invoice-dollar-pte:after {
  width: 14px;
  height: 18px;
  margin-bottom: -2px;
  display: inline-block;
  content: "";
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 80c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm128 72c8.8 0 16 7.2 16 16v17.3c8.5 1.2 16.7 3.1 24.1 5.1c8.5 2.3 13.6 11 11.3 19.6s-11 13.6-19.6 11.3c-11.1-3-22-5.2-32.1-5.3c-8.4-.1-17.4 1.8-23.6 5.5c-5.7 3.4-8.1 7.3-8.1 12.8c0 3.7 1.3 6.5 7.3 10.1c6.9 4.1 16.6 7.1 29.2 10.9l.5 .1 0 0 0 0c11.3 3.4 25.3 7.6 36.3 14.6c12.1 7.6 22.4 19.7 22.7 38.2c.3 19.3-9.6 33.3-22.9 41.6c-7.7 4.8-16.4 7.6-25.1 9.1V440c0 8.8-7.2 16-16 16s-16-7.2-16-16V422.2c-11.2-2.1-21.7-5.7-30.9-8.9l0 0c-2.1-.7-4.2-1.4-6.2-2.1c-8.4-2.8-12.9-11.9-10.1-20.2s11.9-12.9 20.2-10.1c2.5 .8 4.8 1.6 7.1 2.4l0 0 0 0 0 0c13.6 4.6 24.6 8.4 36.3 8.7c9.1 .3 17.9-1.7 23.7-5.3c5.1-3.2 7.9-7.3 7.8-14c-.1-4.6-1.8-7.8-7.7-11.6c-6.8-4.3-16.5-7.4-29-11.2l-1.6-.5 0 0c-11-3.3-24.3-7.3-34.8-13.7c-12-7.2-22.6-18.9-22.7-37.3c-.1-19.4 10.8-32.8 23.8-40.5c7.5-4.4 15.8-7.2 24.1-8.7V232c0-8.8 7.2-16 16-16z"/></svg>') no-repeat 50% 50%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 80c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm128 72c8.8 0 16 7.2 16 16v17.3c8.5 1.2 16.7 3.1 24.1 5.1c8.5 2.3 13.6 11 11.3 19.6s-11 13.6-19.6 11.3c-11.1-3-22-5.2-32.1-5.3c-8.4-.1-17.4 1.8-23.6 5.5c-5.7 3.4-8.1 7.3-8.1 12.8c0 3.7 1.3 6.5 7.3 10.1c6.9 4.1 16.6 7.1 29.2 10.9l.5 .1 0 0 0 0c11.3 3.4 25.3 7.6 36.3 14.6c12.1 7.6 22.4 19.7 22.7 38.2c.3 19.3-9.6 33.3-22.9 41.6c-7.7 4.8-16.4 7.6-25.1 9.1V440c0 8.8-7.2 16-16 16s-16-7.2-16-16V422.2c-11.2-2.1-21.7-5.7-30.9-8.9l0 0c-2.1-.7-4.2-1.4-6.2-2.1c-8.4-2.8-12.9-11.9-10.1-20.2s11.9-12.9 20.2-10.1c2.5 .8 4.8 1.6 7.1 2.4l0 0 0 0 0 0c13.6 4.6 24.6 8.4 36.3 8.7c9.1 .3 17.9-1.7 23.7-5.3c5.1-3.2 7.9-7.3 7.8-14c-.1-4.6-1.8-7.8-7.7-11.6c-6.8-4.3-16.5-7.4-29-11.2l-1.6-.5 0 0c-11-3.3-24.3-7.3-34.8-13.7c-12-7.2-22.6-18.9-22.7-37.3c-.1-19.4 10.8-32.8 23.8-40.5c7.5-4.4 15.8-7.2 24.1-8.7V232c0-8.8 7.2-16 16-16z"/></svg>') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
}

.file-location-city-pte:after {
  width: 24px;
  height: 19px;
  margin-bottom: -4px;
  display: inline-block;
  content: "";
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M480 48c0-26.5-21.5-48-48-48H336c-26.5 0-48 21.5-48 48V96H224V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V96H112V24c0-13.3-10.7-24-24-24S64 10.7 64 24V96H48C21.5 96 0 117.5 0 144v96V464c0 26.5 21.5 48 48 48H304h32 96H592c26.5 0 48-21.5 48-48V240c0-26.5-21.5-48-48-48H480V48zm96 320v32c0 8.8-7.2 16-16 16H528c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16zM240 416H208c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16zM128 400c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32zM560 256c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H528c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32zM256 176v32c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16zM112 160c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h32zM256 304c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32zM112 320H80c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16zm304-48v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16zM400 64c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h32zm16 112v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16z"/></svg>') no-repeat 50% 50%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M480 48c0-26.5-21.5-48-48-48H336c-26.5 0-48 21.5-48 48V96H224V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V96H112V24c0-13.3-10.7-24-24-24S64 10.7 64 24V96H48C21.5 96 0 117.5 0 144v96V464c0 26.5 21.5 48 48 48H304h32 96H592c26.5 0 48-21.5 48-48V240c0-26.5-21.5-48-48-48H480V48zm96 320v32c0 8.8-7.2 16-16 16H528c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16zM240 416H208c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16zM128 400c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32zM560 256c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H528c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32zM256 176v32c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16zM112 160c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h32zM256 304c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32zM112 320H80c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16zm304-48v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16zM400 64c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h32zm16 112v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16z"/></svg>') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
}

.playlist-add-check-pte:after {
  width: 22px;
  height: 15px;
  display: inline-block;
  content: "";
  -webkit-mask: url('data:image/svg+xml;utf8,<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 4H1C0.45 4 0 4.45 0 5C0 5.55 0.45 6 1 6H11C11.55 6 12 5.55 12 5C12 4.45 11.55 4 11 4ZM11 0H1C0.45 0 0 0.45 0 1C0 1.55 0.45 2 1 2H11C11.55 2 12 1.55 12 1C12 0.45 11.55 0 11 0ZM1 10H7C7.55 10 8 9.55 8 9C8 8.45 7.55 8 7 8H1C0.45 8 0 8.45 0 9C0 9.55 0.45 10 1 10ZM20.21 6.21L20.3 6.3C20.69 6.69 20.69 7.32 20.3 7.71L14.72 13.3C14.33 13.69 13.7 13.69 13.31 13.3L10.22 10.21C9.83 9.82 9.83 9.19 10.22 8.8L10.31 8.71C10.7 8.32 11.33 8.32 11.72 8.71L14.02 11.01L18.8 6.22C19.18 5.82 19.82 5.82 20.21 6.21Z" fill="black" fill-opacity="0.7"/></svg>') no-repeat 50% 50%;
  mask: url('data:image/svg+xml;utf8,<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 4H1C0.45 4 0 4.45 0 5C0 5.55 0.45 6 1 6H11C11.55 6 12 5.55 12 5C12 4.45 11.55 4 11 4ZM11 0H1C0.45 0 0 0.45 0 1C0 1.55 0.45 2 1 2H11C11.55 2 12 1.55 12 1C12 0.45 11.55 0 11 0ZM1 10H7C7.55 10 8 9.55 8 9C8 8.45 7.55 8 7 8H1C0.45 8 0 8.45 0 9C0 9.55 0.45 10 1 10ZM20.21 6.21L20.3 6.3C20.69 6.69 20.69 7.32 20.3 7.71L14.72 13.3C14.33 13.69 13.7 13.69 13.31 13.3L10.22 10.21C9.83 9.82 9.83 9.19 10.22 8.8L10.31 8.71C10.7 8.32 11.33 8.32 11.72 8.71L14.02 11.01L18.8 6.22C19.18 5.82 19.82 5.82 20.21 6.21Z" fill="black" fill-opacity="0.7"/></svg>') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
}

.content-treatment-note__claim {
  height: calc(100% - 60px);
}
@media only screen and (max-width: 1110px) {
  .content-treatment-note__claim {
    height: calc(100% - 75px);
  }
}
@media only screen and (max-width: 767.98px) {
  .content-treatment-note__claim {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media only screen and (min-width: 768px) {
  .content-treatment-note__custom-height-AI {
    max-height: calc(100% - 85px);
  }
}
.content-treatment-note .content-left {
  width: 100%;
}
.content-treatment-note .content-left.ai-panel {
  width: calc(100% - 16px);
}
.content-treatment-note .content-right {
  padding: 0;
  background: #fff;
  width: 310px;
  right: 0;
  transition: 0.5s;
  position: absolute;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.content-treatment-note .content-right__claim-form {
  position: fixed;
  height: calc(100vh - 282px);
}
.content-treatment-note .content-right.ai-panel {
  width: 100%;
  z-index: 2;
}
.content-treatment-note .content-right .action-panel {
  border-radius: 5px;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1;
  left: -12px;
  top: 28px;
}
@media screen and (max-width: 767.98px) {
  .content-treatment-note .content-left {
    width: 100% !important;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }
  .content-treatment-note #content-right {
    min-height: 100%;
    width: 100%;
    position: inherit;
    padding: 0;
    margin-top: 16px;
    right: 0px !important;
  }
}

.form-control.readonly {
  border: 1px solid #838383;
  background-color: #F5F5F7;
}

.divider-text {
  text-align: center;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  width: 100%;
}
.divider-text:before, .divider-text:after {
  content: "";
  width: 100%;
  border-top: 1px solid #D9D9D9;
}
.divider-text:before {
  margin-right: 0.5em;
}
.divider-text:after {
  margin-left: 0.5em;
}

.separator {
  color: #838383;
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #D9D9D9;
}

.separator:not(:empty)::before {
  margin-right: 0.25em;
}

.separator:not(:empty)::after {
  margin-left: 0.25em;
}

#containerSelectTemplate:not([md-no-float]) .md-select-placeholder span:first-child {
  transition: -webkit-transform 0s !important;
  transition: transform 0s !important;
  transition: transform 0s, -webkit-transform 0s !important;
  -webkit-transform-origin: unset !important;
          transform-origin: unset !important;
}

#containerSelectTemplate.md-input-focused:not([md-no-float]) md-select:not([placeholder]) .md-select-placeholder span:first-child {
  -webkit-transform: unset !important;
          transform: unset !important;
}

md-input-container #selectTemplateContentDropdown md-select-value {
  border-radius: 5px;
  border: 1px solid #838383;
  padding: 2px 8px;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  md-input-container #selectTemplateContentDropdown md-select-value span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 132px;
  }
}

#selectTemplateNoteInCharting {
  border-radius: 5px !important;
  border: 1px solid #838383 !important;
  padding: 2px 8px !important;
  min-height: 32px !important;
}

.select-template-content-container md-select-menu {
  max-height: 575px;
}
.select-template-content-container md-select-menu md-content {
  max-height: 575px;
}
.select-template-content-container md-optgroup label {
  margin-bottom: -12px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: auto !important;
}
.select-template-content-container md-optgroup md-option {
  height: 28px !important;
}
.select-template-content-container md-optgroup .md-text {
  color: #232323 !important;
}
.select-template-content-container md-optgroup .md-container-ignore {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-template-content-container .md-checkbox-enabled.md-default-theme[selected] .md-icon, .select-template-content-container .md-checkbox-enabled[selected] .md-icon {
  background-color: var(--main-color);
}

#treatmentEditDiv .treatment-note-header .btn-sm {
  max-height: 32px;
}
@media only screen and (min-width: 768px) {
  #treatmentEditDiv .treatment-note-header {
    min-height: 68px;
    max-height: 72px;
  }
}
#treatmentEditDiv .profile-patient .custom-input-addendum {
  width: 100%;
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 2px 8px !important;
  min-height: 32px !important;
}

.select-template-content-wrapper {
  margin-top: 50px;
}
@media screen and (max-width: 767.98px) {
  .select-template-content-wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
    flex: 1 1;
  }
  .select-template-content-wrapper .select-template-search-box {
    padding: 6px;
    border: 1px solid #838383;
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    flex-direction: row-reverse;
  }
  .select-template-content-wrapper .select-template-search-box input {
    font-size: 16px;
  }
}

.fake-dropdown::after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  right: 10px;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
}

.custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]).fake-dropdown-input {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 2px 8px !important;
  text-align: start;
  height: 32px !important;
}

.demo-select-all-checkboxes {
  padding-left: 30px;
}

md-checkbox.select-template-content.md-default-theme.md-checked .md-icon, md-checkbox.select-template-content.md-checked .md-icon {
  background: var(--main-color);
}

md-checkbox.select-template-content.md-default-theme[disabled].md-checked .md-icon, md-checkbox[disabled].select-template-content.md-checked .md-icon {
  background-color: rgba(0, 0, 0, 0.38);
}

md-checkbox.select-template-content.md-default-theme[disabled].md-indeterminate .md-icon, md-checkbox[disabled].select-template-content.md-indeterminate .md-icon {
  background-color: rgba(0, 0, 0, 0.38);
  border-color: transparent;
}

md-checkbox.md-default-theme[disabled].select-template-content .md-label, md-checkbox[disabled].select-template-content .md-label {
  color: rgba(0, 0, 0, 0.87);
}

md-checkbox.md-default-theme[disabled].select-template-content .md-icon:after, md-checkbox[disabled].select-template-content .md-icon:after {
  border-color: rgb(238, 238, 238);
}

md-checkbox.select-template-content {
  width: 100%;
  margin-bottom: 12px;
}
md-checkbox.select-template-content .md-label {
  display: inline-block;
  width: 90%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.select-template-search-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  padding: 5px 15px;
}
@media screen and (max-width: 767.98px) {
  .select-template-search-wrapper {
    top: 50px;
    padding: 16px;
  }
}

.select-template-search-box {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.select-template-search-box .select-template-search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-template-search-box .select-template-search-icon i {
  font-size: 16px;
  color: #838383;
}
.select-template-search-box input {
  border: 0;
}
.select-template-search-box input[type=text]:focus {
  box-shadow: none;
  webkit-box-shadow: none;
}

md-dialog.popup-heads-up.popup--narrow.popup--limitation_alert {
  width: 322px;
}

md-dialog.popup--strong-style.popup--limitation_alert .md-toolbar-header.limitation_alert-header {
  min-height: auto;
  background: #ffffff !important;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}

md-dialog.popup--strong-style.popup--limitation_alert .md-toolbar-header h2.popup__title {
  color: var(--alert-color);
}

md-dialog.popup-heads-up.popup--narrow.popup--limitation_alert md-dialog-content {
  padding: 0 16px !important;
}

md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-close-limitation_alert {
  background-color: var(--alert-color);
  width: 48px;
}

#container-intake .form-group {
  display: flex;
  align-items: center;
}
#container-intake .form-group .cus-container-dropdown .dropdown-toggle {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
}
#container-intake .form-group h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #838383;
}
#container-intake .form-group .form-control {
  border: none;
  border-bottom: 1px solid #E3E3E3;
  background: #FFF;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #C3C3C3;
  border-radius: 0;
}
#container-intake .form-group label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #838383;
  margin-bottom: 0;
  margin-right: 1rem;
  color: #838383;
  min-width: 120px;
}
#container-intake .form-group dropdown-box-pte, #container-intake .form-group country-state-city-pte, #container-intake .form-group .full-width-phone {
  width: 100%;
}
#container-intake .form-group .intl-tel-input {
  width: 100%;
}
#container-intake .form-group md-datepicker {
  display: block;
  max-width: 100%;
}
#container-intake .form-group md-datepicker .md-datepicker-input-container {
  max-width: calc(100% - 24px) !important;
  width: calc(100% - 24px) !important;
}
@media only screen and (max-width: 767.98px) {
  #container-intake .form-group md-datepicker {
    max-width: 100%;
  }
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row .form-group {
  max-height: 32px;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row .form-group label {
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323 !important;
  margin-bottom: 0;
  min-width: 166px;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-profile-header {
  flex: 0 0 198px;
  max-width: 198px;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-profile-content {
  flex: 0 0 calc(100% - 198px);
  max-width: calc(100% - 198px);
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-section-header {
  flex: 0 0 182px;
  max-width: 182px;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-section-content {
  flex: 0 0 calc(100% - 182px);
  max-width: calc(100% - 182px);
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row md-checkbox .md-label {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-left: 30px;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row md-checkbox.profile-custom-margin {
  margin-left: 20px;
  margin-right: 22px;
}
@media only screen and (max-width: 390.98px) {
  #container-intake .intake-form-profile-imformation .card-body .control-section .row md-checkbox.mx-4 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  #container-intake .intake-form-profile-imformation .card-body .control-section .row md-checkbox.profile-custom-margin {
    margin-left: 4px;
    margin-right: 6px;
  }
}
@media only screen and (max-width: 991.98px) {
  #container-intake .intake-form-profile-imformation .card-body .control-section .row .form-group {
    max-height: inherit;
    flex-direction: column;
    align-items: start;
  }
  #container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-profile-header {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-profile-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-section-header {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #container-intake .intake-form-profile-imformation .card-body .control-section .row .cols-section-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#container-intake .intake-form-profile-imformation .card-body .control-section .row .iti__selected-flag {
  padding-left: 0;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .title-header {
  color: #838383 !important;
  min-width: 167px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .panel {
  border-radius: 8px;
  background: #f5f5f7;
  padding: 12px 16px;
  margin-bottom: 16px !important;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .panel:last-child {
  margin-bottom: 0 !important;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .panel .title-section {
  color: #232323 !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .panel__action[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .panel__action[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .panel__action[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
#container-intake .intake-form-profile-imformation .card-body .control-section .panel__action[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#container-intake .intake-form-profile-imformation__profile-imformation-one .card-body .control-section .row .form-group md-datepicker {
  display: block;
  max-width: 100%;
  width: 100%;
}
#container-intake .intake-form-profile-imformation__profile-imformation-one .card-body .control-section .row .form-group md-datepicker .md-datepicker-input-container {
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important;
}
#container-intake .intake-form-profile-imformation__profile-imformation-one .card-body .control-section .row .form-group md-datepicker .md-datepicker-input-container input {
  line-height: 30px !important;
}
@media only screen and (max-width: 767.98px) {
  #container-intake .intake-form-profile-imformation__profile-imformation-one .card-body .control-section .row .form-group md-datepicker {
    max-width: 100%;
    width: 100%;
  }
}
#container-intake .intake-form-profile-imformation__profile-imformation-one .card-body .control-section .row .form-group country-state-city-pte md-autocomplete {
  min-width: -webkit-min-content;
  min-width: min-content;
}
#container-intake .intake-form-profile-imformation__profile-imformation-one .card-body .control-section .row .form-group label {
  min-width: 135px !important;
}
@media only screen and (max-width: 1300px) {
  #container-intake .intake-form-profile-imformation__profile-imformation-one .card-body .control-section .row .form-group {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}
#container-intake .intake-form-profile-imformation--screen-mobile .card-body .control-section .row .form-group {
  max-height: inherit;
}

#container-intake .intake-form-template-insurance .card-body .control-section .row .col-xl-4 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  #container-intake .intake-form-template-insurance .card-body .control-section .row .col-xl-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

.custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]).grey-background-input {
  background-color: #F5F5F7 !important;
  border-bottom: 1px solid #E3E3E3 !important;
}

.card-info-wrapper .card-info ul li {
  padding: 8px 0;
}
.card-info-wrapper .card-info.card-info-cannot-edit input, .card-info-wrapper .card-info.card-info-cannot-edit span, .card-info-wrapper .card-info.card-info-cannot-edit select {
  cursor: not-allowed;
}

.intake-form-page .custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]).grey-background-disabled-input[disabled=disabled] {
  background-color: #F5F5F7 !important;
}

.intake-form-page .custom-controls dropdown-box-pte .cus-container-dropdown .dropdown-toggle[disabled=disabled] {
  background-color: rgba(0, 0, 0, 0) !important;
}

.intake-form-page .custom-controls .intake-form-payer-select-box[disabled=disabled] md-autocomplete-wrap {
  box-shadow: none;
}
.intake-form-page .custom-controls .intake-form-payer-select-box input:not([type=checkbox]):not([type=range]):not([type=radio])[disabled=disabled] {
  cursor: not-allowed;
}

.intake-form-page .custom-controls md-datepicker[disabled=disabled] input:not([type=checkbox]):not([type=range]):not([type=radio]) {
  cursor: not-allowed;
}

.intake-form-page .custom-controls md-autocomplete[disabled=disabled] input:not([type=checkbox]):not([type=range]):not([type=radio]) {
  cursor: not-allowed;
}

.upload-image-name {
  max-width: calc(100% - 70px);
  overflow-wrap: break-word;
}

.upload-image-button-group {
  display: inline;
}
.upload-image-button-group button {
  background-color: transparent;
  border: none;
  font-size: 16px;
}
.upload-image-button-group button:focus {
  outline: none;
}
.upload-image-button-group button.show-image-button {
  color: #0275D8;
}
.upload-image-button-group button.clear-image-button {
  color: #F5222D;
}

.add-payer-wrapper div.form-group {
  width: auto;
}
.add-payer-wrapper button {
  margin-bottom: 15px;
  line-height: 18px;
}

.export-insurance-info-btn {
  position: absolute;
  top: -20px;
  right: 24px;
}
@media screen and (max-width: 580px) {
  .export-insurance-info-btn {
    position: relative;
    top: 0px;
    right: 0px;
  }
}

.export-profile-info-btn {
  position: absolute;
  top: -40px;
  right: 0px;
}
@media screen and (max-width: 580px) {
  .export-profile-info-btn {
    position: relative;
    top: -50px;
    right: -8px;
  }
}

.autocomplete-insurance-intakeform.md-autocomplete-suggestions li {
  height: auto !important;
  border: none;
}

.md-virtual-repeat-container .md-virtual-repeat-scroller::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.intakeform-insurance-payer-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#container-intake .form-group.add-new-payer-wrapper-mobile .add-new-payer-button-wrapper {
  margin-left: 1.5rem;
}
@media screen and (max-width: 580px) {
  #container-intake .form-group.add-new-payer-wrapper-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #container-intake .form-group.add-new-payer-wrapper-mobile .add-new-payer-button-wrapper {
    margin-left: 0;
  }
}

.claim-form .page-navigation li {
  margin: 0 10px !important;
}
.claim-form .btn-outline-primary {
  background-color: #e4eef4 !important;
  border: 1px solid #26a6eb !important;
}
.claim-form .text-red {
  color: #F5222D !important;
}
.claim-form .color-red {
  color: red;
}
.claim-form .color-green {
  color: green;
}
.claim-form #content-left .header-position-sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}
.claim-form #content-left .form-group .calendar-picker__wrapper.input-group {
  max-width: 100%;
}
.claim-form #content-left .form-group input {
  border: 1px solid #838383;
  border-radius: 5px;
  max-height: 32px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.claim-form #content-left #container-tab .nav-tabs--strong-style {
  width: 100% !important;
  flex-direction: row;
  background: #f0f2f9;
  border-radius: 100px;
  box-shadow: inset 0px 0px 0px #e3e3e3;
  padding: 2px 3px !important;
  height: 36px !important;
}
.claim-form #content-left #container-tab .nav-tabs--strong-style .nav-item {
  padding: 0px;
  cursor: pointer;
  width: 50% !important;
  border-radius: 100px;
  height: 34px !important;
}
.claim-form #content-left #container-tab .nav-tabs--strong-style .nav-item .nav-link {
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: flex;
  align-items: center;
  color: #595959 !important;
  cursor: pointer;
  background-color: #f0f2f9;
  border-radius: 100px;
  justify-content: center;
  padding: 0px 5px;
  height: 32px;
  transition: none;
}
.claim-form #content-left #container-tab .nav-tabs--strong-style .nav-item.active {
  border-left: none;
  background-color: #fff;
  color: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}
.claim-form #content-left #container-tab .nav-tabs--strong-style .nav-item.active .nav-link {
  background: #fff;
  color: var(--main-color) !important;
}
.claim-form #content-left #container-tab .nav-tabs--strong-style .nav-item:not(.active):hover {
  opacity: 0.7;
}
.claim-form #content-left .table tr th {
  line-height: 14px !important;
  font-weight: 400 !important;
  background: #838383 !important;
  color: white !important;
  vertical-align: middle !important;
}
.claim-form #content-left .table tr td {
  padding: 6px 8px !important;
}
.claim-form #content-left .form-section {
  margin-bottom: 1rem;
}
.claim-form #content-left .form-section__header {
  background: #F5F5F7;
  border-radius: 8px;
  padding: 4px 10px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.claim-form #content-left .form-section__header__text {
  margin: 0px;
  text-align: center;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
}
.claim-form #content-left .form-section__header__toggle {
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
}
.claim-form #content-left .form-section__header__toggle::after {
  content: "\f077";
}
.claim-form #content-left .form-section__header[aria-expanded=true] .form-section__header__toggle::after {
  content: "\f078";
}
.claim-form #content-left .form-section__content {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.claim-form #content-left .form-section__group {
  display: flex;
  flex-wrap: wrap;
}
.claim-form #content-left .form-section__item {
  margin-bottom: 1rem;
}
.claim-form #content-left .form-section__item__title {
  margin-bottom: 0px;
  text-transform: uppercase;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.claim-form #content-left .form-section__item__title__position-end {
  align-self: flex-end;
}
.claim-form #content-left .form-section__item__caption {
  font-size: 14px;
}
.claim-form #content-left .form-section__item__content {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  align-items: flex-start;
}
.claim-form #content-left .form-section__item__content__button-no-border {
  background: transparent;
  border: 0px;
  box-sizing: border-box;
  border-radius: 0px;
  color: #222222;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.claim-form #content-left .form-section__item__content .mb-42 {
  margin-bottom: 42px !important;
}
.claim-form #content-left .form-section__item__content .input-no-border .form-control {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #e3e3e3 !important;
}
.claim-form #content-left .form-section__item__content .input-no-border md-autocomplete md-autocomplete-wrap {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #e3e3e3 !important;
}
.claim-form #content-left .form-section__item__content .input-no-border md-autocomplete md-autocomplete-wrap input {
  border: none !important;
}
.claim-form #content-left .form-section__item--inline {
  display: flex;
  align-items: center;
}
.claim-form #content-left .form-section__item--inline .form-section__item__title {
  margin-right: 0.5rem;
}
.claim-form #content-left .form-section__item--inline .form-section__item__content {
  margin-top: 0px;
  margin-bottom: 0px;
}
.claim-form #content-left .form-section__item--inline .form-section__field {
  margin-bottom: 0px;
}
.claim-form #content-left .form-section__field {
  margin-bottom: 0.5rem;
  display: block;
}
.claim-form #content-left .form-section__field label, .claim-form #content-left .form-section__field__label {
  padding-right: 0.5rem;
  margin-bottom: 3px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.claim-form #content-left .form-section__field__control dropdown-list-pte .button-dropdown-toggle {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  max-height: 32px !important;
  height: 32px !important;
  padding: 4px 8px !important;
  margin-top: 32px !important;
}
.claim-form #content-left .form-section__field__control .form-control[disabled], .claim-form #content-left .form-section__field__control .form-control[readonly], .claim-form #content-left .form-section__field__control fieldset[disabled] .form-control {
  background-color: #eceeef !important;
}
.claim-form #content-left .form-section__field__control country-state-city-pte md-autocomplete[disabled], .claim-form #content-left .form-section__field__control country-state-city-pte md-autocomplete[readonly], .claim-form #content-left .form-section__field__control country-state-city-pte fieldset[disabled] {
  background-color: #eceeef !important;
}
.claim-form #content-left .form-section__field__control {
  display: block;
}
.claim-form #content-left .form-section__field__control#international-phone-number input {
  padding-left: 44px !important;
}
.claim-form #content-left .form-section__field__control .report-page {
  border: 1px solid #838383;
  max-height: 34px;
  border-radius: 5px;
  padding: 2px 6px !important;
  margin-bottom: 0 !important;
}
.claim-form #content-left .form-section__field__caption {
  font-size: 14px;
  align-self: center;
}
.claim-form #content-left .form-section__field__error {
  flex-basis: 100%;
  width: 100%;
}
.claim-form #content-left .form-section__field--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.claim-form #content-left .form-section__field--vertical .form-section__field__control {
  width: 100%;
}
.claim-form #content-left .form-section select.form-control, .claim-form #content-left .form-section input.form-control, .claim-form #content-left .form-section button.form-control, .claim-form #content-left .form-section md-datepicker.form-control {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  max-height: 32px !important;
  height: 32px !important;
  padding: 4px 8px !important;
}
.claim-form #content-left .form-section md-datepicker {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.claim-form #content-left .form-section md-datepicker .md-datepicker-input-container {
  max-width: 100%;
}
.claim-form #content-left .form-section md-datepicker .md-datepicker-input-container .md-datepicker-input {
  border-bottom: 0 !important;
}
.claim-form #content-left .form-section md-autocomplete[readonly] {
  background-color: #eceeef !important;
}
.claim-form #content-left .form-section md-autocomplete md-autocomplete-wrap {
  border: 1px solid #838383;
  border-radius: 5px;
  padding: 1px 8px;
}
.claim-form #content-left .form-section md-autocomplete md-autocomplete-wrap.md-whiteframe-z1 {
  box-shadow: none;
}
.claim-form #content-left .form-section md-autocomplete md-autocomplete-wrap input {
  border-bottom: 0 !important;
}

#paymentPopupInvoice table tr td .form-group .calendar-picker__wrapper input {
  border-bottom: none !important;
}
#paymentPopupInvoice table tr td .form-group .calendar-picker__wrapper .input-group-addon {
  border-bottom: none !important;
}

#paymentPlanContainer .btn-edit-payment-plan {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  border-radius: 8px;
  color: #fff;
  background: var(--main-color);
  padding: 4px 16px;
  font-family: "Hind";
}
@media screen and (max-width: 767.98px) {
  #paymentPlanContainer .btn-edit-payment-plan {
    padding: 4px 6px;
  }
}
#paymentPlanContainer .content-table {
  border: 1px solid #838383;
  border-radius: 8px;
}
#paymentPlanContainer .content-table table thead tr th {
  background: #FFF;
  border-bottom: 1px solid #838383 !important;
}
#paymentPlanContainer .content-table table span.status-partial-paid {
  font-size: 14px;
  line-height: 20px;
  color: #FD2D57;
  background-color: rgba(253, 45, 87, 0.2);
  border-radius: 5px;
  padding: 2px 8px;
  width: 100%;
  text-align: center;
  max-width: 230px;
}
#paymentPlanContainer .content-table table span.status-pay-full {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #4AD3AB;
  background-color: rgba(74, 211, 171, 0.2);
  border-radius: 5px;
  padding: 2px 8px;
  width: 100%;
  text-align: center;
  max-width: 230px;
}
@media screen and (max-width: 992px) {
  #paymentPlanContainer .content-table table {
    width: 1000px;
    max-width: 1000px;
  }
}

md-bottom-sheet .dropdown-item:hover, md-bottom-sheet .dropdown-item:focus, md-bottom-sheet .dropdown-item:active {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
md-bottom-sheet ul > li.list-item-repeat:hover, md-bottom-sheet ul > li.list-item-repeat:focus, md-bottom-sheet ul > li.list-item-repeat:active {
  background-color: #f7f7f9;
}

.treatment-note-navigation-wrapper .treatment-note-navigation {
  height: 100%;
}
.treatment-note-navigation-wrapper .treatment-note-navigation li {
  padding: 0 10px;
  margin-top: auto;
  margin-bottom: auto;
}
@media only screen and (max-width: 767.98px) {
  .treatment-note-navigation-wrapper {
    width: 100%;
    height: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .treatment-note-navigation-wrapper__custom-edit-view {
    margin-top: -12px;
    min-height: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  #automationListMobileMenu {
    position: absolute;
    z-index: 998;
    background: #FFF;
  }
}

.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
.table-responsive::-webkit-scrollbar-track {
  border-radius: 8px;
  margin: 4px 2px;
}

.contentSingleDropdownBox md-checkbox[disabled] {
  cursor: not-allowed !important;
  opacity: 1;
  margin-top: 1px;
}
.contentSingleDropdownBox md-checkbox[disabled] .md-icon {
  background-color: rgba(0, 0, 0, 0.38);
}
.contentSingleDropdownBox md-checkbox[disabled] .md-label {
  opacity: 0.5;
}

@media only screen and (max-width: 767.98px) {
  .option-new-fee-schedule .modal-dialog .modal-content .modal-footer {
    flex-direction: column-reverse;
  }
  .option-new-fee-schedule .modal-dialog .modal-content .modal-footer button {
    width: 100% !important;
    margin: 4px 0 !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .option-footer-mobile .modal-dialog .modal-content .modal-footer {
    flex-direction: column-reverse;
  }
  .option-footer-mobile .modal-dialog .modal-content .modal-footer button {
    width: 100% !important;
    margin: 4px 0 !important;
  }
}

@media only screen and (max-width: 767.98px) {
  #feeScheduleListMobileMenu {
    position: absolute;
    z-index: 998;
    background: #FFF;
  }
}

.insurance-info-select-btn .dropdown-menu {
  min-width: 180px;
}

.last-login-time {
  padding: 0;
}

.input-group input {
  box-shadow: none !important;
}

.font-weight-semi-bold {
  font-weight: 600;
}

.small-avatar {
  width: 25px;
  height: 25px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}

.panel-container {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 12px;
  margin-top: 16px;
  overflow: hidden;
}

.provider-online-booking-config--details {
  background-color: #F5F5F7;
  margin: -12px;
  padding: 0 12px 12px;
}
.provider-online-booking-config--details .border-top {
  border-color: #D9D9D9;
  margin-top: 6px;
  padding-top: 6px;
}
.provider-online-booking-config--details > .border-top:first-child {
  margin-top: -12px;
  padding-top: 12px;
}

[aria-expanded=true] .icon.toggle-icon:before {
  content: "\f106" !important;
}

[aria-expanded=false] .icon.toggle-icon:before {
  content: "\f107" !important;
}

#sms-notification {
  color: #232323;
}
#sms-notification .sms-notification-list-items h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #232323;
}
#sms-notification .sms-notification-list-items .panel__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #232323;
}
#sms-notification .sms-notification-list-items .panel__title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#sms-notification .sms-notification-list-items .panel__title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
}
#sms-notification .sms-notification-list-items .panel__title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
}
#sms-notification .sms-notification-list-items .panel__title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#sms-notification .sms-notification-list-items {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 12px;
  margin-top: 16px;
}
#sms-notification .sms-notification-list-items #appointmentReminders {
  border-top: 1px solid #838383;
}
#sms-notification .sms-notification-list-items #appointmentReminders select, #sms-notification .sms-notification-list-items #appointmentReminders input {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 0 6px !important;
  width: 60px;
  font-family: "Hind" !important;
}
#sms-notification .sms-notification-list-items #appointmentReminders .reminder-items {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 8px 12px;
}
#sms-notification .sms-notification-list-items #appointmentReminders .reminder-items .reminder-title {
  min-width: 125px;
  font-weight: 500;
}
#sms-notification .sms-notification-list-items #appointmentReminders .reminder-items:hover {
  cursor: pointer;
  background-color: rgba(var(--main-color_rgb), 0.13);
}
#sms-notification .sms-notification-list-items .switch {
  height: 20px;
  width: 40px;
}
#sms-notification .sms-notification-list-items .switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
#sms-notification .sms-notification-list-items .switch .slider:before {
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
}
#sms-notification .sms-notification-list-items .switch .slider:before.small {
  width: 32px;
  height: 18px;
}
#sms-notification .sms-notification-list-items .switch .slider:before.small .slider.round {
  border-radius: 18px;
}
#sms-notification .sms-notification-list-items .switch .slider:before.small .slider.round::before {
  height: 12px;
  width: 12px;
  left: 1px;
}

#sms-disclaimer-template {
  color: #232323;
}
#sms-disclaimer-template .sms-disclaimer-edit {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 8px !important;
}
#sms-disclaimer-template .sms-disclaimer-content {
  font-family: sans-serif !important;
  width: 100% !important;
  height: 150px !important;
  border: none !important;
  resize: none !important;
  line-height: 2 !important;
}
#sms-disclaimer-template .sms-disclaimer-content--overflow {
  overflow: auto !important;
  word-break: break-word !important;
}

.sms-disclaimer-text {
  word-break: break-word;
}

#logTopicsManagement .logs-top-content {
  color: #232323;
}
#logTopicsManagement .logs-top-content .logs-top-list-items h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #232323;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .panel__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #232323;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .panel__title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .panel__title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .panel__title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .panel__title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#logTopicsManagement .logs-top-content .logs-top-list-items {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 12px;
  margin-top: 16px;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .topicItem {
  border-top: 1px solid #838383;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .topicItem select, #logTopicsManagement .logs-top-content .logs-top-list-items .topicItem input {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 0 6px !important;
  width: 60px;
  font-family: "Hind" !important;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .topicItem .reminder-items {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 8px 12px;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .topicItem .reminder-items .reminder-title {
  min-width: 125px;
  font-weight: 500;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .topicItem .reminder-items:hover {
  cursor: pointer;
  background-color: rgba(var(--main-color_rgb), 0.13);
}
#logTopicsManagement .logs-top-content .logs-top-list-items .switch {
  height: 20px;
  width: 40px;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
#logTopicsManagement .logs-top-content .logs-top-list-items .switch .slider:before {
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .switch .slider:before.small {
  width: 32px;
  height: 18px;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .switch .slider:before.small .slider.round {
  border-radius: 18px;
}
#logTopicsManagement .logs-top-content .logs-top-list-items .switch .slider:before.small .slider.round::before {
  height: 12px;
  width: 12px;
  left: 1px;
}

#contactLogs #contact-logs-item {
  color: #232323;
}
#contactLogs #contact-logs-item .new-log {
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 14px;
}
#contactLogs #contact-logs-item .content-search .input-group {
  width: 358px;
  border-radius: 8px;
  border: 1px solid #838383;
  padding: 0 8px;
}
#contactLogs #contact-logs-item .content-search input {
  font-size: 16px;
  line-height: 24px;
  font-family: "Nunito";
  padding: 8px;
}
#contactLogs #contact-logs-item .log-list-items {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 12px;
  margin-top: 16px;
}
#contactLogs #contact-logs-item .log-list-items .tilte {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  font-family: "Hind";
}
#contactLogs #contact-logs-item .log-list-items p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Hind";
}
#contactLogs #contact-logs-item .log-list-items p ol li {
  list-style-type: decimal !important;
}
#contactLogs #contact-logs-item .log-list-items p ul li {
  list-style-type: disc !important;
  margin-left: 15px !important;
}
#contactLogs #contact-logs-item .log-list-items p ul ul li {
  list-style-type: square !important;
  margin-left: 30px !important;
}
@media only screen and (max-width: 767.98px) {
  #contactLogs #contact-logs-item .content-search {
    width: 100%;
  }
  #contactLogs #contact-logs-item .content-search .input-group {
    width: 100%;
  }
}

#logsReport table tr td p ol li {
  list-style-type: decimal !important;
}
#logsReport table tr td p ul li {
  list-style-type: disc !important;
}
#logsReport table tr td p ul ul li {
  list-style-type: square !important;
}

#treatmentMainTab .form-control.unknown-color {
  color: #838383 !important;
}
#treatmentMainTab .form-control.unknown-color option:not(.unknown-color-option) {
  color: #000000 !important;
}

.dhtmlXTooltip.tooltip .color-gray-out {
  color: #808080 !important;
}
.dhtmlXTooltip.tooltip .color-gray-out .icon-square-radius {
  background-color: #808080 !important;
}

md-dialog.popup--narrow.popup-cancel-appointment.popup-restore-appointment md-dialog-content {
  padding: 16px 16px 10px 16px !important;
}
md-dialog.popup--narrow.popup-cancel-appointment.popup-restore-appointment md-dialog-content ul li {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 1em;
}

.clinic-setting_panel .disabled, .clinic-setting_panel.disabled, .clinic-setting_panel.disabled .clinic-setting_panel_content {
  background-color: #eee;
  cursor: not-allowed;
}
.clinic-setting_panel_wrapper {
  position: relative;
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 12px;
}
.clinic-setting_panel_title {
  color: #232323;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.clinic-setting_panel_content {
  border-top: 1px solid #838383;
}
.clinic-setting_panel [data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
.clinic-setting_panel [data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
}
.clinic-setting_panel [data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
}
.clinic-setting_panel [data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
.clinic-setting_panel .badge-connected {
  background-color: #d4edda;
  color: #155724;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin-left: 8px;
}
.clinic-setting_panel .text-connected {
  color: #155724;
  font-weight: 500;
}
.clinic-setting_panel .badge-not-connected {
  background-color: #ffe5cc;
  color: #cc6600;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin-left: 8px;
}
.clinic-setting_panel .advanced-integrations-content .connect-title {
  font-weight: bold;
  color: #000;
  font-size: 16px;
}
.clinic-setting_panel .advanced-integrations-content .connect-instructions .steps-list {
  padding-left: 20px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 0;
  font-size: 14px;
}
.clinic-setting_panel .advanced-integrations-content .connect-instructions .steps-list li {
  margin-bottom: 8px;
  padding-left: 8px;
}
.clinic-setting_panel .advanced-integrations-content .connect-instructions .steps-list li:last-child {
  margin-bottom: 0;
}
.clinic-setting_panel .advanced-integrations-content .troubleshooting-section .troubleshooting-title {
  font-weight: bold;
  color: #000;
  font-size: 14px;
}
.clinic-setting_panel .advanced-integrations-content .troubleshooting-section .troubleshooting-text {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
}
.clinic-setting_panel .advanced-integrations-connected .connection-info .info-row {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  line-height: 1.6;
}
.clinic-setting_panel .advanced-integrations-connected .connection-info .info-row .info-label {
  min-width: 140px;
  margin-right: 8px;
}
.clinic-setting_panel .advanced-integrations-connected .connection-info .info-row .info-value {
  flex: 1;
}
.clinic-setting_panel .advanced-integrations-connected .sync-status .sync-title {
  font-size: 14px;
  font-weight: 500;
}
.clinic-setting_panel .advanced-integrations-connected .sync-status .progress-bar-container {
  width: 100%;
  height: 8px;
  background-color: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 8px;
}
.clinic-setting_panel .advanced-integrations-connected .sync-status .progress-bar-container .progress-bar-fill {
  height: 100%;
  background-color: #2196F3;
  border-radius: 4px;
  transition: width 0.3s ease;
}
.clinic-setting_panel .advanced-integrations-connected .syncing-data .syncing-title {
  font-size: 14px;
}
.clinic-setting_panel .advanced-integrations-connected .syncing-data .syncing-list {
  list-style: disc;
  padding-left: 20px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 0;
  font-size: 14px;
}
.clinic-setting_panel .advanced-integrations-connected .syncing-data .syncing-list li {
  margin-bottom: 4px;
}
.clinic-setting_panel .advanced-integrations-connected .syncing-data .syncing-list li:last-child {
  margin-bottom: 0;
}
.clinic-setting_panel .admin-main-content {
  background: unset;
}
.clinic-setting_panel label {
  gap: 0.5rem;
  color: #000;
}
.clinic-setting_panel label span {
  margin-top: 5px;
}
.clinic-setting_panel md-checkbox {
  min-height: 18px;
}
.clinic-setting_panel md-checkbox .md-container {
  margin: 0;
  -webkit-transform: none;
          transform: none;
}
.clinic-setting_panel #lockTreatmentNotePanel .form-control {
  font-size: 14px;
  line-height: 1;
  width: 450px;
  max-width: 70%;
  padding: 7px 10px;
}

#alert-task-settings h5 {
  font-size: 22px;
  line-height: 35px;
  color: #232323;
}
#alert-task-settings .alert-task-settings-list-items {
  position: relative;
}
#alert-task-settings .alert-task-settings-list-items * {
  color: #232323;
}
#alert-task-settings .alert-task-settings-list-items h6 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}
#alert-task-settings .alert-task-settings-list-items .panel__title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
#alert-task-settings .alert-task-settings-list-items .panel__title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#alert-task-settings .alert-task-settings-list-items .panel__title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
}
#alert-task-settings .alert-task-settings-list-items .panel__title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
}
#alert-task-settings .alert-task-settings-list-items .panel__title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#alert-task-settings .alert-task-settings-list-items {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 12px;
  margin-top: 16px;
}
#alert-task-settings .alert-task-settings-list-items:first-child {
  margin-top: 0;
}
#alert-task-settings .alert-task-settings-list-items .list-automation-settings {
  border-top: 1px solid #838383;
}
#alert-task-settings .alert-task-settings-list-items .list-automation-settings label {
  font-size: 14px;
  line-height: 24px;
}
#alert-task-settings .alert-task-settings-list-items .list-automation-settings input {
  width: 80px;
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
}
#alert-task-settings .alert-task-settings-list-items .list-automation-settings select {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 0 8px !important;
  font-family: "Hind" !important;
}
#alert-task-settings .alert-task-settings-list-items .list-automation-settings md-checkbox {
  min-width: 150px;
}
#alert-task-settings .alert-task-settings-list-items .list-automation-settings md-checkbox .md-container {
  margin-left: 0 !important;
}
#alert-task-settings .alert-task-settings-list-items .switch {
  height: 20px;
  width: 40px;
}
#alert-task-settings .alert-task-settings-list-items .switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
#alert-task-settings .alert-task-settings-list-items .switch .slider:before {
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
}
#alert-task-settings .alert-task-settings-list-items .switch .slider:before.small {
  width: 32px;
  height: 18px;
}
#alert-task-settings .alert-task-settings-list-items .switch .slider:before.small .slider.round {
  border-radius: 18px;
}
#alert-task-settings .alert-task-settings-list-items .switch .slider:before.small .slider.round::before {
  height: 12px;
  width: 12px;
  left: 1px;
}
#alert-task-settings .alert-task-settings-list-items md-radio-group.md-radio--custom md-radio-button .md-container {
  width: 18px;
  height: 18px;
}
#alert-task-settings .alert-task-settings-list-items .form-control {
  padding: 0.5rem 0.75rem !important;
}

.mw-80 {
  min-width: 80px !important;
}

@media only screen and (max-width: 767.98px) {
  .footer-dialog-mobile .modal-dialog {
    width: 95% !important;
  }
  .footer-dialog-mobile .modal-dialog .modal-content .modal-footer {
    flex-direction: column-reverse;
  }
  .footer-dialog-mobile .modal-dialog .modal-content .modal-footer button {
    width: 100% !important;
    margin: 4px 0 !important;
  }
}

.fieldset-invoice .cus-style-col .radio-group md-radio-button {
  font-size: 14px !important;
}
.fieldset-invoice .cus-style-col .radio-group md-radio-button .md-label {
  margin-left: 12px !important;
}
.fieldset-invoice .cus-style-col .radio-group md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #26a6eb;
}
.fieldset-invoice .cus-style-col .radio-group md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: #26a6eb;
}

@media only screen and (min-width: 768px) {
  #signInForm .none-signin-phone .iti__country-list {
    bottom: 100%;
    margin-bottom: 0px;
    max-height: 172px !important;
  }
}

.main-spinner-background-custom-position {
  position: absolute !important;
  z-index: 999 !important;
}
@media only screen and (max-width: 1200px) {
  .main-spinner-background-custom-position {
    opacity: 1 !important;
    background-color: unset !important;
  }
}

.container-dropdown-filters .warning .txt md-radio-group {
  margin-left: 1.75rem;
}
.container-dropdown-filters .warning .txt md-radio-group md-radio-button .md-label {
  font-size: 14px;
  line-height: 20px;
}
.container-dropdown-filters .warning .txt md-radio-group md-radio-button:not([disabled]).md-primary .md-on, .container-dropdown-filters .warning .txt md-radio-group md-radio-button:not([disabled]).md-default-theme .md-on {
  background-color: #2BA7EA;
}
.container-dropdown-filters .warning .txt md-radio-group md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: #2BA7EA;
}

md-radio-group md-radio-button .md-container {
  max-width: 16px !important;
  max-height: 16px;
}
md-radio-group md-radio-button .md-container .md-off {
  border-width: 1px;
  width: 16px;
  height: 16px;
}
md-radio-group md-radio-button .md-container .md-on {
  width: 16px;
  height: 16px;
}

.opted-out-message {
  height: 60px;
  overflow-y: auto;
}
.opted-out-message li {
  list-style-type: disc;
}
.opted-out-message li::marker {
  color: #7ab7eb;
}

#container-intake-form-table intake-form-table .table-controls.info-holder {
  overflow: unset !important;
}
@media only screen and (max-width: 767.98px) {
  #container-intake-form-table intake-form-table .table-controls.info-holder {
    overflow: auto !important;
  }
}

.treatment-page .dropdown-status {
  width: 210px;
}
.treatment-page .dropdown-status #dropdownMenuButton {
  border-radius: 8px;
  background: rgba(var(--main-color_rgb), 0.2) !important;
}
.treatment-page .dropdown-status #dropdownMenuButton .fa-angle-down {
  font-size: 16px;
}
.treatment-page .dropdown-status .dropdown-menu {
  width: 210px;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border: 0;
}

@media only screen and (min-width: 1200px) {
  #remitDetailList .custom-scroll-bar {
    max-height: calc(100vh - 350px);
  }
}
@media only screen and (min-width: 768px) {
  #remitDetailList .custom-scroll-bar {
    max-height: calc(100vh - 410px);
  }
}

.btn.member-chatter {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #CCC;
  color: #232323;
  padding: 4px 8px;
  max-height: 32px;
}
.btn.member-chatter .usr-img {
  width: 24px;
  height: 24px;
}
.btn.member-chatter .usr-name {
  font-size: 12px;
  line-height: 100%;
}
.btn.member-chatter .usr-unavailable {
  font-size: 10px;
  line-height: 100%;
}
.btn.member-chatter.disable {
  opacity: 50%;
  color: #838383;
}

.message-chatter.disable {
  opacity: 50%;
  color: #838383;
}

md-radio-group.md-radio-group--custom.md-focused:not(:empty) .md-checked .md-container::before {
  background-color: rgba(43, 167, 234, 0.26);
}
md-radio-group.md-radio-group--custom md-radio-button.md-checked .md-container .md-on {
  background-color: #2BA7EA;
}
md-radio-group.md-radio-group--custom md-radio-button.md-checked .md-container .md-off {
  border-color: #2BA7EA;
}
md-radio-group.md-radio-group--custom md-radio-button .md-container {
  max-width: 18px !important;
  max-height: 18px;
}
md-radio-group.md-radio-group--custom md-radio-button .md-container .md-off {
  border-width: 1px;
  width: 18px;
  height: 18px;
}
md-radio-group.md-radio-group--custom md-radio-button .md-container .md-on {
  width: 18px;
  height: 18px;
}

#verify-otp-input input.otp-input {
  width: 40px !important;
  height: 40px !important;
  margin: 0 6px !important;
  border-radius: 8px !important;
  border-bottom: none !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#verify-otp-input input.otp-input-erorr {
  border: 1px solid #F5222D !important;
}

md-radio-group.box-27 md-radio-button .md-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.not-allow-click {
  pointer-events: auto;
  cursor: not-allowed;
  opacity: 0.6;
}

.not-allow-disable {
  pointer-events: auto;
  cursor: not-allowed;
}
.not-allow-disable #tabRemit_details .file-invoice-dollar-pte {
  opacity: 0.6;
  cursor: not-allowed;
}

.not-allow-click * {
  cursor: not-allowed !important;
}

.dropdown-list-multiple--custom button {
  margin-top: 32px;
  min-height: 32px;
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
}

.form-check-label-custom-radio-button-template {
  word-break: break-word;
  white-space: normal;
}

.bootbox-notice-custom {
  display: flex;
  flex-direction: column;
}
.bootbox-notice-custom .modal-dialog {
  width: 448px;
}
.bootbox-notice-custom .modal-dialog .modal-content {
  border-radius: 8px;
}
.bootbox-notice-custom .modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: center;
  padding: 0 16px !important;
  min-height: 48px !important;
  background: var(--main-color) !important;
  border-radius: 8px 8px 0 0;
}
.bootbox-notice-custom .modal-dialog .modal-content .modal-header h4 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #FFF;
}
.bootbox-notice-custom .modal-dialog .modal-content .modal-header button.close {
  color: #FFF !important;
}
.bootbox-notice-custom .modal-dialog .modal-content .modal-body .bootbox-body {
  color: #232323;
}
.bootbox-notice-custom .modal-dialog .modal-content .modal-footer {
  padding: 16px !important;
  min-height: 68px;
}
.bootbox-notice-custom .modal-dialog .modal-content .modal-footer button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  border-radius: 5px;
  padding: 8px 24px;
  color: #FFF !important;
  width: auto;
}
@media only screen and (max-width: 767.98px) {
  .bootbox-notice-custom .modal-dialog {
    width: auto;
  }
}

.table-controls::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
.table-controls::-webkit-scrollbar-track {
  border-radius: 8px;
}
@media only screen and (max-width: 767.98px) {
  .table-controls .table-template-custom-mobile {
    width: 1000px;
    max-width: 1000px;
  }
}

#PromotionManagementForm .calendar-picker__wrapper.input-group {
  max-width: unset;
}
#PromotionManagementForm select.form-control {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  max-height: 32px !important;
  height: 32px !important;
  padding: 4px 8px !important;
}
#PromotionManagementForm dropdown-list-pte, #PromotionManagementForm dropdown-list-multiple-pte {
  width: 100%;
}
#PromotionManagementForm dropdown-list-pte .modifier-search__wrapper, #PromotionManagementForm dropdown-list-multiple-pte .modifier-search__wrapper {
  height: auto;
}
#PromotionManagementForm dropdown-list-pte .modifier-search__wrapper .button-dropdown-toggle, #PromotionManagementForm dropdown-list-multiple-pte .modifier-search__wrapper .button-dropdown-toggle {
  height: 32px;
  margin-top: 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 5px 10px;
  border: 1px solid #838383;
  border-radius: 5px;
  overflow: hidden;
}
#PromotionManagementForm md-checkbox.form-control-primary.md-checked .md-ink-ripple {
  color: var(--primary-color);
}
#PromotionManagementForm md-checkbox.form-control-primary.md-checked .md-icon {
  background-color: var(--primary-color);
}
#PromotionManagementForm md-radio-group md-radio-button:not([disabled]).md-primary .md-on, #PromotionManagementForm md-radio-group md-radio-button:not([disabled]).md-default-theme .md-on {
  background-color: var(--primary-color);
}
#PromotionManagementForm md-radio-group md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: var(--primary-color);
}
#PromotionManagementForm md-radio-group md-radio-button.radio-button--primary.md-checked .md-off {
  border-color: var(--primary-color);
}
#PromotionManagementForm md-radio-group md-radio-button.radio-button--primary.md-checked .md-on {
  background-color: var(--primary-color);
}
#PromotionManagementForm md-radio-group md-radio-button.radio-button--primary.md-checked .md-off {
  border-color: var(--primary-color);
}
#PromotionManagementForm md-radio-group md-radio-button.radio-button--primary.md-checked .md-icon {
  background-color: var(--primary-color);
}
#PromotionManagementForm md-radio-group.md-radio--custom md-radio-button {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: flex-start;
}
#PromotionManagementForm md-radio-group.md-radio--custom md-radio-button .md-container {
  position: relative;
  -webkit-transform: none;
          transform: none;
  top: 0px;
  flex-basis: 100%;
  max-width: 20px;
}
#PromotionManagementForm md-radio-group.md-radio--custom md-radio-button .md-label {
  margin-left: 0.5rem;
}
#PromotionManagementForm md-radio-group .md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}

/* Referral Program Block */
.referral-program__header {
  border-bottom: 1px solid #838383;
}
.referral-program__title {
  font-size: 20px;
  line-height: 28px;
}
.referral-program__icon--copy {
  font-size: 20px;
  color: #ff7603;
}
.referral-program__icon--action {
  font-size: 20px;
  color: #068ad0;
  cursor: pointer;
}
.referral-program__code-box {
  border: 1px solid #e8e8ed;
  font-size: 20px;
  line-height: 28px;
  padding: 7px;
}
.referral-program__total-box {
  border: 1px solid #e8e8ed;
  padding: 10px;
}
.referral-program__total-number {
  font-size: 40px;
  line-height: 56px;
}

.smart-note-container .content-left-ai {
  width: 100%;
  transition: width 0.3s ease;
}
.smart-note-container .content-left-ai.with-ai-panel {
  width: calc(100% - 388px);
}
@media only screen and (max-width: 767.98px) {
  .smart-note-container .content-left-ai.with-ai-panel {
    width: 100%;
  }
}
.smart-note-container .panel-right-AI-charting ck-textbox .ckTextbox-toolBar {
  display: none !important;
}
.smart-note-container .panel-right-AI-charting {
  display: none;
  width: 372px;
  max-width: 372px;
  flex: 0 0 372px;
}
.smart-note-container .panel-right-AI-charting.open {
  display: block;
}

.ghl-tooltip {
  border: 1px solid #e0e0e0;
  border-radius: 8px !important;
  width: 70vh;
  height: auto;
  color: #000 !important;
  background-color: #fff !important;
  font-size: 12px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: normal;
  padding: 8px;
}
.ghl-tooltip ul {
  padding-left: 16px;
}
.ghl-tooltip ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal,
.modal-backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal-sm {
  width: 30%;
}
.modal-sm .md-dialog-content {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .modal-sm {
    width: 80%;
  }
}

.modal-medium .md-dialog-content {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .modal-medium {
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .modal-medium {
    width: 50%;
  }
}

.modal-content .modal-header {
  position: relative;
  padding: 10px;
  text-align: left;
}
.modal-content .modal-header button.close {
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 2rem;
  color: var(--secondary-color);
  opacity: 1;
  transform: translateY(-50%);
  text-shadow: none;
  font-weight: normal;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-content .modal-header button.close:focus {
  outline: none;
}

.bootbox .modal-header {
  background-color: #fff;
  color: #000;
}
.bootbox .modal-content .modal-body .bootbox-body .bootbox-form .bootbox-checkbox-list .checkbox label input[type=checkbox], .bootbox .modal-content .modal-body .bootbox-body .bootbox-form .bootbox-checkbox-list .checkbox label input[type=radio] {
  opacity: 1 !important;
  margin-right: 0.75rem !important;
}

.md-none-border {
  border-bottom: none !important;
}

md-toast {
  position: fixed;
  z-index: 99999;
}

@media (max-width: 450px) {
  .modal-footer button.btn-payment {
    margin: 5px;
  }
}
md-chips md-chip.md-focused {
  color: black;
}

.modal-sendmail {
  padding-right: 0 !important;
}
.modal-sendmail .modal-header {
  background: var(--main-color);
  border-radius: 0.3em 0.3em 0 0;
  color: var(--secondary-color);
  display: block;
}
.modal-sendmail .modal-header .modal-title {
  text-align: center;
  padding-right: 15px;
}
.modal-sendmail .modal-header .close {
  position: absolute;
  right: 13px;
  top: 13px;
  color: #000;
}
.modal-sendmail .modal-content {
  background: #f9f9f9;
  border: none;
}
.modal-sendmail .modal-content .card-body {
  padding: 0 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.modal-sendmail .modal-content .card-body:last-child {
  margin-bottom: 0;
}
.modal-sendmail .modal-content .card-body p {
  float: left;
  margin: 0px;
  font-size: 15px;
}
.modal-sendmail .modal-content .card-item {
  padding: 15px 5px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.9333333333);
  display: inline-block;
  width: 100%;
}
.modal-sendmail .modal-content .card-item:last-child {
  border-bottom: 0;
}
.modal-sendmail .modal-content .check {
  float: right;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  margin-top: 5px;
  color: #26a6eb;
}
.modal-sendmail .modal-content .check.fa-circle {
  color: #ccc;
}
.modal-sendmail .modal-content .date {
  width: 65%;
  margin-top: -12px;
  float: right;
}
.modal-sendmail .modal-content .date .input-group-addon,
.modal-sendmail .modal-content .date .form-control {
  background: none;
  border: none;
  padding-bottom: 0;
  margin-top: 6px;
  font-size: 1.1em;
}
.modal-sendmail .modal-content .date .check {
  margin-top: 15px;
  margin-left: 15px;
}

.modal-header,
.system-themed-dialog .modal-header {
  background-color: var(--main-color);
  color: var(--secondary-color);
  border-radius: 0.3em 0.3em 0 0;
}

.modal-footer {
  border-top: none;
}
.modal-footer .btn-payment {
  color: white;
  background: #26a6eb !important;
  border: 1px solid #26a6eb;
}

.phone-action.modal .modal-content .modal-header {
  background-color: white;
  color: var(--main-color);
}
.phone-action.modal .modal-content .modal-header .modal-title {
  margin: auto;
}
.phone-action.modal .modal-content .modal-body {
  text-align: center;
}
.phone-action.modal .modal-content .modal-footer {
  text-align: center;
}
.phone-action.modal .modal-content .modal-footer .btn.btn-default {
  background: #dddddd;
  margin: auto;
}

#uploadExerciseProgress {
  position: fixed;
  right: 15px;
  bottom: 50px;
  top: unset;
  left: unset;
  min-width: 250px;
  height: auto !important;
}
#uploadExerciseProgress .modal-dialog {
  box-shadow: #ccc 3px 3px 6px;
}
#uploadExerciseProgress .modal-dialog button.close {
  position: absolute;
  top: 0px;
  right: 5px;
  font-size: 35px;
}
#uploadExerciseProgress .modal-dialog .modal-header {
  background: none;
  color: #fb7800;
  padding: 5px 0px 5px 15px;
  margin-right: 25px;
  border-bottom: 0px;
}
#uploadExerciseProgress .modal-dialog .upload--item {
  margin-bottom: 10px;
}
#uploadExerciseProgress.ui-draggable .modal-header.ui-draggable-handle {
  cursor: move;
}

md-dialog.modal-large {
  min-width: 50%;
}
@media screen and (max-width: 767px) {
  md-dialog.modal-large {
    min-width: 100%;
  }
}

md-dialog .md-toolbar-tools, md-dialog md-toolbar {
  height: 50px;
  min-height: 50px;
  align-items: center;
}

.modal-dialog.modal--vertical-center {
  height: 100%;
  overflow: hidden;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  padding: 15px;
}
@media screen and (min-width: 992px) {
  .modal-dialog.modal--vertical-center {
    max-width: 700px;
  }
}
.modal-dialog.modal--vertical-center .modal-content {
  max-height: 90vh;
  width: 100%;
  margin: auto;
}
.modal-dialog.modal--vertical-center .modal__body {
  overflow: auto;
}

.md-dialog-new {
  font-size: 14px;
}
.md-dialog-new .md-dialog-title {
  font-size: inherit;
}
.md-dialog-new *,
.md-dialog-new .btn,
.md-dialog-new button {
  font-size: inherit;
}
.md-dialog-new .btn-close {
  font-size: 20px;
}

.dhx_cal_event {
  transition: opacity 0.3s;
  opacity: 0.8;
}
.dhx_cal_event .dhx_cal_event:hover {
  opacity: 1;
}

.dhx_cal_header {
  box-sizing: border-box;
}

.dhtmlXTooltip.tooltip .custom-controls.tooltip-header [phone-action] input[international-phone-number][type=text]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  font-weight: bold !important;
}
.dhtmlXTooltip.tooltip .custom-controls [phone-action] {
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dhtmlXTooltip.tooltip .custom-controls [phone-action] .intl-tel-input {
  max-width: 100%;
}
.dhtmlXTooltip.tooltip .custom-controls [phone-action] input[international-phone-number][type=text]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  max-width: 100%;
  padding-left: 20px !important;
  letter-spacing: -0.1px;
  font-size: 12px !important;
}
.dhtmlXTooltip.tooltip .tooltip-body {
  width: 100%;
  max-width: 100%;
  word-break: break-word;
  font-size: 14px;
  line-height: 16px;
}
.dhtmlXTooltip.tooltip .tooltip-body tr > td {
  padding-bottom: 6px;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table {
  width: 100%;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table ul {
  list-style: disc;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table ul li {
  list-style: disc;
  list-style-position: inside;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table ul li span {
  position: relative;
  left: -10px;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table__icon {
  vertical-align: top;
  width: 6%;
  text-align: center;
  padding-right: 6px;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table__icon .icon-square-radius {
  padding: 0 4px;
  background-color: #0a0c0e;
  color: #ffffff;
  border-radius: 3px;
  font-size: 10px;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table__available {
  width: 1%;
  white-space: nowrap;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table__available__icon {
  font-size: 8px;
  padding-right: 8px;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table__text {
  max-width: 100%;
}
.dhtmlXTooltip.tooltip .tooltip-body .tooltip-table__time-format {
  text-transform: lowercase;
}
.dhtmlXTooltip.tooltip .tooltip-body #tooltip-redirect-dashboard, .dhtmlXTooltip.tooltip .tooltip-body .tooltip-disable-phone-number {
  display: none;
}
.dhtmlXTooltip.tooltip.trigger_blur_effect .tooltip-body .tooltip-table .blurrable {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

#ui-datepicker-div {
  z-index: 1010 !important;
}

[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style {
  height: 100%;
  font-family: Hind, sans-serif !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 1px solid #F0F2F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div {
  position: relative;
  top: 0px;
  right: auto;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon {
  left: 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:hover, [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:visited, [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:focus {
  outline: none !important;
  box-shadow: none !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  height: 28px;
  width: 50px;
  padding: 0px 5px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button {
  height: 40px;
  padding: 0px 18px;
}
@media (max-width: 1336px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button {
    padding: 0px 6px;
    font-size: 14px !important;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:hover, [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:visited, [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:focus {
  outline: none !important;
  box-shadow: none !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon {
  font-size: 26px;
  margin: 0px 0.5rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  border: none;
  background-image: none;
  width: 35px;
  margin-right: 10px;
  background: whitesmoke;
  text-align: center;
  border-radius: 10%;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  font-family: FontAwesome;
  font-size: 20px;
  color: var(--main-color);
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after {
  content: "\f104";
  padding-right: 3px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after {
  content: "\f105";
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border: solid 1px #cecece;
  border-right: 0px;
  border-left: 0px !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar {
  border: solid 1px #ccc;
  color: #000;
  font-weight: bold;
  border-top: 0px;
}
@media (max-width: 767px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar {
    font-size: 7px;
    overflow: hidden;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar .info-title {
  text-align: center;
  max-width: calc(100% - 10px) !important;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder .dhx_marked_timespan div {
  border-color: #ddd !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder .dhx_scale_hour {
  color: #000000;
  font-weight: bold;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-around;
  border-bottom: 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_dat,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_today_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_tab,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_month_head,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_mini_calendar .dhx_year_month,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx-info,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_modal_box,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_button input,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_popup_button div,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_footer,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_header,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event_clear,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_global_tip,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_global_tip,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_light select,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_lsection,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday {
  font-family: Hind, sans-serif !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_list.dhx_table .dhx_list_item {
  min-height: 60px;
  margin-bottom: 10px;
  border-radius: 5px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_list.dhx_table .dhx_list_item .content {
  height: 60px !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_date {
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  width: 350px;
  margin: 0px 0.5rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  padding: 10px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  width: auto;
  display: flex;
  align-items: center;
  height: auto;
}
@media screen and (max-width: 1199px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 15px;
  margin: 0px 5px;
  padding: 0px 10px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button.btn-main,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button.btn-main,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main.btn-main,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main.btn-main {
  background: var(--main-color);
  color: var(--secondary-color);
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  font-size: 16px;
  line-height: 22px;
  padding: 10px 40px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar {
  background: rgba(var(--main-color_rgb), 0.2);
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -36.5px;
  border-right: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data {
  border-top: 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event {
  opacity: 1;
  background: var(--block-color);
  /* 2679*/
  box-sizing: content-box;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event div {
  box-sizing: border-box;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_event_bookmark {
  font-size: 15px;
  position: absolute;
  top: -2px;
  right: 5px;
  color: #FFB801;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0px;
  overflow: visible;
  background-color: transparent;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_title__content {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_delete {
  margin: 0 0.25rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_delete i {
  font-weight: normal;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body {
  width: 100% !important; /* 2679*/
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location-position {
  position: relative;
  right: auto;
  left: 0px;
  bottom: 0px; /* 2679*/
  width: 75%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 14px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location {
  font-size: 8px;
  border-radius: 4px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  padding: 0px;
  display: inline-block;
  margin: 0.25rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0px 5px 5px 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item:not(:last-child) {
  margin-right: -4px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item.user-avatar {
  width: 16px;
  height: 16px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_event_buffer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #FFFFFF;
  border: 0px;
  opacity: 0.5;
  box-sizing: content-box;
  border-right: solid 4px #FFFFFF;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_select_menu .dhx_body {
  border-radius: 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block {
  opacity: 1;
  color: #232323;
  overflow: visible; /* 2679*/
  flex-direction: column;
  justify-content: space-around;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  font-family: Hind;
  border-radius: 0px;
  overflow: visible;
  border: 0px;
  color: white;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_title__style {
  display: flex;
  justify-content: space-between;
  margin: 4px 4px 4px 8px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_title__content {
  line-height: 17px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: move;
  flex: 1;
  text-align: left;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_delete {
  margin: 0 0.25rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_delete i {
  font-weight: normal;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body {
  border-radius: 0px;
  cursor: pointer;
  border: 0px;
  height: auto !important;
  flex-grow: 1;
  padding: 0px; /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body_footer {
  position: absolute;
  width: 95%;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  border: 0px;
  color: white;
  background-color: transparent;
  margin: 4px 4px 0px 8px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body_footer .icon-location-position {
  position: relative;
  right: auto;
  left: 0px;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: white;
  font-size: 12px;
  font-weight: normal;
  font-family: Hind;
  display: inline-block;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body_footer .icon-location-position .icon-capacity-position {
  display: flex;
  align-items: center;
  margin: 0px 4px 4px 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body_footer .icon-location {
  color: white;
  margin: 0px 4px 4px 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block.dhx_cal_select_menu .dhx_body {
  border-radius: 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_footer {
  position: absolute;
  right: 2px;
  bottom: 2px;
  background: transparent;
  margin-top: 0px;
  height: 10px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_footer .dhx_event_resize__icon {
  height: 10px;
  width: 10px !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_event_buffer {
  width: 100%;
  left: 0px;
  border-left: solid 0px rgba(var(--block-color-rgb),0.4);
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_drag_marker {
  margin-top: 73px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .timezone__group .timezone__title {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #232323;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn {
  color: #232323;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
@media screen and (max-width: 1199px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn {
    font-size: 11px;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn.btn-main {
  color: var(--secondary-color);
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group {
  align-items: flex-end;
  align-content: space-around;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #232323;
  justify-content: center !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__local,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__clinic {
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #232323;
  font-family: "Hind";
  text-transform: lowercase;
  line-height: 17px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder {
  background-size: 1px 79px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder_now {
  background-size: 1px 79px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
  font-size: 20px;
  font-family: "Hind";
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #232323;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  width: 250px;
}
@media screen and (max-width: 1199px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
    font-size: 15px;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .cancel-template {
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .save-template {
  background-color: #FFF;
  border: 1px solid #838383;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .save-changes {
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_today_button {
  padding: 6.5px 41px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 18px;
  color: #232323;
  border-radius: 4.16667px;
  margin: 0 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button, [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 11px;
  margin: 0px 1px 0px 8px;
  padding: 0px 15px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button::after, [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_multi_day {
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-top: 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_minical_icon {
  background: none;
  font-size: 18px;
  margin: 0px 0.5rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  font-family: "Hind";
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  font-family: "Hind";
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -56px;
  border-right: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data {
  border-top: 0px;
  border-left: 1px solid #dee2e6;
  top: var(--top-cal-data-scheduling) !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_holder {
  background-size: 1px var(--scheduling-height-interval);
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_holder_now {
  background-size: 1px var(--scheduling-height-interval) !important;
  background: linear-gradient(rgba(var(--main-color_rgb), 0.2), rgba(var(--main-color_rgb), 0.2)), url(../lib/schedule_dhtmlx/imgs_dhx_terrace/databg.png);
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_drag_marker {
  margin-top: 56px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .timezone__group .timezone__title {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  font-weight: bold;
  color: #232323;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_header .dhx_scale_bar:not(.dhx_second_scale_bar) {
  background: #F5F5F7;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule {
  /* 2679*/
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1365px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
    font-size: 20px;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -73px;
  border-right: none;
}
@media screen and (max-width: 1199px) {
  [dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
    font-size: 15px;
  }
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100% !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_today_button {
  padding: 5px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  height: 34px;
  width: auto;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_prev_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_next_button,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 15px;
  margin: 0px 5px;
  padding: 0px 10px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_navline md-select.custom-form-control md-select-value {
  padding: 5px 10px !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -73px;
  border-right: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_data {
  border-top: 0px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_scale_holder {
  background-size: 1px 79px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_scale_holder_now {
  background-size: 1px 79px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_drag_marker {
  margin-top: 73px;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .timezone__group .timezone__title {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #232323;
}
[dhx-scheduler-v2].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule {
  /* 2679*/
}

.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style {
  width: 300px;
  color: #747473;
  font-size: 12px;
  line-height: 16px;
  background: #F5F5F7 !important;
  border: 1px solid #E3E3E3 !important;
  box-sizing: border-box;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  z-index: 110;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style .tooltip-header {
  border-bottom: 1px solid #EBF6EF;
  background: #EBF6EF;
  min-height: 16.4286px;
  padding: 5px;
  color: black;
  font-weight: bold;
  background: none;
  border: 0px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style .tooltip-body {
  padding: 5px;
  color: black;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style .tooltip-label {
  display: inline-block;
  width: 80px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--strong-style {
  border: none !important;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--strong-style .tooltip-header {
  padding: 20px;
  background: var(--tooltip-color);
  color: #FFFFFF;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--strong-style .tooltip-body {
  padding: 20px;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #232323;
}

/* Style for custom scheduler, reuse by adding name of directive in the same line
*  [directive-name].dhx-scheduler.dhx-scheduler--clean-style
* Clinic User
*/
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style {
  height: 100%;
  font-family: Hind, sans-serif !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.trigger_blur_effect .blurrable {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 1px solid #F0F2F5;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div {
  position: relative;
  top: 0px;
  right: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1575px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx_cal_date {
    left: -15%;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler {
  position: absolute;
  right: 0;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .form-group {
  padding: 0px 17px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler > div:not(:last-child) {
  margin-right: 15px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .scheduler-setting-appointment-view {
  padding: 10px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 13px;
  line-height: 20px;
  color: #232323;
  height: 31px;
  width: 32px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .scheduler-setting-appointment-view i {
  font-size: 14px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .scheduler-setting-appointment-view a:hover {
  cursor: pointer;
}
@media (max-width: 1366px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler > div:not(:last-child) {
    margin-right: 7px;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .scheduler-print-button {
    padding: 10px 2px !important;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .dhx_cal_today_button, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .scheduler-print-button a {
    padding: 10px 5px !important;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .custom-form-control {
    min-width: 100px;
  }
}
@media (max-width: 1199px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler * {
    font-size: 12px !important;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler > div:not(:last-child) {
    margin-right: 5px;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .scheduler-print-button {
    padding: 10px 2px !important;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .dhx_cal_today_button, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .scheduler-print-button a {
    padding: 10px 5px !important;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler .custom-form-control {
    min-width: unset;
  }
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div .dhx-admin-scheduler md-select md-select-value {
    padding-right: unset !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon {
  left: 0px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:hover, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:visited, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:focus {
  outline: none !important;
  box-shadow: none !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  height: 28px;
  width: 50px;
  padding: 0px 5px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button {
  height: 35px;
  padding: 0px 18px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:hover, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:visited, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:focus {
  outline: none !important;
  box-shadow: none !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon {
  font-size: 26px;
  margin: 0px 0.5rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  border: none;
  background-image: none;
  width: 35px;
  margin-right: 10px;
  background: whitesmoke;
  text-align: center;
  border-radius: 10%;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  font-family: FontAwesome;
  font-size: 20px;
  color: var(--main-color);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after {
  content: "\f104";
  padding-right: 3px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after {
  content: "\f105";
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border: solid 1px #cecece;
  border-right: 0px;
  border-left: 0px !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  border-top: 0px;
}
@media (max-width: 767px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar {
    font-size: 7px;
    overflow: hidden;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar .info-title {
  line-height: 13px;
  font-size: 9px;
  text-align: center;
  max-width: calc(100% - 10px) !important;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Nunito Sans" !important;
  font-weight: bold;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar .info-title {
    font-size: 10px !important;
    font-family: "Nunito Sans" !important;
    color: #1F1F1F !important;
    font-weight: normal;
    text-overflow: unset !important;
    overflow: unset !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder .dhx_marked_timespan div {
  border-color: #ddd !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder .dhx_scale_hour {
  color: #000000;
  font-weight: bold;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-around;
  border-bottom: 0px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_dat,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_today_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_tab,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_month_head,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_mini_calendar .dhx_year_month,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx-info,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_modal_box,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_button input,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_popup_button div,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_footer,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_header,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event_clear,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_global_tip,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_global_tip,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_light select,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_lsection,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday {
  font-family: Hind, sans-serif !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_list.dhx_table .dhx_list_item {
  min-height: 60px;
  margin-bottom: 10px;
  border-radius: 5px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_list.dhx_table .dhx_list_item .content {
  height: 60px !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_date {
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  width: auto;
  margin: 0px 0.5rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100% !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  padding: 10px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  width: auto;
  display: flex;
  align-items: center;
  height: auto;
}
@media screen and (max-width: 1199px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 15px;
  margin: 0px 5px;
  padding: 0px 10px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button.btn-main,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button.btn-main,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main.btn-main,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main.btn-main {
  background: var(--main-color);
  color: var(--secondary-color);
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  font-size: 16px;
  line-height: 22px;
  padding: 10px 40px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar {
  background: rgba(var(--main-color_rgb), 0.2);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -36.5px;
  border-right: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data {
  border-top: 0px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event {
  box-sizing: content-box;
  opacity: 1;
  background: var(--block-color);
  overflow: hidden !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event div {
  box-sizing: border-box;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_noshow_title, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_cancel_title {
  font-family: Hind;
  height: 18px;
  line-height: 12px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_noshow_title span, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_cancel_title span {
  padding: 1px 6px 1px 6px;
  border-radius: 4px;
  opacity: 0.6;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_event_bookmark {
  font-size: 15px;
  color: #FFB801;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  border-radius: 0px;
  overflow: visible;
  background-color: transparent;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_title__content {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 17px;
  margin: 4px 4px 4px 8px;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_title__content {
    overflow: inherit !important;
    text-overflow: inherit !important;
    margin: 2px 4px 4px 2px !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_delete {
  margin: 0 0.25rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_delete i {
  font-weight: normal;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title_cus_margin {
  margin-left: 5px;
  margin-top: 4px;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  display: block !important;
  line-height: 12px !important;
  text-align: left;
  cursor: move;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title_cus_margin.italicized {
  font-style: italic;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title_cus_margin.dhx_cancel_title, [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title_cus_margin.dhx_noshow_title {
  background-color: #595959;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title_cus_margin {
    margin-left: 2px;
    margin-top: 2px;
    max-width: none !important;
    overflow: unset !important;
    text-overflow: unset !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body {
  width: 100% !important;
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer {
  overflow: hidden;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  margin-left: 2px;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer {
    margin-left: 3px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location-position {
  position: relative;
  right: auto;
  left: 0px;
  bottom: 0px;
  width: 75%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 14px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location {
  font-size: 10px !important;
  min-width: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  padding: 0px;
  display: inline-block;
  margin: 0.3rem;
  border-radius: 3px;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location {
    margin: 0px 4px 4px 0px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location.icon-noshow {
  font-size: 13px !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location.icon-canceled {
  font-size: 15px !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-time-position {
  text-transform: lowercase;
  position: relative;
  right: auto;
  left: 0px;
  bottom: 0px;
  width: 85%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 14px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-time {
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  padding: 0px;
  display: inline-block;
  margin: 0.25rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0px 5px 5px 0px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item:not(:last-child) {
  margin-right: -4px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item.user-avatar {
  width: 16px;
  height: 16px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_event_buffer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #FFFFFF;
  border: 0px;
  opacity: 0.5;
  box-sizing: content-box;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_select_menu .dhx_body {
  border-radius: 0px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block {
  opacity: 1;
  color: #232323;
  background: var(--block-color);
  overflow: visible;
  flex-direction: column;
  justify-content: space-around;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  border-radius: 0px;
  overflow: visible;
  border: 0px;
  color: white;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_title__content {
  max-width: 100% !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: move;
  font-size: 12px;
  line-height: 17px;
  margin: 4px 4px 4px 8px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_delete {
  margin: 0 0.25rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_delete i {
  font-weight: normal;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body {
  border-radius: 0px;
  cursor: pointer;
  border: 0px;
  height: auto !important;
  flex-grow: 1;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body_footer {
  position: absolute;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  border: 0px;
  color: #232323;
  background-color: transparent;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block.dhx_cal_select_menu .dhx_body {
  border-radius: 0px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_footer {
  position: absolute;
  right: 2px;
  bottom: 2px;
  background: transparent;
  margin-top: 0px;
  height: 10px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_footer .dhx_event_resize__icon {
  height: 10px;
  width: 10px !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_event_buffer {
  width: 100%;
  left: 0px;
  border-left: solid 0px rgba(var(--block-color-rgb),0.4);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_drag_marker {
  margin-top: 73px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .timezone__group .timezone__title {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #232323;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn {
  color: #232323;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 1199px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn {
    font-size: 11px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn.btn-main {
  color: var(--secondary-color);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group {
  align-items: flex-end;
  align-content: space-around;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  text-align: left;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #595959;
    text-transform: lowercase;
    margin-right: 2px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__local,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__clinic {
  text-align: center;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  color: #232323;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder {
  background-size: 1px 79px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder_now {
  background-size: 1px 79px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1365px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
    font-size: 20px;
  }
}
@media screen and (max-width: 1199px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
    font-size: 15px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100% !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_today_button {
  padding: 5px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  height: 34px;
  width: auto;
}
@media screen and (max-width: 1199px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 15px;
  margin: 0px 5px;
  padding: 0px 10px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -73px;
  border-right: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data {
  border-top: 0px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_drag_marker {
  margin-top: 73px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .timezone__group .timezone__title {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #232323;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_header .dhx_scale_bar {
  background: #F5F5F7;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_header .dhx_scale_bar.dhx_second_scale_bar {
  background: rgba(var(--main-color_rgb), 0.15);
}
@media screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_header .dhx_scale_bar.dhx_second_scale_bar {
    background: rgba(var(--main-color_rgb), 0.15);
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
  font-family: "Hind";
  line-height: 28px;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -73px;
  border-right: none;
}
@media screen and (max-width: 1199px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
    font-size: 18px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  width: 100% !important;
}
@media screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
    padding: 0px 16px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  padding: 10px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 13px;
  line-height: 18px;
  color: #232323;
  height: 33px;
  width: auto;
}
@media screen and (max-width: 1199px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 10px;
  margin: 0px 5px;
  padding: 0px 10px;
  top: 2px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-select.custom-form-control {
  height: 33px;
  min-width: 125px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-select.custom-form-control md-select-value {
  padding: 5px 10px !important;
  top: 1px;
  font-size: 13px;
  line-height: 18px;
  font-family: Hind;
  font-weight: normal;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.style_header_only_day .dhx_cal_header {
  height: 40px !important;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.style_header_only_day .dhx_cal_header {
    top: 33px !important;
    height: 40px !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar {
  background: none;
  height: 38px !important;
  top: 40px !important;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar {
    height: 40px !important;
    top: 33px !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
  line-height: 17px;
  font-weight: bold;
  font-size: 12px;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
    font-family: "Nunito Sans" !important;
    font-style: normal;
    font-size: 10px;
    line-height: 14px;
    color: #595959;
    max-width: 100% !important;
    display: flex;
    align-self: center;
  }
}
@media only screen and (max-width: 414px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
    max-width: 87% !important;
  }
}
@media only screen and (max-width: 375px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 360px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
    max-width: 94.5% !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.style_header_only_day .dhx_scale_bar {
  height: 38px !important;
  top: 0px !important;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style.style_header_only_day .dhx_scale_bar {
    height: 30px !important;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar.dhx_second_scale_bar {
  top: 0px !important;
  height: 38px !important;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar.dhx_second_scale_bar {
    height: 30px !important;
    background: rgba(var(--main-color_rgb), 0.2);
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -37px;
  border-right: none;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder_now:last-of-type,
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder:last-of-type {
    margin-top: -35px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data {
  border-top: 0px;
  border-left: 1px solid rgb(222, 226, 230);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder {
  background-size: 1px var(--height-interval);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder_now {
  background-size: 1px var(--height-interval) !important;
  background: linear-gradient(rgba(var(--main-color_rgb), 0.2), rgba(var(--main-color_rgb), 0.2)), url(../lib/schedule_dhtmlx/imgs_dhx_terrace/databg.png);
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_drag_marker {
  margin-top: 37px;
}
@media only screen and (max-width: 767.98px) {
  [dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_drag_marker {
    margin-top: 35px;
  }
}
[dhx-provider-scheduler].dhx-scheduler.dhx-scheduler--clean-style .timezone__group .timezone__title {
  font-size: 12px;
  line-height: 17px;
  font-family: Hind;
  text-align: center;
  font-weight: bold;
  color: #232323;
}

/* Style for custom scheduler, reuse by adding name of directive in the same line
*  [directive-name].dhx-scheduler.dhx-scheduler--clean-style
* Patient Patient Online
*/
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style {
  height: 100%;
  font-family: Hind, sans-serif !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 1px solid #F0F2F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline div {
  position: relative;
  top: 0px;
  right: auto;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon {
  left: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:hover, [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:visited, [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon:focus {
  outline: none !important;
  box-shadow: none !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  height: 28px;
  width: 50px;
  padding: 0px 5px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button {
  height: 35px;
  padding: 0px 18px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:hover, [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:visited, [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline button:focus {
  outline: none !important;
  box-shadow: none !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_minical_icon {
  font-size: 26px;
  margin: 0px 0.5rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline #calendar-datetime .dhx_minical_icon {
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  border: none;
  background-image: none;
  width: 35px;
  margin-right: 10px;
  background: whitesmoke;
  text-align: center;
  border-radius: 10%;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  font-family: FontAwesome;
  font-size: 20px;
  color: var(--main-color);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after {
  content: "\f104";
  padding-right: 3px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after {
  content: "\f105";
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border: solid 1px #cecece;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar {
  border: solid 1px #ccc;
  color: #000;
  font-weight: bold;
  border-top: 0px;
}
@media (max-width: 767px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar {
    font-size: 7px;
    overflow: hidden;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header .dhx_scale_bar .info-title {
  text-align: center;
  max-width: calc(100% - 10px) !important;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder .dhx_marked_timespan div {
  border-color: #ddd !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder .dhx_scale_hour {
  color: #000000;
  font-weight: bold;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-around;
  border-bottom: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_dat,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_today_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_tab,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_month_head,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_mini_calendar .dhx_year_month,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx-info,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_modal_box,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_button input,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhtmlx_popup_button div,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_footer,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_header,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event_clear,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_global_tip,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_global_tip,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_light select,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_lsection,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday {
  font-family: Hind, sans-serif !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_list.dhx_table .dhx_list_item {
  min-height: 60px;
  margin-bottom: 10px;
  border-radius: 5px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_list.dhx_table .dhx_list_item .content {
  height: 60px !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_date {
  font-size: 20px;
  line-height: 28px;
  font-family: "Hind";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  width: 245px;
  color: #232323;
  display: flex;
  justify-content: center;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  padding: 10px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  width: auto;
  display: flex;
  align-items: center;
  height: auto;
}
@media screen and (max-width: 1199px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .next-available-button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .previous-available-button {
  margin: 0px 5px;
  padding: 0px 10px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .next-available-button.btn-main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .previous-available-button.btn-main {
  background: var(--main-color);
  color: var(--secondary-color);
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
  height: 36px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 181px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .next-available-button.btn-main .cus-span,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .previous-available-button.btn-main .cus-span {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .next-available-button.btn-main .cus-span i,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .previous-available-button.btn-main .cus-span i {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 15px;
  margin: 0px 5px;
  padding: 0px 10px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button.btn-main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button.btn-main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main.btn-main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main.btn-main {
  background: var(--main-color);
  color: var(--secondary-color);
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  font-size: 14px;
  line-height: 20px;
  font-family: Hind;
  height: 36px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button.btn-main,
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button.btn-main,
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main.btn-main,
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main.btn-main {
    font-size: 14px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar {
  background: rgba(var(--main-color_rgb), 0.2);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -36.5px;
  border: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data {
  border-top: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event {
  box-sizing: content-box;
  opacity: 1;
  background: var(--block-color);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event div {
  box-sizing: border-box;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_event_bookmark {
  font-size: 15px;
  position: absolute;
  top: -2px;
  right: 5px;
  color: #FFB801;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  font-family: Hind;
  border-radius: 0px;
  overflow: visible;
  background-color: transparent;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_title__content {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_title__icon {
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_delete {
  margin: 0 0.25rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_title .dhx_delete i {
  font-weight: normal;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body {
  width: 100% !important;
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location-position {
  position: relative;
  right: auto;
  left: 0px;
  bottom: 0px;
  width: 75%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 14px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .icon-location {
  font-size: 10px !important;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  padding: 0px;
  display: inline-block;
  margin: 0.25rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0px 5px 5px 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item:not(:last-child) {
  margin-right: -4px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_body_footer .provider-list__item.user-avatar {
  width: 16px;
  height: 16px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_event_buffer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #FFFFFF;
  border: 0px;
  opacity: 0.5;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event .dhx_event_buffer::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(var(--block-color-rgb),0.2);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_select_menu .dhx_body {
  border-radius: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block {
  opacity: 1;
  border: 0px;
  color: #232323;
  border-width: 0px 1px 0px 1px;
  border-left: solid 3px var(--block-color);
  background: #FFFFFF;
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-bottom: 1px solid #CECECE;
  border-top: 1px solid #CECECE;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0px;
  height: auto;
  overflow: visible;
  border: 0px;
  color: #232323;
  background: rgba(var(--block-color-rgb), 0.4);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_title__content {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: move;
  flex: 1;
  text-align: left;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_delete {
  margin: 0 0.25rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_title .dhx_delete i {
  font-weight: normal;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body {
  border-radius: 0px;
  cursor: pointer;
  border: 0px;
  height: auto !important;
  flex-grow: 1;
  background: rgba(var(--block-color-rgb),0.4);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_body_footer {
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  border: 0px;
  color: #232323;
  background-color: transparent;
  background: rgba(var(--block-color-rgb),0.4);
  padding: 1px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block.dhx_cal_select_menu .dhx_body {
  border-radius: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_footer {
  position: absolute;
  right: 2px;
  bottom: 2px;
  background: transparent;
  margin-top: 0px;
  height: 10px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_footer .dhx_event_resize__icon {
  height: 10px;
  width: 10px !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_event.dhx_cal_event--block .dhx_event_buffer {
  width: 100%;
  left: 0px;
  border-left: solid 0px rgba(var(--block-color-rgb),0.4);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_drag_marker {
  margin-top: 73px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .timezone__group .timezone__title {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #232323;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn {
  color: #232323;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 1199px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn {
    font-size: 11px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_btns .btn.btn-main {
  color: var(--secondary-color);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group {
  align-items: flex-end;
  align-content: space-around;
  font-size: 12px;
  line-height: 17px;
  font-family: Hind;
  text-transform: lowercase;
  font-weight: normal;
  text-align: left;
  color: #232323;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__local,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__clinic {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #232323;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder {
  background-size: 1px 79px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder_now {
  background-size: 1px 79px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1365px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
    font-size: 20px;
  }
}
@media screen and (max-width: 1199px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_date {
    font-size: 15px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100% !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_today_button {
  padding: 5px 20px;
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  height: 34px;
  width: auto;
}
@media screen and (max-width: 1199px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 15px;
  margin: 0px 5px;
  padding: 0px 10px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title__caption {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_bar .dhx_scale_bar__title__main {
  border-left: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -73px;
  border-right: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_cal_data {
  border-top: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .dhx_drag_marker {
  margin-top: 73px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--block-scheduling .timezone__group .timezone__title {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #232323;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_header .dhx_scale_bar:not(.dhx_second_scale_bar) {
  background: #F5F5F7;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1365px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
    font-size: 20px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -73px;
  border-right: none;
}
@media screen and (max-width: 1199px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style.dhx-scheduler--schedule .dhx_cal_date {
    font-size: 15px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline {
  border-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
  background: #F5F5F7;
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #232323;
  padding: 7px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 14px;
}
@media screen and (max-width: 1199px) {
  [dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_today_button {
    font-size: 11px;
  }
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main {
  background: none;
  width: auto;
  color: #232323;
  font-size: 14px;
  margin-right: 5px;
  padding: 0px 10px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_prev_button_main::after,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline .dhx_cal_next_button_main::after {
  content: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range {
  margin: 0px 10px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field {
  border: 0px;
  padding: 0px;
  justify-content: center;
  min-width: 20px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__value {
  display: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-date-range .date-range-picker__field .date-range-picker__field__icon {
  font-size: 20px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_navline md-select.custom-form-control md-select-value {
  padding: 5px 10px !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_minical_icon {
  background: none;
  font-size: 20px;
  margin: 0px 0.5rem;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_header {
  border-bottom: solid 1px #cecece !important;
  border-left: 0px;
  left: var(--patient-scheduling-left-header) !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title {
  border: 0px;
  color: #232323;
  font-style: normal;
  font-weight: bold;
  font-family: Hind;
  border-left: 0px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__caption {
  font-size: 14px;
  line-height: 20px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_bar .dhx_scale_bar__title__main {
  font-size: 20px;
  line-height: 28px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder_now:last-of-type,
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -60px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder_now:not(:last-of-type),
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data .dhx_scale_holder:not(:last-of-type) {
  border-left: 1px solid #CECECE;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  content: none;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_cal_data {
  border-top: 0px;
  border-left: 1px solid #dee2e6;
  top: var(--patient-scheduling-data-top) !important;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder {
  background-size: 1px var(--patient-scheduling-height-interval);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_scale_holder_now {
  background-size: 1px var(--patient-scheduling-height-interval) !important;
  background: linear-gradient(rgba(var(--main-color_rgb), 0.2), rgba(var(--main-color_rgb), 0.2)), url(../lib/schedule_dhtmlx/imgs_dhx_terrace/databg.png);
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .dhx_drag_marker {
  margin-top: 73px;
}
[dhx-patient-scheduler].dhx-scheduler.dhx-scheduler--clean-style .timezone__group .timezone__title {
  font-size: 12px;
  line-height: 17px;
  font-family: Hind;
  text-align: center;
  font-weight: bold;
  color: #232323;
}

.dhtmlXTooltip.tooltip {
  font-family: Hind;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style {
  font-family: Hind;
  width: 300px;
  color: #747473;
  font-size: 12px;
  line-height: 16px;
  background: #F5F5F7 !important;
  border: 1px solid #E3E3E3 !important;
  box-sizing: border-box;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  z-index: 110;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style .tooltip-header {
  border-bottom: 1px solid #EBF6EF;
  background: #EBF6EF;
  min-height: 16.4286px;
  padding: 5px;
  color: black;
  font-weight: bold;
  background: none;
  border: 0px;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style .tooltip-body {
  padding: 5px;
  color: black;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style .tooltip-label {
  display: inline-block;
  width: 80px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--clean-style .provider-list__wrapper {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--strong-style {
  border: none !important;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--strong-style .tooltip-header {
  padding: 8px;
  background: var(--tooltip-color);
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--strong-style .tooltip-body {
  max-height: 352px;
  overflow: auto;
  padding: 8px;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #232323;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--strong-style .tooltip-btn {
  font-size: 14px;
  padding: 0.25rem;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar {
  font-family: Hind;
  width: 226px;
  color: #232323;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: normal;
  background: #F5F5F7 !important;
  border: 1px solid #E3E3E3 !important;
  box-sizing: content-box;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  z-index: 110;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .tooltip-header {
  background: #EBF6EF;
  padding: 8px 8px 0px 8px;
  font-weight: bold;
  border: 0px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .tooltip-body {
  max-width: 93%;
  max-height: 220px;
  padding: 8px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .tooltip-body tr td {
  padding: 0px 0px 4px 0px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .tooltip-body .tooltip-body__icon {
  vertical-align: top;
  width: 6%;
  text-align: center;
  padding-right: 9px;
  padding-top: 3px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .tooltip-label {
  display: inline-block;
  width: 80px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .provider-list__item {
  padding-bottom: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .provider-list__avatar {
  margin: 0px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .provider-list__avatar-size {
  width: 20px;
  height: 20px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .provider-list__name {
  padding-left: 4px;
}
.dhtmlXTooltip.tooltip.dhtmlXTooltip--patient-calendar .provider-list__wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
}
.dhtmlXTooltip.tooltip .tooltip-bookmark {
  font-size: 15px;
  position: absolute;
  top: 0px;
  right: 8px;
  color: #FFB801;
}

.dhx_multi_day_icon,
.dhx_multi_day_icon_small {
  background-color: #EBECF0;
  border-bottom: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  border-left: 1px solid #CECECE;
  display: flex;
  align-items: center;
}
.dhx_multi_day_icon .dhx_multi_day_icon_content,
.dhx_multi_day_icon_small .dhx_multi_day_icon_content {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  font-family: Hind;
  height: 100%;
}

.dhx_multi_day {
  background-color: #EBECF0;
  background-repeat: no-repeat;
  border-right: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
}

.dhx_cal_container :focus {
  outline-style: none;
}

.canvas-wrapper {
  z-index: 2;
  text-align: center;
}
.canvas-wrapper [id^=drawingCanvas] {
  border: 1px solid #dcdcdc;
  background: #f9f9f9;
  max-width: 100%;
}
.canvas-wrapper [id^=canvas-background] {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.canvas-wrapper .btn-upload-background-canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.canvas-wrapper .drawingCanvasWrapper {
  position: relative;
}
.canvas-wrapper .clearCanvasPencil {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 3;
}
.canvas-wrapper canvas.canvas-transparent {
  position: absolute;
  background: transparent;
  border: none;
  z-index: 100;
}

html.drawing-canvas,
body.drawing-canvas {
  position: fixed;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
html.drawing-canvas #main-container .main-tabs-holder,
body.drawing-canvas #main-container .main-tabs-holder {
  overflow: hidden;
}

.canvas-wrapper {
  z-index: 2;
  text-align: center;
}
.canvas-wrapper #drawingCanvas {
  border: 1px solid #dcdcdc;
  background: #f9f9f9;
  max-width: 100%;
}
.canvas-wrapper #canvas-background {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.canvas-wrapper .btn-upload-background-canvas {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.canvas-wrapper .drawingCanvasWrapper {
  position: relative;
}
.canvas-wrapper .clearCanvasPencil {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 3;
}

.dropdown-menu {
  animation: fadeInUp 0.8s ease;
  -webkit-animation: fadeInUp 0.8s ease;
  -moz-animation: fadeInUp 0.8s ease;
  -ms-animation: fadeInUp 0.8s ease;
  -o-animation: fadeInUp 0.8s ease;
  padding: 0 !important;
  min-width: unset;
}
.dropdown-menu.border {
  border: 0;
}
.dropdown-menu.border .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #fff4e5;
}
.dropdown-menu.drop-left {
  min-width: -webkit-max-content;
  min-width: max-content;
  left: auto !important;
  right: 0 !important;
}
.dropdown-menu.custom-min-width {
  min-width: 212px;
}
.dropdown-menu li a {
  display: block;
  padding: 4px 8px;
}
.dropdown-menu .dropdown-item {
  font-family: Hind, sans-serif;
  color: #232323;
  padding: 5px 10px;
  text-align: left;
  font-weight: normal;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  cursor: pointer;
  background: rgba(var(--main-color_rgb), 0.2);
  text-shadow: 0.25px 0px 0.1px, -0.25px 0px 0.1px;
}
.dropdown-menu .dropdown-item i, .dropdown-menu .dropdown-item svg, .dropdown-menu .dropdown-item .fas, .dropdown-menu .dropdown-item .fa, .dropdown-menu .dropdown-item .fab, .dropdown-menu .dropdown-item .img-icon {
  width: 16px;
  margin-right: 10px !important;
  display: inline-block;
  text-align: center;
}

.dropdown-submenu {
  position: relative;
  padding: 0px;
  font-size: 14px;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100% !important;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > .dropdown-menu li {
  padding: 5px;
}
.dropdown-submenu > .dropdown-menu.drop-left {
  left: auto !important;
  right: 100% !important;
  border-radius: 6px 0 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-menu.show-filter {
  top: 41px;
  padding: 0;
  width: 269px;
}
.dropdown-menu.show-filter .filters-listing {
  padding-top: 16px;
}
@media only screen and (max-height: 844px) and (max-width: 767.98px) {
  .dropdown-menu.show-filter .filters-listing {
    max-height: 400px;
    overflow-y: auto;
  }
  .dropdown-menu.show-filter .filters-listing::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(0, 0, 0, 0);
  }
  .dropdown-menu.show-filter .filters-listing::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    background-clip: padding-box;
    border-radius: 5px;
  }
  .dropdown-menu.show-filter .filters-listing::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
}

.dropdown > .form-control {
  padding: 5px 8px;
}
.dropdown > .form-control::after {
  float: right;
  margin-top: 7px;
}
.dropdown > .form-control:hover {
  background: transparent;
}
.dropdown > .form-control .img {
  margin-right: 8px;
  border: 1px solid #ccc;
  display: inline-block;
  width: 35px;
}
.dropdown > .form-control .img img {
  width: 100%;
  height: auto;
}

.dropdown > .form-control.icon::after {
  margin-top: 13px;
}

.dropdown > .form-control + .dropdown-menu {
  width: 100%;
}

.menu-tabs {
  cursor: pointer;
  display: none;
  line-height: 30px;
  color: #000;
  border-radius: 4px;
  border: 1px solid #eee !important;
  padding: 3px 5px !important;
}
.menu-tabs ~ .nav-tabs.collapse.in li.nav-item {
  display: inline-block;
  padding: 0px !important;
}
@media screen and (max-width: 767px) {
  .menu-tabs ~ .nav-tabs.collapse.in li.nav-item {
    display: block;
  }
}
.menu-tabs ~ .nav-tabs.collapse.in li.nav-item a {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .menu-tabs ~ .nav-tabs.collapse.in li.nav-item a {
    border-bottom: 1px solid #cccccc;
  }
}
.menu-tabs .text {
  margin-left: 5px;
}
.menu-tabs .caret {
  float: right;
  margin-top: 13px;
}
.menu-tabs.open {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .menu-tabs {
    display: block;
  }
}

.menu-tabs.open + .nav-tabs {
  margin-bottom: 40px;
  display: inline-block;
  margin-top: 2px;
}

.dropdown-menu.show-filter:after,
.show-filter:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.dropdown-menu.show-filter:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: var(--main-color);
  border-width: 10px;
  margin-left: -96px;
}

.dropdown-menu.show-filter:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-width: 10px;
  margin-left: -96px;
}

.dropup .dropdown-menu {
  margin-bottom: 0.4rem !important;
}
.dropup .dropdown-toggle::after {
  top: -5px;
}

.reload-claim {
  display: none;
  z-index: 10001;
  left: -366px;
  top: -5px;
  background-color: #FFF;
  position: absolute;
  border-radius: 8px;
  border: 0.5px solid #838383;
  text-shadow: none !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1019607843);
}
.reload-claim__download {
  left: -282px;
}
.reload-claim .reload-claim-item {
  padding: 5px 5px;
  font-weight: normal !important;
}
.reload-claim .reload-claim-item:hover, .reload-claim .reload-claim-item:focus {
  cursor: pointer;
  background: rgba(var(--main-color_rgb), 0.2);
  text-shadow: 0.25px 0px 0.1px, -0.25px 0px 0.1px;
}
.reload-claim:hover, .reload-claim:focus {
  text-shadow: none !important;
}
@media screen and (max-width: 767.98px) {
  .reload-claim--custom-reload-claim {
    left: -155px;
    top: 26px;
  }
}

.cursor-pointer-right:hover .reload-claim {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  display: block;
}

.dropdown-item {
  padding: 5px 10px;
  font-size: 14px;
}
.dropdown-item i {
  margin-right: 5px;
}

.full-dropdown-toggle {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 20px;
  background: transparent;
}
.full-dropdown-toggle::after {
  position: absolute;
  top: 43%;
  right: 8px;
}

.slide-show {
  width: 100%;
  overflow: hidden;
  padding: 15px;
}
.slide-show .slide-item {
  float: left;
  display: block;
  transition: ease-in-out 0.3s;
}
.slide-show .slide-item:first-child {
  margin-left: 0 !important;
}
.slide-show .slide-item.zoom {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: #c9c9c9 3px 3px 14px 0;
}
@media (max-width: 575px) {
  .slide-show .slide-item {
    width: 100%;
    margin-bottom: 10px;
  }
}
.slide-show .slide-show-wrapper {
  transition: ease-in-out 0.5s;
}

.popup--textfield .modal-header {
  color: #777;
  background: none;
}
.popup--textfield .modal-header .modal-title {
  font-size: 14px;
}
.popup--textfield .bootbox-form {
  position: relative;
}
.popup--textfield .bootbox-form::before {
  content: "Reason";
  color: #777;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  top: 5px;
}
.popup--textfield .bootbox-form .bootbox-input-text {
  width: calc(100% - 80px);
  margin-left: auto;
}

.popup--textfield-custom.appointment .bootbox-input-text, .popup--textfield-custom.class .bootbox-input-text {
  width: 100%;
  margin-left: auto;
  margin-bottom: 9px;
  margin-top: 12px;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  font-size: 14px;
  height: 32px;
}
.popup--textfield-custom.appointment .bootbox-form, .popup--textfield-custom.class .bootbox-form {
  position: relative;
}
.popup--textfield-custom.appointment .bootbox-form::before, .popup--textfield-custom.class .bootbox-form::before {
  color: #777;
  font-weight: bold;
  font-size: 14px;
}

.popup--textfield-custom.appointment .bootbox-form::before {
  content: "Do you want to cancel this appointment?";
}

.popup--textfield-custom.class .bootbox-form::before {
  content: "Do you want to cancel this class?";
}

.popup--textfield-custom.event .modal-header {
  color: #777;
  background: none;
}
.popup--textfield-custom.event .modal-header .modal-title {
  font-size: 14px;
}
.popup--textfield-custom.event .bootbox-form {
  position: relative;
}
.popup--textfield-custom.event .bootbox-form::before {
  content: "Do you want to delete this event?";
  color: #777;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  top: -25px;
}
.popup--textfield-custom.event .bootbox-form .bootbox-input-text {
  width: 100%;
  margin-left: auto;
}

.bootbox.bootbox-wrapper.bootbox--footerflex .modal-footer {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .bootbox.bootbox-wrapper.bootbox--footerflex .modal-footer button {
    width: 100%;
  }
}
.bootbox.booking-popup .modal-footer {
  flex-wrap: wrap;
}
.bootbox.booking-popup .modal-footer .btn {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .bootbox.booking-popup .modal-footer .btn {
    flex: 0 0 100%;
    max-width: 100%;
    white-space: normal;
  }
}
@media (min-width: 576px) {
  .bootbox.booking-popup .modal-dialog {
    max-width: 600px;
  }
}

@media screen and (min-width: 768px) {
  .popup-view-class-detail {
    min-width: 600px;
  }
}

#button-container {
  height: 80px;
  width: 70px;
  position: fixed;
  border: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 2147483647;
  transition: height 0s ease 0s;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  #button-container {
    height: 30px;
    width: 30px;
    padding: 0px;
    margin: 10px;
  }
}
#button-container #help-button {
  background-color: #0052cc;
  color: #fff;
  outline: none;
  height: 50px;
  line-height: 50px;
  border-radius: 999px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
  background-color: #F47920 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#button-container #help-button .icon {
  width: 50px;
}
@media only screen and (max-width: 768px) {
  #button-container #help-button {
    height: 30px;
    line-height: 30px;
  }
}
#button-container #help-button .help-button-contents, #button-container #help-button .help-button-contents a {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Oxygen, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
  color: #fff;
  outline: none;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  font-size: 29px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  #button-container #help-button .help-button-contents, #button-container #help-button .help-button-contents a {
    font-size: 18px;
  }
}

#popupPaymentConfirmation .modal-dialog {
  min-width: 600px;
}

#popupPaymentConfirmation .modal-footer, #popupPaymentConfirmationDevice .modal-footer {
  flex-wrap: wrap;
}
#popupPaymentConfirmation button, #popupPaymentConfirmationDevice button {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #popupPaymentConfirmation button, #popupPaymentConfirmationDevice button {
    flex: 0 0 100%;
    max-width: 100%;
    white-space: normal;
  }
}

md-dialog .md-dialog-content .display-show-pc {
  display: inline;
}
md-dialog .md-dialog-content .display-hide-pc {
  display: none;
}
@media screen and (max-width: 1024px) {
  md-dialog .md-dialog-content .display-show-pc {
    display: none;
  }
  md-dialog .md-dialog-content .display-hide-pc {
    display: inline;
  }
}
md-dialog .md-dialog-actions-default button {
  min-width: 80px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
md-dialog .md-dialog-actions-default button:first-child:not(:last-child) {
  border: none;
  background: #FFFFFF;
  color: #232323;
  box-shadow: none !important;
  min-width: auto;
}
md-dialog .md-dialog-actions-default button:nth-child(n+2):not(:last-child) {
  border: 1px solid #232323;
  box-shadow: none !important;
  border-radius: 5px;
  background: #FFF;
  color: #232323;
}
md-dialog .md-dialog-actions-default button:disabled {
  border: 1px solid #838383 !important;
  color: #838383 !important;
}
@media screen and (min-width: 767px) {
  md-dialog.wm-500 {
    max-width: 500px;
  }
}

md-dialog.popup--clean-style {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  md-dialog.popup--clean-style {
    min-width: 500px;
  }
  md-dialog.popup--clean-style__cancel-class {
    min-width: 322px;
    max-height: 180px;
  }
}
md-dialog.popup--clean-style.popup__wrapper .md-toolbar-header {
  min-height: auto;
  background: #ffffff !important;
  color: var(--main-color);
  display: block;
}
md-dialog.popup--clean-style.popup__wrapper .md-toolbar-header__cancel-class {
  min-height: 32px;
}
md-dialog.popup--clean-style.popup__wrapper .md-toolbar-header md-toolbar-tools {
  display: block;
  padding: 15px;
}
md-dialog.popup--clean-style.popup__wrapper .md-toolbar-header h2.popup__title {
  color: var(--main-color);
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
md-dialog.popup--clean-style.popup__wrapper .md-toolbar-header h2.popup__title__cancel-class {
  font-size: 14px;
  line-height: 20px;
}
md-dialog.popup--clean-style.popup__wrapper md-dialog-actions button {
  min-width: 100px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .bootbox.modal.popup--clean-style .modal-content {
    min-width: 500px;
  }
}
.bootbox.modal.popup--clean-style .modal-content {
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  font-size: 16px;
}
.bootbox.modal.popup--clean-style .modal-content .modal-header {
  background: #ffffff !important;
  color: var(--main-color);
  border-bottom: 0px;
  padding: 15px;
}
.bootbox.modal.popup--clean-style .modal-content .modal-header h4.modal-title {
  color: var(--main-color);
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.bootbox.modal.popup--clean-style .modal-content .modal-footer {
  border-top: 0px;
}
.bootbox.modal.popup--clean-style .modal-content .modal-footer button {
  min-width: 100px;
}

@media screen and (min-width: 768px) {
  .bootbox.modal.popup--alert-style .modal-content {
    min-width: 500px;
  }
}
.bootbox.modal.popup--alert-style .modal-content {
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  font-size: 16px;
}
.bootbox.modal.popup--alert-style .modal-content .modal-header {
  background: #ffffff !important;
  color: #F4A522;
  border-bottom: 0px;
  padding: 15px;
}
.bootbox.modal.popup--alert-style .modal-content .modal-header h4.modal-title {
  color: #F4A522;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.bootbox.modal.popup--alert-style .modal-content .modal-footer {
  border-top: 0px;
}
.bootbox.modal.popup--alert-style .modal-content .modal-footer button {
  min-width: 100px;
}

@media screen and (min-width: 768px) {
  .bootbox.modal.popup--normal-style .modal-content {
    min-width: 500px;
  }
}
.bootbox.modal.popup--normal-style .modal-content {
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  font-size: 16px;
}
.bootbox.modal.popup--normal-style .modal-content .modal-header .bootbox-close-button.close {
  color: #ffffff;
}
.bootbox.modal.popup--normal-style .modal-content .modal-header {
  background: var(--main-color);
  color: #ffffff;
  border-bottom: 0px;
  padding: 15px;
}
.bootbox.modal.popup--normal-style .modal-content .modal-header h4.modal-title {
  color: #ffffff !important;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.bootbox.modal.popup--normal-style .modal-content .modal-footer {
  border-top: 0px;
}
.bootbox.modal.popup--normal-style .modal-content .modal-footer button {
  min-width: 100px;
}
.bootbox.modal.popup--normal-style.popup--alert-new {
  --default_color: #F4A522;
}
.bootbox.modal.popup--normal-style.popup--alert-new .modal-content .modal-header {
  background: white;
  color: var(--default_color);
}
.bootbox.modal.popup--normal-style.popup--alert-new .modal-content .modal-header .modal-title {
  color: inherit !important;
}
.bootbox.modal.popup--normal-style.popup--alert-new .modal-content .modal-header .bootbox-close-button.close {
  color: inherit !important;
  background-color: white;
}
.bootbox.modal.popup--normal-style.popup--alert-new .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.bootbox.modal.popup--normal-style.popup--alert-new .btn:first-child, .bootbox.modal.popup--normal-style.popup--alert-new button:first-child,
.bootbox.modal.popup--normal-style.popup--alert-new .btn:last-child, .bootbox.modal.popup--normal-style.popup--alert-new button:last-child {
  margin-right: 0;
  width: auto !important;
  margin-right: 0;
}
.bootbox.modal.popup--normal-style.popup--alert-new .btn:last-child, .bootbox.modal.popup--normal-style.popup--alert-new button:last-child {
  background-color: var(--default_color);
  color: white;
}
.bootbox.modal.popup--normal-style.popup--alert-new .btn, .bootbox.modal.popup--normal-style.popup--alert-new button {
  margin-right: 10px;
  height: 36px !important;
  font-weight: bold !important;
  padding-left: 10px;
  padding-right: 10px;
}
.bootbox.modal.popup--normal-style.popup--alert-new .btn.bootbox-close-button, .bootbox.modal.popup--normal-style.popup--alert-new button.bootbox-close-button {
  font-weight: normal !important;
}
.bootbox.modal.popup--normal-style.popup--alert-new.popup--alert-important .modal-content .modal-header {
  background: #F4A522;
  color: white;
}
.bootbox.modal.popup--normal-style.popup--alert-new.popup--alert-important .modal-content .modal-header .modal-title {
  color: inherit !important;
}
.bootbox.modal.popup--normal-style.popup--alert-new.popup--alert-important .modal-content .modal-header .bootbox-close-button.close {
  color: inherit !important;
  background-color: #F4A522;
}
.bootbox.modal.popup--normal-style.popup--alert-new.popup--alert-important .modal-body {
  padding-top: 15px;
}
.bootbox.modal.popup--normal-style.popup--no-header-backgound .modal-content .modal-header {
  background: white;
  color: var(--main-color);
}
.bootbox.modal.popup--normal-style.popup--no-header-backgound .modal-content .modal-header .modal-title {
  color: inherit !important;
  font-size: 18px !important;
}
.bootbox.modal.popup--normal-style.popup--no-header-backgound .modal-content .modal-header .bootbox-close-button.close {
  color: inherit !important;
  background-color: white;
}
.bootbox.modal.popup--normal-style.popup--no-header-backgound .modal-content .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.bootbox.modal.popup--normal-style.popup--header-center .modal-header {
  text-align: center;
  justify-content: center;
}
.bootbox.modal.popup--normal-style.popup--footer-actions-full-width .modal-footer {
  flex-wrap: wrap-reverse;
  gap: 15px;
  margin-top: 10px;
}
.bootbox.modal.popup--normal-style.popup--footer-actions-full-width .modal-footer button, .bootbox.modal.popup--normal-style.popup--footer-actions-full-width .modal-footer button:last-child, .bootbox.modal.popup--normal-style.popup--footer-actions-full-width .modal-footer button:first-child {
  width: 100% !important;
  margin: 0;
}
.bootbox.modal.popup--normal-style .modal-dialog {
  margin: 0 auto;
}
.bootbox.modal.popup--normal-style .modal-dialog p {
  white-space: pre-wrap;
}
.bootbox.modal.popup--normal-style.popup--small-size .modal-dialog {
  width: 325px;
}
.bootbox.modal.popup--normal-style.popup--medium-size .modal-dialog {
  width: 448px;
}
@media only screen and (max-width: 767.98px) {
  .bootbox.modal.popup--normal-style.popup--medium-size .modal-dialog {
    width: 95%;
  }
}
.bootbox.modal.popup--normal-style.popup--medium-size-mobile .modal-dialog {
  width: 345px;
}
.bootbox.modal.popup--normal-style.popup--large-size .modal-dialog {
  width: 700px;
}
.bootbox.modal.popup--normal-style.popup--full-size .modal-dialog {
  width: 95%;
}
.bootbox.modal.popup--normal-style .modal-content {
  min-width: auto !important;
  margin: 0 auto;
}
.bootbox.modal.popup--normal-style .modal-title {
  font-size: 16px !important;
}

.bootbox.modal.popup--content-border .modal-content .modal-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.bootbox.modal.popup--centered-vertical {
  height: 100%;
}
.bootbox.modal.popup--centered-vertical .modal-dialog {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  display: flex;
  align-items: center;
  min-height: calc(100% - 20px);
}
@media screen and (min-width: 576px) {
  .bootbox.modal.popup--centered-vertical .modal-dialog {
    min-height: calc(100% - 60px);
  }
}
.bootbox.modal.popup--centered-vertical.unavailable-block-same-time .modal-content {
  box-shadow: none;
  border-radius: 8px;
}
.bootbox.modal.popup--centered-vertical.unavailable-block-same-time .modal-content .modal-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.bootbox.modal.popup--centered-vertical.unavailable-block-same-time .modal-footer .btn-main {
  min-width: 75px !important;
}

md-dialog.popup--strong-style, .modal.popup--strong-style {
  font-size: 16px;
}
md-dialog.popup--strong-style .md-toolbar-header, .modal.popup--strong-style .md-toolbar-header {
  min-height: auto; /* 2679*/
  color: var(--secondary-color);
  background: var(--main-color);
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}
md-dialog.popup--strong-style .md-toolbar-header md-toolbar-tools, .modal.popup--strong-style .md-toolbar-header md-toolbar-tools {
  padding: 15px;
}
md-dialog.popup--strong-style .md-toolbar-header .fz-20, .modal.popup--strong-style .md-toolbar-header .fz-20 {
  font-size: 20px !important;
}
md-dialog.popup--strong-style .md-toolbar-header h2.popup__title, .modal.popup--strong-style .md-toolbar-header h2.popup__title {
  color: var(--secondary-color);
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
md-dialog.popup--strong-style .md-toolbar-header .close, .modal.popup--strong-style .md-toolbar-header .close {
  color: var(--secondary-color);
}
md-dialog.popup--strong-style .md-toolbar-header .close i, .modal.popup--strong-style .md-toolbar-header .close i {
  font-weight: normal;
}
md-dialog.popup--strong-style .md-toolbar-header__last-private-note, .modal.popup--strong-style .md-toolbar-header__last-private-note {
  height: 48px;
  font-size: 14px;
  line-height: 20px;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking--modififer button, .modal.popup--strong-style md-dialog-actions.patient-booking--modififer button {
  padding: 8px !important;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership button:not(.btn-empty), .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership button:not(.btn-empty) {
  padding: 10px;
  margin: 0px 10px;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership button.btn-large.custom-mr, .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership button.btn-large.custom-mr {
  margin: 0px 0px 0px 10px;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership button.btn-empty, .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership button.btn-empty {
  padding: 0px;
  margin-right: 10px;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier .buttons-area, .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier .buttons-area {
  justify-content: center;
  width: 100%;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button:not(.btn-empty), .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button:not(.btn-empty) {
  padding: 10px 20px;
  margin: 0px 8px;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button, .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button {
  width: 50%;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button.btn-large.custom-mr, .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button.btn-large.custom-mr {
  margin: 0px 8px 0px 8px;
}
md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button.btn-empty, .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button.btn-empty {
  padding: 0px;
  margin-right: 8px;
}
@media screen and (max-width: 767.9px) {
  md-dialog.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button, .modal.popup--strong-style md-dialog-actions.patient-booking .pay-no-membership--modifier button {
    width: 100%;
  }
}
md-dialog.popup--strong-style md-dialog-actions .pay-actions .buttons-area, .modal.popup--strong-style md-dialog-actions .pay-actions .buttons-area {
  width: 100%;
  text-align: center;
  justify-content: center;
}
md-dialog.popup--strong-style md-dialog-actions .pay-actions button, .modal.popup--strong-style md-dialog-actions .pay-actions button {
  width: 50%;
}
@media screen and (max-width: 767.9px) {
  md-dialog.popup--strong-style md-dialog-actions .pay-actions button, .modal.popup--strong-style md-dialog-actions .pay-actions button {
    width: 100%;
  }
}
md-dialog.popup--strong-style md-dialog-actions button, .modal.popup--strong-style md-dialog-actions button {
  text-align: center;
  font-family: Hind;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}
md-dialog.popup--strong-style md-dialog-actions button.custom-btn-font-size-16, .modal.popup--strong-style md-dialog-actions button.custom-btn-font-size-16 {
  font-size: 16px;
}
md-dialog.popup--strong-style .modal-header .close, .modal.popup--strong-style .modal-header .close {
  color: var(--secondary-color);
  font-weight: normal;
}
md-dialog.popup--strong-style .modal-header .close i, .modal.popup--strong-style .modal-header .close i {
  font-weight: normal;
}
md-dialog.popup--strong-style .modal-footer button, .modal.popup--strong-style .modal-footer button {
  min-width: 100px;
  text-align: center;
}
md-dialog.popup--strong-style.popup--alert-new, .modal.popup--strong-style.popup--alert-new {
  --default_color: #F4A522;
  --background_color: white;
  --text_color: var(--default_color);
}
md-dialog.popup--strong-style.popup--alert-new.popup--alert-important, .modal.popup--strong-style.popup--alert-new.popup--alert-important {
  --background_color: var(--default_color);
  --text_color: white;
}
md-dialog.popup--strong-style.popup--alert-new .md-toolbar-header, .modal.popup--strong-style.popup--alert-new .md-toolbar-header {
  background: var(--background_color) !important;
  color: var(--text_color) !important;
}
md-dialog.popup--strong-style.popup--alert-new .md-toolbar-header .popup__title, .modal.popup--strong-style.popup--alert-new .md-toolbar-header .popup__title {
  color: inherit !important;
}
md-dialog.popup--strong-style.popup--alert-new .md-toolbar-header .close, .modal.popup--strong-style.popup--alert-new .md-toolbar-header .close {
  color: inherit !important;
  background: var(--background_color) !important;
}
md-dialog.popup--strong-style.popup--alert-new .btn:first-child,
md-dialog.popup--strong-style.popup--alert-new button:first-child,
md-dialog.popup--strong-style.popup--alert-new .btn:last-child,
md-dialog.popup--strong-style.popup--alert-new button:last-child, .modal.popup--strong-style.popup--alert-new .btn:first-child,
.modal.popup--strong-style.popup--alert-new button:first-child,
.modal.popup--strong-style.popup--alert-new .btn:last-child,
.modal.popup--strong-style.popup--alert-new button:last-child {
  margin-right: 0;
  width: auto !important;
  margin-right: 0;
}
md-dialog.popup--strong-style.popup--alert-new .btn:last-child,
md-dialog.popup--strong-style.popup--alert-new button:last-child, .modal.popup--strong-style.popup--alert-new .btn:last-child,
.modal.popup--strong-style.popup--alert-new button:last-child {
  background-color: var(--default_color);
}
md-dialog.popup--strong-style.popup--alert-new .btn,
md-dialog.popup--strong-style.popup--alert-new button, .modal.popup--strong-style.popup--alert-new .btn,
.modal.popup--strong-style.popup--alert-new button {
  height: 36px !important;
  font-weight: bold !important;
  padding-left: 10px;
  padding-right: 10px;
}
md-dialog.popup--strong-style.popup--no-header-backgound .md-toolbar-header, .modal.popup--strong-style.popup--no-header-backgound .md-toolbar-header {
  background: white !important;
  color: var(--main-color) !important;
}
md-dialog.popup--strong-style.popup--no-header-backgound .md-toolbar-header .popup__title, .modal.popup--strong-style.popup--no-header-backgound .md-toolbar-header .popup__title {
  color: inherit !important;
}
md-dialog.popup--strong-style.popup--no-header-backgound .md-toolbar-header .close, .modal.popup--strong-style.popup--no-header-backgound .md-toolbar-header .close {
  color: inherit !important;
  background-color: white;
}
md-dialog.popup--strong-style input, md-dialog.popup--strong-style select, md-dialog.popup--strong-style button, md-dialog.popup--strong-style .btn, .modal.popup--strong-style input, .modal.popup--strong-style select, .modal.popup--strong-style button, .modal.popup--strong-style .btn {
  font-size: inherit;
}

#popupCardOnfile {
  min-width: 410px;
}
@media screen and (max-width: 575.98px) {
  #popupCardOnfile {
    min-width: 100%;
  }
}
#popupCardOnfile button {
  opacity: 1;
}
#popupCardOnfile .btn {
  width: 86px;
}
#popupCardOnfile .md-toolbar-tools {
  height: 48px;
}
#popupCardOnfile .md-toolbar-tools h2.popup__title {
  font-size: 14px !important;
}

.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow, .popup--confirmcancelappointment {
  max-width: 322px;
}
.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow .modal-content, .popup--confirmcancelappointment .modal-content {
  min-width: 322px;
}
.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow .modal-header, .popup--confirmcancelappointment .modal-header {
  padding-top: 12px;
  padding-bottom: 12px;
}
.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow .modal-header button, .popup--confirmcancelappointment .modal-header button {
  display: none;
}
.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow .modal-title, .popup--confirmcancelappointment .modal-title {
  font-size: 14px;
}
.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow .modal-body, .popup--confirmcancelappointment .modal-body {
  padding: 0 16px 0 16px;
}
.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow .btn, .popup--confirmcancelappointment .btn {
  width: 68px;
  min-width: 68px;
  font-size: 14px;
}
.cardOnfileAlert.bootbox.modal.fade.popup--clean-style.popup--centered-vertical.popup--narrow .modal-footer, .popup--confirmcancelappointment .modal-footer {
  padding-top: 24px !important;
}

@media (min-width: 768px) {
  .payment-type {
    max-width: 560px !important;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .payment-type {
    max-width: 560px !important;
    width: 100%;
  }
  .payment-type .modal-footer {
    display: block;
  }
  .payment-type .modal-footer button {
    margin: 4px 0;
  }
}

md-dialog.popup--narrow.popup--congratulations.text-center .modal-footer, md-dialog.popup--narrow.popup--activepatient.text-center .modal-footer, .bootbox.popup--narrow.popup--congratulations.text-center .modal-footer, .bootbox.popup--narrow.popup--activepatient.text-center .modal-footer {
  margin: auto;
}
@media (min-width: 768px) {
  md-dialog.popup--narrow.popup--congratulations, md-dialog.popup--narrow.popup--activepatient, .bootbox.popup--narrow.popup--congratulations, .bootbox.popup--narrow.popup--activepatient {
    max-width: 500px;
    width: 100%;
  }
}
md-dialog.popup--narrow.popup--congratulations .modal-content, md-dialog.popup--narrow.popup--activepatient .modal-content, .bootbox.popup--narrow.popup--congratulations .modal-content, .bootbox.popup--narrow.popup--activepatient .modal-content {
  min-width: 448px;
}
@media screen and (max-width: 575.98px) {
  md-dialog.popup--narrow.popup--congratulations .modal-content, md-dialog.popup--narrow.popup--activepatient .modal-content, .bootbox.popup--narrow.popup--congratulations .modal-content, .bootbox.popup--narrow.popup--activepatient .modal-content {
    min-width: 100%;
  }
}
md-dialog.popup--narrow.popup--congratulations .modal-content, md-dialog.popup--narrow.popup--activepatient .modal-content, .bootbox.popup--narrow.popup--congratulations .modal-content, .bootbox.popup--narrow.popup--activepatient .modal-content {
  border: none;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .modal-body, md-dialog.popup--narrow.popup--congratulations .modal-content .btn, md-dialog.popup--narrow.popup--activepatient .modal-content .modal-body, md-dialog.popup--narrow.popup--activepatient .modal-content .btn, .bootbox.popup--narrow.popup--congratulations .modal-content .modal-body, .bootbox.popup--narrow.popup--congratulations .modal-content .btn, .bootbox.popup--narrow.popup--activepatient .modal-content .modal-body, .bootbox.popup--narrow.popup--activepatient .modal-content .btn {
  font-size: 14px;
  font-family: Hind;
  font-style: normal;
  line-height: 20px;
  opacity: 1;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .popup__content__highlight, md-dialog.popup--narrow.popup--activepatient .modal-content .popup__content__highlight, .bootbox.popup--narrow.popup--congratulations .modal-content .popup__content__highlight, .bootbox.popup--narrow.popup--activepatient .modal-content .popup__content__highlight {
  font-size: 14px !important;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .modal-header, md-dialog.popup--narrow.popup--activepatient .modal-content .modal-header, .bootbox.popup--narrow.popup--congratulations .modal-content .modal-header, .bootbox.popup--narrow.popup--activepatient .modal-content .modal-header {
  height: 48px;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .bootbox-close-button, md-dialog.popup--narrow.popup--activepatient .modal-content .bootbox-close-button, .bootbox.popup--narrow.popup--congratulations .modal-content .bootbox-close-button, .bootbox.popup--narrow.popup--activepatient .modal-content .bootbox-close-button {
  opacity: 1;
  font-weight: 100;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .pt-12, md-dialog.popup--narrow.popup--activepatient .modal-content .pt-12, .bootbox.popup--narrow.popup--congratulations .modal-content .pt-12, .bootbox.popup--narrow.popup--activepatient .modal-content .pt-12 {
  padding-top: 12px;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .popup__content__title, md-dialog.popup--narrow.popup--activepatient .modal-content .popup__content__title, .bootbox.popup--narrow.popup--congratulations .modal-content .popup__content__title, .bootbox.popup--narrow.popup--activepatient .modal-content .popup__content__title {
  font-size: 28px;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .modal-footer, md-dialog.popup--narrow.popup--activepatient .modal-content .modal-footer, .bootbox.popup--narrow.popup--congratulations .modal-content .modal-footer, .bootbox.popup--narrow.popup--activepatient .modal-content .modal-footer {
  padding-top: 9px !important;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .modal-footer .btn-ok, md-dialog.popup--narrow.popup--activepatient .modal-content .modal-footer .btn-ok, .bootbox.popup--narrow.popup--congratulations .modal-content .modal-footer .btn-ok, .bootbox.popup--narrow.popup--activepatient .modal-content .modal-footer .btn-ok {
  min-width: 68px !important;
}
md-dialog.popup--narrow.popup--congratulations .modal-content .modal-footer .btn-resendMail, md-dialog.popup--narrow.popup--activepatient .modal-content .modal-footer .btn-resendMail, .bootbox.popup--narrow.popup--congratulations .modal-content .modal-footer .btn-resendMail, .bootbox.popup--narrow.popup--activepatient .modal-content .modal-footer .btn-resendMail {
  width: 150px;
}
md-dialog.popup--narrow.popup--confirmcancelappointment .modal-header, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-header {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
@media (min-width: 768px) {
  md-dialog.popup--narrow.popup--confirmcancelappointment, .bootbox.popup--narrow.popup--confirmcancelappointment {
    min-width: 322px;
    width: 100%;
  }
}
md-dialog.popup--narrow.popup--confirmcancelappointment .modal-title, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-title {
  font-size: 14px !important;
}
md-dialog.popup--narrow.popup--confirmcancelappointment .modal-dialog, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-dialog {
  max-width: 322px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.popup--narrow.popup--confirmcancelappointment .modal-dialog, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-dialog {
    max-width: 100%;
  }
}
md-dialog.popup--narrow.popup--confirmcancelappointment .modal-content, md-dialog.popup--narrow.popup--confirmcancelappointment .modal-content button, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-content, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-content button {
  font-size: 14px;
  min-width: 322px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.popup--narrow.popup--confirmcancelappointment .modal-content, md-dialog.popup--narrow.popup--confirmcancelappointment .modal-content button, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-content, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-content button {
    min-width: 100%;
  }
}
md-dialog.popup--narrow.popup--confirmcancelappointment .modal-header, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-header {
  padding-bottom: 0 !important;
}
md-dialog.popup--narrow.popup--confirmcancelappointment .modal-body, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-body {
  padding-top: 12px;
}
md-dialog.popup--narrow.popup--confirmcancelappointment .btn-ok, .bootbox.popup--narrow.popup--confirmcancelappointment .btn-ok {
  min-width: 68px !important;
  width: 68px;
}
md-dialog.popup--narrow.popup--confirmcancelappointment .modal-footer, .bootbox.popup--narrow.popup--confirmcancelappointment .modal-footer {
  padding-top: 12px !important;
}
md-dialog.popup--narrow.booking-apt .md-toolbar-tools, md-dialog.popup--narrow.signin-popup .md-toolbar-tools, md-dialog.popup--narrow.signup-popup .md-toolbar-tools, md-dialog.popup--narrow.popup-cancel-appointment .md-toolbar-tools, md-dialog.popup--narrow.popup-renametemplate .md-toolbar-tools, .bootbox.popup--narrow.booking-apt .md-toolbar-tools, .bootbox.popup--narrow.signin-popup .md-toolbar-tools, .bootbox.popup--narrow.signup-popup .md-toolbar-tools, .bootbox.popup--narrow.popup-cancel-appointment .md-toolbar-tools, .bootbox.popup--narrow.popup-renametemplate .md-toolbar-tools {
  height: 48px;
}
md-dialog.popup--narrow.booking-apt .md-toolbar-tools h2.popup__title, md-dialog.popup--narrow.signin-popup .md-toolbar-tools h2.popup__title, md-dialog.popup--narrow.signup-popup .md-toolbar-tools h2.popup__title, md-dialog.popup--narrow.popup-cancel-appointment .md-toolbar-tools h2.popup__title, md-dialog.popup--narrow.popup-renametemplate .md-toolbar-tools h2.popup__title, .bootbox.popup--narrow.booking-apt .md-toolbar-tools h2.popup__title, .bootbox.popup--narrow.signin-popup .md-toolbar-tools h2.popup__title, .bootbox.popup--narrow.signup-popup .md-toolbar-tools h2.popup__title, .bootbox.popup--narrow.popup-cancel-appointment .md-toolbar-tools h2.popup__title, .bootbox.popup--narrow.popup-renametemplate .md-toolbar-tools h2.popup__title {
  font-size: 14px !important;
}
@media (min-width: 768px) {
  md-dialog.popup--narrow.booking-apt, md-dialog.popup--narrow.signin-popup, md-dialog.popup--narrow.signup-popup, md-dialog.popup--narrow.popup-cancel-appointment, md-dialog.popup--narrow.popup-renametemplate, .bootbox.popup--narrow.booking-apt, .bootbox.popup--narrow.signin-popup, .bootbox.popup--narrow.signup-popup, .bootbox.popup--narrow.popup-cancel-appointment, .bootbox.popup--narrow.popup-renametemplate {
    max-width: 448px;
    width: 100%;
  }
}
md-dialog.popup--narrow.booking-apt .mt-16, md-dialog.popup--narrow.signin-popup .mt-16, md-dialog.popup--narrow.signup-popup .mt-16, md-dialog.popup--narrow.popup-cancel-appointment .mt-16, md-dialog.popup--narrow.popup-renametemplate .mt-16, .bootbox.popup--narrow.booking-apt .mt-16, .bootbox.popup--narrow.signin-popup .mt-16, .bootbox.popup--narrow.signup-popup .mt-16, .bootbox.popup--narrow.popup-cancel-appointment .mt-16, .bootbox.popup--narrow.popup-renametemplate .mt-16 {
  margin-top: 16px;
}
@media (min-width: 768px) {
  md-dialog.popup--narrow.popup-cancel-appointment.popup-medium-width, .bootbox.popup--narrow.popup-cancel-appointment.popup-medium-width {
    max-width: 720px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  md-dialog.popup--narrow.popup-cancel-appointment.popup-small-width, .bootbox.popup--narrow.popup-cancel-appointment.popup-small-width {
    max-width: 392px;
    width: 100%;
  }
}
md-dialog.popup--narrow.signin-popup button, md-dialog.popup--narrow.signup-popup button, md-dialog.popup--narrow.popup-cancel-appointment button, md-dialog.popup--narrow.popup-renametemplate button, .bootbox.popup--narrow.signin-popup button, .bootbox.popup--narrow.signup-popup button, .bootbox.popup--narrow.popup-cancel-appointment button, .bootbox.popup--narrow.popup-renametemplate button {
  opacity: 1;
}
md-dialog.popup--narrow.signin-popup .font16, md-dialog.popup--narrow.signup-popup .font16, md-dialog.popup--narrow.popup-cancel-appointment .font16, md-dialog.popup--narrow.popup-renametemplate .font16, .bootbox.popup--narrow.signin-popup .font16, .bootbox.popup--narrow.signup-popup .font16, .bootbox.popup--narrow.popup-cancel-appointment .font16, .bootbox.popup--narrow.popup-renametemplate .font16 {
  font-size: 16px;
}
md-dialog.popup--narrow.signin-popup .pt5, md-dialog.popup--narrow.signup-popup .pt5, md-dialog.popup--narrow.popup-cancel-appointment .pt5, md-dialog.popup--narrow.popup-renametemplate .pt5, .bootbox.popup--narrow.signin-popup .pt5, .bootbox.popup--narrow.signup-popup .pt5, .bootbox.popup--narrow.popup-cancel-appointment .pt5, .bootbox.popup--narrow.popup-renametemplate .pt5 {
  padding-top: 5px;
}
md-dialog.popup--narrow.signin-popup .pt10, md-dialog.popup--narrow.signup-popup .pt10, md-dialog.popup--narrow.popup-cancel-appointment .pt10, md-dialog.popup--narrow.popup-renametemplate .pt10, .bootbox.popup--narrow.signin-popup .pt10, .bootbox.popup--narrow.signup-popup .pt10, .bootbox.popup--narrow.popup-cancel-appointment .pt10, .bootbox.popup--narrow.popup-renametemplate .pt10 {
  padding-top: 10px;
}
md-dialog.popup--narrow.signin-popup .button.btn-disabled:hover, md-dialog.popup--narrow.signup-popup .button.btn-disabled:hover, md-dialog.popup--narrow.popup-cancel-appointment .button.btn-disabled:hover, md-dialog.popup--narrow.popup-renametemplate .button.btn-disabled:hover, .bootbox.popup--narrow.signin-popup .button.btn-disabled:hover, .bootbox.popup--narrow.signup-popup .button.btn-disabled:hover, .bootbox.popup--narrow.popup-cancel-appointment .button.btn-disabled:hover, .bootbox.popup--narrow.popup-renametemplate .button.btn-disabled:hover {
  cursor: not-allowed;
}
md-dialog.popup--narrow.signin-popup .popup__content__title, md-dialog.popup--narrow.signup-popup .popup__content__title, md-dialog.popup--narrow.popup-cancel-appointment .popup__content__title, md-dialog.popup--narrow.popup-renametemplate .popup__content__title, .bootbox.popup--narrow.signin-popup .popup__content__title, .bootbox.popup--narrow.signup-popup .popup__content__title, .bootbox.popup--narrow.popup-cancel-appointment .popup__content__title, .bootbox.popup--narrow.popup-renametemplate .popup__content__title {
  font-size: 28px;
  padding-bottom: 12px;
}
md-dialog.popup--narrow.signin-popup .input-group-addon, md-dialog.popup--narrow.signup-popup .input-group-addon, md-dialog.popup--narrow.popup-cancel-appointment .input-group-addon, md-dialog.popup--narrow.popup-renametemplate .input-group-addon, .bootbox.popup--narrow.signin-popup .input-group-addon, .bootbox.popup--narrow.signup-popup .input-group-addon, .bootbox.popup--narrow.popup-cancel-appointment .input-group-addon, .bootbox.popup--narrow.popup-renametemplate .input-group-addon {
  padding-left: 9px;
  padding-right: 9px;
}
md-dialog.popup--narrow.signin-popup .mt-13, .bootbox.popup--narrow.signin-popup .mt-13 {
  margin-top: 13px;
}
md-dialog.popup--narrow.signin-popup .pb5, .bootbox.popup--narrow.signin-popup .pb5 {
  padding-bottom: 5px;
}
md-dialog.popup--narrow.signin-popup .btn-signin, .bootbox.popup--narrow.signin-popup .btn-signin {
  width: 92px;
}
md-dialog.popup--narrow.signup-popup, .bootbox.popup--narrow.signup-popup {
  max-height: 95%;
}
md-dialog.popup--narrow.signup-popup .btn-signup, .bootbox.popup--narrow.signup-popup .btn-signup {
  width: 97px;
}
md-dialog.popup--narrow.popup-cancel-appointment md-dialog-content, .bootbox.popup--narrow.popup-cancel-appointment md-dialog-content {
  padding: 16px 16px 0 16px !important;
}
md-dialog.popup--narrow.popup-cancel-appointment md-dialog-content p, .bootbox.popup--narrow.popup-cancel-appointment md-dialog-content p {
  font-size: 16px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.popup--narrow.popup-cancel-appointment md-dialog-content p, .bootbox.popup--narrow.popup-cancel-appointment md-dialog-content p {
    font-size: 14px;
  }
}
md-dialog.popup--narrow.popup-cancel-appointment .btn-cancel-appointment, .bootbox.popup--narrow.popup-cancel-appointment .btn-cancel-appointment {
  width: 174px;
}
md-dialog.popup--narrow, .bootbox.popup--narrow {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  max-width: 550px;
  margin: auto;
  z-index: 1111;
}
@media screen and (max-width: 767px) {
  md-dialog.popup--narrow, .bootbox.popup--narrow {
    max-width: 100%;
    width: 100% !important;
    min-width: 100% !important;
  }
}
md-dialog.popup--narrow .md-toolbar-header, .bootbox.popup--narrow .md-toolbar-header {
  display: block;
}
md-dialog.popup--narrow .popup__content, .bootbox.popup--narrow .popup__content {
  padding-top: 20px !important;
  flex-grow: 1;
}
md-dialog.popup--narrow .popup__content__title, .bootbox.popup--narrow .popup__content__title {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
  color: #232323;
}
md-dialog.popup--narrow .popup__content__highlight, .bootbox.popup--narrow .popup__content__highlight {
  font-weight: normal;
  font-size: 16px;
}
md-dialog.popup--narrow .popup__content__highlight--modifier, .bootbox.popup--narrow .popup__content__highlight--modifier {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  md-dialog.popup--narrow .popup__content__highlight--modifier, .bootbox.popup--narrow .popup__content__highlight--modifier {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #1F1F1F;
  }
}
md-dialog.popup--narrow .popup__content--modifier, .bootbox.popup--narrow .popup__content--modifier {
  padding-top: 16px !important;
}
md-dialog.popup--narrow .popup__actions, md-dialog.popup--narrow md-dialog-actions, md-dialog.popup--narrow .modal-footer, .bootbox.popup--narrow .popup__actions, .bootbox.popup--narrow md-dialog-actions, .bootbox.popup--narrow .modal-footer {
  border: 0px;
  padding: 15px !important;
  min-height: auto;
  flex-shrink: 1;
  overflow: initial;
}
md-dialog.popup--narrow .popup__actions, .bootbox.popup--narrow .popup__actions {
  display: block;
}
md-dialog.popup--narrow .modal-header .bootbox-close-button.close, .bootbox.popup--narrow .modal-header .bootbox-close-button.close {
  font-size: 30px;
  line-height: 27px;
  padding: 0px;
}
md-dialog.popup--narrow .modal-content, .bootbox.popup--narrow .modal-content {
  width: 100%;
}
md-dialog.popup--narrow__alert-provider, .bootbox.popup--narrow__alert-provider {
  min-height: 150px !important;
}
@media screen and (max-width: 767.98px) {
  md-dialog.popup--narrow__alert-provider, .bootbox.popup--narrow__alert-provider {
    width: 98% !important;
    min-width: 98% !important;
  }
}

md-dialog.popup--medium {
  max-width: 700px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  md-dialog.popup--medium {
    max-width: 100% !important;
  }
}
md-dialog.popup--medium__appointment {
  max-width: 448px;
}
md-dialog.popup--medium__last-private-note {
  width: 448px;
}
@media screen and (max-width: 767px) {
  md-dialog.popup--medium__last-private-note {
    width: 100% !important;
  }
}
md-dialog.popup--medium__last-private-note .md-dialog-content {
  font-size: 14px;
  line-height: 20px;
  padding-top: 16px !important;
}
@media screen and (max-width: 767px) {
  md-dialog.popup--medium__last-private-note .md-dialog-content {
    height: 100vh;
  }
}

md-dialog.dialog-wrapper {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  md-dialog.dialog-wrapper {
    min-width: 800px;
    max-width: 800px;
  }
}
@media screen and (min-width: 1200px) {
  md-dialog.dialog-wrapper.dialog-wrapper--limited-width {
    min-width: 500px;
    max-width: 500px;
  }
}
md-dialog.dialog-wrapper .dialog-wrapper__content {
  flex-grow: 1;
}

.popover.popover-bottom {
  margin-left: 20px !important;
}
.popover.popover-bottom::before {
  top: -11px;
  margin-left: -1px !important;
  left: 40% !important;
}
.popover.popover-bottom::after {
  left: 40% !important;
  margin-left: 0px !important;
}

.popover.bs-tether-element-attached-top {
  margin-left: 20px !important;
}

.popover.popover-smart-note-button__right {
  margin-left: 0px !important;
}
.popover.popover-smart-note-button__right {
  margin-left: -30px !important;
}

.popover.bs-tether-element-attached-top::before {
  top: -11px;
  margin-left: -1px !important;
  left: 40% !important;
}
.popover.bs-tether-element-attached-top::after {
  left: 40% !important;
  margin-left: 0px !important;
}

@media screen and (max-width: 767.98px) {
  md-dialog .md-dialog-footer .modal-footer__view {
    width: 100%;
  }
  md-dialog .md-dialog-footer .btn-delete-cus {
    background: none;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    font-weight: 500;
  }
}

.check-eligibility-popup .w-35 {
  width: 35%;
  flex: 0 0 35%;
  max-width: 35%;
}

.bootboxAlertPayall .modal-header {
  background: #F4A522 !important;
}
.bootboxAlertPayall .modal-header h4.modal-title {
  color: #F4A522 !important;
}
.bootboxAlertPayall .btn-main {
  background: #F4A522 !important;
}

md-dialog.dialog-alert-new {
  --default-color: #F4A522;
}
md-dialog.dialog-alert-new .md-toolbar-header,
md-dialog.dialog-alert-new .btn:last-child,
md-dialog.dialog-alert-new button:last-child {
  background: var(--default-color) !important;
  color: white;
}
md-dialog.dialog-alert-new .text-main {
  color: var(--default-color) !important;
}
md-dialog.dialog-alert-new .table thead th {
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.87) !important;
}

.popup-add-adjustment {
  width: 775px;
  border-radius: 1px;
}
.popup-add-adjustment .md-toolbar-header {
  height: 64px !important;
  min-height: 64px !important;
}

@media screen and (min-width: 767px) {
  .popup-biometric {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .popup-biometric h5 {
    font-size: 38px !important;
    margin-top: 30px;
  }
  .popup-biometric p {
    font-size: 18px !important;
  }
  .popup-biometric img {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .popup-biometric .dialog-actions-footer {
    margin-bottom: 15px !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .custom-modal-footer-phone .modal-dialog .modal-footer {
    flex-direction: column-reverse !important;
  }
  .custom-modal-footer-phone .modal-dialog .modal-footer .btn-empty {
    margin-right: 0 !important;
  }
  .custom-modal-footer-phone .modal-dialog .modal-footer .btn-ok {
    min-width: 100%;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .popup-style-common-custom.popup-more-than-max-repeat-number .md-dialog-content .text-main {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
  }
  .popup-style-common-custom.popup-more-than-max-repeat-number .md-dialog-content .info-holder p {
    font-size: 16px;
    line-height: 20px;
  }
  .popup-style-common-custom.popup-more-than-max-repeat-number .md-dialog-actions button {
    font-size: 16px;
    line-height: 20px;
  }
}

md-dialog.popup--small-size {
  width: 325px;
}
md-dialog.popup--medium-size {
  width: 448px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.popup--medium-size {
    width: 95%;
  }
}
md-dialog.popup--large-size {
  width: 700px;
}
md-dialog.popup--full-size {
  width: 95%;
}

.bootbox.modal.rounded-8 .modal-dialog .modal-content {
  border-radius: 10px !important;
}
.bootbox.modal.rounded-8 .modal-dialog .modal-content .modal-header {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.bootbox.modal.rounded-8 .modal-dialog .modal-content .modal-footer button {
  border-radius: 6px !important;
}
.bootbox.modal .modal-dialog .modal-body .message-disclaimer {
  color: #232323;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  background-color: #FEC;
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
}

.scheduler-toast__custom {
  max-height: 190px;
}
.scheduler-toast__custom .md-toast-content {
  max-height: 190px;
}

@media screen and (max-width: 767px) {
  md-dialog .dialog-actions-mobile-full-width {
    flex-wrap: wrap-reverse;
  }
  md-dialog .dialog-actions-mobile-full-width button {
    width: 100%;
    font-weight: 600;
    border-radius: 7px;
    font-family: Hind !important;
    font-size: 16px !important;
  }
  md-dialog .dialog-actions-mobile-full-width button:first-child:not(:last-child) {
    border: 1px solid #838383;
  }
}

.scroll-bar__top {
  position: fixed;
  overflow-x: scroll;
  overflow-y: hidden;
}
.scroll-bar__top .scroll-bar__top__main {
  height: 10px;
}

md-list-item.search-patient-item .usr-img {
  flex-basis: 100%;
  max-width: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.nvtooltip {
  max-width: 150px;
}
.nvtooltip table {
  width: 100%;
  max-width: 100%;
}
.nvtooltip table th, .nvtooltip table td {
  white-space: normal;
}

report-pagination .pagination {
  font-family: Hind, sans-serif;
  font-size: 14px;
}
report-pagination .pagination .form-control, report-pagination .pagination * {
  font-size: 14px;
  max-height: 40px;
}
report-pagination .pagination .page-item {
  align-items: center;
  text-align: center;
  padding: 8px;
  height: 40px;
  border: solid 1px #ddd;
}
report-pagination .pagination .page-item:not(:first-child) {
  border-left: 0px;
}
report-pagination .pagination .page-item.input-group {
  max-width: 50px;
}
report-pagination .pagination .page-item .form-control {
  border: 0px;
}
report-pagination .pagination .page-item input[type=number], report-pagination .pagination .page-item input[type=number]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  border: 0px !important;
  max-width: 50px;
}
report-pagination .pagination .page-item input[type=number]::-webkit-inner-spin-button, report-pagination .pagination .page-item input[type=number]::-webkit-outer-spin-button, report-pagination .pagination .page-item input[type=number]:not([type=checkbox]):not([type=range]):not([type=radio])::-webkit-inner-spin-button, report-pagination .pagination .page-item input[type=number]:not([type=checkbox]):not([type=range]):not([type=radio])::-webkit-outer-spin-button {
  opacity: 1;
}
report-pagination .pagination .page-item input, report-pagination .pagination .page-item select {
  border: 0px !important;
  font-family: Hind, sans-serif;
  font-size: 14px;
  background: none;
  text-align: center;
}
report-pagination .pagination .page-item input.form-control, report-pagination .pagination .page-item select.form-control {
  border: 0px !important;
}
report-pagination .pagination .page-item input, report-pagination .pagination .page-item select {
  padding: 0px !important;
}
report-pagination .pagination .page-item input:hover, report-pagination .pagination .page-item input:focus, report-pagination .pagination .page-item select:hover, report-pagination .pagination .page-item select:focus {
  border: 0px !important;
  box-shadow: none !important;
}
report-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single {
  border: 0px !important;
}
report-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
}
report-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b[role=presentation] {
  display: none;
}
report-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow::before {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 100%;
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
  content: "\f107";
}
report-pagination .pagination .page-item.page-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border: solid 1px #ddd;
  color: #0275d8;
}
report-pagination .pagination .page-item.page-link.disabled {
  color: #777777;
  background: transparent;
  cursor: default;
}

custom-pagination .pagination {
  font-family: Hind, sans-serif;
  font-size: 14px;
}
custom-pagination .pagination .form-control, custom-pagination .pagination * {
  font-size: 14px;
  max-height: 40px;
}
custom-pagination .pagination .page-item.select-page-size {
  border: 1px solid rgb(131, 131, 131) !important;
  width: 100px !important;
  border-radius: 8px !important;
}
custom-pagination .pagination .page-item.select-page-size select {
  min-height: 32px !important;
  height: 32px !important;
}
custom-pagination .pagination .page-item {
  align-items: center;
  text-align: center;
  padding: 8px;
  height: 32px;
  margin-right: 6px;
  margin-left: 6px;
  border: solid 1px #838383;
  justify-content: center;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
custom-pagination .pagination .page-item .tilte-page-size {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
custom-pagination .pagination .page-item_selected-page .select2-container {
  height: 30px;
}
custom-pagination .pagination .page-item_custom {
  border: 1px solid #838383;
  border-left: 0;
  width: auto;
  min-width: 50px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-left: 0;
}
custom-pagination .pagination .page-item:not(:first-child) {
  border-left: 0px;
}
custom-pagination .pagination .page-item.input-group {
  max-width: 50px;
  border: 1px solid #838383;
  width: 50px;
  max-width: 50px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-right: 0;
}
@media only screen and (max-width: 1199.98px) {
  custom-pagination .pagination .page-item.input-group {
    border-radius: 8px;
    margin-right: 6px;
  }
}
custom-pagination .pagination .page-item .form-control {
  border: 0px;
}
custom-pagination .pagination .page-item input[type=number], custom-pagination .pagination .page-item input[type=number]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  border: 0px !important;
  max-width: 50px;
}
custom-pagination .pagination .page-item input[type=number]::-webkit-inner-spin-button, custom-pagination .pagination .page-item input[type=number]::-webkit-outer-spin-button, custom-pagination .pagination .page-item input[type=number]:not([type=checkbox]):not([type=range]):not([type=radio])::-webkit-inner-spin-button, custom-pagination .pagination .page-item input[type=number]:not([type=checkbox]):not([type=range]):not([type=radio])::-webkit-outer-spin-button {
  opacity: 1;
}
custom-pagination .pagination .page-item input, custom-pagination .pagination .page-item select {
  border: 0px !important;
  font-family: Hind, sans-serif;
  font-size: 14px;
  background: none;
  text-align: center;
}
custom-pagination .pagination .page-item input.form-control, custom-pagination .pagination .page-item select.form-control {
  border: 0px !important;
}
custom-pagination .pagination .page-item input, custom-pagination .pagination .page-item select {
  padding: 0px !important;
}
custom-pagination .pagination .page-item input:hover, custom-pagination .pagination .page-item input:focus, custom-pagination .pagination .page-item select:hover, custom-pagination .pagination .page-item select:focus {
  border: 0px !important;
  box-shadow: none !important;
}
custom-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single {
  border: 0px !important;
}
custom-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
}
custom-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b[role=presentation] {
  display: none;
}
custom-pagination .pagination .page-item mdr-select2 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow::before {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 100%;
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
  content: "\f107";
}
custom-pagination .pagination .page-item.page-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border: solid 1px #ddd;
  color: var(--main-color);
}
custom-pagination .pagination .page-item.page-link__custom-previous-next {
  background: #f5f5f5 !important;
  border-radius: 50%;
  width: 32px;
}
custom-pagination .pagination .page-item.page-link.disabled {
  color: #777777;
  background: transparent;
  cursor: default;
}

custom-pdf-viewer {
  position: relative;
  background: rgb(82, 86, 89);
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding: 0px;
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
custom-pdf-viewer .pdf-viewer__loading.wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #525659;
}
custom-pdf-viewer .pdf-viewer__error {
  position: absolute;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: #525659;
  pointer-events: none;
  z-index: 20;
  display: flex;
}
custom-pdf-viewer .pdf-viewer__error ~ [class*=pdf-viewer] {
  display: none;
}
custom-pdf-viewer .pdf-viewer__pages {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  text-align: center;
}
custom-pdf-viewer .pdf-viewer__pages span {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
custom-pdf-viewer .pdf-viewer__pages-input {
  max-width: 50px;
  border: 0px !important;
  border-bottom: none !important;
  border-radius: 0px;
  background: transparent;
  color: #ffffff;
  text-align: right;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
custom-pdf-viewer .pdf-viewer__pages-input:not([type=checkbox]):not([type=range]):not([type=radio]) {
  border: 0px !important;
  border-bottom: none !important;
  border-radius: 0px;
}
custom-pdf-viewer .pdf-viewer__pages-input:not([type=checkbox]):not([type=range]):not([type=radio]):focus, custom-pdf-viewer .pdf-viewer__pages-input:not([type=checkbox]):not([type=range]):not([type=radio]):active, custom-pdf-viewer .pdf-viewer__pages-input:not([type=checkbox]):not([type=range]):not([type=radio]):hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border: 0px !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
custom-pdf-viewer .pdf-viewer__pages-input:focus, custom-pdf-viewer .pdf-viewer__pages-input:active, custom-pdf-viewer .pdf-viewer__pages-input:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 0px !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
custom-pdf-viewer .pdf-viewer__pages-input::-webkit-inner-spin-button {
  display: none !important;
}
custom-pdf-viewer .pdf-viewer__total-pages {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
custom-pdf-viewer .pdf-viewer__nav {
  position: sticky;
  height: 0px;
  overflow: visible;
  width: 100%;
  top: calc(100% - 50px);
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
custom-pdf-viewer .pdf-viewer__ctrl {
  position: sticky;
  color: #ffffff;
  height: 0px;
  overflow: visible;
  z-index: 10;
  top: 50%;
}
custom-pdf-viewer .pdf-viewer__ctrl-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding-right: 15px;
}
custom-pdf-viewer .pdf-viewer__btn {
  background-color: #ededed;
  color: rgb(97, 97, 97);
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  padding: 8px;
  border: 0px;
  margin: 0.5rem;
  border-radius: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
}
custom-pdf-viewer .pdf-viewer__btn > i {
  font-weight: 400;
}
custom-pdf-viewer .pdf-viewer__btn.disabled {
  cursor: default;
  background-color: #d2d2d2;
}
custom-pdf-viewer .pdf-viewer__content {
  height: 100%;
  overflow: auto;
  padding-top: 50px;
  z-index: 1;
}
custom-pdf-viewer .pdf-viewer__content-wrapper {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
custom-pdf-viewer .pdf-viewer__content div[page-index] {
  margin-left: auto;
  margin-right: auto;
}
custom-pdf-viewer .pdf-viewer__content canvas {
  padding: 10px;
  max-width: 100%;
}
custom-pdf-viewer .pdf-viewer__content[data-rotate="1"] canvas {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
custom-pdf-viewer .pdf-viewer__content[data-rotate="2"] canvas {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
custom-pdf-viewer .pdf-viewer__content[data-rotate="3"] canvas {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
custom-pdf-viewer .pdf-viewer__content::-webkit-scrollbar-track {
  background: #d2d2d2;
}
custom-pdf-viewer .pdf-viewer__content::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
custom-pdf-viewer .pdf-viewer__content::-webkit-scrollbar-thumb {
  background-color: #4c4c4c;
  border-radius: 0px;
}
custom-pdf-viewer .pdf-viewer__head {
  position: sticky;
  color: #ffffff;
  height: 0px;
  overflow: visible;
  z-index: 10;
  top: 0px;
  color: #ffffff;
}
custom-pdf-viewer .pdf-viewer__head .table {
  table-layout: fixed;
}
custom-pdf-viewer .pdf-viewer__head .table tr > td {
  padding: 0px !important;
}
custom-pdf-viewer .pdf-viewer__head-wrapper {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.75);
  justify-content: space-between;
  padding-right: 15px;
  padding-left: 15px;
}
custom-pdf-viewer .pdf-viewer__tools {
  display: flex;
  justify-content: flex-end;
}
custom-pdf-viewer .pdf-viewer__tools-btn {
  font-size: 15px;
  font-weight: 400;
  margin: 0.5rem;
  border-radius: 100%;
  line-height: 30px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
}
custom-pdf-viewer .pdf-viewer__tools-btn > i {
  font-weight: 100;
}
custom-pdf-viewer .pdf-viewer__tools-btn > i.fa-circle {
  color: transparent;
}
custom-pdf-viewer .pdf-viewer__tools-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
custom-pdf-viewer .pdf-viewer__redirect {
  position: sticky;
  color: #ffffff;
  height: 0px;
  overflow: visible;
  z-index: 10;
  top: 75px;
}
@media screen and (max-width: 991px) {
  custom-pdf-viewer .pdf-viewer__redirect {
    top: 10px;
  }
}
custom-pdf-viewer .pdf-viewer__redirect-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding-right: 0.75em;
}
custom-pdf-viewer .pdf-viewer__redirect-btn {
  margin-right: 0.5rem;
  font-size: 18px;
  color: transparent;
  background: rgba(0, 0, 0, 0.75);
}
custom-pdf-viewer .pdf-viewer__redirect-btn i {
  font-weight: 400;
}
custom-pdf-viewer .pdf-viewer__mobile {
  position: sticky;
  color: #ffffff;
  height: 0px;
  overflow: visible;
  z-index: 10;
  top: 85%;
}
custom-pdf-viewer .pdf-viewer__mobile-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.75);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  border-radius: 5px;
}
custom-pdf-viewer .pdf-viewer__mobile-wrapper > div:not(:last-child) {
  border-right: solid 1px #ffffff;
}
custom-pdf-viewer .pdf-viewer__mobile-wrapper span {
  font-size: 13px;
}
custom-pdf-viewer .pdf-viewer__mobile-wrapper span > i {
  font-weight: 100;
}
custom-pdf-viewer .pdf-viewer__mobile-pages span {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
custom-pdf-viewer .pdf-viewer__mobile-pages, custom-pdf-viewer .pdf-viewer__mobile-ctrl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
custom-pdf-viewer .pdf-viewer__mobile-btn {
  display: block;
  line-height: 40px;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  font-size: 20px;
}
custom-pdf-viewer .pdf-viewer__mobile-btn > i.fa-square {
  color: transparent;
}
custom-pdf-viewer .pdf-viewer__mobile-btn:hover, custom-pdf-viewer .pdf-viewer__mobile-btn:focus {
  background: rgba(255, 255, 255, 0.1);
}
custom-pdf-viewer .pdf-viewer__mobile-btn.disabled {
  color: rgba(255, 255, 255, 0.3);
}
custom-pdf-viewer .pdf-viewer__mobile-btn.disabled:hover, custom-pdf-viewer .pdf-viewer__mobile-btn.disabled:focus {
  background: transparent;
}
custom-pdf-viewer [class^=pdf-viewer]:not(.pdf-viewer__content):not(.pdf-viewer__content-wrapper):not(.pdf-viewer__error):not(.pdf-viewer__loading) {
  visibility: hidden;
  opacity: 0;
}
custom-pdf-viewer:focus [class*=pdf-viewer], custom-pdf-viewer:hover [class*=pdf-viewer], custom-pdf-viewer:active [class*=pdf-viewer] {
  visibility: visible !important;
  opacity: 1 !important;
}

.popover.popover-default-style.popover-total-insurance-equal {
  margin-top: 0 !important;
  margin-left: 0px !important;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-default-style.popover-total-insurance-equal {
    top: 40px !important;
    left: -140px !important;
    max-width: 240px;
  }
}
.popover.popover-default-style.popover-total-insurance-equal .popover-content {
  padding: 4px !important;
}
.popover.popover-default-style__max-width {
  max-width: 250px;
  padding-left: 0;
  left: -275px !important;
}
.popover.popover-default-style__max-width .popover-content {
  padding: 8px;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-default-style__max-width {
    left: -245px !important;
  }
}
.popover.popover-default-style {
  margin-left: 0px;
  padding-left: 5px;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .popover.popover-default-style {
    max-width: 220px;
  }
}
.popover.popover-default-style::before, .popover.popover-default-style::after {
  content: none;
}
.popover.popover-default-style ul {
  padding: initial;
  margin-bottom: initial;
  margin-top: initial;
  margin-right: initial;
  margin-left: 15px;
  list-style: initial;
}
.popover.popover-default-style ul li {
  padding: initial;
  margin: initial;
  list-style: initial;
}
.popover.popover-default-style ol {
  margin-bottom: initial;
  margin-top: initial;
  margin-right: initial;
  margin-left: 15px;
}
.popover.popover-default-style ol li {
  padding: initial;
  margin: initial;
  list-style: decimal;
}
.popover.popover-style-check-eligibility {
  margin-left: 0px;
  padding-left: 5px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .popover.popover-style-check-eligibility {
    left: -126px !important;
    top: 9% !important;
  }
}
@media only screen and (max-width: 400px) {
  .popover.popover-style-check-eligibility {
    left: -126px !important;
    top: 10% !important;
  }
}
.popover.popover-style-check-eligibility::before, .popover.popover-style-check-eligibility::after {
  content: none;
}
.popover.popover-style-check-eligibility ul {
  padding: initial;
  margin-bottom: initial;
  margin-top: initial;
  margin-right: initial;
  margin-left: 15px;
  list-style: initial;
}
.popover.popover-style-check-eligibility ul li {
  padding: initial;
  margin: initial;
  list-style: initial;
}
.popover.popover-style-check-eligibility ol {
  margin-bottom: initial;
  margin-top: initial;
  margin-right: initial;
  margin-left: 15px;
}
.popover.popover-style-check-eligibility ol li {
  padding: initial;
  margin: initial;
  list-style: decimal;
}
.popover.popover-style-pay-invoice {
  margin-left: 0px;
  padding-left: 5px;
  overflow: hidden;
  margin-top: 0px;
}
@media only screen and (max-width: 640px) {
  .popover.popover-style-pay-invoice {
    left: 1% !important;
    top: -1% !important;
  }
}
@media only screen and (max-width: 370px) {
  .popover.popover-style-pay-invoice {
    left: 1% !important;
    top: -2% !important;
  }
}
.popover.popover-style-pay-invoice::before, .popover.popover-style-pay-invoice::after {
  content: none;
}
.popover.popover-style-pay-invoice ul {
  padding: initial;
  margin-bottom: initial;
  margin-top: initial;
  margin-right: initial;
  margin-left: 15px;
  list-style: initial;
}
.popover.popover-style-pay-invoice ul li {
  padding: initial;
  margin: initial;
  list-style: initial;
}
.popover.popover-style-pay-invoice ol {
  margin-bottom: initial;
  margin-top: initial;
  margin-right: initial;
  margin-left: 15px;
}
.popover.popover-style-pay-invoice ol li {
  padding: initial;
  margin: initial;
  list-style: decimal;
}
.popover.payroll-question .popover-content {
  font-size: 12px;
  padding: 9px;
}
.popover.payroll-question .popover-content ul {
  padding-left: 25px;
}
.popover.payroll-question .popover-content ul li {
  list-style: initial;
}
.popover.payroll-question .popover-content ul li ul li {
  list-style: circle;
}
.popover.popover-minimalized {
  margin-left: 0px;
  padding-left: 5px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}
.popover.popover-minimalized .popover-content {
  padding: 2px;
}
.popover.popover-style-cvv {
  max-width: 300px;
}
@media screen and (max-width: 375px) {
  .popover.popover-style-cvv {
    max-width: 290px;
  }
}
.popover.popover-style-based-on {
  max-width: 275px;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-style-based-on {
    top: 40px !important;
    left: 50px !important;
    max-width: 240px;
  }
}
.popover.popover-style-based-on .popover-content {
  padding: 8px;
}
.popover.popover-mobile-style-right {
  left: -75px !important;
}
.popover.popover-mobile-style-right .popover-content {
  padding: 8px;
}
@media only screen and (max-width: 1199.98px) {
  .popover.popover-mobile-style-right {
    left: -115px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-mobile-style-right {
    left: -140px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-mobile-category-name {
    max-width: 40%;
    margin-top: 4px;
    margin-left: 15px !important;
  }
  .popover.popover-mobile-category-name .popover-content {
    padding: 4px;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-mobile-style-left {
    max-width: 45%;
    min-width: 75px !important;
  }
  .popover.popover-mobile-style-left .popover-content {
    padding: 4px;
  }
  .popover.popover-mobile-style-left .popover-content * {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
@media only screen and (max-width: 375px) {
  .popover.popover-mobile-style-left {
    min-width: 65px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-mobile-buffer-time {
    top: 17% !important;
    left: -35% !important;
  }
}
.popover.popover-cus-top-position {
  max-width: 85%;
  height: auto;
  max-height: 155px;
  overflow: auto;
  direction: rtl;
  text-align: left;
  padding-left: 0 !important;
}
.popover.popover-cus-top-position::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0, 0, 0, 0);
}
.popover.popover-cus-location-name {
  top: 45px !important;
  left: -162px !important;
  width: 248px !important;
  max-width: 248px !important;
  border: none !important;
  background: none !important;
}
.popover.popover-cus-location-name .popover-content {
  max-width: 246px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #232323;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover.popover-content-help {
  max-width: 40%;
  top: 5% !important;
  margin-left: 0 !important;
}
.popover.popover-content-help .popover-content {
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
  font-weight: 400;
  padding: 8px;
}
.popover.popover-content-help::before, .popover.popover-content-help::after {
  content: none;
}
@media only screen and (max-width: 1199.98px) {
  .popover.popover-content-help {
    max-width: 60%;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-content-help {
    max-width: 74%;
    top: 15% !important;
  }
  .popover.popover-content-help .popover-content {
    font-size: 12px;
    line-height: 18px;
    color: #232323;
  }
}
.popover.popover-auto-check .popover-content {
  padding: 5px;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-auto-check.width-one {
    max-width: calc(100vw - 205px);
  }
  .popover.popover-auto-check.width-three {
    max-width: calc(100vw - 250px);
  }
  .popover.popover-auto-check .popover-content {
    font-size: 12px;
    line-height: 18px;
    color: #232323;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-eligibility-mobile {
    max-width: calc(100vw - 210px);
  }
}
.popover.popover-eligibility-mobile .popover-content {
  padding: 8px;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-auto-create-claim {
    top: -60px !important;
    left: -32% !important;
  }
}
.popover.popover-auto-create-claim .popover-content {
  padding: 8px;
}
.popover.popover-auto-create-claim .popover-content ul {
  list-style: disc;
  margin-left: 15px;
}
.popover.popover-auto-create-claim .popover-content ul li {
  list-style: disc;
}
.popover.automation-upcharge .popover-content {
  padding: 8px;
}
@media only screen and (max-width: 767.98px) {
  .popover.automation-upcharge {
    top: 60px !important;
    left: -32% !important;
  }
}
.popover.popover-body-wait-list {
  max-width: 245px !important;
  left: -265px !important;
  padding-left: 0 !important;
  top: 8px !important;
}
.popover.popover-body-wait-list .popover-content {
  padding: 6px 4px !important;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-body-wait-list {
    max-width: 170px !important;
    top: 42px !important;
    left: -165px !important;
  }
}
.popover.smart-note-popover {
  max-width: 395px !important;
  left: -425px !important;
  top: 170px !important;
}
.popover.smart-note-popover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popover.smart-note-popover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  background-clip: padding-box;
}
.popover.smart-note-popover::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popover.smart-note-popover .popover-content {
  padding: 6px !important;
}
@media only screen and (max-width: 767.98px) {
  .popover.smart-note-popover {
    overflow: auto;
    top: 230px !important;
    left: -205px !important;
    max-height: 430px;
    max-width: 305px !important;
  }
  .popover.smart-note-popover .popover-content {
    padding: 4px !important;
    font-size: 12px;
    line-height: 18px;
  }
}
.popover.popover-public-payment {
  max-width: 292px !important;
  left: -315px !important;
  top: 0 !important;
  padding-left: 0 !important;
}
.popover.popover-public-payment .popover-content {
  padding: 6px 4px !important;
}
.popover.popover-total-payment {
  top: 30px !important;
  left: -45px !important;
}
.popover.popover-total-payment .popover-content {
  padding: 8px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.popover.popover-total-payment .popover-content ul {
  list-style: disc;
  margin-left: 15px;
}
.popover.popover-total-payment .popover-content ul li {
  list-style: disc;
}
.popover.popover-merge-icon {
  max-width: 292px !important;
  left: -265px !important;
  top: 25px !important;
  padding-left: 0 !important;
}
.popover.popover-merge-icon .popover-content {
  padding: 6px !important;
}
.popover.popoper-label-addendum {
  top: 40px !important;
  margin-left: -285px !important;
  max-width: 300px !important;
}
.popover.popoper-label-addendum .popover-content {
  padding: 8px;
}
.popover.popover-private-note {
  max-width: 260px;
  min-width: 250px;
  max-height: 200px;
  overflow-y: auto;
  left: -290px !important;
}
.popover.popover-private-note .popover-content {
  padding: 6px !important;
}
.popover.popover-auto-payment {
  top: 50px !important;
  margin-left: -125px !important;
}
.popover.popover-auto-payment .popover-content {
  padding: 8px !important;
}
.popover.popover-auto-payment-patient {
  top: -50px !important;
  margin-left: -280px !important;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-auto-payment-patient {
    margin-left: -280px !important;
    max-width: 270px !important;
  }
}
.popover.popover-auto-payment-patient .popover-content {
  padding: 8px !important;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-physical-therapy-assistant {
    top: 195px !important;
    margin-left: -295px !important;
  }
}
@media only screen and (max-width: 992px) {
  .popover.popover-physical-therapy-assistant {
    top: 130px !important;
    margin-left: -225px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-clinic-credit-price {
    top: 80px !important;
    left: -35% !important;
  }
  .popover.popover-clinic-credit-price .popover-content {
    padding: 8px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-promo-credit-value {
    top: 0 !important;
    left: 0 !important;
    max-width: 180px !important;
    padding-left: 0;
  }
  .popover.popover-promo-credit-value .popover-content {
    padding: 6px !important;
  }
}
.popover.popover-profile-auto-update {
  top: 75px !important;
  left: -145px !important;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-profile-auto-update {
    left: -145px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-mobile-custom__cus-top-start-up {
    top: 82px !important;
    margin-left: -140px;
  }
  .popover.popover-mobile-custom {
    top: 60px !important;
    margin-left: -155px;
  }
  .popover.popover-mobile-custom__cus-top {
    top: 85px !important;
  }
  .popover.popover-mobile-custom__enable-patient-self-scheduling {
    top: 10% !important;
    margin-left: -120px;
  }
  .popover.popover-mobile-custom__cus-top-self-scheduling {
    top: 135px !important;
  }
  .popover.popover-mobile-custom .popover-content {
    padding: 6px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-self-scheduling {
    max-width: 300px !important;
    top: 20% !important;
    left: -25% !important;
  }
}
.popover.popover-reminder-outstanding-amount {
  max-width: 500px !important;
}
.popover.popover-twofa-disclaimer {
  top: -40px !important;
}
.popover.popover-twofa-disclaimer.popover-one {
  left: -100px !important;
}
.popover.popover-twofa-disclaimer.popover-two {
  left: -145px !important;
}
@media only screen and (max-width: 767.98px) {
  .popover.popover-twofa-disclaimer.popover-one, .popover.popover-twofa-disclaimer.popover-two {
    top: -42px !important;
    left: -275px !important;
    max-width: 100% !important;
  }
}
.popover.popover-twofa-disclaimer .popover-content {
  padding: 8px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.popover.popover-twofa-disclaimer .popover-content ul {
  list-style: disc;
  margin-left: 15px;
}
.popover.popover-twofa-disclaimer .popover-content ul li {
  list-style: disc;
}

.modifier-custom-class md-select-menu[multiple] {
  z-index: 1200;
}
.modifier-custom-class md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon::after {
  -webkit-transform: none;
          transform: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border: none;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  content: var(--modifier-index);
  overflow: hidden;
}
.modifier-custom-class md-content._md {
  max-height: 240px;
}
.modifier-custom-class md-content {
  overflow: unset;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.modifier-custom-class md-optgroup {
  overflow: auto;
  height: 184px;
}
.modifier-custom-class .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  width: auto;
  counter-reset: modifier-counter;
}
.modifier-custom-class .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.modifier-custom-class input:not(.slider):focus, .modifier-custom-class input:not(.slider):hover {
  border-color: transparent;
  box-shadow: none;
}
.modifier-custom-class--reverse md-select-menu md-content {
  display: flex;
  flex-direction: column-reverse;
}

.modifier-search {
  display: flex;
}
.modifier-search__wrapper {
  display: flex;
  align-items: center;
  height: 0px;
}
.modifier-search__fields {
  display: flex;
  flex-direction: row;
}
.modifier-search__fields__item[type=text]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  border-bottom: solid 1px #c2c2c2 !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 0.5rem;
  text-align: center;
}
.modifier-search__fields__item[type=text]:not([type=checkbox]):not([type=range]):not([type=radio]):focus {
  border-bottom: solid 2px var(--main-color) !important;
}
.modifier-search__fields__item[type=text]:not([type=checkbox]):not([type=range]):not([type=radio]).modifier-search__fields__item--error {
  color: #FF0000 !important;
  border-color: #FF0000 !important;
}
.modifier-search__fields__item[type=text]:not([type=checkbox]):not([type=range]):not([type=radio]).modifier-search__fields__item--error:-webkit-autofill {
  -webkit-text-fill-color: #FF0000 !important;
}
.modifier-search__action {
  display: flex;
  flex-direction: column;
}
.modifier-search__action .button-dropdown-toggle {
  border: none;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  font-family: "Hind";
  font-size: 14px;
  line-height: 20px;
  padding: 4px 0;
  margin-top: 25px;
}
.modifier-search__action .button-dropdown-toggle:focus {
  outline: none;
  box-shadow: none !important;
}
.modifier-search__button {
  font-family: Hind, sans-serif;
  background: transparent;
  border: 0px;
  box-sizing: border-box;
  border-radius: 0px;
  color: #222222;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.modifier-search__button:hover, .modifier-search__button:focus {
  border: 0px;
  opacity: 0.7;
}
.modifier-search__toggle {
  width: 0px;
  height: 0px;
  border: 0px;
  visibility: hidden;
}
.modifier-search__container {
  z-index: 1200;
  display: flex;
  flex-direction: column;
  padding: 0px;
  max-width: 185px;
}
.modifier-search__header {
  flex-shrink: 1;
  min-height: 32px;
  height: 32px;
  position: relative;
}
.modifier-search__content {
  position: relative;
  overflow: auto;
  flex-grow: 1;
}
.modifier-search__input[type=search] {
  box-sizing: border-box;
  width: 100%;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0px;
  height: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.modifier-search__input[type=search]:focus {
  box-shadow: none;
}
.modifier-search__input[type=search]:focus, .modifier-search__input[type=search]:hover {
  overflow: hidden;
}
.modifier-search__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  font-size: 13px;
  font-weight: 500;
}
.modifier-search__option__text {
  display: flex;
}
.modifier-search__option__text .md-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modifier-search__option__text.md-checked .md-icon {
  background-color: var(--main-color);
}
.modifier-search__option__text.md-checked .md-icon::after {
  -webkit-transform: none;
          transform: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border: none;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  content: var(--modifier-index);
  overflow: hidden;
}
.modifier-search__option__marker {
  color: var(--main-color);
}
.modifier-search__option:hover, .modifier-search__option:focus, .modifier-search__option:visited {
  background-color: rgba(var(--main-color_rgb), 0.1);
}
.modifier-search__option > .md-button {
  font-size: 13px;
  padding: 0px 10px;
  background: transparent;
  background-color: transparent !important;
}
.modifier-search__option > .md-button:hover {
  background-color: transparent;
}
.modifier-search__option > .md-button[disabled] .md-select-multiple__option__marker {
  color: rgba(0, 0, 0, 0.38);
}
.modifier-search__option > .md-button:not([disabled]):hover {
  background-color: transparent;
}
.modifier-search--reverse .modifier-search__container {
  flex-direction: column-reverse;
}

.table tr td.modifier-search__table-wrapper {
  padding: 0px !important;
}
.table tr td.modifier-search__table-wrapper .modifier-search {
  padding: 0px;
}

#contentMultipSelectBox,
.contentSingleDropdownBox {
  padding-left: 1rem;
  padding-top: 1rem;
  border-radius: 4px;
  min-height: 36px;
  overflow-y: hidden;
  width: 300px;
}
#contentMultipSelectBox .mt-down-12,
.contentSingleDropdownBox .mt-down-12 {
  margin-top: -12px;
}
#contentMultipSelectBox md-progress-linear,
.contentSingleDropdownBox md-progress-linear {
  height: 3px !important;
}
#contentMultipSelectBox md-progress-linear .md-container,
.contentSingleDropdownBox md-progress-linear .md-container {
  height: 3px !important;
}
#contentMultipSelectBox .content-search-box,
.contentSingleDropdownBox .content-search-box {
  border: 1px solid #838383;
  border-radius: 5px;
  padding: 0 8px;
  margin: 0 16px 0px 0;
}
#contentMultipSelectBox .content-search-box input,
.contentSingleDropdownBox .content-search-box input {
  font-family: "Hind";
  font-size: 14px;
  line-height: 18px;
  color: #838383;
}
#contentMultipSelectBox .list-content md-radio-button .md-label,
.contentSingleDropdownBox .list-content md-radio-button .md-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
#contentMultipSelectBox .list-content::-webkit-scrollbar,
.contentSingleDropdownBox .list-content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#contentMultipSelectBox .list-content::-webkit-scrollbar-thumb,
.contentSingleDropdownBox .list-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#contentMultipSelectBox .list-content::-webkit-scrollbar-track,
.contentSingleDropdownBox .list-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#contentMultipSelectBox .list-content:hover::-webkit-scrollbar,
.contentSingleDropdownBox .list-content:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
#contentMultipSelectBox .list-content:hover::-webkit-scrollbar-thumb,
.contentSingleDropdownBox .list-content:hover::-webkit-scrollbar-thumb {
  background-color: rgba(131, 131, 131, 0.5490196078);
  border: 1px solid transparent;
}

#container-multipSelect-box .button-dropdown-toggle {
  border: 1px solid #838383;
  height: 32px;
  padding: 3px 0.7rem;
  border-radius: 5px;
}
@media only screen and (max-width: 767.98px) {
  #container-multipSelect-box .button-dropdown-toggle {
    height: 48px;
    border-radius: 8px;
  }
}

#contentMultipSelectBox {
  width: 452px;
  max-width: 452px;
}
@media only screen and (max-width: 767.98px) {
  #contentMultipSelectBox #contentMultipSelectBox {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
  }
}

.popup-content-filter .custom-height-wrapper-dropdown.modifier-search__wrapper {
  height: auto;
  min-height: 32px;
}
.popup-content-filter .custom-height-wrapper-dropdown.modifier-search__wrapper button {
  margin: 0;
}

.switchable-tabs__wrapper {
  display: flex;
  background: #F5F5F7;
  border-radius: 4px;
  padding: 4px;
  height: 44px;
}
.switchable-tabs__item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  width: 36px;
  background: #fff;
  margin: 0 4px;
  border-radius: 4px;
}
.switchable-tabs__item span {
  display: none;
}
.switchable-tabs__item--activated {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  width: calc(100% - 96px);
}
@media screen and (max-width: 1200px) {
  .switchable-tabs__item--activated {
    width: calc(100% - 50px);
  }
}
.switchable-tabs__item--activated svg {
  width: 24px !important;
}
.switchable-tabs__item--activated *, .switchable-tabs__item--activated img, .switchable-tabs__item--activated span {
  color: var(--main-color) !important;
  display: block;
  fill: var(--main-color) !important;
}
.switchable-tabs__item--activated span {
  margin-left: 6px;
}
.switchable-tabs__item--disabled {
  background: rgb(236, 236, 236);
  cursor: not-allowed;
}
.switchable-tabs__item--disabled * {
  fill: gray;
}
.switchable-tabs__item:hover *, .switchable-tabs__item:hover img, .switchable-tabs__item:hover span {
  color: var(--main-color) !important;
}
.switchable-tabs__item:hover {
  opacity: 0.7;
}

.nav.nav-tabs--clean-style {
  text-align: left;
  margin-bottom: 10px;
}
.nav.nav-tabs--clean-style .nav-item {
  padding: 0px;
}
.nav.nav-tabs--clean-style .nav-item .nav-link {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #232323;
  text-align: left;
  padding: 10px 0px;
  margin-right: 50px;
  position: relative;
}
.nav.nav-tabs--clean-style .nav-item .nav-link::after {
  position: absolute;
  left: 0px;
  top: 100%;
  content: "";
  width: 0px;
  height: 5px;
  transition: all 0.5s ease-in-out;
}
.nav.nav-tabs--clean-style .nav-item .nav-link:hover {
  border: none !important;
  border-bottom: none;
}
.nav.nav-tabs--clean-style .nav-item .nav-link:hover::after {
  width: 65px;
  height: 5px;
  background: rgba(var(--main-color_rgb), 0.5);
}
.nav.nav-tabs--clean-style .nav-item.active .nav-link {
  color: #232323;
  border: none !important;
  border-bottom: none;
}
.nav.nav-tabs--clean-style .nav-item.active .nav-link::after {
  width: 65px;
  height: 5px;
  background: var(--main-color);
}
.nav.nav-tabs--strong-style {
  background: rgba(var(--main-color_rgb), 0.1);
  border-radius: 5px;
  padding: 5px;
  display: inline-flex;
}
.nav.nav-tabs--strong-style .nav-item {
  padding: 0px;
  cursor: pointer;
}
.nav.nav-tabs--strong-style .nav-item .nav-link {
  padding: 10px 20px;
  border-radius: 5px;
  color: var(--main-color);
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  background: transparent;
  transition: all 0.5s ease-in-out;
}
.nav.nav-tabs--strong-style .nav-item.active .nav-link {
  background: var(--main-color);
  color: var(--secondary-color);
}
.nav.nav-tabs--strong-style .nav-item:not(.active):hover {
  opacity: 0.7;
}

@media only screen and (max-width: 767.98px) {
  .list-patient-appointment-page .profile-patient--nav-tabs {
    text-align: center;
  }
}
.list-patient-appointment-page .profile-patient .nav-tabs--strong-style .nav-item .nav-link {
  color: #232323;
  padding: 8px 24px;
  border-radius: 5px;
}
.list-patient-appointment-page .profile-patient .nav-tabs--strong-style .nav-item.active .nav-link {
  background: #FFF;
  color: var(--main-color);
}

/*
* Name: md-date-range-picker
* Version: 0.8.4
* Build Date: 3/12/2019
* Author: roel barreto <greatcodeideas@gmail.com>
*/
md-date-range {
  cursor: pointer;
}
md-date-range md-menu .date-range-picker__field {
  display: flex;
  align-items: center;
  min-width: 64px;
  min-height: 26px;
  flex-grow: 1;
  justify-content: space-between;
}

md-date-range-picker {
  display: block;
  max-width: 664px;
}
md-date-range-picker .md-date-range-picker__one-panel {
  display: block;
  max-width: 340px;
}

.md-custom-menu-content.date-range-picker__menu-content {
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
}

.md-date-range-picker [event-key] * {
  pointer-events: none;
}
.md-date-range-picker {
  position: relative;
  background: #FFF;
}

.md-date-range-picker__title {
  text-align: center;
  font-size: 1rem;
  background: var(--main-color);
  color: var(--secondary-color);
  margin: 0;
  padding: 16px 0;
}

.md-date-range-picker__month-year {
  text-align: center;
  font-size: 1rem;
  background: #ffffff;
  margin: 0;
  padding: 0 0;
  color: #232323;
  font-weight: 600;
}
.md-date-range-picker__month-year .md-select-icon {
  display: none;
}
.md-date-range-picker__month-year md-select {
  margin: 10px 0;
}
.md-date-range-picker__month-year md-icon {
  color: #000000;
}

.md-date-range-picker__templates {
  background: #EEE;
}

.md-date-range-picker__calendar-wrapper {
  padding: 0 0;
  width: 308px;
  min-width: 308px;
}

.md-date-range-picker__week {
  background: #F5F5F7;
}
.md-date-range-picker__week .md-date-range-picker__calendar__grid {
  font-weight: 600;
}

.md-date-range-picker__calendar__grid {
  font-size: 13px;
  color: #222;
  padding: 0;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  position: relative;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
}

.md-date-range-picker__calendar .md-date-range-picker__calendar__grid {
  cursor: pointer;
}
.md-date-range-picker__calendar .md-date-range-picker__calendar__grid:hover:not(.md-date-range-picker__calendar__selected):not(.md-date-range-picker__calendar__disabled) {
  transition: background 300ms ease-out;
  background: rgba(0, 0, 0, 0.1);
}
.md-date-range-picker__calendar .md-date-range-picker__calendar__grid.md-date-range-picker__calendar__disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.md-date-range-picker__calendar__not-in-active-month {
  color: rgba(0, 0, 0, 0.5);
}

.md-date-range-picker__calendar__selected {
  border-radius: 0px;
}
.md-date-range-picker__calendar__selected::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 100%;
  height: 36px;
  background: rgba(var(--main-color_rgb), 0.2);
  color: #000000;
}

.md-date-range-picker__calendar__selected.md-date-range-picker__calendar__disabled {
  background: rgba(0, 0, 0, 0.2);
}

.md-date-range-picker__calendar__not-in-active-month.md-date-range-picker__calendar__selected {
  color: var(--secondary-color);
}

.md-date-range-picker__calendar__today {
  font-weight: bold;
}

.md-date-range-picker__calendar__start, .md-date-range-picker__calendar__end {
  border-radius: 5px;
  background: var(--main-color);
  color: var(--secondary-color);
}

.md-date-range-picker__select {
  z-index: 100;
}

.md-date-range-picker__calendar__selection {
  pointer-events: none;
}

.profile-menu .icon {
  color: var(--main-color);
  float: right;
  font-size: 1.4em;
  margin-right: 10px;
}
.profile-menu .icon:before {
  content: "\f107" !important;
}
.profile-menu .collapsed .icon {
  color: #313131;
}
.profile-menu .collapsed .icon:before {
  content: "\f106" !important;
}
.profile-menu .user-block {
  border-bottom: none !important;
  box-shadow: none !important;
}
.profile-menu .title {
  background: none !important;
  color: rgb(47, 56, 73);
  font-size: 18px;
  font-weight: 500;
  padding: 0px 0px 18px;
  margin: 0px;
}
.profile-menu .content {
  background: #F2F9FD;
}
.profile-menu .icon-header {
  margin-right: 15px;
}
.profile-menu .main-menu {
  padding-bottom: 0;
  overflow: auto;
}
.profile-menu .main-menu ul {
  list-style: none !important;
}
.profile-menu .main-menu ul li {
  color: #313131 !important;
}
.profile-menu .main-menu ul li .btn-new {
  background: #068AD0;
  width: 41px;
  color: #FFF;
  border-radius: 5px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  height: 26px;
}
.profile-menu .main-menu ul li.active {
  background: var(--main-color) !important;
  content: "\f105" !important;
  padding-right: 8px !important;
  color: #fff !important;
}
.profile-menu .main-menu ul li.active .btn-new-active {
  color: #068AD0;
  width: 41px;
  background: #FFF;
  border-radius: 5px;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  height: 26px;
}
.profile-menu .main-menu ul li.active::before {
  font-family: FontAwesome;
  content: "\f105" !important;
  color: #fff !important;
}
.profile-menu .main-menu ul li::before {
  content: "•";
  /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #94CDEB;
  /* Or a color you prefer */
}
.profile-menu .icon-setting {
  content: "•";
}
.profile-menu .main-menu ul li {
  padding-left: 47px !important;
}
.profile-menu #menu-report ul li {
  padding-left: 32px !important;
}
.profile-menu .main-menu ul li::before {
  position: absolute;
  top: 12px;
  left: 30px;
}
.profile-menu #menu-report ul li::before {
  left: 16px;
  content: "" !important;
}
.profile-menu .main-menu ul li.active::before,
.profile-menu .main-menu ul li:hover::before {
  top: 9px;
}

.profile-page .nav-profile {
  float: left;
  width: 100%;
  padding: 5px;
  background-color: #fff;
  padding-right: 30px;
  height: 50px;
  padding-top: 10px;
}
.profile-page .nav-profile .btn-custom {
  margin-left: 5px;
}
.profile-page .input-profle-name {
  font-size: 22px;
  color: #2f3849;
  font-weight: 400;
}
.profile-page .job {
  border: none !important;
  border-bottom: 1px solid #F0F2F5 !important;
  padding: 10px;
}
.profile-page .panel .user-info {
  border: none !important;
}
.profile-page ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
}
.profile-page :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
}
.profile-page ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
}
.profile-page ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
}
.profile-page :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #909eaa !important;
}
.profile-page ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #909eaa !important;
}
.profile-page .left-section .content-block {
  border-bottom: none !important;
}
.profile-page .camera {
  position: absolute;
  bottom: 0;
  right: -5%;
  z-index: 99;
}
.profile-page .photo-btn {
  position: absolute;
  bottom: -10px;
  right: -10px;
}
.profile-page .user-img {
  position: relative;
  width: 120px;
  height: 120px;
  padding: 0 !important;
  background: whitesmoke;
  box-shadow: 0 0 4px 2px whitesmoke;
  border-radius: 100%;
  margin-bottom: 5px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.profile-page .user-img img {
  height: 100% !important;
  width: 100% !important;
}
.profile-page .user-img--square {
  border-radius: 0px;
}
.profile-page .user-img.no-circle .camera {
  bottom: -15px;
  right: -15%;
}
.profile-page .user-img.no-circle img {
  border-radius: 0 !important;
}
.profile-page .dependent {
  width: 130px;
}
.profile-page .dependent .camera {
  bottom: 0;
  right: -10px;
}
.profile-page .dependent .camera-last {
  position: absolute;
  bottom: 23%;
  right: 16%;
  color: #B9C0CC !important;
  font-size: 11px;
  font-weight: bold;
  border: none;
  background: none;
}
.profile-page .dependent .user-img {
  position: relative;
  margin-bottom: 5px;
  height: 66px !important;
  width: 66px !important;
  border-radius: 100%;
  overflow: hidden;
}
.profile-page .dependent .user-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: auto !important;
  width: 100% !important;
  border-radius: 0;
}
.profile-page .dependent .user-img button {
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 100%;
  border: none;
}
.profile-page .dependent ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
  font-size: 12px;
}
.profile-page .dependent :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
  font-size: 12px;
}
.profile-page .dependent ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
  font-size: 12px;
}
.profile-page .dependent ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #909eaa !important;
  opacity: 1;
  /* Firefox */
  font-size: 12px;
}
.profile-page .dependent :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #909eaa !important;
  font-size: 12px;
}
.profile-page .dependent ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #909eaa !important;
  font-size: 12px;
}
.profile-page .dependent .long-value-input {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.profile-page .chart {
  padding: 5px;
}
.profile-page .group-total {
  margin-top: 30px;
}
.profile-page .group-total .group-total-value {
  font-size: 53px;
}
.profile-page .group-total .group-total-title {
  font-size: 18px;
}

/* profile patient page */
.profile-patient .sub-title {
  font-size: 16px;
  color: black;
  font-weight: 400;
  margin-bottom: 15px;
}
.profile-patient .sub-title.border-bottom {
  border-bottom: 1px solid #eee;
}
.profile-patient .icon {
  color: #0275d8;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
.profile-patient .icon:before {
  content: "\f107" !important;
}
.profile-patient .collapsed .icon {
  color: #0275d8 !important;
}
.profile-patient .collapsed .icon:before {
  content: "\f105" !important;
}

/* Profile Pay Attention */
.profile-pay-attention {
  padding: 8px !important;
  top: 100% !important;
}
.profile-pay-attention .alert-notification-content .header {
  font-weight: bold;
}
.profile-pay-attention .alert-notification-content .header .full-left {
  flex: 1;
}
.profile-pay-attention .alert-notification-item {
  background: #FFFFFF;
  border: 1px solid #838383;
  box-shadow: 0px 2px 6px 2px rgba(1, 18, 34, 0.03);
  border-radius: 8px;
  padding: 8px 12px;
  margin: 6px 0px;
}
.profile-pay-attention .hyperlink {
  color: #26a6eb;
}

/* Profile edit page */
.profile-page .panel .user-info .user-img .media-icon {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 100%;
}
.profile-page .panel .user-info .user-img img {
  height: initial !important;
  border-radius: 0;
}

.profile-patient .collapsed .view-infomation {
  display: block;
}
.profile-patient .view-infomation {
  display: none;
  color: #0275d8;
}
.profile-patient .collapsed .hide-infomation {
  display: none;
}
.profile-patient .hide-infomation {
  display: block;
  color: #0275d8;
}

#hepMainTab .full-page.protocol-page .popup-content {
  margin-top: 0;
  margin-left: 0px;
  min-width: 350px;
  width: 25%;
  height: auto;
  max-height: 100%;
  float: left;
  overflow: hidden;
  border-top: 4px solid #f0f2f5;
}
@media screen and (min-width: 992px) {
  #hepMainTab .full-page.protocol-page .popup-content {
    max-width: 25%;
  }
}
#hepMainTab .full-page.protocol-page .popup-content .popup__header {
  padding-right: 10px;
}
@media screen and (max-width: 576px) {
  #hepMainTab .full-page.protocol-page .popup-content .popup__body {
    max-height: 100%;
  }
}
#hepMainTab .full-page.protocol-page .popup-content .popup__footer {
  min-height: 65px;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 99;
  padding-right: 10px;
  padding-left: 10px;
}
#hepMainTab .full-page.protocol-page .popup-content[float-on-scroll] .float-buttons {
  transition: all 0.1s;
}
#hepMainTab .full-page.protocol-page .popup-content.open {
  position: relative;
  top: 0px;
  display: block;
}
@media screen and (min-height: 767px) {
  #hepMainTab .full-page.protocol-page .popup-content.open {
    overflow-y: auto;
  }
  #hepMainTab .full-page.protocol-page .popup-content.open .hep__manip-btn--bottom-right {
    position: absolute;
    bottom: 0px;
    z-index: 99;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #hepMainTab .full-page.protocol-page .popup-content .exercise-list {
    padding: 0px 15px 15px 15px;
  }
}
#hepMainTab .full-page.protocol-page .popup-content .toast {
  max-width: 250px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  padding: 2px;
  position: relative;
}
#hepMainTab .full-page.protocol-page .popup-content .toast .close {
  margin-top: unset;
  margin-right: unset;
  top: 2px;
  right: 2px;
}
#hepMainTab .full-page.protocol-page .popup-content .toast .toast-body {
  margin-right: 10px;
}
#hepMainTab .full-page.protocol-page .popup-content .float-buttons .btn {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  #hepMainTab .full-page.protocol-page .popup-content {
    margin-left: 0;
    border-top: 0;
    top: 61px;
    bottom: 73px;
  }
}
@media (max-width: 991px) {
  #hepMainTab .full-page.protocol-page .popup-content {
    min-width: auto;
    width: 100%;
  }
}
#hepMainTab .full-page.protocol-page .popup-content, #hepMainTab .full-page.protocol-page .main-content {
  height: calc(100vh - 185px);
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
  #hepMainTab .full-page.protocol-page .popup-content, #hepMainTab .full-page.protocol-page .main-content {
    height: calc(100vh - 240px);
  }
}
@media (max-width: 767px) {
  #hepMainTab .full-page.protocol-page.web-class.safari-class.ios-class .popup-content, #hepMainTab .full-page.protocol-page.web-class.safari-class.ios-class .main-content {
    height: calc(100vh - 240px);
  }
  #hepMainTab .full-page.protocol-page.ios-class:not(.web-class) .popup-content, #hepMainTab .full-page.protocol-page.ios-class:not(.web-class) .main-content {
    height: calc(100vh - 185px);
  }
}
#hepMainTab .full-page.protocol-page .main-content {
  flex-grow: 1;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 991px) {
  #hepMainTab .full-page.protocol-page .popup-content.open + .main-content {
    width: 100%;
  }
}

.full-page.protocol-page .popup-content {
  margin-top: 0;
  min-width: 500px;
  width: 500px;
  float: none;
  border-top: 4px solid #f0f2f5;
}
.full-page.protocol-page .popup-content.open {
  display: block;
}
@media (max-width: 991px) {
  .full-page.protocol-page .popup-content {
    min-width: auto;
    width: 80%;
  }
}
@media (max-width: 450px) {
  .full-page.protocol-page .popup-content {
    width: 100%;
  }
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
  .full-page.protocol-page .main-content.popup-open .exercise-list .exercise-item .card-img-top {
    height: 80px;
  }
  .full-page.protocol-page .main-content.popup-open .exercise-list .exercise-item .cover-layer i {
    line-height: 80px;
  }
  .full-page.protocol-page .main-content.popup-open .exercise-list .exercise-item .card-img-top i.fa-file-pdf,
  .full-page.protocol-page .main-content.popup-open .exercise-list .exercise-item .card-img-top i.fa-paste {
    font-size: 60px;
  }
}
.exercise-list {
  padding: 0 15px;
}
.exercise-list .title {
  color: black;
  margin: 20px -8px;
}
.exercise-list .title .icon {
  font-size: 0.7em;
}
.exercise-list .filter .form-control {
  border: 0;
}
.exercise-list .filter .input-group-addon {
  border-radius: 0 4px 4px 0;
  border: 0;
  background: #fff;
  margin-right: 10px;
}
.exercise-list .filter .dropdown .input-group-addon {
  border-radius: 4px;
  border: 0;
  background: #fff;
  margin-right: 0;
}
.exercise-list .exercise-item {
  padding: 8px;
  float: left;
  position: relative;
  min-height: 130px;
}
@media (max-width: 1024px) {
  .exercise-list .exercise-item {
    min-height: 130px;
  }
}
.exercise-list .exercise-item .more-options {
  position: absolute;
  bottom: 25px;
  right: 12px;
  width: 20px;
  height: 20px;
  padding: 1px;
  color: #9a9a9a;
  text-align: center;
  z-index: 9;
}
.exercise-list .exercise-item .more-options:hover {
  background-color: #e2e2e2;
  border-radius: 4px;
}
.exercise-list .exercise-item .card {
  text-align: center;
}
.exercise-list .exercise-item .card__select {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 25px;
  z-index: 1;
  font-size: 50px;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}
.exercise-list .exercise-item .card__select .circle-number {
  display: inline-block;
  background: #5cb85c;
  color: white;
  font-size: 15px;
  text-align: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 30px;
}
.exercise-list .exercise-item .card-body {
  padding: 0 30px 0 8px;
  position: relative;
}
.exercise-list .exercise-item .card-body .delete {
  top: 5px;
  right: 8px;
  color: lightgray;
  position: absolute;
}
.exercise-list .exercise-item .card-body .fa.pull-right {
  margin-top: 3px;
}
.exercise-list .exercise-item .card-body .card-title {
  height: 25px;
  vertical-align: middle;
  overflow: hidden;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .exercise-list .exercise-item .card-body .card-title {
    max-width: 135px;
  }
}
@media screen and (min-width: 576px) {
  .exercise-list .exercise-item .card-body .card-title {
    max-width: 25vw;
  }
}
.exercise-list .exercise-item .card-img-top {
  padding: 8px;
  overflow: hidden;
  position: relative;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.exercise-list .exercise-item .card-img-top img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.exercise-list .exercise-item .card-img-top .cover-layer {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.exercise-list .exercise-item .card-img-top .cover-layer i {
  display: table-cell;
  vertical-align: middle;
}
.exercise-list .exercise-item .card-img-top.group {
  border: 1px solid #eee;
  padding: 1px !important;
  margin: 0;
}
.exercise-list .exercise-item .card-img-top.group .group-item {
  height: 50%;
  padding: 1px;
  text-align: center;
}
.exercise-list .exercise-item .card-img-top.group .group-item .card-img-responsive {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.exercise-list .exercise-item .card-img-top.group .group {
  border: 1px solid #eee;
  padding: 1px !important;
  margin: 0;
}
.exercise-list .exercise-item .card-img-top.group .group .group-item {
  height: 50%;
  padding: 1px;
  text-align: center;
}
.exercise-list .exercise-item .cover-layer {
  display: flex;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  min-height: 100px;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  font-size: 2em;
  z-index: 10;
  text-align: center;
  background: rgba(173, 216, 230, 0.7);
  color: green;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  align-items: center;
}
.exercise-list .exercise-item .cover-layer i.fa.fa-plus {
  margin-left: auto;
  margin-right: auto;
}
.exercise-list .exercise-item .cover-layer.bg-white {
  background: white;
  color: rgb(35, 135, 197);
}
.exercise-list .exercise-item .cover-layer i {
  line-height: 100px;
  display: table-cell;
  vertical-align: middle;
}
.exercise-list.flexible .exercise-item {
  flex: none;
}
.exercise-list .dropdown-menu li a {
  min-width: 125px;
}
@media (max-width: 767px) {
  .exercise-list {
    padding: 35px 15px;
    padding-top: 0px;
  }
  .exercise-list .title {
    position: relative;
    padding-top: 30px;
  }
  .exercise-list .filter {
    padding: 0;
    position: absolute;
    top: -15px;
    left: initial;
    right: 0;
  }
  .exercise-list .filter .form-control {
    border: 1px solid #eee;
    border-right: 0;
  }
  .exercise-list .filter .input-group-addon {
    border: 1px solid #eee;
    border-left: 0;
  }
  .exercise-list .filter .dropdown .input-group-addon {
    border: 1px solid #eee;
  }
  .exercise-list .exercise-item {
    padding-top: 8px;
    padding-bottom: 15px;
  }
  .exercise-list.flexible .exercise-item {
    width: 50%;
  }
}

.main-content.popup-open .exercise-list.flexible .exercise-item {
  width: 100%;
}

#tabHep {
  text-transform: uppercase;
}

/* List Protocol Page */
.exercise-list .filter .input-group input {
  border: 1px solid #ececec !important;
}
.exercise-list .filter .input-group .input-group-addon {
  border: 1px solid #ececec !important;
  border-left: 0 !important;
}
.exercise-list .filter .input-group .dropdown .input-group-addon {
  border-left: 1px solid #ececec !important;
}

#sandbox-container-day {
  position: absolute;
  left: 0px;
}

.patient-hep-page .exercise-item .add {
  position: relative;
  height: 75px;
  background: #f0f2f5;
}
.patient-hep-page .exercise-item .add:hover i {
  color: #333;
}
.patient-hep-page .exercise-item .add:focus i {
  color: #333;
}

.exercise-list--tree-list .list-group-item {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  padding-left: 0px;
}
.exercise-list--tree-list .list-group-item.main-selected {
  background-color: #e4eef4 !important;
}
@media screen and (max-width: 767px) {
  .exercise-list--tree-list .list-group-item > div {
    width: 100%;
  }
}
.exercise-list--tree-list .list-group-item .list-group-item__thumbnail {
  margin-left: 0.5rem;
  margin-top: 5px;
  width: 35%;
  max-width: 75px;
  position: relative;
  align-self: center;
}
.exercise-list--tree-list .list-group-item .list-group-item__thumbnail .ribbon {
  position: absolute;
  top: -5px;
  left: -5px;
}
.exercise-list--tree-list .list-group-item .list-group-item__thumbnail img {
  width: 100%;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 996px) {
  .exercise-list--tree-list .list-group-item .list-group-item__thumbnail img {
    min-width: 50px;
  }
}
@media screen and (max-width: 767px) {
  .exercise-list--tree-list .list-group-item .list-group-item__thumbnail {
    width: auto;
  }
}
.exercise-list--tree-list .list-group-item .list-group-item__thumbnail i {
  font-size: 30px;
  text-align: center;
  width: 100%;
}
.exercise-list--tree-list .list-group-item .list-group-item__thumbnail .thumbnail__program {
  width: 100%;
}
.exercise-list--tree-list .list-group-item .list-group-item__title {
  width: 60%;
  margin-left: 15px;
  margin-top: 5px;
  overflow: hidden;
}
.exercise-list--tree-list .list-group-item .list-group-item__title span.dropdown-icon {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .exercise-list--tree-list .list-group-item .list-group-item__title span.dropdown-icon {
    float: right;
  }
}
.exercise-list--tree-list .list-group-item .list-group-item__title [aria-expanded=true] span.dropdown-icon i.fas.fa-chevron-down::before {
  content: "\f077";
}
.exercise-list--tree-list .list-group-item .list-group-item__title .cutting-label {
  max-width: 80%;
}
.exercise-list--tree-list .list-group-item .list-group-item__title .cutting-label span {
  margin-left: 0px;
}
.exercise-list--tree-list .list-group-item .list-group-item__children {
  margin-left: 10px;
  overflow: hidden;
}
.exercise-list--tree-list .list-group-item .list-group-item__children .list-group-item__lv2,
.exercise-list--tree-list .list-group-item .list-group-item__children .list-group-item__lv3 {
  background: none;
}
.exercise-list--tree-list.exercise-list--tree-list--dayview .list-group-item .list-group-item__title {
  width: 100%;
}
.exercise-list--tree-list.exercise-list--tree-list--weekview .list-group-item .list-group-item__title {
  width: 100%;
}
.exercise-list--tree-list.exercise-list--tree-list--weekview .list-group-item .list-group-item__title span.dropdown-icon {
  float: right;
}
.exercise-list--tree-list.exercise-list--tree-list--detail-view .list-group-item {
  padding-bottom: 15px;
}
.exercise-list--tree-list.exercise-list--tree-list--detail-view .list-group-item .list-group-item__thumbnail {
  width: 40%;
  min-width: 120px;
}
.exercise-list--tree-list.exercise-list--tree-list--detail-view .list-group-item .list-group-item__title {
  width: 100%;
}
.exercise-list--tree-list.exercise-list--tree-list--detail-view .list-group-item .list-group-item__title .dropdown-icon {
  float: right;
}
.exercise-list--tree-list.exercise-list--tree-list--detail-view .list-group-item .list-group-item__metrics {
  width: auto;
  margin-left: 0.5rem;
  margin-top: 5px;
  align-self: center;
}
.exercise-list--tree-list.exercise-list--tree-list--detail-view .list-group-item .list-group-item__metrics .cutting-label {
  white-space: nowrap;
  display: flex;
  flex-flow: row;
}
@media screen and (max-width: 1600px) {
  .exercise-list--tree-list.exercise-list--tree-list--detail-view .list-group-item .list-group-item__metrics .cutting-label {
    flex-wrap: wrap;
    width: 175px;
  }
}

.tab-content-div.help-tab {
  overflow: hidden auto;
}

.exercise-item .dropdown-menu.right-click-menu {
  left: unset;
  top: unset;
  bottom: 50px;
  right: 20px;
}
.exercise-item .dropdown-menu.right-click-menu .dropdown-item {
  padding-right: 30px;
}

.preview-exercise-dialog {
  max-width: 90%;
  width: 90%;
}

.preview-exercise-dialog .md-dialog-content {
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
}

@media all and (min-width: 1367px) {
  .preview-exercise-dialog {
    max-width: 900px;
    width: 900px;
  }
  .preview-exercise-dialog .md-dialog-content {
    width: 100%;
  }
}
@media all and (max-width: 1366px) {
  .preview-exercise-dialog {
    max-width: 80%;
    width: 80%;
  }
}
@media all and (max-width: 1023px) {
  .preview-exercise-dialog .md-dialog-content {
    width: 100%;
    max-width: 100%;
  }
}
md-dialog.update-serie .update-serie__content {
  width: 100%;
}
@media screen and (min-width: 992px) {
  md-dialog.update-serie .update-serie__content {
    min-width: 75%;
  }
}

@media screen and (max-width: 1024px) {
  .countCheck_device {
    position: absolute;
    padding-left: 87%;
    padding-top: 3%;
    font-size: 20px;
    font-weight: bold;
    color: orangered;
  }
}

@media screen and (max-width: 1024px) {
  .borderCountSelectHEP {
    border: 1px orangered solid;
  }
}

[dhx-scheduler], .dhx-scheduler {
  font-family: sans-serif !important;
}
[dhx-scheduler] .dhx_scale_bar, [dhx-scheduler] .dhx_cal_navline .dhx_cal_dat, [dhx-scheduler] .dhx_cal_today_button, [dhx-scheduler] .dhx_cal_tab, [dhx-scheduler] .dhx_month_head, [dhx-scheduler] .dhx_mini_calendar .dhx_year_month, [dhx-scheduler] .dhtmlx-info, [dhx-scheduler] .dhtmlx_modal_box, [dhx-scheduler] .dhtmlx_button input, [dhx-scheduler] .dhtmlx_popup_button div, [dhx-scheduler] .dhx_cal_event .dhx_body, [dhx-scheduler] .dhx_cal_event .dhx_footer, [dhx-scheduler] .dhx_cal_event .dhx_header, [dhx-scheduler] .dhx_cal_event .dhx_title, [dhx-scheduler] .dhx_cal_event_clear, [dhx-scheduler] .dhx_global_tip, [dhx-scheduler] .dhx_global_tip, [dhx-scheduler] .dhx_cal_light select, [dhx-scheduler] .dhx_cal_lsection, [dhx-scheduler] .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday, .dhx-scheduler .dhx_scale_bar, .dhx-scheduler .dhx_cal_navline .dhx_cal_dat, .dhx-scheduler .dhx_cal_today_button, .dhx-scheduler .dhx_cal_tab, .dhx-scheduler .dhx_month_head, .dhx-scheduler .dhx_mini_calendar .dhx_year_month, .dhx-scheduler .dhtmlx-info, .dhx-scheduler .dhtmlx_modal_box, .dhx-scheduler .dhtmlx_button input, .dhx-scheduler .dhtmlx_popup_button div, .dhx-scheduler .dhx_cal_event .dhx_body, .dhx-scheduler .dhx_cal_event .dhx_footer, .dhx-scheduler .dhx_cal_event .dhx_header, .dhx-scheduler .dhx_cal_event .dhx_title, .dhx-scheduler .dhx_cal_event_clear, .dhx-scheduler .dhx_global_tip, .dhx-scheduler .dhx_global_tip, .dhx-scheduler .dhx_cal_light select, .dhx-scheduler .dhx_cal_lsection, .dhx-scheduler .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday {
  font-family: sans-serif !important;
}

/* Canlendar Appointment */
.dhx_scale_bar.dhx_second_scale_bar {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Block Scheduling */
.dhx_scale_bar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading.scheduler:before {
  width: 4em;
  height: 4em;
}

.loading.patient-scheduler:before {
  top: 10%;
  width: 3em;
  height: 3em;
}

.clinic-calendar .dhx_cal_header {
  border-right: 1px solid #CECECE !important;
  border-bottom: 0px !important;
}

.time select {
  width: 60px;
  text-align-last: center;
  padding-right: 16px !important;
}

.time12 select {
  width: 50px;
  text-align-last: center;
  padding-right: 16px !important;
}

.week-btn,
.day-btn {
  background-color: #F6F8F9;
}

.day-btn-active {
  background: #E4EEF4;
}

.patient-scheduling .patient-calendar-page .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_standard {
  background: transparent !important;
}
.patient-scheduling .patient-calendar-page .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_personal {
  background: transparent !important;
}
.patient-scheduling .patient-calendar-page .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_year_event {
  background: rgba(var(--main-color_rgb), 0.7) !important;
  color: var(--secondary-color) !important;
  font-weight: bold;
  border-radius: 5px;
}

.patient-calendar-page .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_year_event {
  background: rgba(var(--main-color_rgb), 0.7) !important;
  color: var(--secondary-color) !important;
  font-weight: bold;
  border-radius: 5px;
}
.patient-calendar-page .dhx_mini_calendar {
  /*.dhx_month_head.dhx_year_event.dhx_year_event_standard:before {
    content: '\25CF';

    color: #3F48CC;
    position: absolute;
    margin-top: 9px;
    margin-left: 4px;

  }

  .dhx_month_head.dhx_year_event.dhx_year_event_personal:before {
    content: '\25CF';

    color: #EC8D00;
    position: absolute;
    margin-top: 8px;
    margin-left: 4px;

  }

  .dhx_month_head.dhx_year_event.dhx_year_event_standard.dhx_year_event_personal:before {
    content: '\25CF';

    color: #3F48CC;
    position: absolute;
    margin-top: 7px;
    margin-left: 0px;

  }

  .dhx_month_head.dhx_year_event.dhx_year_event_standard.dhx_year_event_personal:after {
    content: '\25CF';

    color: #EC8D00;
    position: absolute;
    margin-top: 7px;
    margin-left: -7px;

  }

  .dhx_month_head.dhx_year_event.dhx_year_event_block:before {
    content: '\25CF';

    color: #3F48CC;
    position: absolute;
    margin-top: 7px;
    margin-left: 4px;

  }*/
}
.patient-calendar-page .dhx_mini_calendar .dhx_calendar_click {
  font-weight: bold;
  background-color: transparent;
}
.patient-calendar-page .dhx_mini_calendar .dhx_month_head.dhx_year_event {
  background-color: transparent;
}
.patient-calendar-page .dhx_mini_calendar {
  /* now with focus */
}
.patient-calendar-page .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_calendar_click {
  background-color: #FFF3A1;
  font-weight: bold;
}
.patient-calendar-page .dhx_mini_calendar {
  /* now with event */
}
.patient-calendar-page .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_year_event {
  background-color: #FFF3A1;
}
.patient-calendar-page .dhx_mini_calendar {
  /* now with event and foucs */
}
.patient-calendar-page .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_year_event.dhx_calendar_click {
  font-weight: bold;
  background-color: #FFF3A1;
}
.patient-calendar-page .dhx_mini_calendar .mark_event_type {
  /*background-color: #EC8D00; #FFF3A1*/
  background: red !important;
}

.dhx_cal_container.dhx_mini_calendar {
  padding: 0;
  box-shadow: none !important;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_month {
  padding: 5px 10px;
  height: 35px;
  line-height: 25px;
  color: #000;
  background: #F0F2F5;
  font-weight: bold;
}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button,
.dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button {
  background-image: none;
}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button::after,
.dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button::after {
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  top: -6px;
  color: #BCC5CF;
}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button::after {
  content: "\f105";
}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button::after {
  content: "\f104";
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week {
  height: 30px !important;
  border: none;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week .dhx_scale_bar {
  height: 25px !important;
  font-size: 14px;
  padding-top: 10px;
  color: #068AD0;
  position: unset !important;
  display: inline-block;
  width: 14% !important;
  text-align: center;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table {
  width: 100%;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table td {
  padding: 2px;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head {
  font-size: 11px;
  border-radius: 50%;
  width: 90% !important;
  padding-bottom: 68% !important;
  padding-top: 3px;
  margin: auto;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_body {
  display: none;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_calendar_click {
  background-color: var(--main-color);
  color: white;
  font-weight: 700;
}
.dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_now .dhx_month_head {
  background-color: rgba(var(--main-color_rgb), 0.5);
}

.user-info {
  display: flex;
  align-items: center;
}
.user-info .usr-img {
  margin-right: 5px;
}
.user-info .form-control {
  font-size: 18px !important;
  height: 49px !important;
}

table .user-info .usr-img {
  margin-right: 10px;
}
table .user-info .text-primary {
  width: calc(100% - 60px);
}

.clinic-calendar {
  padding: 15px !important;
  font-size: 12px;
  line-height: 17px;
  font-family: Hind;
  font-weight: 600;
  color: #232323;
  height: calc(100vh - 270px);
}
.clinic-calendar .style-display-height {
  display: flex;
  flex-direction: column;
}
.clinic-calendar .navbar {
  padding: 0;
}
.clinic-calendar .dhx-btn-group {
  margin-left: 15px;
  top: 12px;
}
.clinic-calendar .dhx-btn-group button {
  height: 33px;
}
.clinic-calendar .appointmentNew .dhx_header,
.clinic-calendar .appointmentNew .dhx_title,
.clinic-calendar .appointmentNew .dhx_footer {
  background-color: #2e5098;
}
.clinic-calendar .appointmentNew .dhx_body {
  background-color: #2e5098;
}
.clinic-calendar .appointmentNewPast .dhx_header,
.clinic-calendar .appointmentNewPast .dhx_title,
.clinic-calendar .appointmentNewPast .dhx_footer {
  background-color: #B887D9;
}
.clinic-calendar .appointmentNewPast .dhx_body {
  background-color: #B887D9;
}
.clinic-calendar .unavailableTime .dhx_header,
.clinic-calendar .unavailableTime .dhx_title,
.clinic-calendar .unavailableTime .dhx_footer {
  background-color: #929292;
}
.clinic-calendar .unavailableTime .dhx_body {
  background-color: #929292;
}
.clinic-calendar .appointmentArival .dhx_header,
.clinic-calendar .appointmentArival .dhx_title,
.clinic-calendar .appointmentArival .dhx_footer {
  background-color: rgb(206, 114, 227);
}
.clinic-calendar .appointmentArival .dhx_body {
  background-color: rgb(206, 114, 227);
}
.clinic-calendar .appointmentArrived .dhx_header,
.clinic-calendar .appointmentArrived .dhx_title,
.clinic-calendar .appointmentArrived .dhx_footer {
  background-color: #ed6c44;
}
.clinic-calendar .appointmentArrived .dhx_body {
  background-color: #ed6c44;
}
.clinic-calendar .appointmentInProcess .dhx_header,
.clinic-calendar .appointmentInProcess .dhx_title,
.clinic-calendar .appointmentInProcess .dhx_footer {
  background-color: #009688;
}
.clinic-calendar .appointmentInProcess .dhx_body {
  background-color: #009688;
}
.clinic-calendar .appointmentComplete .dhx_header,
.clinic-calendar .appointmentComplete .dhx_title,
.clinic-calendar .appointmentComplete .dhx_footer {
  background-color: #b81d3f;
}
.clinic-calendar .appointmentComplete .dhx_body {
  background-color: #b81d3f;
}
.clinic-calendar .appointmentCompletePaid .dhx_header,
.clinic-calendar .appointmentCompletePaid .dhx_title,
.clinic-calendar .appointmentCompletePaid .dhx_footer {
  background-color: #1eb75d;
}
.clinic-calendar .appointmentCompletePaid .dhx_body {
  background-color: #1eb75d;
}
.clinic-calendar .appointmentNotArrived .dhx_header,
.clinic-calendar .appointmentNotArrived .dhx_title,
.clinic-calendar .appointmentNotArrived .dhx_footer {
  background-color: rgb(255, 142, 133);
}
.clinic-calendar .appointmentNotArrived .dhx_body {
  background-color: rgb(255, 142, 133);
}
.clinic-calendar .appointmentNotApproved .dhx_header,
.clinic-calendar .appointmentNotApproved .dhx_title,
.clinic-calendar .appointmentNotApproved .dhx_footer {
  background-color: rgb(228, 235, 254);
  color: #454544;
}
.clinic-calendar .appointmentNotApproved .dhx_body {
  background-color: rgb(228, 235, 254);
  color: #454544;
}
.clinic-calendar .eventSchedule .dhx_header,
.clinic-calendar .eventSchedule .dhx_title,
.clinic-calendar .eventSchedule .dhx_footer {
  background-color: #FE7510;
}
.clinic-calendar .eventSchedule .dhx_body {
  background-color: #FE7510;
}
.clinic-calendar .appointmentListColor {
  background-color: #2B7FD1;
}
.clinic-calendar md-list md-list-item.md-2-line.appointmentListColor .md-list-item-text h4,
.clinic-calendar md-list md-list-item.md-2-line.appointmentListColor .md-list-item-text p,
.clinic-calendar md-list md-list-item.md-2-line.appointmentListColor .md-secondary-container {
  background-color: transparent;
  color: #FFFFFF !important;
}
.clinic-calendar .eventListColor {
  background-color: #EC8D00;
}
.clinic-calendar md-list md-list-item.md-2-line.eventListColor .md-list-item-text h4,
.clinic-calendar md-list md-list-item.md-2-line.eventListColor .md-list-item-text p,
.clinic-calendar md-list md-list-item.md-2-line.eventListColor .md-secondary-container {
  background-color: transparent;
  color: #FFFFFF !important;
}
.clinic-calendar .dhx_time_block {
  background: #9c9898;
  opacity: 1;
}
.clinic-calendar .unAvailableSectionTimeline {
  background-color: #9c9898;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer;
  z-index: 0;
}
.clinic-calendar .availableWithLocation {
  background-color: #FC260A;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer;
  z-index: 0;
}
.clinic-calendar input.date-picker {
  width: 50%;
  /*margin-left: 10px;*/
}
.clinic-calendar .dhx_cal_container.dhx_mini_calendar .dhx_month_head.dhx_year_event {
  background-color: none;
}
.clinic-calendar .hidden-time {
  width: 70px;
  color: #FFFFFF;
}
.clinic-calendar label.timedisplay {
  font-weight: normal;
  padding-left: 5px;
  color: black;
}
.clinic-calendar .therapist-select {
  margin: 0 5px;
  border: 1px solid #d8d8d8 !important;
  border-radius: 0.25rem !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  width: 80px;
}
.clinic-calendar .schedule-mode-mobile {
  width: 200px;
  max-width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.clinic-calendar .followedAppointmentInfo {
  font-size: 12px;
}
.clinic-calendar .listAppointmentDay {
  padding-top: 5px;
  padding-bottom: 5px;
}
.clinic-calendar .therapistItem .therapistInfo {
  width: 150px;
  padding: 10px;
  word-wrap: break-all;
}
.clinic-calendar .therapistHeader.col-equal-height {
  border-right: 1px solid #6A6A6A;
  position: static;
}
.clinic-calendar .therapistItem .therapistImg {
  padding: 5px 0px 5px 10px;
}
.clinic-calendar .therapistRow {
  border-bottom: 1px solid #DBDBDB;
  position: relative;
}
.clinic-calendar .row8col .col-sm-1,
.clinic-calendar .row8col .col-xs-1 {
  width: 12.5%;
}
.clinic-calendar .row8col .col-sm-6,
.clinic-calendar .row8col .col-xs-6 {
  width: 43.75%;
}
.clinic-calendar .row8col {
  margin-bottom: 15px;
  overflow: hidden;
  border-top: 1px solid #DBDBDB;
}
.clinic-calendar .row8col.scheduleBlock {
  border-top: 1px solid #9F9F9F;
  border-bottom: 1px solid #F2F2F2;
  background: rgb(242, 242, 242);
}
.clinic-calendar .row7col .col-sm-1,
.clinic-calendar .row7col .col-xs-1 {
  width: 14.28%;
}
.clinic-calendar .row7col .col-sm-6,
.clinic-calendar .row7col .col-xs-6 {
  width: 50%;
}
.clinic-calendar .row7col {
  margin-bottom: 15px;
  overflow: hidden;
  border-top: 1px solid #DBDBDB;
}
.clinic-calendar .row7col.scheduleBlock {
  border-top: 1px solid #9F9F9F;
  border-bottom: 1px solid #F2F2F2;
  background: rgb(242, 242, 242);
}
.clinic-calendar .col-equal-height {
  border-right: 1px solid #DBDBDB;
  margin-bottom: 15px;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.clinic-calendar .appointmentBlock {
  height: 50px;
  background: inherit;
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
}
.clinic-calendar .img-circle {
  margin: 5px;
  border-radius: 50%;
}
.clinic-calendar .glyphicon-search,
.clinic-calendar .glyphicon-menu-left,
.clinic-calendar .glyphicon-menu-right {
  font-size: 13px;
}
.clinic-calendar .icon-plus {
  position: absolute;
  display: block;
  color: #4268FF;
  margin-bottom: 5px;
  padding: 0;
  top: inherit;
  bottom: 0;
  right: 5px;
  font-size: 24px;
  line-height: 10px;
  font-weight: bold;
}
.clinic-calendar .countAppointment {
  font-size: 13px;
  color: #666666;
}
.clinic-calendar .badge {
  line-height: 1.7;
  border-radius: 50%;
}
.clinic-calendar .colorBox {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 4px;
}
.clinic-calendar .headerAppoinemtnType {
  float: left;
  width: 7px;
  height: 50px;
}
.clinic-calendar .eventTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}
.clinic-calendar .header-item-list-right {
  background-color: #d7d7d7;
  /*border-right: 2px solid #ccc;*/
  position: absolute;
}
.clinic-calendar .content-list-right {
  padding-top: 55px;
}
.clinic-calendar .dhx_cal_data .dhx_scale_holder_now:last-of-type,
.clinic-calendar .dhx_cal_data .dhx_scale_holder:last-of-type {
  margin-top: -38px;
  border: 0px;
}
.clinic-calendar .dhx_cal_data .dhx_drag_marker {
  margin-top: 38px;
}
.clinic-calendar .dhx_cal_data .dhx_scale_holder_now,
.clinic-calendar .dhx_cal_data .dhx_scale_holder {
  border-left: 1px solid #CECECE;
  margin-left: -1px;
}
.clinic-calendar .dhx_cal_data div.dhx_scale_hour,
.clinic-calendar .dhx_cal_data table .dhx_matrix_cell,
.clinic-calendar .dhx_cal_data table .dhx_matrix_scell {
  border-top: none;
  border-bottom: none;
}
.clinic-calendar span.scheduling-block.toggler.float-left.glyphicon.glyphicon-menu-right.arrow.child {
  padding-top: 5px;
  margin: -10px 0 0 1px;
}
.clinic-calendar span.scheduling-block.toggler.float-left.glyphicon.glyphicon-menu-right.arrow.child.in {
  margin: -12px 0 0 1px;
}
.clinic-calendar .collapse.scheduling-block.in {
  display: block;
}
.clinic-calendar .collapse.scheduling-block {
  display: none;
}
.clinic-calendar .hour-input-combobox {
  width: 45px;
  padding: 5px 0 0 10px;
}

.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_calendar_click,
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_year_event {
  border-radius: 50%;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_standard:before {
  content: "●";
}
@media screen and (max-width: 768px) {
  .clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_standard:before {
    font-size: 7px;
  }
}
@media screen and (min-width: 769px) {
  .clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_standard:before {
    font-size: 10px;
  }
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_standard:before {
  color: #3F48CC;
  position: absolute;
  margin-top: 9px;
  margin-left: 4px;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_body,
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head {
  border-radius: 50%;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_calendar_click,
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_year_event {
  border-radius: 50%;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar {
  /* day with event */
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_personal {
  background-color: #EC8D00;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar {
  /* day with event and focus */
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head.dhx_year_event.dhx_year_event_personal.dhx_calendar_click {
  background-color: #EC8D00;
  font-weight: bold;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_calendar_click {
  font-weight: bold;
  background-color: transparent;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head.dhx_year_event {
  background-color: transparent;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar {
  /* now with focus */
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_calendar_click {
  background-color: #FFF3A1;
  font-weight: bold;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar {
  /* now with event */
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_year_event {
  background-color: #FFF3A1;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar {
  /* now with event and foucs */
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_now .dhx_month_head.dhx_year_event.dhx_calendar_click {
  font-weight: bold;
  background-color: #FFF3A1;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .mark_event_type {
  /*background-color: #EC8D00; #FFF3A1*/
  background: red !important;
}
.clinic-calendar.clinic-calendar-patient #cal_here .dhx_mini_calendar .dhx_month_head {
  height: 28px;
  width: 28px;
  padding-top: 5px;
}

.calendar-appointment .dropdown-custom {
  left: 160px;
  font-size: 18px;
  height: 35px;
  width: 180px !important;
}
.calendar-appointment .dropdown-custom select {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  border: 1px solid #aaa !important;
  border-radius: 5px !important;
}
.calendar-appointment .top-ul {
  padding: 10px 40px;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .calendar-appointment .dropdown-custom {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

.calendar-appointment .go-back {
  display: inline-block;
  margin: 0 15px;
  font-size: 12px;
  padding: 6px;
  background: #f5f5f5;
  border-radius: 5px;
  font-weight: 600;
}

.full-cal-feature > .main-tabs-holder {
  display: -ms-flex !important;
  display: flex !important;
  flex-direction: column !important;
}
.full-cal-feature .top-ul {
  order: 1;
}
.full-cal-feature .clinic-calendar {
  display: -ms-flex !important;
  display: flex !important;
  flex-direction: column !important;
  order: 2;
  flex-grow: 1;
}
.full-cal-feature .clinic-calendar .navbar.nav-header,
.full-cal-feature .clinic-calendar .mainDiv,
.full-cal-feature .clinic-calendar .body-right,
.full-cal-feature .clinic-calendar .main-cal-section {
  display: -ms-flex !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1;
}
.clinic-calendar .dhx_cal_navline {
  border-bottom: 1px solid #F0F2F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.clinic-calendar .dhx_cal_navline div {
  position: relative;
  top: 0px;
  right: auto;
}
.clinic-calendar .dhx_cal_navline .dhx_minical_icon {
  left: 0px;
}
.clinic-calendar .dhx_cal_navline .dhx_minical_icon:hover, .clinic-calendar .dhx_cal_navline .dhx_minical_icon:visited, .clinic-calendar .dhx_cal_navline .dhx_minical_icon:focus {
  outline: none !important;
  box-shadow: none !important;
}
.clinic-calendar .dhx_cal_navline .dhx_cal_today_button {
  height: 28px;
  width: 50px;
  padding: 0px 5px;
}
.clinic-calendar .dhx_cal_navline button {
  height: 35px;
  padding: 0px 18px;
}
.clinic-calendar .dhx_cal_navline button:hover, .clinic-calendar .dhx_cal_navline button:visited, .clinic-calendar .dhx_cal_navline button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.clinic-calendar .dhx_cal_navline .dhx_minical_icon {
  font-size: 26px;
  margin: 0px 0.5rem;
}
.clinic-calendar .dhx_cal_navline .dhx_cal_date {
  font-weight: bold;
  width: auto;
  margin: 0px 0.5rem;
}
@media screen and (min-width: 1200px) {
  .clinic-calendar .dhx_cal_navline .dhx_cal_date {
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) {
  .clinic-calendar .dhx_cal_navline .dhx_cal_date {
    font-size: 15px;
  }
}
.clinic-calendar .dhx_cal_navline .dhx_cal_next_button,
.clinic-calendar .dhx_cal_navline .dhx_cal_prev_button {
  border: none;
  background-image: none;
  width: 35px;
  margin-right: 10px;
  background: whitesmoke;
  text-align: center;
  border-radius: 10%;
}
.clinic-calendar .dhx_cal_navline .dhx_cal_next_button::after,
.clinic-calendar .dhx_cal_navline .dhx_cal_prev_button::after {
  font-family: FontAwesome;
  font-size: 20px;
  color: var(--main-color);
}
.clinic-calendar .dhx_cal_navline .dhx_cal_prev_button::after {
  content: "\f104";
  padding-right: 3px;
}
.clinic-calendar .dhx_cal_navline .dhx_cal_next_button::after {
  content: "\f105";
}
.clinic-calendar .dhx_cal_header {
  border: solid 1px #cecece;
  border-right: 0px;
  border-left: 0px !important;
}
.clinic-calendar .dhx_cal_header .dhx_scale_bar {
  color: #000;
  font-weight: bold;
  border-top: 0px;
}
@media (max-width: 767px) {
  .clinic-calendar .dhx_cal_header .dhx_scale_bar {
    font-size: 7px;
    overflow: hidden;
  }
}
.clinic-calendar .dhx_cal_header .dhx_scale_bar .info-title {
  text-align: center;
  max-width: calc(100% - 10px) !important;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clinic-calendar .dhx_cal_data .dhx_scale_holder .dhx_marked_timespan div {
  border-color: #ddd !important;
}
.clinic-calendar .dhx_cal_data .dhx_scale_holder .dhx_scale_hour {
  color: #000000;
  font-weight: bold;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-around;
}

@media (max-width: 320px) {
  .select-date {
    background: #68c7f1;
    width: 30px !important;
    height: 30px !important;
    height: 34px;
    overflow: visible;
    border-radius: 50%;
  }
  .select-date select {
    background: transparent;
    width: 30px !important;
    padding: 5px !important;
    font-size: 14px;
    line-height: 1;
    border: none !important;
    border-radius: 50%;
    height: 34px;
    -webkit-appearance: none;
  }
  .select-date select option:checked {
    color: #747473 !important;
  }
  .clinic-calendar .therapist-select {
    border: none !important;
    padding-left: 5px !important;
  }
}
.dhx_month_head.dhx_year_event {
  background-color: rgba(var(--main-color_rgb), 0.2);
}

.location-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 100%;
  margin-right: 10px;
  text-align: center;
  line-height: 30px;
}

.app-page.patient-calendar-page {
  max-height: calc(100% - 30px);
}
.app-page.patient-calendar-page .left-section .main-menu .content-block .btn {
  max-width: 100%;
  white-space: normal;
}
.app-page.patient-calendar-page .left-section .main-menu #cal_here {
  width: 100% !important;
  max-width: 250px;
}

.timezone__group {
  height: 100%;
  top: 72px;
  min-width: 73px;
  height: 80px;
}
.timezone__group.timezone__group--clinic .timezone__local {
  display: none;
}
.timezone__group .timezone__title {
  text-align: center;
  font-weight: bold;
  flex-grow: 1;
  max-width: calc(50% - 1px);
}

.dhx_scale_hour .timezone__group {
  align-items: flex-end;
  align-content: space-around;
}
.dhx_scale_hour .timezone__group:not(.timezone__group--clinic)::after {
  position: absolute;
  left: calc(50% - 1px);
  width: 1px;
  height: 100%;
  border-right: solid 1px #ddd;
  content: "";
}
.dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__local, .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__clinic {
  width: 50%;
  flex-grow: 1;
  text-align: center;
}
.dhx_scale_hour .timezone__group.timezone__group--clinic .timezone__local {
  display: none;
}
.dhx_scale_hour .timezone__group .timezone__sign {
  margin-bottom: 5px;
}

.dhx_header_timezone {
  position: absolute;
}
.dhx_header_timezone > div {
  min-width: 73px;
}
.dhx_header_timezone .icon-local-zone {
  font-size: 11px;
  margin-left: 10px;
}

.block-scheduling-page, .schedule-page, .wait-list-page {
  padding: 15px 15px 0px 14px;
}
.block-scheduling-page__layout, .schedule-page__layout, .wait-list-page__layout {
  padding: 15px 15px 0px 14px;
}
.block-scheduling-page, .schedule-page, .wait-list-page {
  background: #F5F5F7;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .block-scheduling-page, .schedule-page, .wait-list-page {
    padding: 0px;
    background: #FFF;
  }
}
.block-scheduling-page [dhx-scheduler], .block-scheduling-page .dhx-scheduler, .schedule-page [dhx-scheduler], .schedule-page .dhx-scheduler, .wait-list-page [dhx-scheduler], .wait-list-page .dhx-scheduler {
  font-family: Hind, sans-serif !important;
}
.block-scheduling-page [dhx-scheduler] .dhx_scale_bar, .block-scheduling-page [dhx-scheduler] .dhx_cal_navline .dhx_cal_dat, .block-scheduling-page [dhx-scheduler] .dhx_cal_today_button, .block-scheduling-page [dhx-scheduler] .dhx_cal_tab, .block-scheduling-page [dhx-scheduler] .dhx_month_head, .block-scheduling-page [dhx-scheduler] .dhx_mini_calendar .dhx_year_month, .block-scheduling-page [dhx-scheduler] .dhtmlx-info, .block-scheduling-page [dhx-scheduler] .dhtmlx_modal_box, .block-scheduling-page [dhx-scheduler] .dhtmlx_button input, .block-scheduling-page [dhx-scheduler] .dhtmlx_popup_button div, .block-scheduling-page [dhx-scheduler] .dhx_cal_event .dhx_body, .block-scheduling-page [dhx-scheduler] .dhx_cal_event .dhx_footer, .block-scheduling-page [dhx-scheduler] .dhx_cal_event .dhx_header, .block-scheduling-page [dhx-scheduler] .dhx_cal_event .dhx_title, .block-scheduling-page [dhx-scheduler] .dhx_cal_event_clear, .block-scheduling-page [dhx-scheduler] .dhx_global_tip, .block-scheduling-page [dhx-scheduler] .dhx_global_tip, .block-scheduling-page [dhx-scheduler] .dhx_cal_light select, .block-scheduling-page [dhx-scheduler] .dhx_cal_lsection, .block-scheduling-page [dhx-scheduler] .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday, .block-scheduling-page .dhx-scheduler .dhx_scale_bar, .block-scheduling-page .dhx-scheduler .dhx_cal_navline .dhx_cal_dat, .block-scheduling-page .dhx-scheduler .dhx_cal_today_button, .block-scheduling-page .dhx-scheduler .dhx_cal_tab, .block-scheduling-page .dhx-scheduler .dhx_month_head, .block-scheduling-page .dhx-scheduler .dhx_mini_calendar .dhx_year_month, .block-scheduling-page .dhx-scheduler .dhtmlx-info, .block-scheduling-page .dhx-scheduler .dhtmlx_modal_box, .block-scheduling-page .dhx-scheduler .dhtmlx_button input, .block-scheduling-page .dhx-scheduler .dhtmlx_popup_button div, .block-scheduling-page .dhx-scheduler .dhx_cal_event .dhx_body, .block-scheduling-page .dhx-scheduler .dhx_cal_event .dhx_footer, .block-scheduling-page .dhx-scheduler .dhx_cal_event .dhx_header, .block-scheduling-page .dhx-scheduler .dhx_cal_event .dhx_title, .block-scheduling-page .dhx-scheduler .dhx_cal_event_clear, .block-scheduling-page .dhx-scheduler .dhx_global_tip, .block-scheduling-page .dhx-scheduler .dhx_global_tip, .block-scheduling-page .dhx-scheduler .dhx_cal_light select, .block-scheduling-page .dhx-scheduler .dhx_cal_lsection, .block-scheduling-page .dhx-scheduler .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday, .schedule-page [dhx-scheduler] .dhx_scale_bar, .schedule-page [dhx-scheduler] .dhx_cal_navline .dhx_cal_dat, .schedule-page [dhx-scheduler] .dhx_cal_today_button, .schedule-page [dhx-scheduler] .dhx_cal_tab, .schedule-page [dhx-scheduler] .dhx_month_head, .schedule-page [dhx-scheduler] .dhx_mini_calendar .dhx_year_month, .schedule-page [dhx-scheduler] .dhtmlx-info, .schedule-page [dhx-scheduler] .dhtmlx_modal_box, .schedule-page [dhx-scheduler] .dhtmlx_button input, .schedule-page [dhx-scheduler] .dhtmlx_popup_button div, .schedule-page [dhx-scheduler] .dhx_cal_event .dhx_body, .schedule-page [dhx-scheduler] .dhx_cal_event .dhx_footer, .schedule-page [dhx-scheduler] .dhx_cal_event .dhx_header, .schedule-page [dhx-scheduler] .dhx_cal_event .dhx_title, .schedule-page [dhx-scheduler] .dhx_cal_event_clear, .schedule-page [dhx-scheduler] .dhx_global_tip, .schedule-page [dhx-scheduler] .dhx_global_tip, .schedule-page [dhx-scheduler] .dhx_cal_light select, .schedule-page [dhx-scheduler] .dhx_cal_lsection, .schedule-page [dhx-scheduler] .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday, .schedule-page .dhx-scheduler .dhx_scale_bar, .schedule-page .dhx-scheduler .dhx_cal_navline .dhx_cal_dat, .schedule-page .dhx-scheduler .dhx_cal_today_button, .schedule-page .dhx-scheduler .dhx_cal_tab, .schedule-page .dhx-scheduler .dhx_month_head, .schedule-page .dhx-scheduler .dhx_mini_calendar .dhx_year_month, .schedule-page .dhx-scheduler .dhtmlx-info, .schedule-page .dhx-scheduler .dhtmlx_modal_box, .schedule-page .dhx-scheduler .dhtmlx_button input, .schedule-page .dhx-scheduler .dhtmlx_popup_button div, .schedule-page .dhx-scheduler .dhx_cal_event .dhx_body, .schedule-page .dhx-scheduler .dhx_cal_event .dhx_footer, .schedule-page .dhx-scheduler .dhx_cal_event .dhx_header, .schedule-page .dhx-scheduler .dhx_cal_event .dhx_title, .schedule-page .dhx-scheduler .dhx_cal_event_clear, .schedule-page .dhx-scheduler .dhx_global_tip, .schedule-page .dhx-scheduler .dhx_global_tip, .schedule-page .dhx-scheduler .dhx_cal_light select, .schedule-page .dhx-scheduler .dhx_cal_lsection, .schedule-page .dhx-scheduler .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday, .wait-list-page [dhx-scheduler] .dhx_scale_bar, .wait-list-page [dhx-scheduler] .dhx_cal_navline .dhx_cal_dat, .wait-list-page [dhx-scheduler] .dhx_cal_today_button, .wait-list-page [dhx-scheduler] .dhx_cal_tab, .wait-list-page [dhx-scheduler] .dhx_month_head, .wait-list-page [dhx-scheduler] .dhx_mini_calendar .dhx_year_month, .wait-list-page [dhx-scheduler] .dhtmlx-info, .wait-list-page [dhx-scheduler] .dhtmlx_modal_box, .wait-list-page [dhx-scheduler] .dhtmlx_button input, .wait-list-page [dhx-scheduler] .dhtmlx_popup_button div, .wait-list-page [dhx-scheduler] .dhx_cal_event .dhx_body, .wait-list-page [dhx-scheduler] .dhx_cal_event .dhx_footer, .wait-list-page [dhx-scheduler] .dhx_cal_event .dhx_header, .wait-list-page [dhx-scheduler] .dhx_cal_event .dhx_title, .wait-list-page [dhx-scheduler] .dhx_cal_event_clear, .wait-list-page [dhx-scheduler] .dhx_global_tip, .wait-list-page [dhx-scheduler] .dhx_global_tip, .wait-list-page [dhx-scheduler] .dhx_cal_light select, .wait-list-page [dhx-scheduler] .dhx_cal_lsection, .wait-list-page [dhx-scheduler] .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday, .wait-list-page .dhx-scheduler .dhx_scale_bar, .wait-list-page .dhx-scheduler .dhx_cal_navline .dhx_cal_dat, .wait-list-page .dhx-scheduler .dhx_cal_today_button, .wait-list-page .dhx-scheduler .dhx_cal_tab, .wait-list-page .dhx-scheduler .dhx_month_head, .wait-list-page .dhx-scheduler .dhx_mini_calendar .dhx_year_month, .wait-list-page .dhx-scheduler .dhtmlx-info, .wait-list-page .dhx-scheduler .dhtmlx_modal_box, .wait-list-page .dhx-scheduler .dhtmlx_button input, .wait-list-page .dhx-scheduler .dhtmlx_popup_button div, .wait-list-page .dhx-scheduler .dhx_cal_event .dhx_body, .wait-list-page .dhx-scheduler .dhx_cal_event .dhx_footer, .wait-list-page .dhx-scheduler .dhx_cal_event .dhx_header, .wait-list-page .dhx-scheduler .dhx_cal_event .dhx_title, .wait-list-page .dhx-scheduler .dhx_cal_event_clear, .wait-list-page .dhx-scheduler .dhx_global_tip, .wait-list-page .dhx-scheduler .dhx_global_tip, .wait-list-page .dhx-scheduler .dhx_cal_light select, .wait-list-page .dhx-scheduler .dhx_cal_lsection, .wait-list-page .dhx-scheduler .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday {
  font-family: Hind, sans-serif !important;
}
.block-scheduling-page .sidebar-inner, .schedule-page .sidebar-inner, .wait-list-page .sidebar-inner {
  width: 275px;
  background: #FFFFFF;
  padding: 0px 3px 0px 15px;
}
.block-scheduling-page .sidebar-inner::-webkit-scrollbar-thumb, .schedule-page .sidebar-inner::-webkit-scrollbar-thumb, .wait-list-page .sidebar-inner::-webkit-scrollbar-thumb {
  border-radius: 20px;
}
.block-scheduling-page .sidebar-inner::-webkit-scrollbar-track, .schedule-page .sidebar-inner::-webkit-scrollbar-track, .wait-list-page .sidebar-inner::-webkit-scrollbar-track {
  background-color: transparent;
}
.block-scheduling-page .sidebar-inner .content-block, .schedule-page .sidebar-inner .content-block, .wait-list-page .sidebar-inner .content-block {
  width: 245px;
  font-size: 12px;
  line-height: 17px;
}
.block-scheduling-page .sidebar-inner .content-block____patient-working, .schedule-page .sidebar-inner .content-block____patient-working, .wait-list-page .sidebar-inner .content-block____patient-working {
  margin: 1rem 0rem;
}
.block-scheduling-page .sidebar-inner .content-block .title, .schedule-page .sidebar-inner .content-block .title, .wait-list-page .sidebar-inner .content-block .title {
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 0.5rem;
}
.block-scheduling-page .sidebar-inner .content-block .title__working-patient, .schedule-page .sidebar-inner .content-block .title__working-patient, .wait-list-page .sidebar-inner .content-block .title__working-patient {
  font-size: 14px;
  line-height: 20px;
}
.block-scheduling-page .sidebar-inner .content-block__switchable-tabs, .schedule-page .sidebar-inner .content-block__switchable-tabs, .wait-list-page .sidebar-inner .content-block__switchable-tabs {
  padding: 12px 0px 16px 0px;
}
.block-scheduling-page .sidebar-inner .content-block__create-appointment, .schedule-page .sidebar-inner .content-block__create-appointment, .wait-list-page .sidebar-inner .content-block__create-appointment {
  padding-top: 16px;
  padding-bottom: 16px;
}
.block-scheduling-page .sidebar-inner .content-block, .schedule-page .sidebar-inner .content-block, .wait-list-page .sidebar-inner .content-block {
  margin: 0px;
}
.block-scheduling-page .sidebar-inner .content-block .text-schedule-appointment, .schedule-page .sidebar-inner .content-block .text-schedule-appointment, .wait-list-page .sidebar-inner .content-block .text-schedule-appointment {
  font-size: 14px;
  line-height: 20px;
}
.block-scheduling-page .sidebar-inner .content-block .dhx-calendar-custom, .schedule-page .sidebar-inner .content-block .dhx-calendar-custom, .wait-list-page .sidebar-inner .content-block .dhx-calendar-custom {
  width: 245px;
}
.block-scheduling-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month, .schedule-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month, .wait-list-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month {
  background: #fff;
  padding: 5px 8px;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 12px;
  line-height: 17px;
  font-family: Hind, sans-serif;
  color: #232323;
}
.block-scheduling-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button::after, .schedule-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button::after, .wait-list-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button::after {
  left: 7px;
  font-size: 15px;
}
.block-scheduling-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button::after, .schedule-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button::after, .wait-list-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button::after {
  right: 6px;
  font-size: 15px;
}
.block-scheduling-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week .dhx_scale_bar, .schedule-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week .dhx_scale_bar, .wait-list-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week .dhx_scale_bar {
  font-size: 12px;
  line-height: 17px;
}
.block-scheduling-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head, .schedule-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head, .wait-list-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head {
  padding-bottom: 76% !important;
}
.block-scheduling-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head, .schedule-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head, .wait-list-page .sidebar-inner .content-block .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head {
  font-size: 14px;
  line-height: 20px;
  font-family: Hind, sans-serif;
  padding: 7px;
}
.block-scheduling-page .sidebar-inner h2.title, .schedule-page .sidebar-inner h2.title, .wait-list-page .sidebar-inner h2.title {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  text-align: left;
  margin: 0px;
}
.block-scheduling-page .sidebar-inner h2.title__working-patient, .schedule-page .sidebar-inner h2.title__working-patient, .wait-list-page .sidebar-inner h2.title__working-patient {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.block-scheduling-page .main-tabs-holder, .schedule-page .main-tabs-holder, .wait-list-page .main-tabs-holder {
  background: #ffffff;
}
@media only screen and (max-width: 767.98px) {
  .block-scheduling-page .main-tabs-holder__scheduler-view, .schedule-page .main-tabs-holder__scheduler-view, .wait-list-page .main-tabs-holder__scheduler-view {
    padding-top: 0 !important;
  }
}
.block-scheduling-page .main-tabs-holder__scheduler-view .scheduler-display-local-timezone, .schedule-page .main-tabs-holder__scheduler-view .scheduler-display-local-timezone, .wait-list-page .main-tabs-holder__scheduler-view .scheduler-display-local-timezone {
  margin-right: 5px;
}
.block-scheduling-page .clinic-calendar, .schedule-page .clinic-calendar, .wait-list-page .clinic-calendar {
  padding: 0px !important;
  margin-left: 15px;
}
.block-scheduling-page .clinic-calendar__scheduler, .schedule-page .clinic-calendar__scheduler, .wait-list-page .clinic-calendar__scheduler {
  margin-right: 10px;
}
@media only screen and (max-width: 767.98px) {
  .block-scheduling-page .clinic-calendar, .schedule-page .clinic-calendar, .wait-list-page .clinic-calendar {
    margin-right: 0;
    margin-left: 0;
  }
  .block-scheduling-page .clinic-calendar #tab-header ul.top-sidebar-menu, .schedule-page .clinic-calendar #tab-header ul.top-sidebar-menu, .wait-list-page .clinic-calendar #tab-header ul.top-sidebar-menu {
    background: #f0f2f5;
    height: 44px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .block-scheduling-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item, .schedule-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item, .wait-list-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item {
    font-family: "Hind";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    display: flex;
    align-items: center;
    color: #232323;
    cursor: pointer;
    transition: all 0.2s ease-in;
  }
  .block-scheduling-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover, .schedule-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover, .wait-list-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover {
    opacity: 0.5;
    color: var(--main-color);
    background: rgba(var(--main-color_rgb), 0.05);
  }
  .block-scheduling-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item--activated, .schedule-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item--activated, .wait-list-page .clinic-calendar #tab-header ul.top-sidebar-menu li.sidebar-menu__item--activated {
    color: var(--main-color);
    background: #fff;
  }
  .block-scheduling-page .clinic-calendar .content-btn-appoiment, .schedule-page .clinic-calendar .content-btn-appoiment, .wait-list-page .clinic-calendar .content-btn-appoiment {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    background: var(--main-color);
    border: 1px solid #3D5AFE;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
    border-radius: 8px;
    padding: 5px 15px;
    color: #FFF;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .block-scheduling-page .clinic-calendar .content-btn-appoiment i, .schedule-page .clinic-calendar .content-btn-appoiment i, .wait-list-page .clinic-calendar .content-btn-appoiment i {
    margin-right: 13px !important;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one, .schedule-page .clinic-calendar .content-filter-time-one, .wait-list-page .clinic-calendar .content-filter-time-one {
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    justify-content: start;
    align-items: center;
    font-family: "Nunito Sans";
    font-weight: normal;
    gap: 8px;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-week-view,
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-provider,
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-today, .schedule-page .clinic-calendar .content-filter-time-one .content-week-view,
  .schedule-page .clinic-calendar .content-filter-time-one .content-provider,
  .schedule-page .clinic-calendar .content-filter-time-one .content-today, .wait-list-page .clinic-calendar .content-filter-time-one .content-week-view,
  .wait-list-page .clinic-calendar .content-filter-time-one .content-provider,
  .wait-list-page .clinic-calendar .content-filter-time-one .content-today {
    border: 1px solid #838383 !important;
    box-sizing: border-box;
    border-radius: 8px !important;
    height: 36px !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px !important;
    padding: 8px !important;
    color: #232323;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-provider, .schedule-page .clinic-calendar .content-filter-time-one .content-provider, .wait-list-page .clinic-calendar .content-filter-time-one .content-provider {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-provider .fa-user-friends, .schedule-page .clinic-calendar .content-filter-time-one .content-provider .fa-user-friends, .wait-list-page .clinic-calendar .content-filter-time-one .content-provider .fa-user-friends {
    color: #000;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-today, .schedule-page .clinic-calendar .content-filter-time-one .content-today, .wait-list-page .clinic-calendar .content-filter-time-one .content-today {
    background: #FFF !important;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-week-view input, .schedule-page .clinic-calendar .content-filter-time-one .content-week-view input, .wait-list-page .clinic-calendar .content-filter-time-one .content-week-view input {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    color: #172B4D;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one .content-week-view label, .schedule-page .clinic-calendar .content-filter-time-one .content-week-view label, .wait-list-page .clinic-calendar .content-filter-time-one .content-week-view label {
    font-size: 14px !important;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-one .scheduler-print-button, .schedule-page .clinic-calendar .content-filter-time-one .scheduler-print-button, .wait-list-page .clinic-calendar .content-filter-time-one .scheduler-print-button {
    height: 40px !important;
    background: white !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 22%;
    max-width: 22%;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-two, .schedule-page .clinic-calendar .content-filter-time-two, .wait-list-page .clinic-calendar .content-filter-time-two {
    margin-top: 8px;
    display: flex;
    align-items: center;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-two .dhx_cal_next_button, .block-scheduling-page .clinic-calendar .content-filter-time-two .dhx_cal_prev_button, .schedule-page .clinic-calendar .content-filter-time-two .dhx_cal_next_button, .schedule-page .clinic-calendar .content-filter-time-two .dhx_cal_prev_button, .wait-list-page .clinic-calendar .content-filter-time-two .dhx_cal_next_button, .wait-list-page .clinic-calendar .content-filter-time-two .dhx_cal_prev_button {
    color: #172B4D !important;
    font-size: 15px !important;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-two .content-date-short, .schedule-page .clinic-calendar .content-filter-time-two .content-date-short, .wait-list-page .clinic-calendar .content-filter-time-two .content-date-short {
    font-family: "Open Sans" !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px;
    color: #172B4D !important;
    margin-left: 2.5rem;
  }
  .block-scheduling-page .clinic-calendar .content-filter-time-two .content-date-short i, .schedule-page .clinic-calendar .content-filter-time-two .content-date-short i, .wait-list-page .clinic-calendar .content-filter-time-two .content-date-short i {
    color: #172B4D;
  }
}
.block-scheduling-page .dhx_list.dhx_table .dhx_list_item, .schedule-page .dhx_list.dhx_table .dhx_list_item, .wait-list-page .dhx_list.dhx_table .dhx_list_item {
  min-height: 60px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.block-scheduling-page .dhx_list.dhx_table .dhx_list_item .content, .schedule-page .dhx_list.dhx_table .dhx_list_item .content, .wait-list-page .dhx_list.dhx_table .dhx_list_item .content {
  height: 60px !important; /* 2679*/
}
.block-scheduling-page .templateList .templateList__action, .schedule-page .templateList .templateList__action, .wait-list-page .templateList .templateList__action {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
}
.block-scheduling-page .templateList .templateList__item, .schedule-page .templateList .templateList__item, .wait-list-page .templateList .templateList__item {
  background-color: none;
}
.block-scheduling-page .templateList .templateList__item:hover, .schedule-page .templateList .templateList__item:hover, .wait-list-page .templateList .templateList__item:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
.block-scheduling-page .templateList .templateList__item--selected, .schedule-page .templateList .templateList__item--selected, .wait-list-page .templateList .templateList__item--selected {
  color: var(--main-color);
}
.block-scheduling-page .form-group label, .schedule-page .form-group label, .wait-list-page .form-group label {
  color: #232323;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
.block-scheduling-page .content__title, .schedule-page .content__title, .wait-list-page .content__title {
  color: #232323;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  border: 0px;
}
.block-scheduling-page .content--scrollable, .schedule-page .content--scrollable, .wait-list-page .content--scrollable {
  max-height: 230px;
  overflow: overlay;
}
.block-scheduling-page .dhx_cal_btns .btn, .schedule-page .dhx_cal_btns .btn, .wait-list-page .dhx_cal_btns .btn {
  color: #232323;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 1199px) {
  .block-scheduling-page .dhx_cal_btns .btn, .schedule-page .dhx_cal_btns .btn, .wait-list-page .dhx_cal_btns .btn {
    font-size: 11px;
  }
}
.block-scheduling-page .dhx_cal_btns .btn.btn-main, .schedule-page .dhx_cal_btns .btn.btn-main, .wait-list-page .dhx_cal_btns .btn.btn-main {
  color: #FFFFFF;
}
.block-scheduling-page .dhx_scale_hour .timezone__group, .schedule-page .dhx_scale_hour .timezone__group, .wait-list-page .dhx_scale_hour .timezone__group {
  align-items: flex-end;
  align-content: space-around;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #232323;
}
.block-scheduling-page .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__local, .block-scheduling-page .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__clinic, .schedule-page .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__local, .schedule-page .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__clinic, .wait-list-page .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__local, .wait-list-page .dhx_scale_hour .timezone__group:not(.timezone__group--clinic) .timezone__clinic {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  color: #232323;
}
.block-scheduling-page .location-icon, .schedule-page .location-icon, .wait-list-page .location-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 100%;
  margin-right: 10px;
  text-align: center;
  line-height: 30px;
}

#blockSchedulingEdit {
  position: fixed;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0px;
  overflow: hidden;
  max-height: 600px;
  width: 448px;
  display: none;
}
#blockSchedulingEdit.is-displayed {
  display: flex;
}
#blockSchedulingEdit .form-group--strong-style {
  margin-bottom: 0.5rem;
}
#blockSchedulingEdit .form-group--strong-style label {
  margin-bottom: 0.25rem;
}
#blockSchedulingEdit .form-group--strong-style label.form-group__lable-color {
  margin: 4px 8px 0px 0px;
}
#blockSchedulingEdit .block-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}
#blockSchedulingEdit .block-list__item {
  background: #F5F5F7;
  border: 1px solid #838383;
  color: #232323;
  box-sizing: border-box;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin: 4px;
  padding: 6px;
  flex-basis: 100%;
  max-width: 98px;
  text-align: center;
}
#blockSchedulingEdit .block-list__item.block-list__item--selected {
  background: rgba(var(--main-color_rgb), 0.2);
  border: 1px solid var(--main-color);
  box-sizing: border-box;
  border-radius: 5px;
  color: var(--main-color);
}
#blockSchedulingEdit .color-list {
  display: flex;
  flex-wrap: wrap;
}
#blockSchedulingEdit .color-list .color-list__item {
  width: 24px;
  height: 24px;
  margin: 0px 4px;
  border-radius: 100%;
  position: relative;
}
#blockSchedulingEdit .color-list .color-list__item--selected {
  font-family: Font Awesome\ 5 Pro;
}
#blockSchedulingEdit .color-list .color-list__item--selected::before {
  font-size: 16px;
  position: absolute;
  left: 5px;
  top: 0px;
  color: #000000;
  content: "\f00c";
  z-index: 1002;
}
#blockSchedulingEdit .color-list .color-list__item--selected::after {
  font-size: 17px;
  position: absolute;
  left: 4.5px;
  top: 0.5px;
  color: #ffffff;
  content: "\f00c";
  z-index: 1001;
  -webkit-filter: blur(0.5);
  filter: blur(0.5);
}

.dhx_minical_popup.dhx_minical_popup--clean-style {
  font-family: Hind, sans-serif;
  width: auto;
  height: auto;
  z-index: 999;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar {
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  width: 314px;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_month {
  background: #ffffff;
  padding: 14px 0px;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-family: Hind, sans-serif;
  color: #232323;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button, .dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button {
  position: relative !important;
  top: 0px !important;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button::after, .dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button::after {
  color: #000000;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button {
  order: -1;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button {
  order: 3;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week {
  background: #F5F5F7;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px !important;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week .dhx_scale_bar {
  color: #232323;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  display: block;
  padding: 0px;
  background: none;
  display: flex;
  align-items: center;
  text-align: center;
  height: 40px;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head {
  background: transparent;
  border-radius: 5px;
  color: #232323;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 44px;
  display: block;
  margin: auto;
  border: 0px;
  padding: 0px;
  height: 44px;
  width: 100% !important;
  display: block;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head.dhx_calendar_click:not(.dhx_calendar_click--marked) {
  background: rgba(var(--main-color_rgb), 0.2);
  color: #000000;
  border-radius: 0px;
  max-height: 30px;
  line-height: 30px;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head.dhx_calendar_click.dhx_calendar_click--marked {
  background: var(--main-color);
  color: var(--secondary-color);
  border-radius: 5px;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_after .dhx_month_head, .dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_before .dhx_month_head {
  color: rgba(0, 0, 0, 0.5) !important;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_after .dhx_month_head *, .dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_after .dhx_month_head a, .dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_before .dhx_month_head *, .dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_before .dhx_month_head a {
  color: rgba(0, 0, 0, 0.5) !important;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td {
  height: 44px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td:hover .dhx_month_head {
  transition: background 300ms ease-out;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td:hover .dhx_month_head.dhx_calendar_click {
  max-height: 44px;
  line-height: 44px;
  opacity: 0.7;
  border-radius: 5px;
}
.dhx_minical_popup.dhx_minical_popup--clean-style .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td:hover .dhx_month_head.dhx_calendar_click:not(.dhx_calendar_click--marked) {
  background: var(--main-color) !important;
  color: var(--secondary-color);
}

body.scheduling-page--prevent-click #top-nav input, body.scheduling-page--prevent-click #top-nav a.brand {
  pointer-events: none !important;
}
body.scheduling-page--prevent-click .block-scheduling-page .dhx-table.dhx-list .dhx_list_item {
  pointer-events: none;
}
body.scheduling-page--prevent-click footer a {
  pointer-events: none !important;
}
body.scheduling-page--prevent-click #help-button, body.scheduling-page--prevent-click #button-container {
  pointer-events: none !important;
}

.dhx_cal_data {
  overflow-y: auto;
}
.dhx_cal_data::-webkit-scrollbar {
  width: 7px;
  background-color: rgba(0, 0, 0, 0);
}
.dhx_cal_data::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.dhx_cal_data::-webkit-scrollbar-track {
  background-color: #C4C4C4;
  border-right: 5px rgba(0, 0, 0, 0) solid;
  border-left: 1px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
.dhx_cal_data:hover::-webkit-scrollbar {
  width: 7px;
}
.dhx_cal_data:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 4px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
@media only screen and (max-width: 767.98px) {
  .dhx_cal_data::-webkit-scrollbar {
    width: 1px;
    background-color: rgba(0, 0, 0, 0);
  }
  .dhx_cal_data::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .dhx_cal_data::-webkit-scrollbar-track {
    background-color: #C4C4C4;
    border-right: none;
    border-left: none;
    background-clip: padding-box;
  }
  .dhx_cal_data:hover::-webkit-scrollbar {
    width: 1px;
  }
  .dhx_cal_data:hover::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    border-left: none;
    background-clip: padding-box;
  }
}

.patient-scheduler__main .dhx_cal_data::-webkit-scrollbar-track {
  background-color: #C4C4C4;
  border-right: 4px rgba(0, 0, 0, 0) solid;
  border-left: 2px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}

#dropdownLocationPatient {
  overflow-y: overlay;
}
#dropdownLocationPatient::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(0, 0, 0, 0);
}
#dropdownLocationPatient::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-right: 2px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
#dropdownLocationPatient::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

#content-location-service,
#content-location-provider,
#contentViewOtherLocation,
#sidebarInner,
#upcomingAppointmentList,
#previousAppointmentList,
#cancelledAppointmentList,
#noshowedAppointmentList,
#tooltipScheduler,
#serviceListProviderCalendar,
#providerListProviderCalendar,
#from-content-block,
#serviceBlock,
#classBlock {
  overflow-y: auto;
}
#content-location-service::-webkit-scrollbar,
#content-location-provider::-webkit-scrollbar,
#contentViewOtherLocation::-webkit-scrollbar,
#sidebarInner::-webkit-scrollbar,
#upcomingAppointmentList::-webkit-scrollbar,
#previousAppointmentList::-webkit-scrollbar,
#cancelledAppointmentList::-webkit-scrollbar,
#noshowedAppointmentList::-webkit-scrollbar,
#tooltipScheduler::-webkit-scrollbar,
#serviceListProviderCalendar::-webkit-scrollbar,
#providerListProviderCalendar::-webkit-scrollbar,
#from-content-block::-webkit-scrollbar,
#serviceBlock::-webkit-scrollbar,
#classBlock::-webkit-scrollbar {
  width: 12px;
  background-color: rgba(0, 0, 0, 0);
}
#content-location-service::-webkit-scrollbar-thumb,
#content-location-provider::-webkit-scrollbar-thumb,
#contentViewOtherLocation::-webkit-scrollbar-thumb,
#sidebarInner::-webkit-scrollbar-thumb,
#upcomingAppointmentList::-webkit-scrollbar-thumb,
#previousAppointmentList::-webkit-scrollbar-thumb,
#cancelledAppointmentList::-webkit-scrollbar-thumb,
#noshowedAppointmentList::-webkit-scrollbar-thumb,
#tooltipScheduler::-webkit-scrollbar-thumb,
#serviceListProviderCalendar::-webkit-scrollbar-thumb,
#providerListProviderCalendar::-webkit-scrollbar-thumb,
#from-content-block::-webkit-scrollbar-thumb,
#serviceBlock::-webkit-scrollbar-thumb,
#classBlock::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#content-location-service::-webkit-scrollbar-track,
#content-location-provider::-webkit-scrollbar-track,
#contentViewOtherLocation::-webkit-scrollbar-track,
#sidebarInner::-webkit-scrollbar-track,
#upcomingAppointmentList::-webkit-scrollbar-track,
#previousAppointmentList::-webkit-scrollbar-track,
#cancelledAppointmentList::-webkit-scrollbar-track,
#noshowedAppointmentList::-webkit-scrollbar-track,
#tooltipScheduler::-webkit-scrollbar-track,
#serviceListProviderCalendar::-webkit-scrollbar-track,
#providerListProviderCalendar::-webkit-scrollbar-track,
#from-content-block::-webkit-scrollbar-track,
#serviceBlock::-webkit-scrollbar-track,
#classBlock::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#content-location-service:hover::-webkit-scrollbar,
#content-location-provider:hover::-webkit-scrollbar,
#contentViewOtherLocation:hover::-webkit-scrollbar,
#sidebarInner:hover::-webkit-scrollbar,
#upcomingAppointmentList:hover::-webkit-scrollbar,
#previousAppointmentList:hover::-webkit-scrollbar,
#cancelledAppointmentList:hover::-webkit-scrollbar,
#noshowedAppointmentList:hover::-webkit-scrollbar,
#tooltipScheduler:hover::-webkit-scrollbar,
#serviceListProviderCalendar:hover::-webkit-scrollbar,
#providerListProviderCalendar:hover::-webkit-scrollbar,
#from-content-block:hover::-webkit-scrollbar,
#serviceBlock:hover::-webkit-scrollbar,
#classBlock:hover::-webkit-scrollbar {
  width: 12px;
}
#content-location-service:hover::-webkit-scrollbar-thumb,
#content-location-provider:hover::-webkit-scrollbar-thumb,
#contentViewOtherLocation:hover::-webkit-scrollbar-thumb,
#sidebarInner:hover::-webkit-scrollbar-thumb,
#upcomingAppointmentList:hover::-webkit-scrollbar-thumb,
#previousAppointmentList:hover::-webkit-scrollbar-thumb,
#cancelledAppointmentList:hover::-webkit-scrollbar-thumb,
#noshowedAppointmentList:hover::-webkit-scrollbar-thumb,
#tooltipScheduler:hover::-webkit-scrollbar-thumb,
#serviceListProviderCalendar:hover::-webkit-scrollbar-thumb,
#providerListProviderCalendar:hover::-webkit-scrollbar-thumb,
#from-content-block:hover::-webkit-scrollbar-thumb,
#serviceBlock:hover::-webkit-scrollbar-thumb,
#classBlock:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 8px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}

#upcomingAppointmentList,
#previousAppointmentList,
#cancelledAppointmentList,
#noshowedAppointmentList,
#serviceBlock,
#classBlock {
  direction: rtl;
  overflow-y: overlay;
}
#upcomingAppointmentList::-webkit-scrollbar,
#previousAppointmentList::-webkit-scrollbar,
#cancelledAppointmentList::-webkit-scrollbar,
#noshowedAppointmentList::-webkit-scrollbar,
#serviceBlock::-webkit-scrollbar,
#classBlock::-webkit-scrollbar {
  width: 8px;
}
#upcomingAppointmentList:hover::-webkit-scrollbar,
#previousAppointmentList:hover::-webkit-scrollbar,
#cancelledAppointmentList:hover::-webkit-scrollbar,
#noshowedAppointmentList:hover::-webkit-scrollbar,
#serviceBlock:hover::-webkit-scrollbar,
#classBlock:hover::-webkit-scrollbar {
  width: 8px;
}
#upcomingAppointmentList:hover::-webkit-scrollbar-thumb,
#previousAppointmentList:hover::-webkit-scrollbar-thumb,
#cancelledAppointmentList:hover::-webkit-scrollbar-thumb,
#noshowedAppointmentList:hover::-webkit-scrollbar-thumb,
#serviceBlock:hover::-webkit-scrollbar-thumb,
#classBlock:hover::-webkit-scrollbar-thumb {
  border-left: 4px rgba(0, 0, 0, 0) solid;
}

#upcomingAppointmentList table, #upcomingAppointmentList .provider-list,
#previousAppointmentList table,
#previousAppointmentList .provider-list,
#cancelledAppointmentList table,
#cancelledAppointmentList .provider-list,
#noshowedAppointmentList table,
#noshowedAppointmentList .provider-list,
#serviceBlock table,
#serviceBlock .provider-list,
#classBlock table,
#classBlock .provider-list {
  direction: ltr;
}

.schedule-filter .content-provider {
  border: 1px solid #838383;
  border-radius: 4px;
  padding: 8px 0 8px 12px;
}
.schedule-filter .collapse-list .provider-list .location-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 5.16px;
  margin-right: 0;
}
.schedule-filter .collapse-list .provider-list .location-icon .icon-char {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.schedule-filter .collapse-list__content .switchable-tabs__wrapper {
  height: 36px;
}
.schedule-filter .collapse-list__content .switchable-tabs__item {
  background: transparent;
  height: auto;
}
.schedule-filter .collapse-list__content .switchable-tabs__item--activated {
  background: #ffffff;
}
.schedule-filter .collapse-list.collapse-list--clean-style .collapse-list__content__main {
  padding-top: 0;
}
.schedule-filter .collapse-list.collapse-list--clean-style .collapse-list__content__main.apply-sticky {
  bottom: 0px;
  z-index: 998;
  position: sticky;
  position: -webkit-sticky;
}
.schedule-filter .collapse-list.collapse-list--clean-style .collapse-list__content__main .btn-large {
  padding: 8px 32px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}

.context-status {
  /* 2679*/
}
.context-status__button {
  font-size: 16px;
  margin: 0px !important;
}
.context-status__content {
  padding: 5px 10px;
  max-height: 530px;
  max-width: 338px;
  min-width: 220px;
}
.context-status {
  /* 2679*/
}
.context-status__item {
  /* 2679*/
  padding-top: 5px;
  padding-bottom: 5px;
  /* 2679*/
  height: auto;
  min-height: 0px;
  display: flex;
  justify-content: flex-start;
}
.context-status__item__color {
  width: auto;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}
.context-status__item__color .icon-square {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  display: block;
}
.context-status__item__icon {
  width: auto;
  margin: 0px;
  flex-shrink: 1;
  font-size: 17px;
  width: 50px;
  text-align: center;
}
.context-status__item__text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: 230px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}
.context-status__item__location-padding-right {
  padding-right: 16px;
}
.context-status__item__text-padding-left {
  padding-left: 16px;
}
.context-status__item__icon-hidden-color {
  padding-left: 0px;
  padding-right: 0px;
  width: 24px;
}
.context-status__item__icon-shadow-available {
  text-shadow: 0px 0px 20px #FA9847, 0px 0px 10px rgba(250, 152, 71, 0.5);
}
.context-status__item__icon-location {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}

.repeat_conflict__roomsEquipment {
  top: 12px;
}
.repeat_conflict__roomsEquipment .modal-dialog {
  max-width: 448px;
}
.repeat_conflict label {
  font-size: 14px;
}
.repeat_conflict h4 {
  font-size: 14px !important;
  font-weight: bold;
}
.repeat_conflict .modal-header {
  background-color: var(--main-color) !important;
  color: var(--secondary-color) !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.repeat_conflict .modal-header button.close {
  color: var(--secondary-color) !important;
  font-weight: normal;
}
.repeat_conflict .modal-body {
  padding-top: 10px;
  padding-bottom: 10px;
}
.repeat_conflict .modal-body .conflict-container {
  padding: 0;
}
.repeat_conflict .modal-body li.main-list {
  padding: 0;
  margin-top: 10px;
}
.repeat_conflict .modal-body li.sub-list {
  list-style: disc;
  margin-left: 18px;
}
.repeat_conflict .modal-body li.sub-list:before {
  content: "";
  margin-left: -5px;
}
.repeat_conflict .modal-body .sub-label {
  font-weight: 600;
}
.repeat_conflict .modal-body div.row div {
  margin: 0 10px;
}
.repeat_conflict .modal-footer {
  border-top: none;
}
.repeat_conflict .modal-footer button {
  border-radius: 5px;
  padding: 8px 24px;
  font-weight: bold;
  font-size: 14px;
}
.repeat_conflict button.available {
  border: none;
  background: transparent;
  color: #838383;
}
.repeat_conflict button.accept {
  color: #838383;
  border-color: #838383;
  background: transparent;
}
.repeat_conflict button.back {
  background-color: var(--main-color) !important;
  color: var(--secondary-color) !important;
}

tr.edit-block-scheduling_tr md-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
tr.edit-block-scheduling_tr md-checkbox .md-container {
  top: unset;
  margin-top: 0;
  -webkit-transform: none;
          transform: none;
}

md-select.custom-form-control[disabled=disabled] md-select-value .md-select-icon {
  display: none;
}

.intake-form-page .custom-controls input:not([type=checkbox]):not([type=range]):not([type=radio]),
.intake-form-page .custom-controls select,
.intake-form-page .custom-controls textarea,
.intake-form-page .custom-controls .form-control,
.intake-form-page .custom-controls .select2-selection {
  width: 100%;
}
.intake-form-page .handle-move {
  cursor: pointer;
}

intake-form-slider {
  width: 100%;
}

@media (max-width: 991px), (max-width: 1024px) and (orientation: landscape) {
  intake-form-radio-buttons > .row > div,
  intake-form-multiple-choice > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  intake-form-slider {
    width: 100%;
  }
  intake-form-slider > div {
    flex-direction: column !important;
  }
  intake-form-slider > div > div + div.flex-grow-1 {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  intake-form-table .table-controls {
    overflow: auto;
  }
  intake-form-table .table-controls .table tbody > tr > td {
    min-width: 190px;
  }
  intake-form-table .table-controls .table tbody > tr > td.none, intake-form-table .table-controls .table tbody > tr > td.no-cell, intake-form-table .table-controls .table tbody > tr > td.btn-add-control {
    min-width: auto;
  }
  intake-form-table .table-controls .table tbody tr:first-child td .dropup .dropdown-menu,
  intake-form-table .table-controls .table tbody tr:nth-child(2) td .dropup .dropdown-menu {
    top: 100%;
    bottom: auto;
  }
  intake-form-table .dropdown .dropdown-menu > ul {
    max-height: 140px !important;
  }
}
.preview-intake-form intake-form-radio-buttons > .row > div,
.preview-intake-form intake-form-multiple-choice > .row > div {
  flex: 0 0 50%;
  max-width: 50%;
}
.preview-intake-form intake-form-slider {
  width: 100%;
}
.preview-intake-form intake-form-slider > div {
  flex-direction: column !important;
}
.preview-intake-form intake-form-slider > div > div + div.flex-grow-1 {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.preview-intake-form intake-form-table .table-controls {
  overflow: auto;
}
.preview-intake-form intake-form-table .table-controls .table tbody > tr > td {
  min-width: 190px;
}
.preview-intake-form intake-form-table .table-controls .table tbody > tr > td.none, .preview-intake-form intake-form-table .table-controls .table tbody > tr > td.no-cell, .preview-intake-form intake-form-table .table-controls .table tbody > tr > td.btn-add-control {
  min-width: auto;
}
.preview-intake-form intake-form-table .table-controls .table tbody tr:first-child td .dropup .dropdown-menu,
.preview-intake-form intake-form-table .table-controls .table tbody tr:nth-child(2) td .dropup .dropdown-menu {
  top: 100%;
  bottom: auto;
}
.preview-intake-form intake-form-table .dropdown .dropdown-menu > ul {
  max-height: 140px !important;
}
.preview-intake-form intake-form-configuration-card {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

intake-form-configuration-card textarea {
  max-height: 10rem !important;
  overflow-y: scroll;
}
intake-form-configuration-card .label textarea {
  overflow-y: hidden;
  max-height: unset !important;
}
intake-form-configuration-card ck-textbox, intake-form-configuration-card textarea, intake-form-configuration-card .form-control {
  font-size: 14px;
  font-family: Hind, sans-serif;
}

intake-form-table .dropdown.show .dropdown-menu.dropdown--inside {
  position: fixed;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1000;
  top: unset;
}
intake-form-table .btn.btn-sm.intake-table__btn {
  padding: 3px 8px;
}
intake-form-table .table-controls .btn-remove-row {
  height: 100%;
  top: 0px;
}
@media screen and (min-width: 992px) {
  intake-form-table intake-form-body-chart .canvas-wrapper canvas {
    width: 500px;
  }
}

intake-form-electric-signature span.md-headline {
  white-space: normal;
  word-break: break-word;
}

.ckTextbox table p, .ckTextbox table span {
  text-indent: 0 !important;
}

intake-form {
  color: #000000 !important;
}
intake-form .form-control, intake-form .md-headline {
  color: #000000 !important;
}
intake-form .custom-controls label {
  color: #000000;
}
intake-form .info-holder label {
  color: #000000 !important;
}
intake-form label, intake-form h5, intake-form .form-check-inline .form-check-label, intake-form .question-type-section label, intake-form h6, intake-form md-datepicker, intake-form .md-datepicker-input, intake-form .md-button, intake-form .md-button[disabled] {
  color: #000000 !important;
}
intake-form .question-type-section label.gray-text {
  color: #838383 !important;
}
intake-form .list-group .list-group-item div:not(.actions) {
  color: #000000 !important;
}
intake-form .list-group .list-group-item.active, intake-form .list-group .list-group-item:hover, intake-form .list-group .list-group-item:focus {
  background-color: #777777;
}
intake-form .list-group .list-group-item.active div:not(.actions), intake-form .list-group .list-group-item.active .fa.fa-clone, intake-form .list-group .list-group-item.active .fal.fa-arrows, intake-form .list-group .list-group-item.active .form-check-label, intake-form .list-group .list-group-item:hover div:not(.actions), intake-form .list-group .list-group-item:hover .fa.fa-clone, intake-form .list-group .list-group-item:hover .fal.fa-arrows, intake-form .list-group .list-group-item:hover .form-check-label, intake-form .list-group .list-group-item:focus div:not(.actions), intake-form .list-group .list-group-item:focus .fa.fa-clone, intake-form .list-group .list-group-item:focus .fal.fa-arrows, intake-form .list-group .list-group-item:focus .form-check-label {
  color: #fff !important;
}
intake-form .list-group .list-group-item .handle-move:hover {
  cursor: pointer;
}
intake-form .search-smart-phrase-popup .is-selected {
  background-color: #ffeecc !important;
  font-weight: 500;
}
intake-form .search-smart-phrase-popup a:hover {
  background-color: #ffeecc !important;
}

#treatmentMainTab .custom-controls .info-holder labeL, #treatmentMainTab .custom-controls .info-holder label > pre, #treatmentMainTab .custom-controls .form-group labeL, #treatmentMainTab .custom-controls .form-group label > pre, .treatment-template-content .custom-controls .info-holder labeL, .treatment-template-content .custom-controls .info-holder label > pre, .treatment-template-content .custom-controls .form-group labeL, .treatment-template-content .custom-controls .form-group label > pre, #selectListCPTDiv .custom-controls .info-holder labeL, #selectListCPTDiv .custom-controls .info-holder label > pre, #selectListCPTDiv .custom-controls .form-group labeL, #selectListCPTDiv .custom-controls .form-group label > pre {
  color: #000000 !important;
}
#treatmentMainTab .form-control, #treatmentMainTab .title, #treatmentMainTab .user-info .title, #treatmentMainTab .md-subhead, #treatmentMainTab .info-holder, #treatmentMainTab .md-headline, #treatmentMainTab .list-group-item, .treatment-template-content .form-control, .treatment-template-content .title, .treatment-template-content .user-info .title, .treatment-template-content .md-subhead, .treatment-template-content .info-holder, .treatment-template-content .md-headline, .treatment-template-content .list-group-item, #selectListCPTDiv .form-control, #selectListCPTDiv .title, #selectListCPTDiv .user-info .title, #selectListCPTDiv .md-subhead, #selectListCPTDiv .info-holder, #selectListCPTDiv .md-headline, #selectListCPTDiv .list-group-item {
  color: #000000 !important;
}

.intake-form-file-viewer .intake-form-file-viewer__media {
  height: 100%;
  text-align: center;
}
.intake-form-file-viewer .intake-form-file-viewer__media video {
  max-height: 500px;
}
@media screen and (max-width: 767px) {
  .intake-form-file-viewer .intake-form-file-viewer__media video {
    max-height: 30vh;
  }
}
.intake-form-file-viewer .intake-form-file-viewer__media audio {
  max-height: 500px;
}
@media screen and (max-width: 767px) {
  .intake-form-file-viewer .intake-form-file-viewer__media audio {
    max-height: 30vh;
  }
}
.intake-form-file-viewer .intake-form-file-viewer__media img {
  max-width: 100%;
  max-height: 100%;
}

.health-tracker-page .nav-custom {
  float: left;
  width: 100%;
  padding: 5px;
  background-color: #fff;
  margin-top: 5px;
  padding-right: 30px;
  padding-left: 30px;
}
.health-tracker-page .nav-custom a {
  line-height: 35px;
}
.health-tracker-page .header-title {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 600;
}
.health-tracker-page .health-tracker-content {
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 1px solid #CFD4DB;
}
.health-tracker-page .health-tracker-content .content-row:nth-child(even) {
  background: rgba(var(--main-color_rgb), 0.05);
  border-top: 1px solid rgba(var(--main-color_rgb), 0.2);
  border-bottom: 1px solid rgba(var(--main-color_rgb), 0.2);
}
.health-tracker-page .health-tracker-content .move {
  float: left;
  width: 35px;
  font-size: 1.3em;
  margin-top: 8px;
}
.health-tracker-page .health-tracker-content .title {
  font-size: 16px;
  font-weight: 600;
  color: black;
}
.health-tracker-page .health-tracker-content .content {
  font-size: 14px;
}
.health-tracker-page .chart {
  width: 100%;
  height: 430px;
}
.health-tracker-page .slider-btn.disabled {
  color: #CFD4DB !important;
  pointer-events: none;
}
.health-tracker-page .slider-value {
  font-size: 35px !important;
  font-weight: 600 !important;
  line-height: 24px;
  color: #068AD0 !important;
  text-align: center;
}
.health-tracker-page .slidecontainer {
  width: 100%;
  /* Width of the outside container */
  display: inline-block;
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.health-tracker-page .slidecontainer .slider-value {
  font-size: 35px !important;
  font-weight: 600 !important;
  line-height: 24px;
  color: #068AD0 !important;
  text-align: center;
  width: 50px;
}
.health-tracker-page .slidecontainer .slider-bar {
  font-size: 14px;
  color: #CFD4DB !important;
}
.health-tracker-page .slidecontainer .slider-btn {
  font-size: 12px;
  color: #068AD0 !important;
  margin: 0.5rem 0rem;
}
.health-tracker-page .slidecontainer {
  /* The slider itself */
}
.health-tracker-page .slidecontainer .slider {
  -webkit-appearance: none !important;
  /* Override default CSS styles */
  appearance: none !important;
  height: 6px !important;
  /* Specified height */
  background: #d3d3d3;
  /* Grey background */
  outline: none;
  /* Remove outline */
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
  border-radius: 5px !important;
  margin: 5px;
  opacity: 1;
}
.health-tracker-page .slidecontainer {
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
}
.health-tracker-page .slidecontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 38px;
  /* Set a specific slider handle width */
  height: 39px;
  /* Slider handle height */
  cursor: pointer;
  /* Cursor on hover */
  background: url("../images/scoll-circle.png") transparent;
  border: none;
  border-radius: 50%;
}
.health-tracker-page .slidecontainer .slider::-moz-range-thumb {
  width: 38px;
  /* Set a specific slider handle width */
  height: 39px;
  /* Slider handle height */
  cursor: pointer;
  /* Cursor on hover */
  background: url("../images/scoll-circle.png") transparent;
  border: none;
  border-radius: 50%;
}
.health-tracker-page .slidecontainer input {
  width: 100%;
  flex-grow: 1;
  min-height: auto;
  background-color: rgb(242, 244, 247) !important;
  border-bottom: 0 !important;
  border-radius: 3px !important;
  margin: 8px 15px;
}
.health-tracker-page .slidecontainer span {
  margin: 0.5rem;
}
.health-tracker-page .slidecontainer .slider-number {
  width: 50px;
}
.health-tracker-page .btn-c {
  padding: 2px 10px;
}

/* health tracker page */
.health-tracker-management-page .list-health-tracker .admin-page-title {
  margin-bottom: 15px;
}
.health-tracker-management-page .list-health-tracker .admin-page-title .admin-page-actions {
  top: -10px;
}
.health-tracker-management-page .list-inactive-health-tracker {
  margin-top: 40px;
}
.health-tracker-management-page .list-inactive-health-tracker .admin-page-title {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .health-tracker-management-page .admin-page-title {
    padding-left: 10px;
  }
  .health-tracker-management-page .admin-page-title .admin-page-actions {
    right: 10px !important;
  }
}
.health-tracker-management-page .btn-edit {
  color: #068AD0;
}
.health-tracker-management-page .btn-move {
  color: #cccccc;
}

.health-tracker-editing-page ul.form-fields {
  background-color: #FFFFFF;
  border-radius: 5px;
}
.health-tracker-editing-page ul.form-fields li {
  margin-bottom: 5px;
  padding: 10px 6px;
  border-bottom: 1px solid #f0f2f5;
}
.health-tracker-editing-page ul.form-fields li .form-control {
  border-bottom: none !important;
}
.health-tracker-editing-page .btn-delete {
  padding: 10px;
  margin-top: 10px;
  background-color: #FFFFFF;
  border-radius: 5px;
  font-weight: 600;
}

#caseSearch .md-contact-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#caseSearch md-chips .md-chips,
#caseSearch md-chips .md-chips.md-focused {
  box-shadow: none;
}

#treatmentMainTab .md-subhead {
  font-size: 14px !important;
}
#treatmentMainTab blockquote {
  margin: 0 0 1rem;
  margin: 0 0 0 40px;
  border: none;
  padding: 0px;
  font-size: inherit;
  border-left: none;
}
#treatmentMainTab .title {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
}
#treatmentMainTab md-chips .md-chip-input-container {
  position: relative !important;
  margin: 8px 8px 0 0 !important;
}
#treatmentMainTab md-chips md-chips-wrap {
  height: inherit;
}
#treatmentMainTab .md-chips md-chip {
  margin: 8px 8px 0 0;
  color: black;
}
#treatmentMainTab .text-treatment-danger {
  color: red;
  font-weight: 500;
}

.md-chips md-chip {
  color: black;
}

#case_edit .md-chip-remove {
  display: none !important;
}

#ICDListing .md-chip-remove {
  display: none !important;
}
#ICDListing md-chips .md-chip-input-container {
  position: relative !important;
  margin: 8px 8px 0 0 !important;
}
#ICDListing md-chips md-chips-wrap {
  height: inherit;
}
#ICDListing .md-chips md-chip {
  margin: 8px 8px 0 0;
}

#popupTreatmentNoteICDCode .md-chip-remove {
  display: none !important;
}

#selectListCPTDiv md-checkbox.md-default-theme.md-checked .md-icon,
#selectListCPTDiv md-checkbox.md-checked .md-icon {
  background-color: rgb(251, 120, 0);
}
#selectListCPTDiv input {
  border-bottom: none !important;
}

/* patient treament tab */
.treatment-page {
  background: #fff;
  padding: 15px;
  border-radius: 4px;
}
.treatment-page ul li {
  padding: 8px 0;
}
.treatment-page ul .input-group-addon {
  width: 20px;
  padding: 0;
}
.treatment-page ul .form-control {
  color: #000;
  text-indent: 0;
  font-size: 14px;
  min-height: auto;
  padding: 4px 0 0 0 !important;
}
.treatment-page ul .form-control + .input-group-addon {
  text-align: right;
}
.treatment-page .bottom div:first-child {
  text-align: left;
}
.treatment-page .bottom div:last-child {
  text-align: right;
}
@media (max-width: 767px) {
  .treatment-page .bottom > div {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .treatment-page .profile-patient .treatment-status-box {
    flex-direction: column;
  }
}

.smart-note-panel {
  background: #fff;
  z-index: 2;
  position: relative;
  border-radius: 8px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.smart-note-panel .smart-note-header-panel {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 1000;
  background: #FFF;
  padding-top: 16px;
  padding-bottom: 8px;
  /* animation */
  transition: opacity 0.25s ease, -webkit-transform 0.35s ease;
  transition: transform 0.35s ease, opacity 0.25s ease;
  transition: transform 0.35s ease, opacity 0.25s ease, -webkit-transform 0.35s ease;
  will-change: transform, opacity;
}
.smart-note-panel.scrollable-panel {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767.98px) {
  .smart-note-panel {
    position: fixed;
    bottom: 0;
    width: 90%;
    z-index: 1000;
    height: 77% !important;
    margin-left: 27px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.smart-note-panel generate-note-template textarea {
  height: 24em;
  line-height: 1.5em;
  overflow-y: auto;
  resize: none;
  border: 1px solid #e8e8ed;
  border-radius: 8px;
  padding: 8px 12px;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question {
  border-radius: 8px;
  background: #f8f8f9;
  margin-top: 1rem;
  border: 1px solid #e8e8ed;
  margin-top: 16px;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-title .container-collapse {
  color: #151d48 !important;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-title .container-collapse[data-toggle][data-target][aria-expanded=true] span .fas.fa-angle-up {
  display: inline-block;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-title .container-collapse[data-toggle][data-target][aria-expanded=true] span .fas.fa-angle-down {
  display: none;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-title .container-collapse[data-toggle][data-target][aria-expanded=false] span .fas.fa-angle-up {
  display: none;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-title .container-collapse[data-toggle][data-target][aria-expanded=false] span .fas.fa-angle-down {
  display: inline-block;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-answer intake-form-configuration-card {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 12px 12px 0 !important;
  margin-bottom: 0 !important;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-answer intake-form-configuration-card .card {
  margin-bottom: 0 !important;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-answer intake-form-configuration-card .card .card-header {
  background-color: #FFF !important;
  display: none !important;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-answer intake-form-configuration-card .card .card-body {
  padding: 4px !important;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-answer intake-form-configuration-card .card .card-body .control-section intake-form-rich-text-editor .info-holder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-answer intake-form-configuration-card .card .card-body .control-section intake-form-rich-text-editor .info-holder #richTextEditor {
  border-bottom: 0 !important;
}
.smart-note-panel .container-intake-form intake-form .intake-form-module .treatment-page .info-holder .question .question-answer intake-form-configuration-card .card .card-body .control-section intake-form-rich-text-editor .info-holder #richTextEditor .ckTextbox {
  padding: 4px !important;
  border: 0 !important;
  min-height: 100px;
}
.smart-note-panel .tab-switch {
  background: #fff5e6;
  border-radius: 999px;
  padding: 2px;
  display: inline-flex;
}
.smart-note-panel .tab-switch .tab-btn {
  border: none;
  background: transparent;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  min-width: 117px;
  cursor: pointer;
  color: #3f4669;
  transition: all 0.2s ease;
}
.smart-note-panel .tab-switch .tab-btn.active {
  background: #ff7603;
  color: #f8f8f9;
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1490196078);
  outline: none;
  font-weight: 500;
}
.smart-note-panel .tab-switch .tab-btn:focus {
  outline: none !important;
}
.smart-note-panel .tab-switch .tab-btn:focus-visible {
  outline: none;
}
.smart-note-panel .tab-switch .tab-btn.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.smart-note-panel .divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.smart-note-panel .divider span {
  height: 1px;
  width: 64px;
  background: #c7c9d3;
}
.smart-note-panel .divider .or-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6d718c;
}
.smart-note-panel .treatment-page {
  padding: 0;
}
.smart-note-panel .btn-primary.custom-disable[disabled=disabled] {
  background-color: #e8e8ed !important;
  color: #c7c9d3 !important;
  border: 1px solid #e8e8ed !important;
  font-weight: 600;
}
.smart-note-panel hr {
  display: none;
}
.smart-note-panel .select-note-template {
  max-width: 250px;
  margin: 15px 15px 0 auto;
}
.smart-note-panel .loading-screen {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  text-align: center;
}
.smart-note-panel .icon-record {
  cursor: pointer;
  background: #00a9f1;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.smart-note-panel .icon-record .fa-microphone, .smart-note-panel .icon-record .fa-pause {
  color: #FFF;
}
.smart-note-panel .icon-record.is-recording {
  background: #F5222D;
}
.smart-note-panel .icon-record.in-progress {
  background: #818080;
}
.smart-note-panel .icon-record.disabled {
  border-color: #e3e3e3;
  background-color: #e3e3e3;
  pointer-events: none;
}

.smart-note-panel::after {
  content: "";
  display: block;
  height: calc(100% + 1px);
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}

.count-up {
  font-size: 24px;
  font-weight: bold;
}

.count-down {
  font-size: 16px;
}

.btn-apply {
  position: relative;
}
.btn-apply.loading::before {
  width: 1rem;
  height: 1rem;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border-width: 0.2rem;
}

.empty-template {
  min-height: 500px;
  background-color: #efefef;
  color: red;
  display: flex;
  align-items: center;
  justify-content: center;
}

.smart-note-beta {
  background: #1777cb;
  border-radius: 80px;
  padding: 0 8px;
  color: white !important;
  text-transform: uppercase;
}

.smart-note-popover {
  max-width: 500px;
  width: 100%;
}
.smart-note-popover ul {
  padding-left: 30px;
  margin: 0;
}
.smart-note-popover ul li {
  list-style: disc;
}
.smart-note-popover ol {
  padding-left: 30px;
  margin: 0;
}
.smart-note-popover ol li {
  list-style: auto;
}

.hide-panel-AI {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.ai-note-applied-highlight {
  -webkit-animation: aiNoteHighlight 2s ease-in-out;
          animation: aiNoteHighlight 2s ease-in-out;
}

@-webkit-keyframes aiNoteHighlight {
  0%, 100% {
    background-color: transparent;
    box-shadow: none;
  }
  10%, 30%, 50% {
    background-color: rgba(76, 175, 80, 0.1);
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3);
  }
  20%, 40%, 60% {
    background-color: transparent;
    box-shadow: none;
  }
}

@keyframes aiNoteHighlight {
  0%, 100% {
    background-color: transparent;
    box-shadow: none;
  }
  10%, 30%, 50% {
    background-color: rgba(76, 175, 80, 0.1);
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3);
  }
  20%, 40%, 60% {
    background-color: transparent;
    box-shadow: none;
  }
}
.payment-form {
  margin-top: 10px;
}
.payment-form fieldset {
  padding: 15px;
  margin: 10px 0;
}
.payment-form fieldset legend {
  border-bottom: 1px solid #eceeef;
}
.payment-form fieldset input {
  width: 100%;
  max-width: 180px;
  padding: 5px !important;
  margin-bottom: 10px;
  border: 1px solid #dbdbdb !important;
}
.payment-form fieldset {
  /*
  md-datepicker input {
    padding: 8px 30px 5px 35px !important;
  }

  md-datepicker .md-button.md-icon-button {
    padding-top: 7px !important;
    padding-left: 5px !important;
  }

  md-datepicker .md-button.md-datepicker-triangle-button {
    right: 30px;
    top: -8px;
  }
  */
}
.payment-form fieldset select {
  border: 1px solid #dbdbdb !important;
  line-height: 19px !important;
  padding: 5px !important;
}
.payment-form fieldset .date-month,
.payment-form fieldset .date-year {
  display: inline-block;
}
@media (max-width: 450px) {
  .payment-form h2 {
    font-size: 20px;
  }
}

.package-membership-list .md-button {
  text-transform: none;
}

.package-membership-content {
  min-width: 1500px;
}
.package-membership-content .width-name {
  max-width: 1200px;
  width: 75%;
}
@media only screen and (max-width: 1600px) {
  .package-membership-content {
    min-width: 1125px;
  }
  .package-membership-content .width-name {
    max-width: 925px;
  }
}
@media only screen and (max-width: 1440px) {
  .package-membership-content {
    min-width: 1025px;
  }
  .package-membership-content .width-name {
    max-width: 850px;
  }
}
@media only screen and (max-width: 1366px) {
  .package-membership-content {
    min-width: 950px;
  }
  .package-membership-content .width-name {
    max-width: 660px;
  }
}
@media only screen and (max-width: 1280px) {
  .package-membership-content {
    min-width: 850px;
  }
  .package-membership-content .width-name {
    max-width: 575px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .package-membership-content {
    min-width: 625px;
  }
  .package-membership-content .width-name {
    max-width: 410px;
  }
}
@media only screen and (max-width: 991.98px) {
  .package-membership-content {
    min-width: 660px;
  }
  .package-membership-content .width-name {
    max-width: 410px;
  }
}
@media only screen and (max-width: 767.98px) {
  .package-membership-content {
    min-width: 330px;
  }
  .package-membership-content .width-name {
    max-width: 130px;
    width: 130px;
  }
}
.package-membership-content md-menu-item.actived {
  background: var(--main-color) !important;
  color: var(--secondary-color) !important;
}

@media (max-width: 450px) {
  #popupCardConnectPaymentDevice .form-header-item {
    padding-left: 0;
  }
  #popupCardConnectPaymentDevice .form-header-item-last {
    padding-right: 0;
  }
}
.invoice-payment-form fieldset {
  padding: 15px;
  margin: 0;
}
.invoice-payment-form fieldset legend {
  border-bottom: 1px solid #eceeef;
}
.invoice-payment-form fieldset .field {
  padding: 10px 0;
  border-bottom: 1px solid #eceeef;
}
.invoice-payment-form fieldset .field:first-child {
  padding-top: 0;
}
.invoice-payment-form fieldset input {
  width: 100%;
  max-width: 180px;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 5px !important;
  border: 1px solid #dbdbdb !important;
}
.invoice-payment-form fieldset select {
  border: 1px solid #dbdbdb !important;
  line-height: 19px !important;
  padding: 5px !important;
}
.invoice-payment-form .actions {
  padding: 15px 15px 0 15px;
}

.add-invoice-form .block {
  margin-bottom: 20px;
}
.add-invoice-form .block fieldset {
  background-color: #ffffff;
  padding: 15px 15px;
  border-radius: 5px;
  width: 100%;
}
.add-invoice-form .info-holder {
  border-bottom: 1px solid #ececec;
}
.add-invoice-form .info-holder input,
.add-invoice-form .info-holder select {
  border-bottom: 0 !important;
}
.add-invoice-form select {
  border: 1px solid #cfd1cf;
}
.add-invoice-form md-autocomplete {
  border-bottom: 1px solid #cfd1cf;
  background-color: #ffffff !important;
}
.add-invoice-form .field:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.add-invoice-form #app-location md-select-value, .add-invoice-form #app-provider md-select-value, .add-invoice-form #app-assignee md-select-value, .add-invoice-form #app-payment-plan-template md-select-value {
  border: none;
  padding-left: 0px !important;
  font-size: 14px;
}
.add-invoice-form #app-location md-select-value .md-select-icon::after, .add-invoice-form #app-provider md-select-value .md-select-icon::after, .add-invoice-form #app-assignee md-select-value .md-select-icon::after, .add-invoice-form #app-payment-plan-template md-select-value .md-select-icon::after {
  font-size: 18px;
}

.payment-page {
  background: #fff;
  padding: 15px;
  border-radius: 4px;
  color: #000;
}
.payment-page .width-100 {
  width: 100%;
}
.payment-page .bg-grey {
  background-color: #f0f2f5;
}
.payment-page .fw-6 {
  font-weight: 600 !important;
}
.payment-page .fw-7 {
  font-weight: 700 !important;
}
.payment-page .payment-btn {
  float: left !important;
  background-color: #fff !important;
  padding: 2px 5px;
  font-size: 0.9em;
}
.payment-page table tr td .payment-btn {
  float: right !important;
  text-align: right;
}
.payment-page .btn.paid {
  color: #5cb85c !important;
}
.payment-page .btn.paid i {
  color: #5cb85c;
  margin-right: 3px;
}
.payment-page .btn.unpaid {
  color: #d9534f !important;
}
.payment-page .btn.unpaid i {
  color: #d9534f;
  margin-right: 0px;
}
.payment-page .btn-outline-danger {
  border: 1px solid #d9534f !important;
}
.payment-page .btn-outline-dark.btn.unpaid {
  color: #333333 !important;
}
.payment-page .btn-outline-dark.btn.unpaid i {
  color: #333333;
  margin-right: 0px;
}
.payment-page .payment-table {
  padding: 0px 10px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.payment-header {
  color: #000;
}
.payment-header .payment-btn-small {
  padding: 3px 5px;
  font-size: 12px;
}
.payment-header .fw-6 {
  font-weight: 600 !important;
}

.invoice-item {
  -o-box-shadow: 1px 1px #cccccc;
  box-shadow: 1px 1px #cccccc;
  background-color: #f0f2f5;
  padding: 10px;
}
.invoice-item h4.title {
  padding-bottom: 0;
}
.invoice-item .collapse {
  margin-top: 15px;
}

.payment-detail-info .payment-detail-info__item {
  display: flex;
}
@media screen and (min-width: 768px) {
  .payment-detail-info .payment-detail-info__item.list-grid__column-2 {
    max-width: 450px;
  }
}
.payment-detail-info .payment-detail-info__label {
  flex-shrink: 1;
  white-space: nowrap;
  min-width: 110px;
}
.payment-detail-info .payment-detail-info__content {
  word-break: break-word;
}

#invoiceTemplateSelected .button-title {
  font-size: 1em;
  text-decoration: underline;
  color: #232323 !important;
  padding: 0px;
  font-weight: bold;
  width: 100%;
  text-align: left;
}

/* Message page */
.message-page .main-tabs-holder {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border: 1px solid darkgray;
  padding: 15px;
  overflow: hidden !important;
}
.message-page .main-tabs-holder .top-ul {
  width: 100%;
  order: 1;
}
.message-page .main-tabs-holder .order-2 {
  width: 100%;
  order: 2;
}
.message-page .main-tabs-holder .order-3 {
  width: 100%;
  flex-grow: 1;
  order: 3;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.message-page .main-tabs-holder .order-4 {
  width: 100%;
  order: 4;
}
.message-page .main-tabs-holder .order-4.disable {
  cursor: not-allowed;
}
.message-page .main-tabs-holder .order-4.disable .chat-box {
  pointer-events: none;
}
.message-page .main-tabs-holder .order-4.disable .chat-box textarea {
  background-color: #f5f5f7;
  border: 1px solid #d8d8d8;
}
.message-page .main-tabs-holder .chat-history {
  width: 100%;
  height: 0 !important;
  flex-grow: 1;
  order: 1;
  padding: 0 10px 40px 10px;
}
.message-page .main-tabs-holder .chat-history video {
  width: 100%;
}
.message-page .main-tabs-holder .footer {
  margin-top: 0;
}
.message-page .main-tabs-holder .info {
  padding: 10px 0;
}
.message-page .main-tabs-holder .uploadLoading {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  bottom: 80px;
}
@media (max-width: 450px) {
  .message-page .main-tabs-holder {
    border: none;
    padding: 0;
  }
  .message-page .main-tabs-holder .chat-history {
    padding: 0 5px;
  }
  .message-page .main-tabs-holder .chat-history .info .usr-img {
    margin: 0;
  }
  .message-page .main-tabs-holder .btn-main {
    height: auto !important;
  }
}

.message-image img {
  max-width: 460px;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .message-image img {
    max-width: 200px;
  }
}

.message-page .main-content {
  padding: 0;
  margin: 15px;
}
.message-page .view-attach-file {
  display: flex;
}
.message-page .flex-row-reverse .view-attach-file {
  flex-direction: row-reverse !important;
}
.message-page .info {
  display: inline-block;
  width: 100%;
}
.message-page .chat-welcome {
  flex-grow: 1;
  position: relative;
}
.message-page .chat-welcome .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
}
.message-page .header {
  margin: 0;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #fff;
  border-radius: 4px 4px 0 0;
}
.message-page .header .usr-img {
  flex: 100%;
  max-width: 40px;
}
@media screen and (max-width: 767px) {
  .message-page .header .usr-img:hover::after, .message-page .header .usr-img:focus::after, .message-page .header .usr-img:focus-within::after {
    content: attr(title);
    border: solid 1px #ccc;
    position: absolute;
    width: auto;
    padding: 2px;
    height: auto;
    color: #777777;
    background: white;
    box-shadow: #ccc 1px 1px 3px;
    left: 40px;
    top: 60px;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    z-index: 101;
    max-width: 200px;
    font-size: 12px;
    line-height: 12px;
  }
}
.message-page .header .message__title h5 {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .message-page .header .message__title h5:hover::after, .message-page .header .message__title h5:focus::after, .message-page .header .message__title h5:focus-within::after {
    content: attr(title);
    border: solid 1px #ccc;
    position: absolute;
    width: auto;
    padding: 2px;
    height: auto;
    color: #777777;
    background: white;
    box-shadow: #ccc 1px 1px 3px;
    left: 40px;
    top: 60px;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    z-index: 101;
    max-width: 200px;
    font-size: 12px;
    line-height: 12px;
  }
}
.message-page .chat-history {
  height: calc(100vh - 305px);
  background: #fff;
  border-radius: 0 0 4px 4px;
  overflow-y: auto;
  overflow-x: hidden;
}
.message-page .chat-history .chat-history-inner {
  max-width: 900px;
  margin: auto;
}
.message-page .chat-history.read-only {
  height: calc(100vh - 225px);
}
.message-page .chat-history .txt-notify {
  font-size: 14px;
}
.message-page .chat-history .notification {
  margin: 10px auto;
  text-align: center;
  width: 80%;
}
.message-page .chat-history .notification span {
  position: relative;
  padding: 0 10px;
  max-width: 60%;
  display: inline-block;
}
.message-page .chat-history .notification span:after, .message-page .chat-history .notification span::before {
  content: " ";
  border: 1px solid rgb(254, 243, 234);
  position: absolute;
  top: 10px;
}
.message-page .chat-history .notification span:after {
  right: -30%;
  left: 100%;
}
.message-page .chat-history .notification span:before {
  left: -30%;
  right: 100%;
}
.message-page .chat-history .info {
  width: 100%;
  display: inline-block;
  clear: both;
}
.message-page .chat-history .info .name {
  color: #777777;
  font-weight: 500;
  font-size: 14px;
}
.message-page .chat-history .info .name .txt {
  max-width: 500px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 450px) {
  .message-page .chat-history .info .name .txt {
    max-width: 210px;
  }
}
@media (max-width: 320px) {
  .message-page .chat-history .info .name .txt {
    max-width: 170px;
  }
}
.message-page .chat-history .info .msg-box {
  border-radius: 6px;
  font-size: 16px;
}
@media (max-width: 450px) {
  .message-page .chat-history .info .msg-box {
    font-size: 13px;
  }
}
.message-page .chat-history .info .msg-box .msg {
  color: #333;
}
.message-page .chat-history .info .msg-box .msg div {
  white-space: pre-line;
}
.message-page .chat-history .info .msg-box .time {
  font-size: 0.8em;
}
.message-page .chat-history .info .msg-box.msg-text {
  background: #efefef;
}
.message-page .chat-history .info .msg-box.msg-text .msg {
  padding: 10px;
  text-align: left;
}
.message-page .chat-history .info .msg-box video {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  max-width: 460px;
}
@media (max-width: 450px) {
  .message-page .chat-history .info .time {
    min-width: 60px !important;
  }
}
.message-page .chat-history .info.me .msg-box.msg-text {
  background: #f0f2f5;
}
.message-page .chat-history .right {
  float: right;
  text-align: right;
}
.message-page .chat-history .right .usr-img {
  float: right;
}
.message-page .chat-history .right .text {
  float: left;
}
.message-page .chat-history .right .msg-box {
  background: rgb(254, 243, 234);
}
.message-page .chat-box {
  padding-top: 15px;
  display: flex;
  align-items: flex-end;
  gap: 7px;
}
.message-page .chat-box textarea {
  resize: none;
  overflow: auto;
  font-size: 14px;
  padding: 5px 7px;
  min-height: 35px;
}
.message-page .chat-box .chat-voice {
  height: 34px;
  width: 100%;
  position: relative;
  overflow: visible;
}
.message-page .chat-box .chat-voice .swipe-message {
  position: absolute;
  margin: -20px auto;
  width: 100%;
}
.message-page .chat-box .chat-voice .progress-bar {
  background: #40A9FF;
  width: 100%;
  height: 100%;
  border-radius: 7px;
}
.message-page .chat-box .chat-voice .voice-stop,
.message-page .chat-box .chat-voice .voice-play {
  position: absolute;
  left: 10px;
  top: 5px;
  height: 24px;
  width: 26px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: red;
  border: none;
  font-size: 12px;
}
.message-page .chat-box .chat-voice .voice-stop:focus, .message-page .chat-box .chat-voice .voice-stop:active,
.message-page .chat-box .chat-voice .voice-play:focus,
.message-page .chat-box .chat-voice .voice-play:active {
  border: none;
  outline: none;
}
.message-page .chat-box .chat-voice .voice-play {
  color: black;
}
.message-page .chat-box .chat-voice .voice-timer {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #f8fcff;
  font-size: 14px;
}
.message-page .chat-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.message-page .chat-actions .btn-media {
  padding: 5px 5px 3px 5px;
  width: auto !important;
  background-color: white;
  color: dimgray;
}
.message-page .chat-actions .btn-media i {
  font-size: 16px;
  margin-right: 0;
}
.message-page .chat-actions .btn {
  width: 80px;
  margin: 0;
  height: auto !important;
}
.message-page .chat-actions .btn:focus {
  box-shadow: none;
}
.message-page .chat-actions #btnDeleteVoice {
  transition: translate 300ms;
  color: red;
  margin-bottom: 3px;
}
.message-page .chat-actions #btnDeleteVoice.swiping-delete {
  -webkit-transform: rotate(335deg);
          transform: rotate(335deg);
  translate: 0 -10px;
}
.message-page .chat-actions .dropdown-menu {
  width: 150px;
}
.message-page .footer {
  background: #fff;
  border-radius: 4px;
  margin-top: 10px;
  border: 1px solid #cccccc;
}
.message-page .footer .footer-inner {
  max-width: 900px;
  margin: auto;
}
.message-page .footer .footer-inner .input-group {
  height: 90px;
}
.message-page .footer .footer-inner .input-group .input-group-addon {
  border: none;
  align-self: center;
}
.message-page .footer .footer-inner .input-group .media-btn {
  cursor: pointer;
}
.message-page .footer .footer-inner .input-group .media-btn:hover {
  background: #e8e8e8;
  border-radius: 5px;
}

.tab-content .patient-hec .header {
  flex-wrap: nowrap;
}
.tab-content .patient-hec .header .report-date {
  width: auto;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .tab-content .patient-hec .header .report-date {
    font-size: 12px;
  }
}
.tab-content .patient-hec .header .actions {
  padding: 5px 10px 0;
}
.tab-content .patient-hec .header .actions .btn {
  font-size: 13px;
}

.patient-hec {
  float: left;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #eee;
  overflow: auto;
  height: calc(100vh - 295px);
}
@media screen and (max-width: 767px) {
  .patient-hec {
    height: auto;
  }
}
.patient-hec .badge {
  background-color: rgba(var(--main-color_rgb), 0.7);
  color: var(--secondary-color);
  width: 26px;
  line-height: 25px;
  border-radius: 50%;
  padding: 0;
}
.patient-hec .header {
  float: left;
  width: 100%;
  color: #333;
  border-bottom: 2px solid #f1f1f1;
}
.patient-hec .header .title {
  width: 23%;
  float: left;
  padding: 10px;
  font-weight: 500;
  font-size: 1.2em;
}
.patient-hec .header .report-type {
  width: 130px;
  float: left;
  padding: 6px 10px;
}
.patient-hec .header .report-type .btn-group {
  margin: 0;
}
.patient-hec .header .report-type .btn {
  min-width: 55px;
}
.patient-hec .header .report-date {
  width: calc(100% - 316px);
}
@media screen and (max-width: 1024px) {
  .patient-hec .header .report-date {
    width: calc(100% - 186px);
  }
}
.patient-hec .header .report-date {
  float: left;
  text-align: center;
  padding: 10px;
  font-size: 1.2em;
}
.patient-hec .header .actions {
  width: 186px;
  float: right;
  text-align: right;
  padding: 2px 10px 0;
}
.patient-hec .header .actions .btn {
  background: #eee;
  padding: 2px 12px 0;
  font-size: 18px;
  border-radius: 10%;
  color: var(--main-color);
}
.patient-hec .header .filter {
  width: 23%;
  float: left;
  padding: 5px 10px;
}
.patient-hec .header .filter span {
  padding: 5px 0;
  width: 50px;
  float: left;
}
.patient-hec .header .filter div.dropdown {
  width: 90px;
  float: right;
}
.patient-hec .header .filter select {
  width: calc(100% - 150px);
  margin: 0 5px;
  float: left;
  border: 1px solid #eee !important;
  border-radius: 4px !important;
  padding: 9px !important;
}
.patient-hec .header .day {
  line-height: 47px;
  min-height: 47px;
}
.patient-hec .header .daylast {
  line-height: 47px;
  min-height: 47px;
}
.patient-hec .day {
  width: 14.2857142857%;
  padding: 0 5px;
}
.patient-hec .daylast {
  width: 14.8%;
  float: left;
  padding: 0 8px;
}
.patient-hec .header {
  display: flex;
  flex-wrap: nowrap;
}
.patient-hec .header .day {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.patient-hec .patient-exercise .header {
  background: rgba(var(--main-color_rgb), 0.1);
  border-bottom: 0;
}
.patient-hec .patient-exercise .day {
  border-left: 2px solid rgba(var(--main-color_rgb), 0.7);
}
.patient-hec .patient-exercise .daylast {
  border-left: 2px solid rgba(var(--main-color_rgb), 0.7);
}
.patient-hec .patient-exercise .content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  float: left;
  width: 100%;
  color: #333;
  border-bottom: 2px solid #f1f1f1;
}
.patient-hec .patient-exercise .content .patient {
  width: 23%;
  position: relative;
  float: left;
}
.patient-hec .patient-exercise .content .patient .label-checkbox {
  font-size: 2em;
  margin-right: 10px;
  padding-top: 10px;
}
.patient-hec .patient-exercise .content .patient .usr-img {
  width: 60px;
  height: 60px;
}
.patient-hec .patient-exercise .content .patient .label-checkbox + .usr-img + .text {
  width: calc(100% - 120px);
}
.patient-hec .patient-exercise .content .patient [data-toggle=dropdown] {
  font-size: 1.5em;
}
.patient-hec .patient-exercise .content .patient .action {
  top: 25px;
}
.patient-hec .patient-exercise .content .no-exercise {
  text-align: center;
  display: grid;
  align-items: center;
  height: 100%;
}
.patient-hec .patient-exercise .content .day:nth-child(2n+1) {
  background: rgb(255, 251, 245);
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item {
  min-height: auto;
  padding: 8px 3px 8px 3px;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item:first-child {
  padding: 8px 3px 8px 3px;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item:last-child {
  padding: 8px 3px 8px 3px;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item .card {
  background: transparent;
  border: 0;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item .card .card-img-top {
  padding: 0 0 3px;
  height: 55px;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item .card .card-img-top img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item .card .img-in-group {
  height: 19px;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item .card .card-body {
  padding: 0;
  text-align: left;
}
.patient-hec .patient-exercise .content .exercise-list .exercise-item .card-body .card-title {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .patient-hec .header {
    position: relative;
  }
  .patient-hec .header .title,
  .patient-hec .header .report-date,
  .patient-hec .header .filter {
    width: 100%;
  }
  .patient-hec .header .report-type,
  .patient-hec .header .actions {
    position: absolute;
    top: -5px;
  }
  .patient-hec .header .report-type {
    right: 75px;
  }
  .patient-hec .header .actions {
    right: 0;
  }
}

/* patient calendar page */
.patient-calendar-page .panel.panel-default {
  margin-bottom: 0;
  padding: 15px 10px;
  overflow: auto;
}
.patient-calendar-page .main-menu {
  height: auto !important;
  padding-bottom: 0;
}
.patient-calendar-page ul.list-service > li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec;
}
.patient-calendar-page ul.list-service > li .head-title {
  padding-left: 20px;
  position: relative;
  font-weight: 500;
}
.patient-calendar-page ul.list-service > li .head-title:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f017";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  line-height: 12px;
  border-radius: 100%;
  color: #26a6eb;
  text-align: center;
}
@media (max-width: 450px) {
  .patient-calendar-page ul.list-service > li {
    padding-bottom: 20px;
  }
  .patient-calendar-page ul.list-service > li .text,
  .patient-calendar-page ul.list-service > li .action {
    width: 100%;
  }
  .patient-calendar-page ul.list-service > li .text {
    margin-bottom: 15px;
  }
  .patient-calendar-page ul.list-service > li .action {
    text-align: center;
  }
}
.patient-calendar-page ul.list-service.booking-list .booking-list__item__title {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: bolder;
  padding-left: 0px;
  color: #777777;
}
.patient-calendar-page ul.list-service.booking-list .booking-list__item__title:before {
  content: none;
}
.patient-calendar-page ul.list-service.booking-list .booking-list__item__description ck-view .ckTextbox {
  border: 0px !important;
}
.patient-calendar-page .autoHeight {
  height: auto !important;
}

.panel .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-right {
  display: none;
}
.panel .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
}
.panel .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-right {
  display: inline-block;
}
.panel .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
.panel .panel__title[aria-expanded=false] i.fas fa-angle-right {
  display: inline-block;
}
.panel .panel__title[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.panel .panel__title[aria-expanded=true] i.fas.fa-angle-right {
  display: none;
}
.panel .panel__title[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
}
.panel .panel__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.panel .panel__action .far.fa-pen-square {
  font-size: 20px;
}
.panel .panel__action .far.fa-plus-square {
  font-size: 20px;
}
.panel .panel__action .fas.fa-history {
  font-size: 24px;
  font-weight: 600;
}
.panel .panel__action .notify-label {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  background-color: #0275d8;
  font-size: 14px;
  top: -7px;
  right: -6px;
  color: #fff;
  border-radius: 50%;
}
.panel .panel__edit {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

md-dialog.copy-last-note {
  max-width: 800px;
}
@media screen and (max-width: 1199px) {
  md-dialog.copy-last-note {
    width: 100%;
  }
}
md-dialog.copy-last-note--customize .md-dialog-content {
  padding-bottom: 0px !important;
}
md-dialog.copy-last-note--customize .md-dialog-actions {
  min-height: 100px;
}
md-dialog.copy-last-note--customize .md-dialog-actions button {
  max-width: 90px;
}

md-dialog.copy-last-note-confirm {
  max-width: 450px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.copy-last-note-confirm {
    max-width: 90%;
  }
}
md-dialog.copy-last-note-confirm md-dialog-actions button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  border-radius: 5px;
  text-transform: capitalize;
  padding: 8px 20px;
}
md-dialog.copy-last-note-confirm md-dialog-actions .btn-main {
  color: #fff;
  margin-left: 12px;
  font-weight: 500;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.copy-last-note-confirm md-dialog-actions .btn-main {
    margin-top: 12px;
    margin-left: 0px;
  }
}

.patient-list__item__name {
  flex-grow: 1;
  font-weight: 500;
}
.patient-list__item__action {
  flex-shrink: 1;
  display: block;
  flex: 100%;
  max-width: 35px;
}
.patient-list__item__content .patient-list__item__icon .fas.fa-angle-down {
  display: none;
}
.patient-list__item__content .patient-list__item__icon .fas.fa-angle-right {
  display: inline;
}
.patient-list__item__content.collapsed .patient-list__item__icon .fas.fa-angle-down {
  display: inline;
}
.patient-list__item__content.collapsed .patient-list__item__icon .fas.fa-angle-right {
  display: none;
}

.therapist-search-box label {
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
}

ul.booking-list .booking-list__item__title {
  display: flex;
  align-items: center;
  font-size: 14.5px;
  font-weight: bolder;
  padding-left: 0px;
  color: #777777;
}
ul.booking-list .booking-list__item__title:before {
  content: none;
}
ul.booking-list .booking-list__item__description ck-view .ckTextbox {
  border: 0px !important;
}
ul.booking-list .booking-list__item__label {
  margin-left: 1rem;
  margin-right: 1rem;
}
ul.booking-list .booking-list__item__label .label.label-outlined {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 5px;
  background: #ffffff;
}

.patient-dashboard__calendar {
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .patient-dashboard__calendar {
    max-height: calc(100vh - 150px);
  }
}
.patient-dashboard__calendar .app-page.patient-calendar-page.patient-calendar-page__main {
  max-height: unset;
}
.patient-dashboard__calendar .app-page.patient-calendar-page.patient-calendar-page__main .left-section {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .patient-dashboard__calendar .app-page.patient-calendar-page.patient-calendar-page__main .left-section {
    max-width: 300px;
  }
}

#popupArchiveHistory .md-dialog-content .panel__header {
  border-bottom: 1px solid #cfcfcf;
}
#popupArchiveHistory .md-dialog-content .cus-panel {
  margin-bottom: 0 !important;
  padding: 0 5px !important;
}
#popupArchiveHistory .md-dialog-content .content-block .title {
  color: #2f3849;
  font-size: 14px;
}
#popupArchiveHistory .md-dialog-content span,
#popupArchiveHistory .md-dialog-content label {
  color: #313131;
}

#archiveInsurancePolicyInstruction .md-dialog-content h6 {
  color: #000;
  margin: 0.5rem 0;
}
#archiveInsurancePolicyInstruction .md-dialog-content p {
  text-align: justify;
  color: #313131;
}
#popupRestoreInsurancePolicy h2 {
  font-size: 20px !important;
}
#popupRestoreInsurancePolicy .btn-grey {
  background: #b8b8b8 !important;
  line-height: 22px;
}

/* localtion management page */
.location-management-page .admin-page-actions .btn-add {
  margin: 0;
  width: 70px;
  min-width: 70px;
}
.location-management-page .admin-page-actions .btn-add:hover {
  background-color: #068ad0;
  color: #ffffff;
}
.location-management-page .table .location-icon {
  display: inline-block;
  min-width: 30px;
  min-height: 30px;
  padding: 4px;
  text-align: center;
  border-radius: 5px;
}
.location-management-page .table .btn-edit {
  color: #068ad0;
}
.location-management-page .table .btn-remove {
  color: #fd3d3d;
}
@media (max-width: 767px) {
  .location-management-page .table .btn-edit, .location-management-page .table .btn-remove {
    font-size: 16px;
    width: 35px;
    margin: 0;
    padding: 0;
  }
}

/* localtion editing page */
.location-editing-page .edit-location-wrapper .form-fields li {
  padding: 5px;
  margin-bottom: 5px;
}
.location-editing-page .edit-location-wrapper .address-details {
  margin-top: 40px;
}
.location-editing-page .edit-location-wrapper .address-details .address-detail-field {
  margin-bottom: 40px;
}
.location-editing-page .edit-location-wrapper .address-details .address-detail-field:last-child {
  margin-bottom: 0;
}
.location-editing-page .edit-location-wrapper .icon-review {
  width: 20px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
}
.location-editing-page .edit-location-wrapper [md-color-picker] .md-color-picker-input-container button {
  display: none;
}
.location-editing-page .edit-location-wrapper [md-color-picker] .md-color-picker-input-container .md-color-picker-preview {
  top: 5px;
}
.location-editing-page .edit-location-wrapper [md-color-picker] .md-color-picker-input-container md-input-container {
  margin-top: 5px;
  margin-bottom: 0px;
}

/* appointment page */
.app-page .main-menu .content-block {
  padding: 10px;
}
.app-page .main-menu .content-block .title {
  border-radius: 4px 4px 0 0;
  border: 1px solid #CECECE;
  border-bottom: none;
}
.app-page .main-menu .content-block .sub-title {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  margin-bottom: 15px;
}
.app-page .main-menu .content-block .sub-title.border-bottom {
  border-bottom: 1px solid #eee;
}
.app-page .main-menu .content-block .content {
  border: 1px solid #CECECE;
  border-radius: 0 0 4px 4px;
  border-top: none;
  padding: 10px;
}
.app-page .main-menu .content-block .content .action {
  text-align: right;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CECECE;
  display: inline-block;
  width: 100%;
}
.app-page .main-menu .content-block .content md-card {
  margin: 8px 0;
}
.app-page .main-menu .content-block .content md-card .title {
  border: none;
}
.app-page .main-menu .content-block .content md-card md-card-title {
  padding: 10px;
}

.appointment-setting-page .dt-picker .label-text,
.appointment-setting-page .dt-picker .dt-select {
  display: inline-block;
}
.appointment-setting-page .dt-picker .label-text {
  margin-right: 15px;
  font-weight: 600;
  color: #323232;
}
.appointment-setting-page .dt-picker .label-minute {
  display: inline-block;
  padding: 8px 27px;
  background-color: #ececec;
  cursor: no-drop;
}
.appointment-setting-page .dt-picker .dt-select {
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.appointment-setting-page .dt-picker .dt-select select {
  display: inline-block;
  padding: 6px 10px !important;
  width: 50px;
  margin: 0;
}
@media (max-width: 450px) {
  .appointment-setting-page .dt-picker .dt-select select {
    margin: 0;
  }
}
.appointment-setting-page .time-start-end-section .start-time {
  margin-right: 90px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .appointment-setting-page .time-start-end-section .start-time,
  .appointment-setting-page .time-start-end-section .end-time {
    display: block !important;
    text-align: center;
  }
  .appointment-setting-page .time-start-end-section .start-time {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .appointment-setting-page .time-start-end-section .end-time .label-text {
    margin-right: 20px;
  }
}
.appointment-setting-page .booking-section {
  padding: 15px;
  margin: 25px 0;
}
.appointment-setting-page .booking-section ul.booking-list .wrapper {
  padding: 10px;
}
.appointment-setting-page .booking-section ul.booking-list .wrapper.disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.54);
  z-index: 1;
  cursor: no-drop;
}
.appointment-setting-page .booking-section ul.booking-list .wrapper .actions {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}
.appointment-setting-page .booking-section ul.booking-list li.booking-item {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #cccccc;
}
@media (min-width: 1366px) {
  .appointment-setting-page .booking-section ul.booking-list li.booking-item {
    flex: auto;
    width: 14.2857142857% !important;
    border-right: 0;
  }
  .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(7) {
    border-right: 1px solid #cccccc;
  }
}
@media (min-width: 576px) and (max-width: 1366px) {
  .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(1), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(2), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(4), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(5) {
    border-right: 0;
  }
  .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(1), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(2), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(3) {
    border-bottom: 0;
  }
  .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(7) {
    border-top: 0;
    border-right: 0;
    box-shadow: 1px 0 0 0 #cccccc;
  }
}
@media (max-width: 575px) {
  .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(2), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(4), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(6) {
    border-left: 0;
  }
  .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(1), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(2), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(3), .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(4) {
    border-bottom: 0;
  }
  .appointment-setting-page .booking-section ul.booking-list li.booking-item:nth-child(7) {
    border-top: 0;
  }
}
.appointment-setting-page .booking-section ul.booking-list .day-of-week {
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}
.appointment-setting-page .booking-section ul.booking-list .break-time span {
  cursor: pointer;
  color: #068ad0;
}
.appointment-setting-page .booking-section ul.booking-list .times .time-block {
  position: relative;
  display: table;
  width: 100%;
  max-width: 160px;
  margin: auto;
  padding-right: 25px;
}
.appointment-setting-page .booking-section ul.booking-list .times .time-block i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.appointment-setting-page .booking-section ul.booking-list .edit-time button {
  color: #068ad0;
}
@media (max-width: 350px) {
  .appointment-setting-page .booking-section ul.booking-list li.booking-item {
    padding: 5px;
  }
  .appointment-setting-page .booking-section ul.booking-list li.booking-item button {
    margin: 5px 0;
    font-size: 12px;
  }
}
.appointment-setting-page .transparent-block {
  margin-bottom: 35px;
}
.appointment-setting-page .appointment-reminders-sectio .switch-list .switch-item .item-text {
  line-height: 25px;
}
.appointment-setting-page .appointment-reminders-sectio .switch-list .switch-item md-switch {
  margin-top: 0;
  margin-bottom: 0;
}
.appointment-setting-page #popupAddBreakTime .label-text {
  width: 80px;
}
.appointment-setting-page .popup-add-break-time {
  margin: auto;
  max-width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .appointment-setting-page .popup-add-break-time {
    left: 0;
  }
}
.appointment-setting-page .popup-add-break-time .dt-picker .label-text {
  width: 75px;
}
.appointment-setting-page .popup-add-break-time .dt-picker .label-text + .inline-block {
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.appointment-setting-page .popup-add-break-time .dt-picker .dt-select {
  position: relative;
  border: none;
  border-radius: 0;
}
.appointment-setting-page .popup-add-break-time .dt-picker .dt-select:after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #000000;
  position: absolute;
  top: 40%;
  right: 5px;
  content: "";
  z-index: 98;
}
.appointment-setting-page .popup-add-break-time .dt-picker .dt-select select {
  border: none;
  position: relative;
  background: none;
  -webkit-appearance: none;
}

.list-patient-appointment-page .list-patient-appointment .standard,
.list-patient-appointment-page .list-patient-appointment .personal {
  border-bottom: 1px solid #ececec;
  padding-bottom: 7px;
  padding-top: 7px;
  margin-left: 15px;
  position: relative;
}
.list-patient-appointment-page .list-patient-appointment .standard:before,
.list-patient-appointment-page .list-patient-appointment .personal:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  height: 100%;
  width: 2px;
  background: rgba(var(--main-color_rgb), 0.2);
}
.list-patient-appointment-page .list-patient-appointment .standard.active,
.list-patient-appointment-page .list-patient-appointment .personal.active {
  border-bottom: none;
  background: #f0f2f5;
  padding: 5px;
}
.list-patient-appointment-page .list-patient-appointment .standard.active:before,
.list-patient-appointment-page .list-patient-appointment .personal.active:before {
  width: 5px;
  background: var(--main-color);
}
.list-patient-appointment-page .list-patient-appointment .standard .head-title,
.list-patient-appointment-page .list-patient-appointment .personal .head-title {
  padding-left: 20px;
  position: relative;
}
.list-patient-appointment-page .list-patient-appointment .standard .head-title:before,
.list-patient-appointment-page .list-patient-appointment .personal .head-title:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f017";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 12px;
  border-radius: 100%;
  color: #26a6eb;
  text-align: center;
}
.list-patient-appointment-page .list-patient-appointment .standard .head-title .payment-page,
.list-patient-appointment-page .list-patient-appointment .personal .head-title .payment-page {
  padding: 0;
  margin-left: 20px;
}
.list-patient-appointment-page .list-patient-appointment .standard .head-title-event,
.list-patient-appointment-page .list-patient-appointment .personal .head-title-event {
  padding-left: 20px;
  position: relative;
}
.list-patient-appointment-page .list-patient-appointment .standard .head-title-event:before,
.list-patient-appointment-page .list-patient-appointment .personal .head-title-event:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f44b";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 12px;
  border-radius: 100%;
  color: #26a6eb;
  text-align: center;
}
.list-patient-appointment-page .list-patient-appointment li.have-group-title .standard,
.list-patient-appointment-page .list-patient-appointment li.have-group-title .personal,
.list-patient-appointment-page .list-patient-appointment li.no-group-title .standard,
.list-patient-appointment-page .list-patient-appointment li.no-group-title .personal {
  margin-left: 0;
  border-bottom: 1px solid #d2d2d2;
  padding: 7px 20px;
}
.list-patient-appointment-page .list-patient-appointment li.have-group-title .standard:before,
.list-patient-appointment-page .list-patient-appointment li.have-group-title .personal:before,
.list-patient-appointment-page .list-patient-appointment li.no-group-title .standard:before,
.list-patient-appointment-page .list-patient-appointment li.no-group-title .personal:before {
  display: none;
}
@media (max-width: 450px) {
  .list-patient-appointment-page .list-patient-appointment li.have-group-title .standard,
  .list-patient-appointment-page .list-patient-appointment li.have-group-title .personal,
  .list-patient-appointment-page .list-patient-appointment li.no-group-title .standard,
  .list-patient-appointment-page .list-patient-appointment li.no-group-title .personal {
    padding: 7px 10px;
  }
}
.list-patient-appointment-page .list-patient-appointment li.have-group-title .group-title {
  margin-top: 25px;
  padding: 10px;
  background: #e5f2f9;
}
.list-patient-appointment-page .list-patient-appointment li.have-group-title .group-title h6 {
  margin-bottom: 0;
}

/* email templates page */
.email-template-page .list-email-template .admin-page-title {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .email-template-page .list-email-template .admin-page-title {
    padding: 0 10px;
  }
}

.email-template-editing-page .admin-page-title {
  margin-bottom: 15px;
}
.email-template-editing-page .edit-email-template-wrapper ul.form-fields li {
  margin-bottom: 5px;
}
.email-template-editing-page .edit-email-template-wrapper ul.form-fields li div, .email-template-editing-page .edit-email-template-wrapper ul.form-fields li p {
  color: #313131;
}
.email-template-editing-page .edit-email-template-wrapper ul.form-fields li .email-info {
  background: #f0f9fe;
  padding: 10px;
  margin-top: 10px;
  font-size: 13px;
}
.email-template-editing-page .edit-email-template-wrapper ul.form-fields li .email-info .text-bold {
  font-weight: 600;
}
.email-template-editing-page .edit-email-template-wrapper ul.form-fields li .email-info .form-group {
  margin-bottom: 0 !important;
}
.email-template-editing-page .edit-email-template-wrapper ul.form-fields li .email-info .label-headline {
  color: #098bd1;
  font-size: 13px !important;
}

/* Style for metric page */
.metric-editing-page .form-title h4 {
  padding: 20px;
  font-size: 16px;
  color: #323232;
  margin-bottom: 0;
}
.metric-editing-page .edit-metric-wrapper {
  border-radius: 5px;
  color: #323232;
}
.metric-editing-page .metric-form ul {
  border-top: 1px solid #F0F2F5 !important;
}
@media (max-width: 450px) {
  .metric-editing-page .metric-form ul {
    padding: 0 10px !important;
  }
}
.metric-editing-page .metric-form ul li {
  max-width: 500px;
  margin: auto;
  padding: 20px 10px !important;
}
.metric-editing-page .metric-form ul li input {
  width: 100%;
}
.metric-editing-page .btn-delete {
  padding: 10px;
  color: #ff0000;
}

.report-page#main-container .main-tabs-holder.overflow-hidden .main-padding {
  overflow: auto;
  flex: 0 0;
}
.report-page .header-title {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 600;
}
.report-page .content {
  background-color: #fff;
  padding-top: 10px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 1px solid #CFD4DB;
}
.report-page .chart-title-1 {
  position: relative;
}
.report-page .user-info {
  position: absolute;
  top: -25px;
}
.report-page .user-info .user-img {
  width: 40px;
  border-radius: 50%;
  float: left;
  background: #F0F2F5 !important;
  height: 40px;
}
.report-page .user-info .user-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.report-page .user-info .user-name {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.report-page md-chips.md-default-theme .md-chips,
.report-page md-chips .md-chips {
  box-shadow: none;
}
.report-page .top-ul {
  height: 50px;
  background-color: #ffffff;
}
.report-page .top-ul .navbar-toggle {
  top: 4px;
  position: relative;
}
.report-page div.therapist-multiple-select .dropdown-toggle {
  text-align: left;
}
.report-page div.therapist-multiple-select .dropdown-toggle.dropdown--overlay {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -30px;
  border: 0px !important;
  border-bottom: 2px solid #F0F2F5 !important;
  z-index: 99;
  background: transparent;
}
.report-page div.therapist-multiple-select .dropdown-toggle.dropdown--overlay span {
  position: absolute;
  right: 0px;
  bottom: 30px;
}
.report-page div.therapist-multiple-select .dropdown-toggle::after {
  display: none;
}
.report-page div.therapist-multiple-select .dropdown-toggle i {
  position: absolute !important;
  top: 50%;
  right: 5px;
  margin-right: 0;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.report-page div.therapist-multiple-select div {
  position: initial !important;
}
.report-page div.therapist-multiple-select .dropdown-toggle.dropdown--overlay + div.dropdown-menu {
  margin-top: -10px;
}
.report-page div.therapist-multiple-select div.dropdown-menu {
  position: absolute !important;
  top: auto !important;
  /* width: 200px; */
  max-height: 250px;
  overflow: auto;
}
.report-page div.therapist-multiple-select .form-check {
  position: relative !important;
  padding-left: 20px;
  margin-bottom: 5px;
  top: 0;
}
.report-page div.therapist-multiple-select .form-check input {
  left: 0;
  top: 2px;
}
.report-page div.therapist-multiple-select .form-check label {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
}
.report-page div.therapist-multiple-select .form-check label .square {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.report-page .provider-selected {
  border: 1px solid var(--main-color);
  border-radius: 16px;
  padding: 0 10px;
  margin: 0px 8px 0 0;
  float: left;
  max-width: 100%;
  position: relative;
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 0.9em;
}
.report-page .provider-selected.disabled {
  border-color: #909eaa;
  color: #909eaa;
}
.report-page .report-collapse {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.report-page .report-collapse .icon {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  color: #0275d8;
}
.report-page .report-collapse [aria-expanded=true] .icon {
  color: #0275d8;
}
.report-page .report-collapse [aria-expanded=true] .view-infomation {
  display: none;
}
.report-page .report-collapse .view-infomation {
  display: block;
}
.report-page .report-collapse [aria-expanded=true] .hide-infomation {
  display: block;
}
.report-page .report-collapse .hide-infomation {
  display: none;
}
.report-page .report-collapse [aria-expanded=true] .icon:before {
  content: "\f105" !important;
}
.report-page .report-collapse .icon:before {
  content: "\f107" !important;
}
.report-page .tableFixedHead__bottom {
  overflow: initial;
}
.report-page .tableFixedHead__bottom .table-bordered {
  border: 0px;
}
.report-page .tableFixedHead__bottom .table-bordered thead > tr > th {
  border: 0px;
  top: 0px;
  box-sizing: content-box;
}
.report-page .tableFixedHead__bottom .table-bordered thead > tr > th::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  border: solid 1px #ddd;
  box-sizing: content-box;
}
.report-page .tableFixedHead__bottom thead th {
  position: sticky;
  top: 0px;
  z-index: 4;
  white-space: nowrap;
  border: 0px;
}
.report-page .tableFixedHead__bottom thead tr:nth-child(1) {
  height: 40px;
}
.report-page .tableFixedHead__bottom thead tr:nth-child(2) th {
  top: 40px;
}
.report-page .table--autofit thead th {
  white-space: normal;
}
.report-page tr.align-middle th {
  vertical-align: middle;
}
.report-page tr.align-top th {
  vertical-align: top;
}
.report-page tr.text-right th {
  text-align: right;
}
.report-page tr.row-highlighted td {
  background: #d2e8f4;
}
.report-page .tableFixedHead__bottom tbody .total-fixed td {
  position: sticky;
  bottom: 0;
  background: #d2e8f4;
  z-index: 4;
}
.report-page .hide-infomation {
  background: white;
  color: #007bff;
}
.report-page .view-infomation {
  color: #007bff;
}
.report-page .custom-controls md-datepicker.form-control {
  border-bottom: 0px !important;
}
.report-page md-datepicker {
  max-width: 150px;
  border-bottom: 0px !important;
}
.report-page md-datepicker .md-datepicker-input-container {
  width: auto !important;
  border-bottom: 1px solid #F0F2F5 !important;
}
.report-page md-contact-chips {
  display: block;
}
.report-page [phone-action] .intl-tel-input input[international-phone-number] {
  text-align: left;
  font-size: 12px;
  background: none;
  max-width: 120px;
}
.report-page .customize-report table.customize-filter__group {
  table-layout: fixed;
}
.report-page .customize-report table.customize-filter__group.custom-controls md-datepicker .md-datepicker-input-container {
  width: 100% !important;
  max-width: 100%;
}
.report-page .customize-report table.customize-filter__group.custom-controls .form-control {
  border: solid 1px #ddd !important;
  border-radius: 5px !important;
  padding-left: 5px !important;
  max-width: 100%;
  background-color: #fff !important;
}
.report-page .customize-report table.customize-filter__group.custom-controls .form-control.select *, .report-page .customize-report table.customize-filter__group.custom-controls .form-control.select option {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.report-page .customize-report table.customize-filter__group tbody {
  border: 0px !important;
}
.report-page .customize-report table.customize-filter__group tbody:hover {
  background-color: rgba(var(--main-color_rgb), 0.13);
}
.report-page .customize-report table.customize-filter__group td.customize-filter__action {
  min-width: auto;
  width: 100px;
  text-align: right;
}
.report-page .customize-report table.customize-filter__group td.customize-filter__action span i {
  font-size: 20px;
}
.report-page .customize-report table.customize-result th, .report-page .customize-report table.customize-result td {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.report-page .customize-report table.customize-result .data-empty {
  opacity: 0.5;
}
.report-page .date-range-wrapper .date-range-custom #daterange {
  border: 0px !important;
}
.report-page .date-range-wrapper .btn-c {
  display: flex;
  align-items: center;
  height: 28px;
}

/* Login page */
.login {
  height: 100vh;
  width: 100vw;
  background: url(../images/login.png) no-repeat center;
  background-size: cover;
  color: #000;
  overflow: auto;
}
.login.overflow-hidden {
  overflow: hidden;
}
.login .content {
  background: #fff;
  padding: 15px;
  border-radius: 4px;
  width: 360px;
  min-height: 425px;
  margin: 15px 0 0 0;
  display: block;
  align-self: center;
  overflow: auto;
}
.login .content--register {
  min-height: auto;
}
.login .content .logo {
  max-height: 100px;
  margin: auto;
  display: block;
  margin: 15px;
}
.login .content .logo a {
  display: block;
}
.login .content .logo img {
  width: 100%;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.login .content .bottom {
  padding-top: 25px;
}
.login .content .bottom .power {
  margin-top: 15px;
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}
.login .content .input-group {
  margin-bottom: 15px;
}
.login .content .input-group .input-group-addon:first-child {
  color: #fed7b3 !important;
  opacity: 0.5;
}
.login .content .checkbox {
  color: #000;
  font-size: 14px;
}
.login .content .btn-link {
  color: #098bd1;
}
.login .content.content-lg {
  max-width: 900px;
  padding: 0;
  width: 95%;
}
.login .content.content-lg .main-wrapper {
  border: 1px solid #F0F2F5;
}
.login .content.content-lg .formRegister {
  padding: 10px;
}
.login .content.content-lg .form-group {
  border-bottom: 1px solid #F0F2F5;
  padding-top: 10px;
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}
.login .content.content-lg .form-group:last-child {
  margin-bottom: 0 !important;
}
.login .content.content-lg .form-group input {
  border-bottom: 0 !important;
}
.login .copy-right {
  margin: 10px auto;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .login .content {
    width: 85%;
  }
}
.login .input-group input:focus + span.input-group-addon + span.input-group-addon {
  border-bottom-color: blue !important;
}

.login-page.container-two-fa .logo {
  max-height: 106px;
  margin: auto;
  display: block;
  margin: 15px;
}
.login-page.container-two-fa .logo a {
  display: block;
}
.login-page.container-two-fa .logo img {
  width: 100%;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.login-page #login-btn {
  padding: 8px 16px;
  min-width: 200px;
}

::-ms-reveal {
  display: none;
}

.unsubscribed {
  width: 375px;
  padding: 32px;
  border-radius: 8px;
}
.unsubscribed .icon-unsubscribe .fa-envelope {
  font-size: 64px;
  height: 57px;
}
.unsubscribed .icon-unsubscribe .warnning {
  border-radius: 50%;
  height: 40px;
  width: 38px;
  right: 90px;
  top: 36px;
}
.unsubscribed .icon-unsubscribe .warnning .fa-minus-circle {
  font-size: 23px;
}
.unsubscribed .form-unsubscribe .content-center {
  padding: 12px 16px;
  border-radius: 8px;
}

.subscription-plan-required {
  max-width: 500px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #ffffff;
}
.subscription-plan-required .subscription-title {
  font-weight: 600;
  color: #000000;
  font-size: 18px;
}
.subscription-plan-required .subscription-message {
  color: #333333;
  font-size: 14px;
  line-height: 1.6;
}
.subscription-plan-required .subscription-message p {
  margin-bottom: 12px;
}
.subscription-plan-required .subscription-message p:last-child {
  margin-bottom: 0;
}

.account-already-connected .fa-exclamation-triangle {
  color: #ff9800;
}
.account-already-connected .account-connected-title {
  font-weight: bold;
  color: #333;
}
.account-already-connected .account-connected-message {
  max-width: 100%;
  margin: 0 auto;
}
.account-already-connected .account-connected-message p {
  color: #333;
  line-height: 1.6;
}
.account-already-connected .account-connected-message .consequences-list {
  list-style: disc !important;
  padding-left: 20px;
  color: #333;
  line-height: 1.8;
}

.authorization-canceled {
  min-height: auto !important;
}

.authorization-canceled .authorization-title,
.authorization-failed .authorization-title {
  font-weight: bold;
  color: #000;
}
.authorization-canceled .authorization-message,
.authorization-failed .authorization-message {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.authorization-canceled .authorization-message p,
.authorization-failed .authorization-message p {
  margin-bottom: 0;
}

.authorize-advanced-integrations .position-relative {
  position: relative !important;
}
.authorize-advanced-integrations input.position-relative {
  min-width: 15px;
}
.authorize-advanced-integrations .authorize-title {
  font-weight: bold;
  color: #000;
}
.authorize-advanced-integrations .authorize-message {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.authorize-advanced-integrations .authorize-message .sync-data-list {
  list-style: disc;
  padding-left: 20px;
  color: #333;
  line-height: 1.8;
}
.authorize-advanced-integrations .hipaa-notice .hipaa-title {
  font-weight: bold;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
}
.authorize-advanced-integrations .hipaa-notice .hipaa-list {
  list-style: disc;
  padding-left: 20px;
  color: #333;
  line-height: 1.8;
}

.ghl-button {
  background-color: #0080FF !important;
}

.admin-main-content {
  background: #FFFFFF;
  padding: 20px 15px;
  border-radius: 5px;
  overflow: auto;
}
@media (max-width: 1024px) {
  .admin-main-content {
    height: initial !important;
    max-height: initial !important;
  }
}
.admin-main-content .block-wrapper {
  background: #FFFFFF;
  padding: 20px 15px;
  border-radius: 5px;
}
.admin-main-content.background-transparent {
  min-height: inherit;
  background: transparent;
  padding: 10px 5px;
  border-radius: 0;
}
.admin-main-content .admin-page-title {
  position: relative;
  margin-bottom: 30px;
}
.admin-main-content .admin-page-title .md-headline {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.admin-main-content .admin-page-title .md-subhead {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.admin-main-content .admin-page-title.have-page-actions {
  padding-right: 95px;
}
.admin-main-content .admin-page-title.have-page-actions .admin-page-actions {
  position: absolute;
  right: 0;
  top: 5px;
}
.admin-main-content .admin-page-title.have-page-actions .admin-page-actions button {
  margin: 0;
  background: #e4eef4;
  border: 1px solid #068ad0;
}
.admin-main-content .admin-page-title.have-page-actions .admin-page-actions button:hover {
  background: #068ad0;
  color: #ffffff;
}
.admin-main-content .top-icon-bar .btn-back,
.admin-main-content .top-icon-bar .btn-save {
  margin: 0;
}
.admin-main-content .top-icon-bar .btn-back {
  background-color: #e6e6e6;
}
.admin-main-content .main-body .table caption span {
  font-weight: 500;
}
.admin-main-content .main-body .table thead tr th.actions {
  padding-left: 20px !important;
  min-width: 90px;
}
.admin-main-content .main-body .table thead > tr > th {
  font-weight: 600 !important;
  background-color: #f0f2f5;
}
.admin-main-content .main-body .table tbody > tr > td {
  border-color: #e3e6ec;
}
.admin-main-content .main-body .table tbody tr {
  border-bottom: 1px solid #e3e6ec !important;
}
.admin-main-content .main-body .list-item.moveable {
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #e3e6ec;
}
.admin-main-content .main-body .list-item.moveable .item {
  position: relative;
  border-bottom: 1px solid #e3e6ec;
  display: flex;
  align-items: top;
  justify-content: space-between;
}
.admin-main-content .main-body .list-item.moveable .item:hover {
  background: rgba(var(--main-color_rgb), 0.13);
}
.admin-main-content .main-body .list-item.moveable .item:last-child {
  border-bottom: 0px;
}
.admin-main-content .main-body .list-item.moveable .item .list-item-text {
  padding: 8px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.admin-main-content .main-body .list-item.moveable .item .list-item-text h4 {
  display: block;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 26px;
}
.admin-main-content .main-body .list-item.moveable .item .list-item-text span {
  display: block;
  font-weight: 500;
  color: #2f3849;
  font-size: 14px;
  line-height: 24px;
}
.admin-main-content .main-body .list-item.moveable .item .btn-move {
  cursor: move;
  font-size: 20px;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.admin-main-content .main-body .list-item.moveable .item .btn-move + .list-item-text {
  padding: 10px 60px 10px 45px;
}
.admin-main-content .main-body .list-item.moveable .item .list-item-actions {
  padding: 8px;
  flex-shrink: 1;
}
.admin-main-content .main-body .table-sort {
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #d7dce2;
}
.admin-main-content .main-body .table-sort .item:nth-child(even) {
  background: rgba(var(--main-color_rgb), 0.05);
  border-top: 1px solid rgba(var(--main-color_rgb), 0.2);
  border-bottom: 1px solid rgba(var(--main-color_rgb), 0.2);
}
.admin-main-content .main-body .table-sort .item .handle {
  font-size: 18px;
  color: #b2b2b2;
  cursor: move;
}
.admin-main-content .main-body .table .list-item-text h4 {
  display: block;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 26px;
}
.admin-main-content .main-body .table .list-item-text span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.admin-main-content .main-body .content-list .content-item {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #e1e1e1;
}
@media (max-width: 450px) {
  .admin-main-content .main-body .content-list .content-item {
    margin-bottom: 0;
  }
}
.admin-main-content .main-body .content-list .content-item .content .md-headline {
  font-size: 16px;
  font-weight: 500;
}
.admin-main-content .main-body .content-list .content-item .content .md-sub-headline {
  font-size: 14px;
  padding: 0;
}
.admin-main-content .form-group .searchclear {
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
  font-size: 13px;
  padding: 5px;
  color: #ff0000;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}
.admin-main-content .form-group .searchclear:before {
  content: "\f00d";
}
.admin-main-content .md-switch md-switch .md-container {
  width: 40px;
}
.admin-main-content .md-switch md-switch.md-default-theme.md-primary .md-bar,
.admin-main-content .md-switch md-switch.md-primary .md-bar {
  width: 40px;
  top: 0;
  height: 24px;
  border-radius: 100px;
}
.admin-main-content .md-switch md-switch.md-default-theme.md-checked.md-primary .md-bar,
.admin-main-content .md-switch md-switch.md-checked.md-primary .md-bar {
  background-color: #068AD0;
}
.admin-main-content .md-switch md-switch.md-default-theme.md-primary .md-thumb,
.admin-main-content .md-switch md-switch.md-primary .md-thumb {
  left: 3px;
  background-color: #ffffff;
}
.admin-main-content .switches-section .md-headline {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.admin-main-content .switch-list .switch-item {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e6ec;
  margin: 10px 0 15px 0;
  padding-right: 60px;
}
.admin-main-content .switch-list .switch-item .item-action {
  position: absolute;
  right: 5px;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.admin-main-content .text-input-section .md-headline {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.admin-main-content .text-input-list .text-input-item {
  padding: 15px 70px 15px 15px;
  position: relative;
  border-bottom: 1px solid #e3e6ec;
}
.admin-main-content .text-input-list .text-input-item .item-text .item-headline {
  line-height: 25px;
  position: relative;
}
.admin-main-content .text-input-list .text-input-item .item-text .item-headline:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #068ad0;
}
.admin-main-content .text-input-list .text-input-item .item-text .item-sub-headline {
  margin-left: -15px;
}
.admin-main-content .text-input-list .text-input-item .item-input {
  position: absolute;
  right: 0;
  top: 50%;
  width: 70px;
  text-align: right;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.admin-main-content .text-input-list .text-input-item .item-input input,
.admin-main-content .text-input-list .text-input-item .item-input select {
  width: 100%;
  text-align: right;
  font-size: 28px !important;
  border-bottom: none !important;
}
.admin-main-content .text-input-list .text-input-item .item-input input::-webkit-input-placeholder,
.admin-main-content .text-input-list .text-input-item .item-input select::-webkit-input-placeholder {
  font-size: 15px;
}
.admin-main-content .text-input-list .text-input-item .item-input input:-ms-input-placeholder,
.admin-main-content .text-input-list .text-input-item .item-input select:-ms-input-placeholder {
  font-size: 15px;
}
.admin-main-content .text-input-list .text-input-item .item-input input::-ms-input-placeholder,
.admin-main-content .text-input-list .text-input-item .item-input select::-ms-input-placeholder {
  font-size: 15px;
}
.admin-main-content .text-input-list .text-input-item .item-input input::-webkit-input-placeholder, .admin-main-content .text-input-list .text-input-item .item-input select::-webkit-input-placeholder {
  font-size: 15px;
}
.admin-main-content .text-input-list .text-input-item .item-input input:-ms-input-placeholder, .admin-main-content .text-input-list .text-input-item .item-input select:-ms-input-placeholder {
  font-size: 15px;
}
.admin-main-content .text-input-list .text-input-item .item-input input::-ms-input-placeholder, .admin-main-content .text-input-list .text-input-item .item-input select::-ms-input-placeholder {
  font-size: 15px;
}
.admin-main-content .text-input-list .text-input-item .item-input input::placeholder,
.admin-main-content .text-input-list .text-input-item .item-input select::placeholder {
  font-size: 15px;
}
.admin-main-content .text-input-list.list-unstyled .text-input-item {
  padding-left: 0;
}
.admin-main-content .text-input-list.list-unstyled .text-input-item .item-sub-headline {
  margin-left: 0;
}
.admin-main-content .text-input-list.list-unstyled .text-input-item .item-text .item-headline:before {
  display: none;
}
.admin-main-content .btn-atp.focus {
  box-shadow: 2px 2px 16px 1px #ccc;
}
.admin-main-content .btn-atp:hover {
  box-shadow: 2px 2px 16px 1px #838383;
}
.admin-main-content .btn-atp-default {
  background: #e4eef4;
  border: 1px solid #098bd1;
  border-radius: 5px;
  text-transform: capitalize;
}
.admin-main-content .btn-atp-info {
  background: #098bd1;
  border: 1px solid #098bd1;
  border-radius: 5px;
  text-transform: capitalize;
  color: #ffffff;
}
.admin-main-content .btn-atp-info:hover {
  background: #098bd1;
  border: 1px solid #098bd1;
  color: #ffffff;
}
.admin-main-content .btn-atp-warning {
  background: var(--main-color);
  border: 1px solid var(--main-color);
  border-radius: 5px;
  text-transform: capitalize;
  color: #ffffff;
}
.admin-main-content .btn-atp-warning:hover {
  background: var(--main-color);
  border: 1px solid var(--main-color);
  color: #ffffff;
}
.admin-main-content .mailto {
  color: #068AD0;
}
.admin-main-content .package-item {
  background-color: #ffffff;
}
.admin-main-content .package-item .package-tile {
  line-height: 100px;
  color: #ffffff;
  background-color: #fdfdfd;
  font-size: 25px;
}
.admin-main-content .package-item .package-body ul.package-option {
  padding: 10px 0;
}
.admin-main-content .package-item .package-body ul.package-option li.option {
  display: table;
  width: 100%;
  text-align: right;
  position: relative;
  min-height: 50px;
  max-width: 300px;
  margin: auto;
}
.admin-main-content .package-item .package-body ul.package-option li.option .text {
  float: right;
  width: 100%;
  padding: 15px 110px 15px 10px;
}
.admin-main-content .package-item .package-body ul.package-option li.option .action {
  position: absolute;
  right: 10px;
  top: 8px;
}
.admin-main-content .package-item .package-body ul.package-option li.option .action span {
  min-width: 90px;
}
.admin-main-content .package-item .package-body ul.package-detail {
  background-color: #f2e6de;
  min-height: 150px;
  text-align: left;
  padding: 10px 0;
}
.admin-main-content .package-item .package-body ul.package-detail li {
  padding: 0 10px;
}

/* Notification Settings */
.notification-setting-atp h6,
.notification-setting-atp h5 {
  color: #000;
}

/* Electronic Signature */
.electronic-signature-atp .slidecontainer input {
  width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
  .electronic-signature-atp .slidecontainer input {
    width: calc(100% - 230px);
  }
}
.electronic-signature-atp .slidecontainer .slider {
  margin-top: 15px !important;
}
.electronic-signature-atp md-card {
  min-height: 170px;
  margin: 0;
  padding: 30px 0;
  box-shadow: none !important;
  border-radius: 5px;
}

.icon-footer-config {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 4px;
  color: #fff;
  display: block;
  margin: auto;
  font-size: 18px;
}
.icon-footer-config i {
  line-height: 35px;
}
.icon-footer-config i.fas.fa-payment {
  background: #ffffff;
  width: 65%;
}

.panel-title,
.md-headline {
  font-size: 16px;
  font-weight: 500;
  color: #777777;
}

.signature-setting-list .signature-setting__social-link.place-holder {
  border: 1px dashed var(--main-color);
  border-radius: 0.25rem;
  background-color: #f7f7f9;
  margin: 1rem 0;
}
.signature-setting-list .signature-setting__social-link.dragging-item {
  opacity: 0.75;
}
.signature-setting-list .signature-setting__item.field-input {
  margin-bottom: 10px;
}
.signature-setting-list .signature-setting__item .signature-setting__action {
  font-size: 15px;
  margin-left: 5px;
}
.signature-setting-list .signature-setting__item .signature-setting__action .fa-pencil {
  color: #068ad0;
}
.signature-setting-list .signature-setting__item .signature-setting__action .fa-save {
  color: #5bc0de;
}
.signature-setting-list .signature-setting__item.field-input .signature-setting__logo {
  width: 25px;
  height: 25px;
  line-height: 29px;
  border-radius: 50%;
  text-align: center;
  display: block;
  color: white;
  margin-right: 10px;
}

.password-setting .password-setting__verify {
  border: 1px solid #fb7800;
  background-color: #fff8f2;
  border-radius: 5px;
}

.custom-controls ul.sms-setting-list .input-group .form-control {
  border-bottom: 2px solid #F0F2F5 !important;
}

ul.sms-setting-list {
  background: white;
  border: solid 1px #e3e6ec;
}
ul.sms-setting-list li.sms-setting-list__item {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  border-bottom: 1px solid #e3e6ec;
}
ul.sms-setting-list li.sms-setting-list__item:hover {
  background: rgba(var(--main-color_rgb), 0.13);
}
ul.sms-setting-list li.sms-setting-list__item:last-child {
  border-bottom: 0px;
}
ul.sms-setting-list .input-group .form-control {
  margin-left: 10px;
  max-width: 100px;
}

@media (min-width: 576px) {
  .clinic-setting-page .b-left {
    padding-left: 0;
  }
  .clinic-setting-page .b-right {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .clinic-setting-page .b-left,
  .clinic-setting-page .b-right {
    padding: 0;
  }
}
.main-tabs-holder .custom-controls custom-pagination select, .main-tabs-holder .custom-controls custom-pagination input:not([type=checkbox]):not([type=range]):not([type=radio]) {
  border: 1px solid #ddd !important;
}
.main-tabs-holder .custom-controls custom-pagination select {
  -webkit-appearance: menulist !important;
  appearance: menulist !important;
  background: none;
  padding: 0px !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323;
}

.custom-controls ul.sms-setting-list .input-group .form-control {
  border-bottom: 2px solid #F0F2F5 !important;
}

.admin-page-actions .btn.ng-hide.ng-hide-animate {
  display: none !important;
}
.admin-page-actions .btn.ng-animate.ng-enter.ng-active {
  display: none !important;
}
.admin-page-actions .btn.ng-animate.ng-leave {
  display: none !important;
}

.list-group-item .content .user-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list-group-item .content .user-info .usr-img {
  flex-basis: 100%;
  max-width: 40px;
}

.service-edit-page {
  background: transparent;
  padding: 20px 15px;
}
.service-edit-page .invoice-template__wrapper {
  padding: 0px;
}
.service-edit-page .invoice-template__header {
  top: -15px;
  padding: 5px 15px;
  background: #ffffff;
}
.service-edit-page .invoice-template__header.sticky-element {
  top: -10px;
}
.service-edit-page .invoice-template__content {
  padding: 0px 15px 15px 15px;
}

@media screen and (min-width: 992px) {
  .popup-service-category .popup-service-category__list {
    max-height: 200px;
    min-height: 200px;
    overflow: auto;
  }
  .popup-service-category .popup-service-category__list__item {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .popup-service-category .popup-service-category__list__item md-checkbox {
    display: flex;
    max-width: 100%;
  }
  .popup-service-category .popup-service-category__list__item md-checkbox .md-label {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.table-user .active {
  background-color: #e5f2f9;
}

@media screen and (min-width: 992px) {
  .service-category__list {
    max-height: 400px;
    overflow: auto;
  }
  .service-category__list__item {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .service-category__list__item md-checkbox {
    display: flex;
    max-width: 100%;
  }
  .service-category__list__item md-checkbox .md-label {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.location-list__item__header {
  background: #ffffff;
  padding: 0.25rem 0.5rem;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.location-list__item__header__text {
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  display: flex;
  align-items: center;
}
.location-list__item__header .list-collapse__header__icon {
  display: block;
  font-family: Font Awesome\ 5 Pro;
  font-weight: 900;
}
.location-list__item__header .list-collapse__header__icon::before {
  content: "\f106";
}
.location-list__item__header__wrapper {
  background: #ffffff;
}

.popup-fields multiple-select-with-search-pte .row {
  display: block !important;
  padding-left: 15px;
  padding-right: 15px;
}
.popup-fields multiple-select-with-search-pte .row h6 {
  margin-bottom: 0 !important;
}
.popup-fields multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container {
  margin-right: 0;
}
.popup-fields multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container input {
  min-height: 32px !important;
  border-bottom: 1px solid #838383 !important;
  background-color: white !important;
}

.panel-new-settings {
  font-size: 16px;
  line-height: 24px;
}
.panel-new-settings .switch.x-small {
  width: 32px;
  height: 20px;
  min-width: 40px;
}
.panel-new-settings .switch.x-small input:checked + .slider:before {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
.panel-new-settings .switch.x-small .slider:before {
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
}
.panel-new-settings .switch.x-small .slider.round {
  border-radius: 18px;
}
.panel-new-settings .device .fa-minus-circle {
  font-size: 20px;
}
.panel-new-settings .content-login-rule md-checkbox .md-label {
  white-space: nowrap;
}
@media only screen and (max-width: 767.98px) {
  .panel-new-settings {
    font-size: 14px;
    line-height: 20px;
  }
}

h5.header-title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 0;
}

h6.content-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 0;
}

.border-top-color-hr {
  border-top-color: #838383;
}

.protocol-page {
  background: #f0f2f5;
}
.protocol-page h5, .protocol-page h6 {
  color: #000;
  display: inline-block;
  width: 100%;
}
.protocol-page h5 .btn.pull-right, .protocol-page h6 .btn.pull-right {
  margin-top: -15px;
}
.protocol-page p {
  color: #333;
}
.protocol-page .checkpoint-group {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 15px;
}
.protocol-page .btn-group {
  box-shadow: 0px 2px 10px 0px whitesmoke;
  border-radius: 30px;
}
.protocol-page .btn-group .btn {
  background-color: #fff;
  border-right: 2px solid #eee;
  outline: 0 !important;
  box-shadow: none;
}
.protocol-page .btn-group .btn.active, .protocol-page .btn-group .btn.btn-active {
  color: var(--main-color);
  background-color: rgba(var(--main-color_rgb), 0.1);
  border-right: 0;
}
.protocol-page .btn-group .btn:first-child {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.protocol-page .btn-group .btn:last-child {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-right: 0;
}
.protocol-page .checkbox {
  font-size: 1.5em;
}
.protocol-page .checkbox input[type=radio] {
  opacity: 1 !important;
  margin-top: 5px !important;
}
.protocol-page .checkbox .fa-clock, .protocol-page .checkbox .fa-heartbeat, .protocol-page .checkbox .fa-pen {
  color: var(--main-color);
  margin-left: 25px;
  margin-right: 10px;
}
.protocol-page .time {
  font-size: 4em;
  color: rgba(var(--main-color_rgb), 0.2);
}
.protocol-page .detail-content {
  padding-left: 58px;
}
.protocol-page .list-img div img {
  margin: 0px 15px;
}
.protocol-page .input-custom::-webkit-input-placeholder {
  font-size: 1.5em;
}
.protocol-page .input-custom:-ms-input-placeholder {
  font-size: 1.5em;
}
.protocol-page .input-custom::-ms-input-placeholder {
  font-size: 1.5em;
}
.protocol-page .input-custom::placeholder {
  font-size: 1.5em;
}
.protocol-page .menu-bottom-left {
  background-color: #F4F6F8;
  width: 100%;
  margin-top: 15px;
}
.protocol-page .inner-addon {
  position: relative;
}
.protocol-page video {
  width: 100%;
}
.protocol-page .btn-same-size {
  min-width: 145px;
}

.full-page.protocol-page .main-tabs-holder {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
.full-page.protocol-page .top-ul {
  order: 1;
}
.full-page.protocol-page .tab-content {
  order: 2;
  flex-grow: 2;
  overflow: auto;
}
.full-page.protocol-page .main-content {
  height: auto;
}
@media (max-width: 450px) {
  .full-page.protocol-page .top-ul {
    min-height: inherit !important;
  }
  .full-page.protocol-page .top-ul .nav-tabs {
    margin-bottom: 0px;
  }
  .full-page.protocol-page .top-ul .nav-tabs li.nav-tab a {
    border-bottom: 1px solid #ccc;
    background: #ffffff;
  }
  .full-page.protocol-page .exercise-list .title {
    padding-top: 0;
  }
  .full-page.protocol-page .exercise-list .filter {
    padding: 15px;
    position: initial;
    top: 0;
    left: auto;
    right: 0;
  }
}

.table-exercise-list .table-exercise-item.table-exercise-item--sortable td {
  border: none;
}
.table-exercise-list .table-exercise-item.table-exercise-item--sortable td img {
  border-radius: 5px;
  max-height: 50px;
}

.expired-page {
  position: relative;
  padding-top: 90px;
  padding-bottom: 20px;
}
.expired-page .custom-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--main-color);
  margin-bottom: 20px;
  padding: 5px;
  box-shadow: 1px 1px 10px rgba(192, 192, 192, 0.5215686275);
  display: table;
  width: 100%;
}
.expired-page .custom-header .logo {
  float: left;
  margin-left: 15px;
}
.expired-page .custom-header .logo img {
  width: 60px;
}
.expired-page .custom-header .logout {
  float: right;
  margin-top: 7px;
  margin-right: 15px;
  background: #ffffff;
  color: #6c6c6c;
}
.expired-page .custom-block {
  background: #ffffff;
  padding: 30px 15px 20px;
  border-radius: 5px;
  width: 90%;
  max-width: 900px;
  margin: auto;
}
.expired-page .info-holder {
  padding-bottom: 10px !important;
  margin-bottom: 10px;
  border-bottom: 1px solid #ececec;
  display: table;
  width: 100%;
}
.expired-page .info-holder span {
  margin-bottom: 5px;
}

/* Subscription page */
.subscription-page .info-holder {
  padding-bottom: 10px !important;
  border-bottom: 1px solid #ececec;
}

.welcome {
  overflow: auto;
  background-size: cover;
  padding-top: 64px;
  height: 100vh;
  width: 100vw;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.welcome::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  top: 0px;
  left: 0px;
}
.welcome .welcome-header {
  margin: 30px 10px;
  color: #fff;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  text-shadow: 3px 2px 3px #777;
}
.welcome .welcome-menu {
  width: 60%;
  margin: auto;
}
.welcome .welcome-menu .menu-item {
  width: 33.3333333333%;
  padding: 16px;
  float: left;
}
.welcome .welcome-menu .menu-item .item-box {
  background: #FFF;
  opacity: 0.9;
  border-radius: 10px;
  padding: 15px;
}
.welcome .welcome-menu .menu-item .item-box .img-box {
  height: 115px;
  position: relative;
  text-align: center;
  margin: auto;
}
.welcome .welcome-menu .menu-item .item-box .img-box .picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  height: 100%;
  width: 100%;
}
.welcome .welcome-menu .menu-item .item-box .img-box .picture i {
  font-size: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
}
.welcome .welcome-menu .menu-item .item-box .img-box .picture svg {
  width: 100px !important;
  height: 100px !important;
}
@media (max-width: 1024px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture svg {
    height: 90px !important;
    width: 90px !important;
  }
}
@media (max-width: 768px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture svg {
    height: 75px !important;
    width: 75px !important;
  }
}
@media (max-width: 414px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture svg {
    height: 60px !important;
    width: 60px !important;
  }
}
.welcome .welcome-menu .menu-item .item-box .img-box .picture .img {
  display: block;
  height: 115px;
  width: 115px;
  margin: auto;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.welcome .welcome-menu .menu-item .item-box .img-box .picture .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture .img {
    height: 90px;
    width: 90px;
  }
}
@media (max-width: 768px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture .img {
    height: 75px;
    width: 75px;
  }
}
@media (max-width: 414px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture .img {
    height: 60px;
    width: 60px;
  }
}
.welcome .welcome-menu .menu-item .item-box .img-box .picture .short-name {
  display: inline-block;
  width: 115px;
  height: 115px;
  text-align: center;
  line-height: 115px;
  border-radius: 100%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 45px;
  background-color: #faab45;
  color: white;
}
@media (max-width: 1024px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture .short-name {
    height: 85px;
    width: 85px;
    line-height: 85px;
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture .short-name {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 25px;
  }
}
@media (max-width: 414px) {
  .welcome .welcome-menu .menu-item .item-box .img-box .picture .short-name {
    height: 65px;
    width: 65px;
    line-height: 65px;
    font-size: 22px;
  }
}
.welcome .welcome-menu .menu-item .item-box .img-box img {
  height: 100%;
  width: auto;
}
.welcome .welcome-menu .menu-item .item-box .img-box .notification {
  position: absolute;
  border-radius: 100%;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-weight: 700;
  background: #26a6eb;
  color: #fff;
  margin-left: -15px;
  margin-top: -5px;
  right: 0;
}
.welcome .welcome-menu .menu-item .item-box .img-box .notification.ex {
  margin-left: -30px;
  margin-top: -10px;
}
.welcome .welcome-menu .menu-item .item-box .item-text {
  display: flex;
  height: 40px;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  color: #333;
}
@media (max-width: 1024px) {
  .welcome .welcome-menu {
    width: 70%;
  }
  .welcome .welcome-menu .menu-item .item-box .img-box {
    height: 90px;
  }
  .welcome .welcome-menu .menu-item .item-box .img-box .picture i {
    font-size: 70px;
  }
}
@media (max-width: 768px) {
  .welcome .welcome-menu .menu-item .item-box .img-box {
    height: 70px;
  }
  .welcome .welcome-menu .menu-item .item-box .img-box .picture i {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .welcome .welcome-header {
    font-size: 16px;
    margin: 10px;
  }
  .welcome .welcome-menu {
    width: 100%;
  }
  .welcome .welcome-menu .menu-item {
    width: 50%;
    padding: 5px;
  }
  .welcome .welcome-menu .menu-item .item-box {
    padding: 10px;
  }
  .welcome .welcome-menu .menu-item .item-box .img-box {
    height: 80px;
  }
  .welcome .welcome-menu .menu-item:nth-child(2n) {
    padding-right: 10px;
  }
  .welcome .welcome-menu .menu-item:nth-child(2n+1) {
    padding-left: 10px;
  }
}
@media (max-width: 414px) {
  .welcome .welcome-menu .menu-item .item-box .img-box {
    height: 65px;
  }
  .welcome .welcome-menu .menu-item .item-box .img-box .picture i {
    font-size: 55px;
  }
}
@media (max-width: 320px) {
  .welcome .welcome-menu .menu-item .item-box .img-box {
    height: 55px;
  }
}

/* Styles for participant info page */
.participant-info-page .participant-info {
  margin-top: 30px;
}
@media (max-width: 450px) {
  .participant-info-page .participant-info {
    margin-top: 20px;
  }
}
.participant-info-page .avatar-name {
  position: relative;
  min-height: 100px;
}
.participant-info-page .avatar-name .p-avatar {
  position: relative;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
}
.participant-info-page .avatar-name .p-avatar .avatar-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.participant-info-page .avatar-name .p-avatar .avatar-wrapper img {
  width: 100%;
}
.participant-info-page .avatar-name .name {
  display: flex;
  flex-grow: 1;
  margin-left: 30px;
}
.participant-info-page .avatar-name .name h4 {
  align-self: center;
  font-size: 35px;
}
@media (max-width: 450px) {
  .participant-info-page .avatar-name {
    min-height: 80px;
  }
  .participant-info-page .avatar-name .p-avatar {
    width: 80px;
    height: 80px;
  }
  .participant-info-page .avatar-name .name {
    margin-left: 15px;
  }
  .participant-info-page .avatar-name .name h4 {
    font-size: 20px;
  }
}

#caseSearchForm md-content.autocomplete {
  min-height: 250px;
}

.clinic {
  background-color: #f0f2f5;
}
.clinic .clinic-border {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-left: 3px solid limegreen;
}
.clinic .clinic-text {
  margin: 0px 0px 0px 5px;
}
.clinic .clinic-text .text-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clinic .ft-12 {
  font-size: 12px;
}
.clinic .height-100 {
  height: 100%;
}
.clinic .clinic-img img {
  border-radius: 5px;
  margin: 2px 0px 0px 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
}

.clinic-grid {
  min-height: calc(100vh - 336px);
  max-height: calc(100vh - 336px);
  overflow-y: auto;
  overflow-x: hidden;
}

.clinic-grid-advanced {
  min-height: calc(100vh - 422px);
  max-height: calc(100vh - 422px);
  overflow-y: auto;
  overflow-x: hidden;
}

.clinic-grid-advanced-error {
  min-height: calc(100vh - 443px);
  max-height: calc(100vh - 443px);
  overflow-y: auto;
  overflow-x: hidden;
}

#detailDiv {
  position: relative;
}
#detailDiv .row-position-sticky {
  background: #f0f2f5;
  position: sticky;
  z-index: 10;
  top: -1rem;
  margin-top: -1rem;
}
@media only screen and (max-width: 767.98px) {
  #detailDiv .row-position-sticky {
    background: #FFF;
  }
}

#paymentMainTab {
  position: relative;
}
#paymentMainTab .row-position-sticky {
  background: #f0f2f5;
  position: sticky;
  z-index: 10;
  top: -1rem;
  margin-top: -1rem;
}
@media only screen and (max-width: 767.98px) {
  #paymentMainTab .row-position-sticky {
    background: #FFF;
  }
}

.video-screen {
  position: absolute;
  bottom: 50px;
  right: 50px;
  width: 200px;
  min-height: 250px;
  background-color: black;
  z-index: 9999;
  max-height: 100%;
  overflow-y: hidden;
}
.video-screen.loading::before {
  left: calc((100% - 2rem) / 2);
}
.video-screen #dragControl {
  position: absolute;
  color: white;
  font-size: 20px;
  z-index: 1000;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: white;
  color: #423e3e;
  line-height: 15px;
  text-align: center;
  display: flex;
  cursor: move;
}
.video-screen #dragControl i {
  font-weight: normal;
}
.video-screen div#controls div#preview div#local-media video {
  position: absolute;
  top: 5px;
  bottom: unset;
  right: 5px;
  height: 80px;
  width: 60px;
  max-width: 100%;
  max-height: 100%;
  border: none;
}
.video-screen.full-screen {
  bottom: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .video-screen.full-screen {
    /*width: 100% !important;*/
    right: 0px !important;
  }
  .video-screen.full-screen #remote-media {
    /*position: relative !important;*/
  }
}
.video-screen.full-screen #remote-media {
  position: absolute;
  top: 0px;
  height: 100%;
}
.video-screen.full-screen #remote-media-sharing {
  position: absolute;
  top: 0px;
  height: 100%;
}
.video-screen.full-screen div#controls div#preview div#local-media video {
  top: unset;
  bottom: 100px;
  right: 15px;
  height: 160px;
  width: 120px;
}
.video-screen.full-screen.share-screen .answer-panel.bottom {
  padding-left: calc((100% - 768px) / 2) !important;
  padding-right: calc((100% - 768px) / 2) !important;
}

.body-conversation img,
.body-conversation audio,
.body-conversation video,
.body-conversation iframe {
  max-height: 500px;
  max-width: 100%;
}

.hide-video-call {
  position: absolute;
}

.hide-video-call .answer-panel {
  display: none;
}

.video-chatbox-panel {
  position: absolute;
  z-index: 999;
  right: 10px;
}

.video-chatbox-panel div {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

.acceptcall-icon {
  background-color: green;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding-top: 5px;
  padding-left: 0px;
}

.endcall-icon {
  display: inline-block;
  background-color: red;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding-top: 5px;
  padding-left: 15px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.option-icon {
  display: inline-block;
  background-color: #F47721;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding-top: 5px;
  padding-left: 15px;
}

.answer-panel {
  white-space: nowrap;
  width: 100%;
  display: table;
  background: rgba(0, 0, 0, 0.5);
}

.option-icon-video {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  padding: 5px;
  display: table-cell;
  text-align: center;
}

.option-icon-video img {
  max-height: 50px;
}

.btn-preview-download span {
  margin-top: 5px;
}

div#remote-media {
  width: 100%;
  background-color: #000000;
  text-align: center;
  margin: auto;
}

div#remote-media video {
  border: 1px solid #272726;
  /*margin: 3em 2em;*/
  width: 100%;
  /*max-width: 27% !important;*/
  background-color: #272726;
  background-repeat: no-repeat;
}

div#remote-media-sharing {
  width: 100%;
  background-color: #000000;
  text-align: center;
  margin: auto;
}

div#remote-media-sharing video {
  border: 1px solid #272726;
  /*margin: 3em 2em;*/
  width: 100%;
  /*max-width: 27% !important;*/
  background-color: #272726;
  background-repeat: no-repeat;
}

div#controls {
  /*padding: 3em;*/
  max-width: 1200px;
  margin: 0 auto;
}

div#controls div {
  float: left;
}

div#controls div#room-controls,
div#controls div#preview {
  text-align: center;
}

div#controls div#preview .instructions {
  position: absolute;
  top: 0px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

div#controls p.instructions {
  text-align: center;
  margin-bottom: 1em;
  font-family: Helvetica-LightOblique, Helvetica, sans-serif;
  font-style: oblique;
  font-size: 1.25em;
  color: #777776;
}

div#controls button {
  width: 15em;
  height: 2.5em;
  margin-top: 1.75em;
  border-radius: 1em;
  font-family: "Helvetica Light", Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: lighter;
  outline: 0;
}

div#controls div#room-controls input {
  font-family: Helvetica-LightOblique, Helvetica, sans-serif;
  font-style: oblique;
  font-size: 1em;
}

div#controls button:active {
  position: relative;
  top: 1px;
}

div#controls div#preview div#local-media {
  box-sizing: border-box;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjEgKDEyMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDUxICsgRmlsbCA1MjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJjdW1tYWNrIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5LjAwMDAwMCwgLTE3NDYuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJGaWxsLTUxLSstRmlsbC01MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU5LjAwMDAwMCwgMTc0Ni4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOS42ODYsMC43MyBDMTcuODUsMC43MyAwLjA4NSwxOC41IDAuMDg1LDQwLjMzIEMwLjA4NSw2Mi4xNyAxNy44NSw3OS45MyAzOS42ODYsNzkuOTMgQzYxLjUyMiw3OS45MyA3OS4yODcsNjIuMTcgNzkuMjg3LDQwLjMzIEM3OS4yODcsMTguNSA2MS41MjIsMC43MyAzOS42ODYsMC43MyBMMzkuNjg2LDAuNzMgWiBNMzkuNjg2LDEuNzMgQzYxLjAwNSwxLjczIDc4LjI4NywxOS4wMiA3OC4yODcsNDAuMzMgQzc4LjI4Nyw2MS42NSA2MS4wMDUsNzguOTMgMzkuNjg2LDc4LjkzIEMxOC4zNjcsNzguOTMgMS4wODUsNjEuNjUgMS4wODUsNDAuMzMgQzEuMDg1LDE5LjAyIDE4LjM2NywxLjczIDM5LjY4NiwxLjczIEwzOS42ODYsMS43MyBaIiBpZD0iRmlsbC01MSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ3Ljk2LDUzLjMzNSBMNDcuOTYsNTIuODM1IEwyMC4wOTMsNTIuODM1IEwyMC4wOTMsMjcuODI1IEw0Ny40NiwyNy44MjUgTDQ3LjQ2LDM4LjI1NSBMNTkuMjc5LDMwLjgwNSBMNTkuMjc5LDQ5Ljg1NSBMNDcuNDYsNDIuNDA1IEw0Ny40Niw1My4zMzUgTDQ3Ljk2LDUzLjMzNSBMNDcuOTYsNTIuODM1IEw0Ny45Niw1My4zMzUgTDQ4LjQ2LDUzLjMzNSBMNDguNDYsNDQuMjE1IEw2MC4yNzksNTEuNjY1IEw2MC4yNzksMjguOTk1IEw0OC40NiwzNi40NDUgTDQ4LjQ2LDI2LjgyNSBMMTkuMDkzLDI2LjgyNSBMMTkuMDkzLDUzLjgzNSBMNDguNDYsNTMuODM1IEw0OC40Niw1My4zMzUgTDQ3Ljk2LDUzLjMzNSIgaWQ9IkZpbGwtNTIiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

div#controls div#preview div#local-media video {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 60px;
  max-width: 100%;
  max-height: 100%;
  border: none;
}

div#controls div#preview button#button-preview {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDE3IDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjEgKDEyMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDM0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImN1bW1hY2siIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjUuMDAwMDAwLCAtMTkwOS4wMDAwMDApIiBmaWxsPSIjMEEwQjA5Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTEzNi40NzEsMTkxOS44NyBMMTM2LjQ3MSwxOTE5LjYyIEwxMjUuNzY3LDE5MTkuNjIgTDEyNS43NjcsMTkxMC4wOCBMMTM2LjIyMSwxOTEwLjA4IEwxMzYuMjIxLDE5MTQuMTUgTDE0MC43ODUsMTkxMS4yNyBMMTQwLjc4NSwxOTE4LjQyIEwxMzYuMjIxLDE5MTUuNTUgTDEzNi4yMjEsMTkxOS44NyBMMTM2LjQ3MSwxOTE5Ljg3IEwxMzYuNDcxLDE5MTkuNjIgTDEzNi40NzEsMTkxOS44NyBMMTM2LjcyMSwxOTE5Ljg3IEwxMzYuNzIxLDE5MTYuNDUgTDE0MS4yODUsMTkxOS4zMyBMMTQxLjI4NSwxOTEwLjM3IEwxMzYuNzIxLDE5MTMuMjQgTDEzNi43MjEsMTkwOS41OCBMMTI1LjI2NywxOTA5LjU4IEwxMjUuMjY3LDE5MjAuMTIgTDEzNi43MjEsMTkyMC4xMiBMMTM2LjcyMSwxOTE5Ljg3IEwxMzYuNDcxLDE5MTkuODciIGlkPSJGaWxsLTM0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 1em center no-repeat #fff;
  border: none;
  padding-left: 1.5em;
}

div#controls div#log {
  border: 1px solid #686865;
}

div#controls div#room-controls {
  display: none;
}

div#controls div#room-controls input {
  width: 100%;
  height: 2.5em;
  padding: 0.5em;
  display: block;
}

div#controls div#room-controls button {
  color: #777776;
  background: 0 0;
  border: 1px solid #686865;
}

div#controls div#room-controls button#button-leave {
  display: inline;
}

div#controls div#log {
  width: 35%;
  height: 9.5em;
  margin-top: 2.75em;
  text-align: left;
  padding: 1.5em;
  float: right;
  overflow-y: scroll;
}

div#controls div#log p {
  color: #686865;
  font-family: "Share Tech Mono", "Courier New", Courier, fixed-width;
  font-size: 1.25em;
  line-height: 1.25em;
  margin-left: 1em;
  text-indent: -1.25em;
  width: 90%;
}

#resume-video, #unmute-audio {
  display: none;
}

/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
.copy-document html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.copy-document body {
  margin: 0;
}
.copy-document article,
.copy-document aside,
.copy-document footer,
.copy-document header,
.copy-document nav,
.copy-document section {
  display: block;
}
.copy-document h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.copy-document figcaption,
.copy-document figure,
.copy-document main {
  display: block;
}
.copy-document figure {
  margin: 1em 40px;
}
.copy-document hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.copy-document pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
.copy-document a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
.copy-document a:active,
.copy-document a:hover {
  outline-width: 0;
}
.copy-document abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.copy-document b,
.copy-document strong {
  font-weight: inherit;
}
.copy-document b,
.copy-document strong {
  font-weight: bolder;
}
.copy-document code,
.copy-document kbd,
.copy-document samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.copy-document dfn {
  font-style: italic;
}
.copy-document mark {
  background-color: #ff0;
  color: #000;
}
.copy-document small {
  font-size: 80%;
}
.copy-document sub,
.copy-document sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.copy-document sub {
  bottom: -0.25em;
}
.copy-document sup {
  top: -0.5em;
}
.copy-document audio,
.copy-document video {
  display: inline-block;
}
.copy-document audio:not([controls]) {
  display: none;
  height: 0;
}
.copy-document img {
  border-style: none;
}
.copy-document svg:not(:root) {
  overflow: hidden;
}
.copy-document button,
.copy-document input,
.copy-document optgroup,
.copy-document select,
.copy-document textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.copy-document button,
.copy-document input {
  overflow: visible;
}
.copy-document button,
.copy-document select {
  text-transform: none;
}
.copy-document button,
.copy-document html [type=button],
.copy-document [type=reset],
.copy-document [type=submit] {
  -webkit-appearance: button;
}
.copy-document button::-moz-focus-inner,
.copy-document [type=button]::-moz-focus-inner,
.copy-document [type=reset]::-moz-focus-inner,
.copy-document [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.copy-document button:-moz-focusring,
.copy-document [type=button]:-moz-focusring,
.copy-document [type=reset]:-moz-focusring,
.copy-document [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.copy-document fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.copy-document legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
.copy-document progress {
  display: inline-block;
  vertical-align: baseline;
}
.copy-document textarea {
  overflow: auto;
}
.copy-document [type=checkbox],
.copy-document [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.copy-document [type=number]::-webkit-inner-spin-button,
.copy-document [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.copy-document [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.copy-document [type=search]::-webkit-search-cancel-button,
.copy-document [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.copy-document ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.copy-document details,
.copy-document menu {
  display: block;
}
.copy-document summary {
  display: list-item;
}
.copy-document canvas {
  display: inline-block;
}
.copy-document template {
  display: none;
}
.copy-document [hidden] {
  display: none;
}
@media print {
  .copy-document *,
  .copy-document *::before,
  .copy-document *::after,
  .copy-document p::first-letter,
  .copy-document div::first-letter,
  .copy-document blockquote::first-letter,
  .copy-document li::first-letter,
  .copy-document p::first-line,
  .copy-document div::first-line,
  .copy-document blockquote::first-line,
  .copy-document li::first-line {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  .copy-document a,
  .copy-document a:visited {
    text-decoration: underline;
  }
  .copy-document abbr[title]::after {
    content: " (" attr(title) ")";
  }
  .copy-document pre {
    white-space: pre-wrap !important;
  }
  .copy-document pre,
  .copy-document blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .copy-document thead {
    display: table-header-group;
  }
  .copy-document tr,
  .copy-document img {
    page-break-inside: avoid;
  }
  .copy-document p,
  .copy-document h2,
  .copy-document h3 {
    orphans: 3;
    widows: 3;
  }
  .copy-document h2,
  .copy-document h3 {
    page-break-after: avoid;
  }
  .copy-document .navbar {
    display: none;
  }
  .copy-document .badge {
    border: 1px solid #000;
  }
  .copy-document .table {
    border-collapse: collapse !important;
  }
  .copy-document .table td,
  .copy-document .table th {
    background-color: #fff !important;
  }
  .copy-document .table-bordered th,
  .copy-document .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
.copy-document html {
  box-sizing: border-box;
}
.copy-document *,
.copy-document *::before,
.copy-document *::after {
  box-sizing: inherit;
}
@-ms-viewport {
  .copy-document {
    width: device-width;
  }
}
.copy-document html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
.copy-document body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #292b2c;
  background-color: #fff;
}
.copy-document [tabindex="-1"]:focus {
  outline: none !important;
}
.copy-document h1, .copy-document h2, .copy-document h3, .copy-document h4, .copy-document h5, .copy-document h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.copy-document p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.copy-document abbr[title],
.copy-document abbr[data-original-title] {
  cursor: help;
}
.copy-document address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
.copy-document ol,
.copy-document ul,
.copy-document dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
.copy-document ol ol,
.copy-document ul ul,
.copy-document ol ul,
.copy-document ul ol {
  margin-bottom: 0;
}
.copy-document dt {
  font-weight: bold;
}
.copy-document dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
.copy-document blockquote {
  margin: 0 0 1rem;
}
.copy-document a {
  color: #0275d8;
  text-decoration: none;
}
.copy-document a:focus, .copy-document a:hover {
  color: #014c8c;
  text-decoration: underline;
}
.copy-document a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
.copy-document a:not([href]):not([tabindex]):focus, .copy-document a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
.copy-document a:not([href]):not([tabindex]):focus {
  outline: 0;
}
.copy-document pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
.copy-document figure {
  margin: 0 0 1rem;
}
.copy-document img {
  vertical-align: middle;
}
.copy-document [role=button] {
  cursor: pointer;
}
.copy-document a,
.copy-document area,
.copy-document button,
.copy-document [role=button],
.copy-document input,
.copy-document label,
.copy-document select,
.copy-document summary,
.copy-document textarea {
  touch-action: manipulation;
}
.copy-document table {
  border-collapse: collapse;
  background-color: transparent;
}
.copy-document caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #636c72;
  text-align: left;
  caption-side: bottom;
}
.copy-document th {
  text-align: left;
}
.copy-document label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.copy-document button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.copy-document input,
.copy-document button,
.copy-document select,
.copy-document textarea {
  line-height: inherit;
}
.copy-document input[type=radio]:disabled,
.copy-document input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.copy-document input[type=date],
.copy-document input[type=time],
.copy-document input[type=datetime-local],
.copy-document input[type=month] {
  -webkit-appearance: listbox;
}
.copy-document textarea {
  resize: vertical;
}
.copy-document fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.copy-document legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
.copy-document input[type=search] {
  -webkit-appearance: none;
}
.copy-document output {
  display: inline-block;
}
.copy-document [hidden] {
  display: none !important;
}
.copy-document h1, .copy-document h2, .copy-document h3, .copy-document h4, .copy-document h5, .copy-document h6,
.copy-document .h1, .copy-document .h2, .copy-document .h3, .copy-document .h4, .copy-document .h5, .copy-document .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.copy-document h1, .copy-document .h1 {
  font-size: 2.5rem;
}
.copy-document h2, .copy-document .h2 {
  font-size: 2rem;
}
.copy-document h3, .copy-document .h3 {
  font-size: 1.75rem;
}
.copy-document h4, .copy-document .h4 {
  font-size: 1.5rem;
}
.copy-document h5, .copy-document .h5 {
  font-size: 1.25rem;
}
.copy-document h6, .copy-document .h6 {
  font-size: 1rem;
}
.copy-document .lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.copy-document .display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}
.copy-document .display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.copy-document .display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.copy-document .display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.copy-document hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.copy-document small,
.copy-document .small {
  font-size: 80%;
  font-weight: normal;
}
.copy-document mark,
.copy-document .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.copy-document .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.copy-document .list-inline {
  padding-left: 0;
  list-style: none;
}
.copy-document .list-inline-item {
  display: inline-block;
}
.copy-document .list-inline-item:not(:last-child) {
  margin-right: 5px;
}
.copy-document .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.copy-document .blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef;
}
.copy-document .blockquote-footer {
  display: block;
  font-size: 80%;
  color: #636c72;
}
.copy-document .blockquote-footer::before {
  content: "— ";
}
.copy-document .blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}
.copy-document .blockquote-reverse .blockquote-footer::before {
  content: "";
}
.copy-document .blockquote-reverse .blockquote-footer::after {
  content: " —";
}
.copy-document .img-fluid {
  max-width: 100%;
  height: auto;
}
.copy-document .img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}
.copy-document .figure {
  display: inline-block;
}
.copy-document .figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.copy-document .figure-caption {
  font-size: 90%;
  color: #636c72;
}
.copy-document code,
.copy-document kbd,
.copy-document pre,
.copy-document samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.copy-document code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem;
}
.copy-document a > code {
  padding: 0;
  color: inherit;
  background-color: inherit;
}
.copy-document kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #292b2c;
  border-radius: 0.2rem;
}
.copy-document kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}
.copy-document pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #292b2c;
}
.copy-document pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
.copy-document .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.copy-document .container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .copy-document .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .copy-document .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .copy-document .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .copy-document .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  .copy-document .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .copy-document .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .copy-document .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .copy-document .container {
    width: 1140px;
    max-width: 100%;
  }
}
.copy-document .container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .copy-document .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .copy-document .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .copy-document .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .copy-document .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.copy-document .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .copy-document .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .copy-document .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .copy-document .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .copy-document .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.copy-document .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.copy-document .no-gutters > .col,
.copy-document .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.copy-document .col-1, .copy-document .col-2, .copy-document .col-3, .copy-document .col-4, .copy-document .col-5, .copy-document .col-6, .copy-document .col-7, .copy-document .col-8, .copy-document .col-9, .copy-document .col-10, .copy-document .col-11, .copy-document .col-12, .copy-document .col, .copy-document .col-sm-1, .copy-document .col-sm-2, .copy-document .col-sm-3, .copy-document .col-sm-4, .copy-document .col-sm-5, .copy-document .col-sm-6, .copy-document .col-sm-7, .copy-document .col-sm-8, .copy-document .col-sm-9, .copy-document .col-sm-10, .copy-document .col-sm-11, .copy-document .col-sm-12, .copy-document .col-sm, .copy-document .col-md-1, .copy-document .col-md-2, .copy-document .col-md-3, .copy-document .col-md-4, .copy-document .col-md-5, .copy-document .col-md-6, .copy-document .col-md-7, .copy-document .col-md-8, .copy-document .col-md-9, .copy-document .col-md-10, .copy-document .col-md-11, .copy-document .col-md-12, .copy-document .col-md, .copy-document .col-lg-1, .copy-document .col-lg-2, .copy-document .col-lg-3, .copy-document .col-lg-4, .copy-document .col-lg-5, .copy-document .col-lg-6, .copy-document .col-lg-7, .copy-document .col-lg-8, .copy-document .col-lg-9, .copy-document .col-lg-10, .copy-document .col-lg-11, .copy-document .col-lg-12, .copy-document .col-lg, .copy-document .col-xl-1, .copy-document .col-xl-2, .copy-document .col-xl-3, .copy-document .col-xl-4, .copy-document .col-xl-5, .copy-document .col-xl-6, .copy-document .col-xl-7, .copy-document .col-xl-8, .copy-document .col-xl-9, .copy-document .col-xl-10, .copy-document .col-xl-11, .copy-document .col-xl-12, .copy-document .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .copy-document .col-1, .copy-document .col-2, .copy-document .col-3, .copy-document .col-4, .copy-document .col-5, .copy-document .col-6, .copy-document .col-7, .copy-document .col-8, .copy-document .col-9, .copy-document .col-10, .copy-document .col-11, .copy-document .col-12, .copy-document .col, .copy-document .col-sm-1, .copy-document .col-sm-2, .copy-document .col-sm-3, .copy-document .col-sm-4, .copy-document .col-sm-5, .copy-document .col-sm-6, .copy-document .col-sm-7, .copy-document .col-sm-8, .copy-document .col-sm-9, .copy-document .col-sm-10, .copy-document .col-sm-11, .copy-document .col-sm-12, .copy-document .col-sm, .copy-document .col-md-1, .copy-document .col-md-2, .copy-document .col-md-3, .copy-document .col-md-4, .copy-document .col-md-5, .copy-document .col-md-6, .copy-document .col-md-7, .copy-document .col-md-8, .copy-document .col-md-9, .copy-document .col-md-10, .copy-document .col-md-11, .copy-document .col-md-12, .copy-document .col-md, .copy-document .col-lg-1, .copy-document .col-lg-2, .copy-document .col-lg-3, .copy-document .col-lg-4, .copy-document .col-lg-5, .copy-document .col-lg-6, .copy-document .col-lg-7, .copy-document .col-lg-8, .copy-document .col-lg-9, .copy-document .col-lg-10, .copy-document .col-lg-11, .copy-document .col-lg-12, .copy-document .col-lg, .copy-document .col-xl-1, .copy-document .col-xl-2, .copy-document .col-xl-3, .copy-document .col-xl-4, .copy-document .col-xl-5, .copy-document .col-xl-6, .copy-document .col-xl-7, .copy-document .col-xl-8, .copy-document .col-xl-9, .copy-document .col-xl-10, .copy-document .col-xl-11, .copy-document .col-xl-12, .copy-document .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .copy-document .col-1, .copy-document .col-2, .copy-document .col-3, .copy-document .col-4, .copy-document .col-5, .copy-document .col-6, .copy-document .col-7, .copy-document .col-8, .copy-document .col-9, .copy-document .col-10, .copy-document .col-11, .copy-document .col-12, .copy-document .col, .copy-document .col-sm-1, .copy-document .col-sm-2, .copy-document .col-sm-3, .copy-document .col-sm-4, .copy-document .col-sm-5, .copy-document .col-sm-6, .copy-document .col-sm-7, .copy-document .col-sm-8, .copy-document .col-sm-9, .copy-document .col-sm-10, .copy-document .col-sm-11, .copy-document .col-sm-12, .copy-document .col-sm, .copy-document .col-md-1, .copy-document .col-md-2, .copy-document .col-md-3, .copy-document .col-md-4, .copy-document .col-md-5, .copy-document .col-md-6, .copy-document .col-md-7, .copy-document .col-md-8, .copy-document .col-md-9, .copy-document .col-md-10, .copy-document .col-md-11, .copy-document .col-md-12, .copy-document .col-md, .copy-document .col-lg-1, .copy-document .col-lg-2, .copy-document .col-lg-3, .copy-document .col-lg-4, .copy-document .col-lg-5, .copy-document .col-lg-6, .copy-document .col-lg-7, .copy-document .col-lg-8, .copy-document .col-lg-9, .copy-document .col-lg-10, .copy-document .col-lg-11, .copy-document .col-lg-12, .copy-document .col-lg, .copy-document .col-xl-1, .copy-document .col-xl-2, .copy-document .col-xl-3, .copy-document .col-xl-4, .copy-document .col-xl-5, .copy-document .col-xl-6, .copy-document .col-xl-7, .copy-document .col-xl-8, .copy-document .col-xl-9, .copy-document .col-xl-10, .copy-document .col-xl-11, .copy-document .col-xl-12, .copy-document .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .copy-document .col-1, .copy-document .col-2, .copy-document .col-3, .copy-document .col-4, .copy-document .col-5, .copy-document .col-6, .copy-document .col-7, .copy-document .col-8, .copy-document .col-9, .copy-document .col-10, .copy-document .col-11, .copy-document .col-12, .copy-document .col, .copy-document .col-sm-1, .copy-document .col-sm-2, .copy-document .col-sm-3, .copy-document .col-sm-4, .copy-document .col-sm-5, .copy-document .col-sm-6, .copy-document .col-sm-7, .copy-document .col-sm-8, .copy-document .col-sm-9, .copy-document .col-sm-10, .copy-document .col-sm-11, .copy-document .col-sm-12, .copy-document .col-sm, .copy-document .col-md-1, .copy-document .col-md-2, .copy-document .col-md-3, .copy-document .col-md-4, .copy-document .col-md-5, .copy-document .col-md-6, .copy-document .col-md-7, .copy-document .col-md-8, .copy-document .col-md-9, .copy-document .col-md-10, .copy-document .col-md-11, .copy-document .col-md-12, .copy-document .col-md, .copy-document .col-lg-1, .copy-document .col-lg-2, .copy-document .col-lg-3, .copy-document .col-lg-4, .copy-document .col-lg-5, .copy-document .col-lg-6, .copy-document .col-lg-7, .copy-document .col-lg-8, .copy-document .col-lg-9, .copy-document .col-lg-10, .copy-document .col-lg-11, .copy-document .col-lg-12, .copy-document .col-lg, .copy-document .col-xl-1, .copy-document .col-xl-2, .copy-document .col-xl-3, .copy-document .col-xl-4, .copy-document .col-xl-5, .copy-document .col-xl-6, .copy-document .col-xl-7, .copy-document .col-xl-8, .copy-document .col-xl-9, .copy-document .col-xl-10, .copy-document .col-xl-11, .copy-document .col-xl-12, .copy-document .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .copy-document .col-1, .copy-document .col-2, .copy-document .col-3, .copy-document .col-4, .copy-document .col-5, .copy-document .col-6, .copy-document .col-7, .copy-document .col-8, .copy-document .col-9, .copy-document .col-10, .copy-document .col-11, .copy-document .col-12, .copy-document .col, .copy-document .col-sm-1, .copy-document .col-sm-2, .copy-document .col-sm-3, .copy-document .col-sm-4, .copy-document .col-sm-5, .copy-document .col-sm-6, .copy-document .col-sm-7, .copy-document .col-sm-8, .copy-document .col-sm-9, .copy-document .col-sm-10, .copy-document .col-sm-11, .copy-document .col-sm-12, .copy-document .col-sm, .copy-document .col-md-1, .copy-document .col-md-2, .copy-document .col-md-3, .copy-document .col-md-4, .copy-document .col-md-5, .copy-document .col-md-6, .copy-document .col-md-7, .copy-document .col-md-8, .copy-document .col-md-9, .copy-document .col-md-10, .copy-document .col-md-11, .copy-document .col-md-12, .copy-document .col-md, .copy-document .col-lg-1, .copy-document .col-lg-2, .copy-document .col-lg-3, .copy-document .col-lg-4, .copy-document .col-lg-5, .copy-document .col-lg-6, .copy-document .col-lg-7, .copy-document .col-lg-8, .copy-document .col-lg-9, .copy-document .col-lg-10, .copy-document .col-lg-11, .copy-document .col-lg-12, .copy-document .col-lg, .copy-document .col-xl-1, .copy-document .col-xl-2, .copy-document .col-xl-3, .copy-document .col-xl-4, .copy-document .col-xl-5, .copy-document .col-xl-6, .copy-document .col-xl-7, .copy-document .col-xl-8, .copy-document .col-xl-9, .copy-document .col-xl-10, .copy-document .col-xl-11, .copy-document .col-xl-12, .copy-document .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.copy-document .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.copy-document .col-auto {
  flex: 0 0 auto;
  width: auto;
}
.copy-document .col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.copy-document .col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.copy-document .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.copy-document .col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.copy-document .col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.copy-document .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.copy-document .col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.copy-document .col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.copy-document .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.copy-document .col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.copy-document .col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.copy-document .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.copy-document .pull-0 {
  right: auto;
}
.copy-document .pull-1 {
  right: 8.333333%;
}
.copy-document .pull-2 {
  right: 16.666667%;
}
.copy-document .pull-3 {
  right: 25%;
}
.copy-document .pull-4 {
  right: 33.333333%;
}
.copy-document .pull-5 {
  right: 41.666667%;
}
.copy-document .pull-6 {
  right: 50%;
}
.copy-document .pull-7 {
  right: 58.333333%;
}
.copy-document .pull-8 {
  right: 66.666667%;
}
.copy-document .pull-9 {
  right: 75%;
}
.copy-document .pull-10 {
  right: 83.333333%;
}
.copy-document .pull-11 {
  right: 91.666667%;
}
.copy-document .pull-12 {
  right: 100%;
}
.copy-document .push-0 {
  left: auto;
}
.copy-document .push-1 {
  left: 8.333333%;
}
.copy-document .push-2 {
  left: 16.666667%;
}
.copy-document .push-3 {
  left: 25%;
}
.copy-document .push-4 {
  left: 33.333333%;
}
.copy-document .push-5 {
  left: 41.666667%;
}
.copy-document .push-6 {
  left: 50%;
}
.copy-document .push-7 {
  left: 58.333333%;
}
.copy-document .push-8 {
  left: 66.666667%;
}
.copy-document .push-9 {
  left: 75%;
}
.copy-document .push-10 {
  left: 83.333333%;
}
.copy-document .push-11 {
  left: 91.666667%;
}
.copy-document .push-12 {
  left: 100%;
}
.copy-document .offset-1 {
  margin-left: 8.333333%;
}
.copy-document .offset-2 {
  margin-left: 16.666667%;
}
.copy-document .offset-3 {
  margin-left: 25%;
}
.copy-document .offset-4 {
  margin-left: 33.333333%;
}
.copy-document .offset-5 {
  margin-left: 41.666667%;
}
.copy-document .offset-6 {
  margin-left: 50%;
}
.copy-document .offset-7 {
  margin-left: 58.333333%;
}
.copy-document .offset-8 {
  margin-left: 66.666667%;
}
.copy-document .offset-9 {
  margin-left: 75%;
}
.copy-document .offset-10 {
  margin-left: 83.333333%;
}
.copy-document .offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .copy-document .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .copy-document .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .copy-document .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .copy-document .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .copy-document .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .copy-document .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .copy-document .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .copy-document .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .copy-document .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .copy-document .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .copy-document .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .copy-document .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .copy-document .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .copy-document .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .copy-document .pull-sm-0 {
    right: auto;
  }
  .copy-document .pull-sm-1 {
    right: 8.333333%;
  }
  .copy-document .pull-sm-2 {
    right: 16.666667%;
  }
  .copy-document .pull-sm-3 {
    right: 25%;
  }
  .copy-document .pull-sm-4 {
    right: 33.333333%;
  }
  .copy-document .pull-sm-5 {
    right: 41.666667%;
  }
  .copy-document .pull-sm-6 {
    right: 50%;
  }
  .copy-document .pull-sm-7 {
    right: 58.333333%;
  }
  .copy-document .pull-sm-8 {
    right: 66.666667%;
  }
  .copy-document .pull-sm-9 {
    right: 75%;
  }
  .copy-document .pull-sm-10 {
    right: 83.333333%;
  }
  .copy-document .pull-sm-11 {
    right: 91.666667%;
  }
  .copy-document .pull-sm-12 {
    right: 100%;
  }
  .copy-document .push-sm-0 {
    left: auto;
  }
  .copy-document .push-sm-1 {
    left: 8.333333%;
  }
  .copy-document .push-sm-2 {
    left: 16.666667%;
  }
  .copy-document .push-sm-3 {
    left: 25%;
  }
  .copy-document .push-sm-4 {
    left: 33.333333%;
  }
  .copy-document .push-sm-5 {
    left: 41.666667%;
  }
  .copy-document .push-sm-6 {
    left: 50%;
  }
  .copy-document .push-sm-7 {
    left: 58.333333%;
  }
  .copy-document .push-sm-8 {
    left: 66.666667%;
  }
  .copy-document .push-sm-9 {
    left: 75%;
  }
  .copy-document .push-sm-10 {
    left: 83.333333%;
  }
  .copy-document .push-sm-11 {
    left: 91.666667%;
  }
  .copy-document .push-sm-12 {
    left: 100%;
  }
  .copy-document .offset-sm-0 {
    margin-left: 0%;
  }
  .copy-document .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .copy-document .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .copy-document .offset-sm-3 {
    margin-left: 25%;
  }
  .copy-document .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .copy-document .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .copy-document .offset-sm-6 {
    margin-left: 50%;
  }
  .copy-document .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .copy-document .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .copy-document .offset-sm-9 {
    margin-left: 75%;
  }
  .copy-document .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .copy-document .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .copy-document .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .copy-document .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .copy-document .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .copy-document .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .copy-document .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .copy-document .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .copy-document .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .copy-document .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .copy-document .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .copy-document .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .copy-document .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .copy-document .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .copy-document .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .copy-document .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .copy-document .pull-md-0 {
    right: auto;
  }
  .copy-document .pull-md-1 {
    right: 8.333333%;
  }
  .copy-document .pull-md-2 {
    right: 16.666667%;
  }
  .copy-document .pull-md-3 {
    right: 25%;
  }
  .copy-document .pull-md-4 {
    right: 33.333333%;
  }
  .copy-document .pull-md-5 {
    right: 41.666667%;
  }
  .copy-document .pull-md-6 {
    right: 50%;
  }
  .copy-document .pull-md-7 {
    right: 58.333333%;
  }
  .copy-document .pull-md-8 {
    right: 66.666667%;
  }
  .copy-document .pull-md-9 {
    right: 75%;
  }
  .copy-document .pull-md-10 {
    right: 83.333333%;
  }
  .copy-document .pull-md-11 {
    right: 91.666667%;
  }
  .copy-document .pull-md-12 {
    right: 100%;
  }
  .copy-document .push-md-0 {
    left: auto;
  }
  .copy-document .push-md-1 {
    left: 8.333333%;
  }
  .copy-document .push-md-2 {
    left: 16.666667%;
  }
  .copy-document .push-md-3 {
    left: 25%;
  }
  .copy-document .push-md-4 {
    left: 33.333333%;
  }
  .copy-document .push-md-5 {
    left: 41.666667%;
  }
  .copy-document .push-md-6 {
    left: 50%;
  }
  .copy-document .push-md-7 {
    left: 58.333333%;
  }
  .copy-document .push-md-8 {
    left: 66.666667%;
  }
  .copy-document .push-md-9 {
    left: 75%;
  }
  .copy-document .push-md-10 {
    left: 83.333333%;
  }
  .copy-document .push-md-11 {
    left: 91.666667%;
  }
  .copy-document .push-md-12 {
    left: 100%;
  }
  .copy-document .offset-md-0 {
    margin-left: 0%;
  }
  .copy-document .offset-md-1 {
    margin-left: 8.333333%;
  }
  .copy-document .offset-md-2 {
    margin-left: 16.666667%;
  }
  .copy-document .offset-md-3 {
    margin-left: 25%;
  }
  .copy-document .offset-md-4 {
    margin-left: 33.333333%;
  }
  .copy-document .offset-md-5 {
    margin-left: 41.666667%;
  }
  .copy-document .offset-md-6 {
    margin-left: 50%;
  }
  .copy-document .offset-md-7 {
    margin-left: 58.333333%;
  }
  .copy-document .offset-md-8 {
    margin-left: 66.666667%;
  }
  .copy-document .offset-md-9 {
    margin-left: 75%;
  }
  .copy-document .offset-md-10 {
    margin-left: 83.333333%;
  }
  .copy-document .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .copy-document .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .copy-document .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .copy-document .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .copy-document .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .copy-document .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .copy-document .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .copy-document .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .copy-document .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .copy-document .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .copy-document .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .copy-document .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .copy-document .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .copy-document .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .copy-document .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .copy-document .pull-lg-0 {
    right: auto;
  }
  .copy-document .pull-lg-1 {
    right: 8.333333%;
  }
  .copy-document .pull-lg-2 {
    right: 16.666667%;
  }
  .copy-document .pull-lg-3 {
    right: 25%;
  }
  .copy-document .pull-lg-4 {
    right: 33.333333%;
  }
  .copy-document .pull-lg-5 {
    right: 41.666667%;
  }
  .copy-document .pull-lg-6 {
    right: 50%;
  }
  .copy-document .pull-lg-7 {
    right: 58.333333%;
  }
  .copy-document .pull-lg-8 {
    right: 66.666667%;
  }
  .copy-document .pull-lg-9 {
    right: 75%;
  }
  .copy-document .pull-lg-10 {
    right: 83.333333%;
  }
  .copy-document .pull-lg-11 {
    right: 91.666667%;
  }
  .copy-document .pull-lg-12 {
    right: 100%;
  }
  .copy-document .push-lg-0 {
    left: auto;
  }
  .copy-document .push-lg-1 {
    left: 8.333333%;
  }
  .copy-document .push-lg-2 {
    left: 16.666667%;
  }
  .copy-document .push-lg-3 {
    left: 25%;
  }
  .copy-document .push-lg-4 {
    left: 33.333333%;
  }
  .copy-document .push-lg-5 {
    left: 41.666667%;
  }
  .copy-document .push-lg-6 {
    left: 50%;
  }
  .copy-document .push-lg-7 {
    left: 58.333333%;
  }
  .copy-document .push-lg-8 {
    left: 66.666667%;
  }
  .copy-document .push-lg-9 {
    left: 75%;
  }
  .copy-document .push-lg-10 {
    left: 83.333333%;
  }
  .copy-document .push-lg-11 {
    left: 91.666667%;
  }
  .copy-document .push-lg-12 {
    left: 100%;
  }
  .copy-document .offset-lg-0 {
    margin-left: 0%;
  }
  .copy-document .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .copy-document .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .copy-document .offset-lg-3 {
    margin-left: 25%;
  }
  .copy-document .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .copy-document .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .copy-document .offset-lg-6 {
    margin-left: 50%;
  }
  .copy-document .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .copy-document .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .copy-document .offset-lg-9 {
    margin-left: 75%;
  }
  .copy-document .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .copy-document .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .copy-document .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .copy-document .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .copy-document .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .copy-document .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .copy-document .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .copy-document .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .copy-document .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .copy-document .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .copy-document .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .copy-document .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .copy-document .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .copy-document .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .copy-document .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .copy-document .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .copy-document .pull-xl-0 {
    right: auto;
  }
  .copy-document .pull-xl-1 {
    right: 8.333333%;
  }
  .copy-document .pull-xl-2 {
    right: 16.666667%;
  }
  .copy-document .pull-xl-3 {
    right: 25%;
  }
  .copy-document .pull-xl-4 {
    right: 33.333333%;
  }
  .copy-document .pull-xl-5 {
    right: 41.666667%;
  }
  .copy-document .pull-xl-6 {
    right: 50%;
  }
  .copy-document .pull-xl-7 {
    right: 58.333333%;
  }
  .copy-document .pull-xl-8 {
    right: 66.666667%;
  }
  .copy-document .pull-xl-9 {
    right: 75%;
  }
  .copy-document .pull-xl-10 {
    right: 83.333333%;
  }
  .copy-document .pull-xl-11 {
    right: 91.666667%;
  }
  .copy-document .pull-xl-12 {
    right: 100%;
  }
  .copy-document .push-xl-0 {
    left: auto;
  }
  .copy-document .push-xl-1 {
    left: 8.333333%;
  }
  .copy-document .push-xl-2 {
    left: 16.666667%;
  }
  .copy-document .push-xl-3 {
    left: 25%;
  }
  .copy-document .push-xl-4 {
    left: 33.333333%;
  }
  .copy-document .push-xl-5 {
    left: 41.666667%;
  }
  .copy-document .push-xl-6 {
    left: 50%;
  }
  .copy-document .push-xl-7 {
    left: 58.333333%;
  }
  .copy-document .push-xl-8 {
    left: 66.666667%;
  }
  .copy-document .push-xl-9 {
    left: 75%;
  }
  .copy-document .push-xl-10 {
    left: 83.333333%;
  }
  .copy-document .push-xl-11 {
    left: 91.666667%;
  }
  .copy-document .push-xl-12 {
    left: 100%;
  }
  .copy-document .offset-xl-0 {
    margin-left: 0%;
  }
  .copy-document .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .copy-document .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .copy-document .offset-xl-3 {
    margin-left: 25%;
  }
  .copy-document .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .copy-document .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .copy-document .offset-xl-6 {
    margin-left: 50%;
  }
  .copy-document .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .copy-document .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .copy-document .offset-xl-9 {
    margin-left: 75%;
  }
  .copy-document .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .copy-document .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.copy-document .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.copy-document .table th,
.copy-document .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}
.copy-document .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}
.copy-document .table tbody + tbody {
  border-top: 2px solid #eceeef;
}
.copy-document .table .table {
  background-color: #fff;
}
.copy-document .table-sm th,
.copy-document .table-sm td {
  padding: 0.3rem;
}
.copy-document .table-bordered {
  border: 1px solid #eceeef;
}
.copy-document .table-bordered th,
.copy-document .table-bordered td {
  border: 1px solid #eceeef;
}
.copy-document .table-bordered thead th,
.copy-document .table-bordered thead td {
  border-bottom-width: 2px;
}
.copy-document .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.copy-document .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.copy-document .table-active,
.copy-document .table-active > th,
.copy-document .table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.copy-document .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.copy-document .table-hover .table-active:hover > td,
.copy-document .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.copy-document .table-success,
.copy-document .table-success > th,
.copy-document .table-success > td {
  background-color: #dff0d8;
}
.copy-document .table-hover .table-success:hover {
  background-color: #d0e9c6;
}
.copy-document .table-hover .table-success:hover > td,
.copy-document .table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}
.copy-document .table-info,
.copy-document .table-info > th,
.copy-document .table-info > td {
  background-color: #d9edf7;
}
.copy-document .table-hover .table-info:hover {
  background-color: #c4e3f3;
}
.copy-document .table-hover .table-info:hover > td,
.copy-document .table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}
.copy-document .table-warning,
.copy-document .table-warning > th,
.copy-document .table-warning > td {
  background-color: #fcf8e3;
}
.copy-document .table-hover .table-warning:hover {
  background-color: #faf2cc;
}
.copy-document .table-hover .table-warning:hover > td,
.copy-document .table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}
.copy-document .table-danger,
.copy-document .table-danger > th,
.copy-document .table-danger > td {
  background-color: #f2dede;
}
.copy-document .table-hover .table-danger:hover {
  background-color: #ebcccc;
}
.copy-document .table-hover .table-danger:hover > td,
.copy-document .table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}
.copy-document .thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}
.copy-document .thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}
.copy-document .table-inverse {
  color: #fff;
  background-color: #292b2c;
}
.copy-document .table-inverse th,
.copy-document .table-inverse td,
.copy-document .table-inverse thead th {
  border-color: #fff;
}
.copy-document .table-inverse.table-bordered {
  border: 0;
}
.copy-document .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.copy-document .table-responsive.table-bordered {
  border: 0;
}
.copy-document .form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.copy-document .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.copy-document .form-control:focus {
  color: #464a4c;
  background-color: #fff;
  border-color: #5cb3fd;
  outline: none;
}
.copy-document .form-control::-webkit-input-placeholder {
  color: #636c72;
  opacity: 1;
}
.copy-document .form-control:-ms-input-placeholder {
  color: #636c72;
  opacity: 1;
}
.copy-document .form-control::-ms-input-placeholder {
  color: #636c72;
  opacity: 1;
}
.copy-document .form-control::placeholder {
  color: #636c72;
  opacity: 1;
}
.copy-document .form-control:disabled, .copy-document .form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.copy-document .form-control:disabled {
  cursor: not-allowed;
}
.copy-document select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
.copy-document select.form-control:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}
.copy-document .form-control-file,
.copy-document .form-control-range {
  display: block;
}
.copy-document .col-form-label {
  padding-top: calc(0.5rem - 2px);
  padding-bottom: calc(0.5rem - 2px);
  margin-bottom: 0;
}
.copy-document .col-form-label-lg {
  padding-top: calc(0.75rem - 2px);
  padding-bottom: calc(0.75rem - 2px);
  font-size: 1.25rem;
}
.copy-document .col-form-label-sm {
  padding-top: calc(0.25rem - 2px);
  padding-bottom: calc(0.25rem - 2px);
  font-size: 0.875rem;
}
.copy-document .col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
}
.copy-document .form-control-static {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0;
}
.copy-document .form-control-static.form-control-sm, .copy-document .input-group-sm > .form-control-static.form-control,
.copy-document .input-group-sm > .form-control-static.input-group-addon,
.copy-document .input-group-sm > .input-group-btn > .form-control-static.btn, .copy-document .form-control-static.form-control-lg, .copy-document .input-group-lg > .form-control-static.form-control,
.copy-document .input-group-lg > .form-control-static.input-group-addon,
.copy-document .input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}
.copy-document .form-control-sm, .copy-document .input-group-sm > .form-control,
.copy-document .input-group-sm > .input-group-addon,
.copy-document .input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.copy-document select.form-control-sm:not([size]):not([multiple]), .copy-document .input-group-sm > select.form-control:not([size]):not([multiple]),
.copy-document .input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.copy-document .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 1.8125rem;
}
.copy-document .form-control-lg, .copy-document .input-group-lg > .form-control,
.copy-document .input-group-lg > .input-group-addon,
.copy-document .input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.copy-document select.form-control-lg:not([size]):not([multiple]), .copy-document .input-group-lg > select.form-control:not([size]):not([multiple]),
.copy-document .input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.copy-document .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 3.166667rem;
}
.copy-document .form-group {
  margin-bottom: 1rem;
}
.copy-document .form-text {
  display: block;
  margin-top: 0.25rem;
}
.copy-document .form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
}
.copy-document .form-check.disabled .form-check-label {
  color: #636c72;
  cursor: not-allowed;
}
.copy-document .form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer;
}
.copy-document .form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}
.copy-document .form-check-input:only-child {
  position: static;
}
.copy-document .form-check-inline {
  display: inline-block;
}
.copy-document .form-check-inline .form-check-label {
  vertical-align: middle;
}
.copy-document .form-check-inline + .form-check-inline {
  margin-left: 0.75rem;
}
.copy-document .form-control-feedback {
  margin-top: 0.25rem;
}
.copy-document .form-control-success,
.copy-document .form-control-warning,
.copy-document .form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.125rem 1.125rem;
}
.copy-document .has-success .form-control-feedback,
.copy-document .has-success .form-control-label,
.copy-document .has-success .col-form-label,
.copy-document .has-success .form-check-label,
.copy-document .has-success .custom-control {
  color: #5cb85c;
}
.copy-document .has-success .form-control {
  border-color: #5cb85c;
}
.copy-document .has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea;
}
.copy-document .has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.copy-document .has-warning .form-control-feedback,
.copy-document .has-warning .form-control-label,
.copy-document .has-warning .col-form-label,
.copy-document .has-warning .form-check-label,
.copy-document .has-warning .custom-control {
  color: #f0ad4e;
}
.copy-document .has-warning .form-control {
  border-color: #f0ad4e;
}
.copy-document .has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white;
}
.copy-document .has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.copy-document .has-danger .form-control-feedback,
.copy-document .has-danger .form-control-label,
.copy-document .has-danger .col-form-label,
.copy-document .has-danger .form-check-label,
.copy-document .has-danger .custom-control {
  color: #d9534f;
}
.copy-document .has-danger .form-control {
  border-color: #d9534f;
}
.copy-document .has-danger .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7;
}
.copy-document .has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.copy-document .form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.copy-document .form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .copy-document .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .copy-document .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .copy-document .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .copy-document .form-inline .form-control-static {
    display: inline-block;
  }
  .copy-document .form-inline .input-group {
    width: auto;
  }
  .copy-document .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .copy-document .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .copy-document .form-inline .form-check-label {
    padding-left: 0;
  }
  .copy-document .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .copy-document .form-inline .custom-control {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
  }
  .copy-document .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: text-bottom;
  }
  .copy-document .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.copy-document .btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}
.copy-document .btn:focus, .copy-document .btn:hover {
  text-decoration: none;
}
.copy-document .btn:focus, .copy-document .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
}
.copy-document .btn.disabled, .copy-document .btn:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.copy-document .btn:active, .copy-document .btn.active {
  background-image: none;
}
.copy-document a.btn.disabled,
.copy-document fieldset[disabled] a.btn {
  pointer-events: none;
}
.copy-document .btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.copy-document .btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}
.copy-document .btn-primary:focus, .copy-document .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}
.copy-document .btn-primary.disabled, .copy-document .btn-primary:disabled {
  background-color: #0275d8;
  border-color: #0275d8;
}
.copy-document .btn-primary:active, .copy-document .btn-primary.active,
.copy-document .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}
.copy-document .btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}
.copy-document .btn-secondary:hover {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.copy-document .btn-secondary:focus, .copy-document .btn-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.copy-document .btn-secondary.disabled, .copy-document .btn-secondary:disabled {
  background-color: #fff;
  border-color: #ccc;
}
.copy-document .btn-secondary:active, .copy-document .btn-secondary.active,
.copy-document .show > .btn-secondary.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.copy-document .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.copy-document .btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}
.copy-document .btn-info:focus, .copy-document .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.copy-document .btn-info.disabled, .copy-document .btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.copy-document .btn-info:active, .copy-document .btn-info.active,
.copy-document .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2;
}
.copy-document .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.copy-document .btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}
.copy-document .btn-success:focus, .copy-document .btn-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.copy-document .btn-success.disabled, .copy-document .btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.copy-document .btn-success:active, .copy-document .btn-success.active,
.copy-document .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}
.copy-document .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.copy-document .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}
.copy-document .btn-warning:focus, .copy-document .btn-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.copy-document .btn-warning.disabled, .copy-document .btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.copy-document .btn-warning:active, .copy-document .btn-warning.active,
.copy-document .show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}
.copy-document .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.copy-document .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}
.copy-document .btn-danger:focus, .copy-document .btn-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.copy-document .btn-danger.disabled, .copy-document .btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f;
}
.copy-document .btn-danger:active, .copy-document .btn-danger.active,
.copy-document .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #c12e2a;
}
.copy-document .btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8;
}
.copy-document .btn-outline-primary:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.copy-document .btn-outline-primary:focus, .copy-document .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}
.copy-document .btn-outline-primary.disabled, .copy-document .btn-outline-primary:disabled {
  color: #0275d8;
  background-color: transparent;
}
.copy-document .btn-outline-primary:active, .copy-document .btn-outline-primary.active,
.copy-document .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.copy-document .btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}
.copy-document .btn-outline-secondary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.copy-document .btn-outline-secondary:focus, .copy-document .btn-outline-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.copy-document .btn-outline-secondary.disabled, .copy-document .btn-outline-secondary:disabled {
  color: #ccc;
  background-color: transparent;
}
.copy-document .btn-outline-secondary:active, .copy-document .btn-outline-secondary.active,
.copy-document .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.copy-document .btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}
.copy-document .btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.copy-document .btn-outline-info:focus, .copy-document .btn-outline-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.copy-document .btn-outline-info.disabled, .copy-document .btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}
.copy-document .btn-outline-info:active, .copy-document .btn-outline-info.active,
.copy-document .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.copy-document .btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}
.copy-document .btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.copy-document .btn-outline-success:focus, .copy-document .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.copy-document .btn-outline-success.disabled, .copy-document .btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent;
}
.copy-document .btn-outline-success:active, .copy-document .btn-outline-success.active,
.copy-document .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.copy-document .btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}
.copy-document .btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.copy-document .btn-outline-warning:focus, .copy-document .btn-outline-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.copy-document .btn-outline-warning.disabled, .copy-document .btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}
.copy-document .btn-outline-warning:active, .copy-document .btn-outline-warning.active,
.copy-document .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.copy-document .btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}
.copy-document .btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.copy-document .btn-outline-danger:focus, .copy-document .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.copy-document .btn-outline-danger.disabled, .copy-document .btn-outline-danger:disabled {
  color: #d9534f;
  background-color: transparent;
}
.copy-document .btn-outline-danger:active, .copy-document .btn-outline-danger.active,
.copy-document .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.copy-document .btn-link {
  font-weight: normal;
  color: #0275d8;
  border-radius: 0;
}
.copy-document .btn-link, .copy-document .btn-link:active, .copy-document .btn-link.active, .copy-document .btn-link:disabled {
  background-color: transparent;
}
.copy-document .btn-link, .copy-document .btn-link:focus, .copy-document .btn-link:active {
  border-color: transparent;
}
.copy-document .btn-link:hover {
  border-color: transparent;
}
.copy-document .btn-link:focus, .copy-document .btn-link:hover {
  color: #014c8c;
  text-decoration: underline;
  background-color: transparent;
}
.copy-document .btn-link:disabled {
  color: #636c72;
}
.copy-document .btn-link:disabled:focus, .copy-document .btn-link:disabled:hover {
  text-decoration: none;
}
.copy-document .btn-lg, .copy-document .btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.copy-document .btn-sm, .copy-document .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.copy-document .btn-block {
  display: block;
  width: 100%;
}
.copy-document .btn-block + .btn-block {
  margin-top: 0.5rem;
}
.copy-document input[type=submit].btn-block,
.copy-document input[type=reset].btn-block,
.copy-document input[type=button].btn-block {
  width: 100%;
}
.copy-document .fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.copy-document .fade.show {
  opacity: 1;
}
.copy-document .collapse {
  display: none;
}
.copy-document .collapse.show {
  display: block;
}
.copy-document tr.collapse.show {
  display: table-row;
}
.copy-document tbody.collapse.show {
  display: table-row-group;
}
.copy-document .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.copy-document .dropup,
.copy-document .dropdown {
  position: relative;
}
.copy-document .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}
.copy-document .dropdown-toggle:focus {
  outline: 0;
}
.copy-document .dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}
.copy-document .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #292b2c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.copy-document .dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #eceeef;
}
.copy-document .dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.copy-document .dropdown-item:focus, .copy-document .dropdown-item:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}
.copy-document .dropdown-item.active, .copy-document .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
}
.copy-document .dropdown-item.disabled, .copy-document .dropdown-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: transparent;
}
.copy-document .show > .dropdown-menu {
  display: block;
}
.copy-document .show > a {
  outline: 0;
}
.copy-document .dropdown-menu-right {
  right: 0;
  left: auto;
}
.copy-document .dropdown-menu-left {
  right: auto;
  left: 0;
}
.copy-document .dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #636c72;
  white-space: nowrap;
}
.copy-document .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.copy-document .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem;
}
.copy-document .btn-group,
.copy-document .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.copy-document .btn-group > .btn,
.copy-document .btn-group-vertical > .btn {
  position: relative;
  flex: 0 1 auto;
}
.copy-document .btn-group > .btn:hover,
.copy-document .btn-group-vertical > .btn:hover {
  z-index: 2;
}
.copy-document .btn-group > .btn:focus, .copy-document .btn-group > .btn:active, .copy-document .btn-group > .btn.active,
.copy-document .btn-group-vertical > .btn:focus,
.copy-document .btn-group-vertical > .btn:active,
.copy-document .btn-group-vertical > .btn.active {
  z-index: 2;
}
.copy-document .btn-group .btn + .btn,
.copy-document .btn-group .btn + .btn-group,
.copy-document .btn-group .btn-group + .btn,
.copy-document .btn-group .btn-group + .btn-group,
.copy-document .btn-group-vertical .btn + .btn,
.copy-document .btn-group-vertical .btn + .btn-group,
.copy-document .btn-group-vertical .btn-group + .btn,
.copy-document .btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}
.copy-document .btn-toolbar {
  display: flex;
  justify-content: flex-start;
}
.copy-document .btn-toolbar .input-group {
  width: auto;
}
.copy-document .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.copy-document .btn-group > .btn:first-child {
  margin-left: 0;
}
.copy-document .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.copy-document .btn-group > .btn:last-child:not(:first-child),
.copy-document .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.copy-document .btn-group > .btn-group {
  float: left;
}
.copy-document .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.copy-document .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.copy-document .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.copy-document .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.copy-document .btn-group .dropdown-toggle:active,
.copy-document .btn-group.open .dropdown-toggle {
  outline: 0;
}
.copy-document .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.copy-document .btn + .dropdown-toggle-split::after {
  margin-left: 0;
}
.copy-document .btn-sm + .dropdown-toggle-split, .copy-document .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.copy-document .btn-lg + .dropdown-toggle-split, .copy-document .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}
.copy-document .btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.copy-document .btn-group-vertical .btn,
.copy-document .btn-group-vertical .btn-group {
  width: 100%;
}
.copy-document .btn-group-vertical > .btn + .btn,
.copy-document .btn-group-vertical > .btn + .btn-group,
.copy-document .btn-group-vertical > .btn-group + .btn,
.copy-document .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.copy-document .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.copy-document .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.copy-document .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.copy-document .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.copy-document .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.copy-document .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.copy-document .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.copy-document [data-toggle=buttons] > .btn input[type=radio],
.copy-document [data-toggle=buttons] > .btn input[type=checkbox],
.copy-document [data-toggle=buttons] > .btn-group > .btn input[type=radio],
.copy-document [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.copy-document .input-group {
  position: relative;
  display: flex;
  width: 100%;
}
.copy-document .input-group .form-control {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.copy-document .input-group .form-control:focus, .copy-document .input-group .form-control:active, .copy-document .input-group .form-control:hover {
  z-index: 3;
}
.copy-document .input-group-addon,
.copy-document .input-group-btn,
.copy-document .input-group .form-control {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.copy-document .input-group-addon:not(:first-child):not(:last-child),
.copy-document .input-group-btn:not(:first-child):not(:last-child),
.copy-document .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.copy-document .input-group-addon,
.copy-document .input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}
.copy-document .input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.copy-document .input-group-addon.form-control-sm,
.copy-document .input-group-sm > .input-group-addon,
.copy-document .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.copy-document .input-group-addon.form-control-lg,
.copy-document .input-group-lg > .input-group-addon,
.copy-document .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.copy-document .input-group-addon input[type=radio],
.copy-document .input-group-addon input[type=checkbox] {
  margin-top: 0;
}
.copy-document .input-group .form-control:not(:last-child),
.copy-document .input-group-addon:not(:last-child),
.copy-document .input-group-btn:not(:last-child) > .btn,
.copy-document .input-group-btn:not(:last-child) > .btn-group > .btn,
.copy-document .input-group-btn:not(:last-child) > .dropdown-toggle,
.copy-document .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.copy-document .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.copy-document .input-group-addon:not(:last-child) {
  border-right: 0;
}
.copy-document .input-group .form-control:not(:first-child),
.copy-document .input-group-addon:not(:first-child),
.copy-document .input-group-btn:not(:first-child) > .btn,
.copy-document .input-group-btn:not(:first-child) > .btn-group > .btn,
.copy-document .input-group-btn:not(:first-child) > .dropdown-toggle,
.copy-document .input-group-btn:not(:last-child) > .btn:not(:first-child),
.copy-document .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.copy-document .form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}
.copy-document .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.copy-document .input-group-btn > .btn {
  position: relative;
  flex: 1 1 0%;
}
.copy-document .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.copy-document .input-group-btn > .btn:focus, .copy-document .input-group-btn > .btn:active, .copy-document .input-group-btn > .btn:hover {
  z-index: 3;
}
.copy-document .input-group-btn:not(:last-child) > .btn,
.copy-document .input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}
.copy-document .input-group-btn:not(:first-child) > .btn,
.copy-document .input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.copy-document .input-group-btn:not(:first-child) > .btn:focus, .copy-document .input-group-btn:not(:first-child) > .btn:active, .copy-document .input-group-btn:not(:first-child) > .btn:hover,
.copy-document .input-group-btn:not(:first-child) > .btn-group:focus,
.copy-document .input-group-btn:not(:first-child) > .btn-group:active,
.copy-document .input-group-btn:not(:first-child) > .btn-group:hover {
  z-index: 3;
}
.copy-document .custom-control {
  position: relative;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
  cursor: pointer;
}
.copy-document .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.copy-document .custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #0275d8;
}
.copy-document .custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
}
.copy-document .custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #8fcafe;
}
.copy-document .custom-control-input:disabled ~ .custom-control-indicator {
  cursor: not-allowed;
  background-color: #eceeef;
}
.copy-document .custom-control-input:disabled ~ .custom-control-description {
  color: #636c72;
  cursor: not-allowed;
}
.copy-document .custom-control-indicator {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.copy-document .custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem;
}
.copy-document .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.copy-document .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0275d8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.copy-document .custom-radio .custom-control-indicator {
  border-radius: 50%;
}
.copy-document .custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.copy-document .custom-controls-stacked {
  display: flex;
  flex-direction: column;
}
.copy-document .custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem;
}
.copy-document .custom-controls-stacked .custom-control + .custom-control {
  margin-left: 0;
}
.copy-document .custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.25;
  color: #464a4c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.copy-document .custom-select:focus {
  border-color: #5cb3fd;
  outline: none;
}
.copy-document .custom-select:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}
.copy-document .custom-select:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #eceeef;
}
.copy-document .custom-select::-ms-expand {
  opacity: 0;
}
.copy-document .custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}
.copy-document .custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
  cursor: pointer;
}
.copy-document .custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: 2.5rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.copy-document .custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.copy-document .custom-file-control:lang(en)::after {
  content: "Choose file...";
}
.copy-document .custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0.25rem 0.25rem 0;
}
.copy-document .custom-file-control:lang(en)::before {
  content: "Browse";
}
.copy-document .nav {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.copy-document .nav-link {
  display: block;
  padding: 0.5em 1em;
}
.copy-document .nav-link:focus, .copy-document .nav-link:hover {
  text-decoration: none;
}
.copy-document .nav-link.disabled {
  color: #636c72;
  cursor: not-allowed;
}
.copy-document .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.copy-document .nav-tabs .nav-item {
  margin-bottom: -1px;
}
.copy-document .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.copy-document .nav-tabs .nav-link:focus, .copy-document .nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd;
}
.copy-document .nav-tabs .nav-link.disabled {
  color: #636c72;
  background-color: transparent;
  border-color: transparent;
}
.copy-document .nav-tabs .nav-link.active,
.copy-document .nav-tabs .nav-item.show .nav-link {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}
.copy-document .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.copy-document .nav-pills .nav-link {
  border-radius: 0.25rem;
}
.copy-document .nav-pills .nav-link.active,
.copy-document .nav-pills .nav-item.show .nav-link {
  color: #fff;
  cursor: default;
  background-color: #0275d8;
}
.copy-document .nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.copy-document .nav-justified .nav-item {
  flex: 1 1 100%;
  text-align: center;
}
.copy-document .tab-content > .tab-pane {
  display: none;
}
.copy-document .tab-content > .active {
  display: block;
}
.copy-document .navbar {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
}
.copy-document .navbar-brand {
  display: inline-block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.copy-document .navbar-brand:focus, .copy-document .navbar-brand:hover {
  text-decoration: none;
}
.copy-document .navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.copy-document .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.copy-document .navbar-text {
  display: inline-block;
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
}
.copy-document .navbar-toggler {
  align-self: flex-start;
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.copy-document .navbar-toggler:focus, .copy-document .navbar-toggler:hover {
  text-decoration: none;
}
.copy-document .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
.copy-document .navbar-toggler-left {
  position: absolute;
  left: 1rem;
}
.copy-document .navbar-toggler-right {
  position: absolute;
  right: 1rem;
}
@media (max-width: 575px) {
  .copy-document .navbar-toggleable .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .copy-document .navbar-toggleable > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .copy-document .navbar-toggleable {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable .navbar-nav {
    flex-direction: row;
  }
  .copy-document .navbar-toggleable .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .copy-document .navbar-toggleable > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .copy-document .navbar-toggleable .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767px) {
  .copy-document .navbar-toggleable-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .copy-document .navbar-toggleable-sm > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .copy-document .navbar-toggleable-sm {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable-sm .navbar-nav {
    flex-direction: row;
  }
  .copy-document .navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .copy-document .navbar-toggleable-sm > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable-sm .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .copy-document .navbar-toggleable-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991px) {
  .copy-document .navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .copy-document .navbar-toggleable-md > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .copy-document .navbar-toggleable-md {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable-md .navbar-nav {
    flex-direction: row;
  }
  .copy-document .navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .copy-document .navbar-toggleable-md > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable-md .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .copy-document .navbar-toggleable-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199px) {
  .copy-document .navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .copy-document .navbar-toggleable-lg > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .copy-document .navbar-toggleable-lg {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable-lg .navbar-nav {
    flex-direction: row;
  }
  .copy-document .navbar-toggleable-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .copy-document .navbar-toggleable-lg > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .copy-document .navbar-toggleable-lg .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .copy-document .navbar-toggleable-lg .navbar-toggler {
    display: none;
  }
}
.copy-document .navbar-toggleable-xl {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.copy-document .navbar-toggleable-xl .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.copy-document .navbar-toggleable-xl > .container {
  padding-right: 0;
  padding-left: 0;
}
.copy-document .navbar-toggleable-xl .navbar-nav {
  flex-direction: row;
}
.copy-document .navbar-toggleable-xl .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.copy-document .navbar-toggleable-xl > .container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.copy-document .navbar-toggleable-xl .navbar-collapse {
  display: flex !important;
  width: 100%;
}
.copy-document .navbar-toggleable-xl .navbar-toggler {
  display: none;
}
.copy-document .navbar-light .navbar-brand,
.copy-document .navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.9);
}
.copy-document .navbar-light .navbar-brand:focus, .copy-document .navbar-light .navbar-brand:hover,
.copy-document .navbar-light .navbar-toggler:focus,
.copy-document .navbar-light .navbar-toggler:hover {
  color: rgba(0, 0, 0, 0.9);
}
.copy-document .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.copy-document .navbar-light .navbar-nav .nav-link:focus, .copy-document .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}
.copy-document .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.copy-document .navbar-light .navbar-nav .open > .nav-link,
.copy-document .navbar-light .navbar-nav .active > .nav-link,
.copy-document .navbar-light .navbar-nav .nav-link.open,
.copy-document .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.copy-document .navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
}
.copy-document .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.copy-document .navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.copy-document .navbar-inverse .navbar-brand,
.copy-document .navbar-inverse .navbar-toggler {
  color: white;
}
.copy-document .navbar-inverse .navbar-brand:focus, .copy-document .navbar-inverse .navbar-brand:hover,
.copy-document .navbar-inverse .navbar-toggler:focus,
.copy-document .navbar-inverse .navbar-toggler:hover {
  color: white;
}
.copy-document .navbar-inverse .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.copy-document .navbar-inverse .navbar-nav .nav-link:focus, .copy-document .navbar-inverse .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.copy-document .navbar-inverse .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.copy-document .navbar-inverse .navbar-nav .open > .nav-link,
.copy-document .navbar-inverse .navbar-nav .active > .nav-link,
.copy-document .navbar-inverse .navbar-nav .nav-link.open,
.copy-document .navbar-inverse .navbar-nav .nav-link.active {
  color: white;
}
.copy-document .navbar-inverse .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
}
.copy-document .navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.copy-document .navbar-inverse .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.copy-document .card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.copy-document .card-block {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.copy-document .card-title {
  margin-bottom: 0.75rem;
}
.copy-document .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.copy-document .card-text:last-child {
  margin-bottom: 0;
}
.copy-document .card-link:hover {
  text-decoration: none;
}
.copy-document .card-link + .card-link {
  margin-left: 1.25rem;
}
.copy-document .card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.copy-document .card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.copy-document .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.copy-document .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.copy-document .card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f7f7f9;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.copy-document .card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.copy-document .card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.copy-document .card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.copy-document .card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}
.copy-document .card-primary .card-header,
.copy-document .card-primary .card-footer {
  background-color: transparent;
}
.copy-document .card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.copy-document .card-success .card-header,
.copy-document .card-success .card-footer {
  background-color: transparent;
}
.copy-document .card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.copy-document .card-info .card-header,
.copy-document .card-info .card-footer {
  background-color: transparent;
}
.copy-document .card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.copy-document .card-warning .card-header,
.copy-document .card-warning .card-footer {
  background-color: transparent;
}
.copy-document .card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}
.copy-document .card-danger .card-header,
.copy-document .card-danger .card-footer {
  background-color: transparent;
}
.copy-document .card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}
.copy-document .card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}
.copy-document .card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}
.copy-document .card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}
.copy-document .card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}
.copy-document .card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}
.copy-document .card-inverse {
  color: rgba(255, 255, 255, 0.65);
}
.copy-document .card-inverse .card-header,
.copy-document .card-inverse .card-footer {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.copy-document .card-inverse .card-header,
.copy-document .card-inverse .card-footer,
.copy-document .card-inverse .card-title,
.copy-document .card-inverse .card-blockquote {
  color: #fff;
}
.copy-document .card-inverse .card-link,
.copy-document .card-inverse .card-text,
.copy-document .card-inverse .card-subtitle,
.copy-document .card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}
.copy-document .card-inverse .card-link:focus, .copy-document .card-inverse .card-link:hover {
  color: #fff;
}
.copy-document .card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}
.copy-document .card-img {
  border-radius: calc(0.25rem - 1px);
}
.copy-document .card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.copy-document .card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}
.copy-document .card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
@media (min-width: 576px) {
  .copy-document .card-deck {
    display: flex;
    flex-flow: row wrap;
  }
  .copy-document .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
  }
  .copy-document .card-deck .card:not(:first-child) {
    margin-left: 15px;
  }
  .copy-document .card-deck .card:not(:last-child) {
    margin-right: 15px;
  }
}
@media (min-width: 576px) {
  .copy-document .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .copy-document .card-group .card {
    flex: 1 0 0%;
  }
  .copy-document .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .copy-document .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .copy-document .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .copy-document .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .copy-document .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .copy-document .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .copy-document .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .copy-document .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .copy-document .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .copy-document .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}
@media (min-width: 576px) {
  .copy-document .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .copy-document .card-columns .card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.copy-document .breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem;
}
.copy-document .breadcrumb::after {
  display: block;
  content: "";
  clear: both;
}
.copy-document .breadcrumb-item {
  float: left;
}
.copy-document .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #636c72;
  content: "/";
}
.copy-document .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.copy-document .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.copy-document .breadcrumb-item.active {
  color: #636c72;
}
.copy-document .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.copy-document .page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.copy-document .page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.copy-document .page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.copy-document .page-item.disabled .page-link {
  color: #636c72;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.copy-document .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0275d8;
  background-color: #fff;
  border: 1px solid #ddd;
}
.copy-document .page-link:focus, .copy-document .page-link:hover {
  color: #014c8c;
  text-decoration: none;
  background-color: #eceeef;
  border-color: #ddd;
}
.copy-document .pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.copy-document .pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}
.copy-document .pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.copy-document .pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.copy-document .pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.copy-document .pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.copy-document .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.copy-document .badge:empty {
  display: none;
}
.copy-document .btn .badge {
  position: relative;
  top: -1px;
}
.copy-document a.badge:focus, .copy-document a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.copy-document .badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.copy-document .badge-default {
  background-color: #636c72;
}
.copy-document .badge-default[href]:focus, .copy-document .badge-default[href]:hover {
  background-color: #4b5257;
}
.copy-document .badge-primary {
  background-color: #0275d8;
}
.copy-document .badge-primary[href]:focus, .copy-document .badge-primary[href]:hover {
  background-color: #025aa5;
}
.copy-document .badge-success {
  background-color: #5cb85c;
}
.copy-document .badge-success[href]:focus, .copy-document .badge-success[href]:hover {
  background-color: #449d44;
}
.copy-document .badge-info {
  background-color: #5bc0de;
}
.copy-document .badge-info[href]:focus, .copy-document .badge-info[href]:hover {
  background-color: #31b0d5;
}
.copy-document .badge-warning {
  background-color: #f0ad4e;
}
.copy-document .badge-warning[href]:focus, .copy-document .badge-warning[href]:hover {
  background-color: #ec971f;
}
.copy-document .badge-danger {
  background-color: #d9534f;
}
.copy-document .badge-danger[href]:focus, .copy-document .badge-danger[href]:hover {
  background-color: #c9302c;
}
.copy-document .jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .copy-document .jumbotron {
    padding: 4rem 2rem;
  }
}
.copy-document .jumbotron-hr {
  border-top-color: #d0d5d8;
}
.copy-document .jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.copy-document .alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.copy-document .alert-heading {
  color: inherit;
}
.copy-document .alert-link {
  font-weight: bold;
}
.copy-document .alert-dismissible .close {
  position: relative;
  top: -0.75rem;
  right: -1.25rem;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.copy-document .alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}
.copy-document .alert-success hr {
  border-top-color: #c1e2b3;
}
.copy-document .alert-success .alert-link {
  color: #2b542c;
}
.copy-document .alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}
.copy-document .alert-info hr {
  border-top-color: #a6d5ec;
}
.copy-document .alert-info .alert-link {
  color: #245269;
}
.copy-document .alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
.copy-document .alert-warning hr {
  border-top-color: #f7ecb5;
}
.copy-document .alert-warning .alert-link {
  color: #66512c;
}
.copy-document .alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
.copy-document .alert-danger hr {
  border-top-color: #e4b9b9;
}
.copy-document .alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.copy-document .progress {
  display: flex;
  overflow: hidden;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #eceeef;
  border-radius: 0.25rem;
}
.copy-document .progress-bar {
  height: 1rem;
  color: #fff;
  background-color: #0275d8;
}
.copy-document .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.copy-document .progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
.copy-document .media {
  display: flex;
  align-items: flex-start;
}
.copy-document .media-body {
  flex: 1 1 0%;
}
.copy-document .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.copy-document .list-group-item-action {
  width: 100%;
  color: #464a4c;
  text-align: inherit;
}
.copy-document .list-group-item-action .list-group-item-heading {
  color: #292b2c;
}
.copy-document .list-group-item-action:focus, .copy-document .list-group-item-action:hover {
  color: #464a4c;
  text-decoration: none;
  background-color: #f7f7f9;
}
.copy-document .list-group-item-action:active {
  color: #292b2c;
  background-color: #eceeef;
}
.copy-document .list-group-item {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.copy-document .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.copy-document .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.copy-document .list-group-item:focus, .copy-document .list-group-item:hover {
  text-decoration: none;
}
.copy-document .list-group-item.disabled, .copy-document .list-group-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #fff;
}
.copy-document .list-group-item.disabled .list-group-item-heading, .copy-document .list-group-item:disabled .list-group-item-heading {
  color: inherit;
}
.copy-document .list-group-item.disabled .list-group-item-text, .copy-document .list-group-item:disabled .list-group-item-text {
  color: #636c72;
}
.copy-document .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.copy-document .list-group-item.active .list-group-item-heading,
.copy-document .list-group-item.active .list-group-item-heading > small,
.copy-document .list-group-item.active .list-group-item-heading > .small {
  color: inherit;
}
.copy-document .list-group-item.active .list-group-item-text {
  color: #daeeff;
}
.copy-document .list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.copy-document .list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.copy-document .list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}
.copy-document .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.copy-document a.list-group-item-success,
.copy-document button.list-group-item-success {
  color: #3c763d;
}
.copy-document a.list-group-item-success .list-group-item-heading,
.copy-document button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
.copy-document a.list-group-item-success:focus, .copy-document a.list-group-item-success:hover,
.copy-document button.list-group-item-success:focus,
.copy-document button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
.copy-document a.list-group-item-success.active,
.copy-document button.list-group-item-success.active {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.copy-document .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
.copy-document a.list-group-item-info,
.copy-document button.list-group-item-info {
  color: #31708f;
}
.copy-document a.list-group-item-info .list-group-item-heading,
.copy-document button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
.copy-document a.list-group-item-info:focus, .copy-document a.list-group-item-info:hover,
.copy-document button.list-group-item-info:focus,
.copy-document button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
.copy-document a.list-group-item-info.active,
.copy-document button.list-group-item-info.active {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.copy-document .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.copy-document a.list-group-item-warning,
.copy-document button.list-group-item-warning {
  color: #8a6d3b;
}
.copy-document a.list-group-item-warning .list-group-item-heading,
.copy-document button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
.copy-document a.list-group-item-warning:focus, .copy-document a.list-group-item-warning:hover,
.copy-document button.list-group-item-warning:focus,
.copy-document button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
.copy-document a.list-group-item-warning.active,
.copy-document button.list-group-item-warning.active {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.copy-document .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
.copy-document a.list-group-item-danger,
.copy-document button.list-group-item-danger {
  color: #a94442;
}
.copy-document a.list-group-item-danger .list-group-item-heading,
.copy-document button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
.copy-document a.list-group-item-danger:focus, .copy-document a.list-group-item-danger:hover,
.copy-document button.list-group-item-danger:focus,
.copy-document button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
.copy-document a.list-group-item-danger.active,
.copy-document button.list-group-item-danger.active {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.copy-document .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.copy-document .embed-responsive::before {
  display: block;
  content: "";
}
.copy-document .embed-responsive .embed-responsive-item,
.copy-document .embed-responsive iframe,
.copy-document .embed-responsive embed,
.copy-document .embed-responsive object,
.copy-document .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.copy-document .embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.copy-document .embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.copy-document .embed-responsive-4by3::before {
  padding-top: 75%;
}
.copy-document .embed-responsive-1by1::before {
  padding-top: 100%;
}
.copy-document .close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.copy-document .close:focus, .copy-document .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75;
}
.copy-document button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.copy-document .modal-open {
  overflow: hidden;
}
.copy-document .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.copy-document .modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.copy-document .modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.copy-document .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.copy-document .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.copy-document .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.copy-document .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.copy-document .modal-backdrop.fade {
  opacity: 0;
}
.copy-document .modal-backdrop.show {
  opacity: 0.5;
}
.copy-document .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}
.copy-document .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.copy-document .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px;
}
.copy-document .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}
.copy-document .modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.copy-document .modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.copy-document .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .copy-document .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }
  .copy-document .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .copy-document .modal-lg {
    max-width: 800px;
  }
}
.copy-document .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.copy-document .tooltip.show {
  opacity: 0.9;
}
.copy-document .tooltip.tooltip-top, .copy-document .tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}
.copy-document .tooltip.tooltip-top .tooltip-inner::before, .copy-document .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.copy-document .tooltip.tooltip-right, .copy-document .tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}
.copy-document .tooltip.tooltip-right .tooltip-inner::before, .copy-document .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.copy-document .tooltip.tooltip-bottom, .copy-document .tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}
.copy-document .tooltip.tooltip-bottom .tooltip-inner::before, .copy-document .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.copy-document .tooltip.tooltip-left, .copy-document .tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}
.copy-document .tooltip.tooltip-left .tooltip-inner::before, .copy-document .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  top: 50%;
  right: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.copy-document .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.copy-document .tooltip-inner::before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.copy-document .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.copy-document .popover.popover-top, .copy-document .popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}
.copy-document .popover.popover-top::before, .copy-document .popover.popover-top::after, .copy-document .popover.bs-tether-element-attached-bottom::before, .copy-document .popover.bs-tether-element-attached-bottom::after {
  left: 50%;
  border-bottom-width: 0;
}
.copy-document .popover.popover-top::before, .copy-document .popover.bs-tether-element-attached-bottom::before {
  bottom: -11px;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.copy-document .popover.popover-top::after, .copy-document .popover.bs-tether-element-attached-bottom::after {
  bottom: -10px;
  margin-left: -10px;
  border-top-color: #fff;
}
.copy-document .popover.popover-right, .copy-document .popover.bs-tether-element-attached-left {
  margin-left: 10px;
}
.copy-document .popover.popover-right::before, .copy-document .popover.popover-right::after, .copy-document .popover.bs-tether-element-attached-left::before, .copy-document .popover.bs-tether-element-attached-left::after {
  top: 50%;
  border-left-width: 0;
}
.copy-document .popover.popover-right::before, .copy-document .popover.bs-tether-element-attached-left::before {
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.copy-document .popover.popover-right::after, .copy-document .popover.bs-tether-element-attached-left::after {
  left: -10px;
  margin-top: -10px;
  border-right-color: #fff;
}
.copy-document .popover.popover-bottom, .copy-document .popover.bs-tether-element-attached-top {
  margin-top: 10px;
}
.copy-document .popover.popover-bottom::before, .copy-document .popover.popover-bottom::after, .copy-document .popover.bs-tether-element-attached-top::before, .copy-document .popover.bs-tether-element-attached-top::after {
  left: 50%;
  border-top-width: 0;
}
.copy-document .popover.popover-bottom::before, .copy-document .popover.bs-tether-element-attached-top::before {
  top: -11px;
  margin-left: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.copy-document .popover.popover-bottom::after, .copy-document .popover.bs-tether-element-attached-top::after {
  top: -10px;
  margin-left: -10px;
  border-bottom-color: #f7f7f7;
}
.copy-document .popover.popover-bottom .popover-title::before, .copy-document .popover.bs-tether-element-attached-top .popover-title::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.copy-document .popover.popover-left, .copy-document .popover.bs-tether-element-attached-right {
  margin-left: -10px;
}
.copy-document .popover.popover-left::before, .copy-document .popover.popover-left::after, .copy-document .popover.bs-tether-element-attached-right::before, .copy-document .popover.bs-tether-element-attached-right::after {
  top: 50%;
  border-right-width: 0;
}
.copy-document .popover.popover-left::before, .copy-document .popover.bs-tether-element-attached-right::before {
  right: -11px;
  margin-top: -11px;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.copy-document .popover.popover-left::after, .copy-document .popover.bs-tether-element-attached-right::after {
  right: -10px;
  margin-top: -10px;
  border-left-color: #fff;
}
.copy-document .popover-title {
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-right-radius: calc(0.3rem - 1px);
  border-top-left-radius: calc(0.3rem - 1px);
}
.copy-document .popover-title:empty {
  display: none;
}
.copy-document .popover-content {
  padding: 9px 14px;
}
.copy-document .popover::before,
.copy-document .popover::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.copy-document .popover::before {
  content: "";
  border-width: 11px;
}
.copy-document .popover::after {
  content: "";
  border-width: 10px;
}
.copy-document .carousel {
  position: relative;
}
.copy-document .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.copy-document .carousel-item {
  position: relative;
  display: none;
  width: 100%;
}
@media (-webkit-transform-3d) {
  .copy-document .carousel-item {
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
}
@supports (transform: translate3d(0, 0, 0)) {
  .copy-document .carousel-item {
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
}
.copy-document .carousel-item.active,
.copy-document .carousel-item-next,
.copy-document .carousel-item-prev {
  display: flex;
}
.copy-document .carousel-item-next,
.copy-document .carousel-item-prev {
  position: absolute;
  top: 0;
}
@media (-webkit-transform-3d) {
  .copy-document .carousel-item-next.carousel-item-left,
  .copy-document .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .copy-document .carousel-item-next,
  .copy-document .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .copy-document .carousel-item-prev,
  .copy-document .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@supports (transform: translate3d(0, 0, 0)) {
  .copy-document .carousel-item-next.carousel-item-left,
  .copy-document .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .copy-document .carousel-item-next,
  .copy-document .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .copy-document .carousel-item-prev,
  .copy-document .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.copy-document .carousel-control-prev,
.copy-document .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.copy-document .carousel-control-prev:focus, .copy-document .carousel-control-prev:hover,
.copy-document .carousel-control-next:focus,
.copy-document .carousel-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.copy-document .carousel-control-prev {
  left: 0;
}
.copy-document .carousel-control-next {
  right: 0;
}
.copy-document .carousel-control-prev-icon,
.copy-document .carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.copy-document .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.copy-document .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.copy-document .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.copy-document .carousel-indicators li {
  position: relative;
  flex: 1 0 auto;
  max-width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.copy-document .carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.copy-document .carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.copy-document .carousel-indicators .active {
  background-color: #fff;
}
.copy-document .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
.copy-document .align-baseline {
  vertical-align: baseline !important;
}
.copy-document .align-top {
  vertical-align: top !important;
}
.copy-document .align-middle {
  vertical-align: middle !important;
}
.copy-document .align-bottom {
  vertical-align: bottom !important;
}
.copy-document .align-text-bottom {
  vertical-align: text-bottom !important;
}
.copy-document .align-text-top {
  vertical-align: text-top !important;
}
.copy-document .bg-faded {
  background-color: #f7f7f7;
}
.copy-document .bg-primary {
  background-color: #0275d8 !important;
}
.copy-document a.bg-primary:focus, .copy-document a.bg-primary:hover {
  background-color: #025aa5 !important;
}
.copy-document .bg-success {
  background-color: #5cb85c !important;
}
.copy-document a.bg-success:focus, .copy-document a.bg-success:hover {
  background-color: #449d44 !important;
}
.copy-document .bg-info {
  background-color: #5bc0de !important;
}
.copy-document a.bg-info:focus, .copy-document a.bg-info:hover {
  background-color: #31b0d5 !important;
}
.copy-document .bg-warning {
  background-color: #f0ad4e !important;
}
.copy-document a.bg-warning:focus, .copy-document a.bg-warning:hover {
  background-color: #ec971f !important;
}
.copy-document .bg-danger {
  background-color: #d9534f !important;
}
.copy-document a.bg-danger:focus, .copy-document a.bg-danger:hover {
  background-color: #c9302c !important;
}
.copy-document .bg-inverse {
  background-color: #292b2c !important;
}
.copy-document a.bg-inverse:focus, .copy-document a.bg-inverse:hover {
  background-color: #101112 !important;
}
.copy-document .border-0 {
  border: 0 !important;
}
.copy-document .border-top-0 {
  border-top: 0 !important;
}
.copy-document .border-right-0 {
  border-right: 0 !important;
}
.copy-document .border-bottom-0 {
  border-bottom: 0 !important;
}
.copy-document .border-left-0 {
  border-left: 0 !important;
}
.copy-document .rounded {
  border-radius: 0.25rem;
}
.copy-document .rounded-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.copy-document .rounded-right {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.copy-document .rounded-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.copy-document .rounded-left {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.copy-document .rounded-circle {
  border-radius: 50%;
}
.copy-document .rounded-0 {
  border-radius: 0;
}
.copy-document .clearfix::after {
  display: block;
  content: "";
  clear: both;
}
.copy-document .d-none {
  display: none !important;
}
.copy-document .d-inline {
  display: inline !important;
}
.copy-document .d-inline-block {
  display: inline-block !important;
}
.copy-document .d-block {
  display: block !important;
}
.copy-document .d-table {
  display: table !important;
}
.copy-document .d-table-cell {
  display: table-cell !important;
}
.copy-document .d-flex {
  display: flex !important;
}
.copy-document .d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .copy-document .d-sm-none {
    display: none !important;
  }
  .copy-document .d-sm-inline {
    display: inline !important;
  }
  .copy-document .d-sm-inline-block {
    display: inline-block !important;
  }
  .copy-document .d-sm-block {
    display: block !important;
  }
  .copy-document .d-sm-table {
    display: table !important;
  }
  .copy-document .d-sm-table-cell {
    display: table-cell !important;
  }
  .copy-document .d-sm-flex {
    display: flex !important;
  }
  .copy-document .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .copy-document .d-md-none {
    display: none !important;
  }
  .copy-document .d-md-inline {
    display: inline !important;
  }
  .copy-document .d-md-inline-block {
    display: inline-block !important;
  }
  .copy-document .d-md-block {
    display: block !important;
  }
  .copy-document .d-md-table {
    display: table !important;
  }
  .copy-document .d-md-table-cell {
    display: table-cell !important;
  }
  .copy-document .d-md-flex {
    display: flex !important;
  }
  .copy-document .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .copy-document .d-lg-none {
    display: none !important;
  }
  .copy-document .d-lg-inline {
    display: inline !important;
  }
  .copy-document .d-lg-inline-block {
    display: inline-block !important;
  }
  .copy-document .d-lg-block {
    display: block !important;
  }
  .copy-document .d-lg-table {
    display: table !important;
  }
  .copy-document .d-lg-table-cell {
    display: table-cell !important;
  }
  .copy-document .d-lg-flex {
    display: flex !important;
  }
  .copy-document .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .copy-document .d-xl-none {
    display: none !important;
  }
  .copy-document .d-xl-inline {
    display: inline !important;
  }
  .copy-document .d-xl-inline-block {
    display: inline-block !important;
  }
  .copy-document .d-xl-block {
    display: block !important;
  }
  .copy-document .d-xl-table {
    display: table !important;
  }
  .copy-document .d-xl-table-cell {
    display: table-cell !important;
  }
  .copy-document .d-xl-flex {
    display: flex !important;
  }
  .copy-document .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.copy-document .flex-first {
  order: -1;
}
.copy-document .flex-last {
  order: 1;
}
.copy-document .flex-unordered {
  order: 0;
}
.copy-document .flex-row {
  flex-direction: row !important;
}
.copy-document .flex-column {
  flex-direction: column !important;
}
.copy-document .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.copy-document .flex-column-reverse {
  flex-direction: column-reverse !important;
}
.copy-document .flex-wrap {
  flex-wrap: wrap !important;
}
.copy-document .flex-nowrap {
  flex-wrap: nowrap !important;
}
.copy-document .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.copy-document .justify-content-start {
  justify-content: flex-start !important;
}
.copy-document .justify-content-end {
  justify-content: flex-end !important;
}
.copy-document .justify-content-center {
  justify-content: center !important;
}
.copy-document .justify-content-between {
  justify-content: space-between !important;
}
.copy-document .justify-content-around {
  justify-content: space-around !important;
}
.copy-document .align-items-start {
  align-items: flex-start !important;
}
.copy-document .align-items-end {
  align-items: flex-end !important;
}
.copy-document .align-items-center {
  align-items: center !important;
}
.copy-document .align-items-baseline {
  align-items: baseline !important;
}
.copy-document .align-items-stretch {
  align-items: stretch !important;
}
.copy-document .align-content-start {
  align-content: flex-start !important;
}
.copy-document .align-content-end {
  align-content: flex-end !important;
}
.copy-document .align-content-center {
  align-content: center !important;
}
.copy-document .align-content-between {
  align-content: space-between !important;
}
.copy-document .align-content-around {
  align-content: space-around !important;
}
.copy-document .align-content-stretch {
  align-content: stretch !important;
}
.copy-document .align-self-auto {
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}
.copy-document .align-self-start {
  align-self: flex-start !important;
}
.copy-document .align-self-end {
  align-self: flex-end !important;
}
.copy-document .align-self-center {
  -ms-grid-row-align: center !important;
  align-self: center !important;
}
.copy-document .align-self-baseline {
  align-self: baseline !important;
}
.copy-document .align-self-stretch {
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .copy-document .flex-sm-first {
    order: -1;
  }
  .copy-document .flex-sm-last {
    order: 1;
  }
  .copy-document .flex-sm-unordered {
    order: 0;
  }
  .copy-document .flex-sm-row {
    flex-direction: row !important;
  }
  .copy-document .flex-sm-column {
    flex-direction: column !important;
  }
  .copy-document .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .copy-document .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .copy-document .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .copy-document .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .copy-document .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .copy-document .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .copy-document .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .copy-document .justify-content-sm-center {
    justify-content: center !important;
  }
  .copy-document .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .copy-document .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .copy-document .align-items-sm-start {
    align-items: flex-start !important;
  }
  .copy-document .align-items-sm-end {
    align-items: flex-end !important;
  }
  .copy-document .align-items-sm-center {
    align-items: center !important;
  }
  .copy-document .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .copy-document .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .copy-document .align-content-sm-start {
    align-content: flex-start !important;
  }
  .copy-document .align-content-sm-end {
    align-content: flex-end !important;
  }
  .copy-document .align-content-sm-center {
    align-content: center !important;
  }
  .copy-document .align-content-sm-between {
    align-content: space-between !important;
  }
  .copy-document .align-content-sm-around {
    align-content: space-around !important;
  }
  .copy-document .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .copy-document .align-self-sm-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .copy-document .align-self-sm-start {
    align-self: flex-start !important;
  }
  .copy-document .align-self-sm-end {
    align-self: flex-end !important;
  }
  .copy-document .align-self-sm-center {
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .copy-document .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .copy-document .align-self-sm-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .copy-document .flex-md-first {
    order: -1;
  }
  .copy-document .flex-md-last {
    order: 1;
  }
  .copy-document .flex-md-unordered {
    order: 0;
  }
  .copy-document .flex-md-row {
    flex-direction: row !important;
  }
  .copy-document .flex-md-column {
    flex-direction: column !important;
  }
  .copy-document .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .copy-document .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .copy-document .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .copy-document .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .copy-document .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .copy-document .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .copy-document .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .copy-document .justify-content-md-center {
    justify-content: center !important;
  }
  .copy-document .justify-content-md-between {
    justify-content: space-between !important;
  }
  .copy-document .justify-content-md-around {
    justify-content: space-around !important;
  }
  .copy-document .align-items-md-start {
    align-items: flex-start !important;
  }
  .copy-document .align-items-md-end {
    align-items: flex-end !important;
  }
  .copy-document .align-items-md-center {
    align-items: center !important;
  }
  .copy-document .align-items-md-baseline {
    align-items: baseline !important;
  }
  .copy-document .align-items-md-stretch {
    align-items: stretch !important;
  }
  .copy-document .align-content-md-start {
    align-content: flex-start !important;
  }
  .copy-document .align-content-md-end {
    align-content: flex-end !important;
  }
  .copy-document .align-content-md-center {
    align-content: center !important;
  }
  .copy-document .align-content-md-between {
    align-content: space-between !important;
  }
  .copy-document .align-content-md-around {
    align-content: space-around !important;
  }
  .copy-document .align-content-md-stretch {
    align-content: stretch !important;
  }
  .copy-document .align-self-md-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .copy-document .align-self-md-start {
    align-self: flex-start !important;
  }
  .copy-document .align-self-md-end {
    align-self: flex-end !important;
  }
  .copy-document .align-self-md-center {
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .copy-document .align-self-md-baseline {
    align-self: baseline !important;
  }
  .copy-document .align-self-md-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .copy-document .flex-lg-first {
    order: -1;
  }
  .copy-document .flex-lg-last {
    order: 1;
  }
  .copy-document .flex-lg-unordered {
    order: 0;
  }
  .copy-document .flex-lg-row {
    flex-direction: row !important;
  }
  .copy-document .flex-lg-column {
    flex-direction: column !important;
  }
  .copy-document .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .copy-document .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .copy-document .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .copy-document .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .copy-document .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .copy-document .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .copy-document .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .copy-document .justify-content-lg-center {
    justify-content: center !important;
  }
  .copy-document .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .copy-document .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .copy-document .align-items-lg-start {
    align-items: flex-start !important;
  }
  .copy-document .align-items-lg-end {
    align-items: flex-end !important;
  }
  .copy-document .align-items-lg-center {
    align-items: center !important;
  }
  .copy-document .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .copy-document .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .copy-document .align-content-lg-start {
    align-content: flex-start !important;
  }
  .copy-document .align-content-lg-end {
    align-content: flex-end !important;
  }
  .copy-document .align-content-lg-center {
    align-content: center !important;
  }
  .copy-document .align-content-lg-between {
    align-content: space-between !important;
  }
  .copy-document .align-content-lg-around {
    align-content: space-around !important;
  }
  .copy-document .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .copy-document .align-self-lg-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .copy-document .align-self-lg-start {
    align-self: flex-start !important;
  }
  .copy-document .align-self-lg-end {
    align-self: flex-end !important;
  }
  .copy-document .align-self-lg-center {
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .copy-document .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .copy-document .align-self-lg-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .copy-document .flex-xl-first {
    order: -1;
  }
  .copy-document .flex-xl-last {
    order: 1;
  }
  .copy-document .flex-xl-unordered {
    order: 0;
  }
  .copy-document .flex-xl-row {
    flex-direction: row !important;
  }
  .copy-document .flex-xl-column {
    flex-direction: column !important;
  }
  .copy-document .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .copy-document .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .copy-document .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .copy-document .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .copy-document .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .copy-document .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .copy-document .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .copy-document .justify-content-xl-center {
    justify-content: center !important;
  }
  .copy-document .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .copy-document .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .copy-document .align-items-xl-start {
    align-items: flex-start !important;
  }
  .copy-document .align-items-xl-end {
    align-items: flex-end !important;
  }
  .copy-document .align-items-xl-center {
    align-items: center !important;
  }
  .copy-document .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .copy-document .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .copy-document .align-content-xl-start {
    align-content: flex-start !important;
  }
  .copy-document .align-content-xl-end {
    align-content: flex-end !important;
  }
  .copy-document .align-content-xl-center {
    align-content: center !important;
  }
  .copy-document .align-content-xl-between {
    align-content: space-between !important;
  }
  .copy-document .align-content-xl-around {
    align-content: space-around !important;
  }
  .copy-document .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .copy-document .align-self-xl-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .copy-document .align-self-xl-start {
    align-self: flex-start !important;
  }
  .copy-document .align-self-xl-end {
    align-self: flex-end !important;
  }
  .copy-document .align-self-xl-center {
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .copy-document .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .copy-document .align-self-xl-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
.copy-document .float-left {
  float: left !important;
}
.copy-document .float-right {
  float: right !important;
}
.copy-document .float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .copy-document .float-sm-left {
    float: left !important;
  }
  .copy-document .float-sm-right {
    float: right !important;
  }
  .copy-document .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .copy-document .float-md-left {
    float: left !important;
  }
  .copy-document .float-md-right {
    float: right !important;
  }
  .copy-document .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .copy-document .float-lg-left {
    float: left !important;
  }
  .copy-document .float-lg-right {
    float: right !important;
  }
  .copy-document .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .copy-document .float-xl-left {
    float: left !important;
  }
  .copy-document .float-xl-right {
    float: right !important;
  }
  .copy-document .float-xl-none {
    float: none !important;
  }
}
.copy-document .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.copy-document .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.copy-document .sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
}
.copy-document .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.copy-document .sr-only-focusable:active, .copy-document .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.copy-document .w-1 {
  width: 8.333333%;
}
.copy-document .w-2 {
  width: 16.666667%;
}
.copy-document .w-3 {
  width: 25%;
}
.copy-document .w-4 {
  width: 33.333333%;
}
.copy-document .w-5 {
  width: 41.666667%;
}
.copy-document .w-6 {
  width: 50%;
}
.copy-document .w-7 {
  width: 58.333333%;
}
.copy-document .w-8 {
  width: 66.666667%;
}
.copy-document .w-9 {
  width: 75%;
}
.copy-document .w-10 {
  width: 83.333333%;
}
.copy-document .w-11 {
  width: 91.666667%;
}
.copy-document .w-12 {
  width: 100%;
}
.copy-document .font-weight-medium {
  font-weight: 500;
}
.copy-document .info-holder label {
  color: #909eaa !important;
  white-space: nowrap;
}
.copy-document .control-section .d-table-cell {
  word-break: break-word;
}
.copy-document .text-title {
  font-size: larger;
  font-weight: bold;
}
.copy-document .w-25 {
  width: 25% !important;
}
.copy-document .w-50 {
  width: 50% !important;
}
.copy-document .w-75 {
  width: 75% !important;
}
.copy-document .w-100 {
  width: 100% !important;
}
.copy-document .h-25 {
  height: 25% !important;
}
.copy-document .h-50 {
  height: 50% !important;
}
.copy-document .h-75 {
  height: 75% !important;
}
.copy-document .h-100 {
  height: 100% !important;
}
.copy-document .minw-100 {
  min-width: 100% !important;
}
.copy-document .mw-100 {
  max-width: 100% !important;
}
.copy-document .mh-100 {
  max-height: 100% !important;
}
.copy-document .m-0 {
  margin: 0 0 !important;
}
.copy-document .mt-0 {
  margin-top: 0 !important;
}
.copy-document .mr-0 {
  margin-right: 0 !important;
}
.copy-document .mb-0 {
  margin-bottom: 0 !important;
}
.copy-document .ml-0 {
  margin-left: 0 !important;
}
.copy-document .mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.copy-document .my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.copy-document .m-1 {
  margin: 0.25rem 0.25rem !important;
}
.copy-document .mt-1 {
  margin-top: 0.25rem !important;
}
.copy-document .mr-1 {
  margin-right: 0.25rem !important;
}
.copy-document .mb-1 {
  margin-bottom: 0.25rem !important;
}
.copy-document .ml-1 {
  margin-left: 0.25rem !important;
}
.copy-document .mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.copy-document .my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.copy-document .m-2 {
  margin: 0.5rem 0.5rem !important;
}
.copy-document .mt-2 {
  margin-top: 0.5rem !important;
}
.copy-document .mr-2 {
  margin-right: 0.5rem !important;
}
.copy-document .mb-2 {
  margin-bottom: 0.5rem !important;
}
.copy-document .ml-2 {
  margin-left: 0.5rem !important;
}
.copy-document .mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.copy-document .my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.copy-document .m-3 {
  margin: 1rem 1rem !important;
}
.copy-document .mt-3 {
  margin-top: 1rem !important;
}
.copy-document .mr-3 {
  margin-right: 1rem !important;
}
.copy-document .mb-3 {
  margin-bottom: 1rem !important;
}
.copy-document .ml-3 {
  margin-left: 1rem !important;
}
.copy-document .mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.copy-document .my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.copy-document .m-4 {
  margin: 1.5rem 1.5rem !important;
}
.copy-document .mt-4 {
  margin-top: 1.5rem !important;
}
.copy-document .mr-4 {
  margin-right: 1.5rem !important;
}
.copy-document .mb-4 {
  margin-bottom: 1.5rem !important;
}
.copy-document .ml-4 {
  margin-left: 1.5rem !important;
}
.copy-document .mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.copy-document .my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.copy-document .m-5 {
  margin: 3rem 3rem !important;
}
.copy-document .mt-5 {
  margin-top: 3rem !important;
}
.copy-document .mr-5 {
  margin-right: 3rem !important;
}
.copy-document .mb-5 {
  margin-bottom: 3rem !important;
}
.copy-document .ml-5 {
  margin-left: 3rem !important;
}
.copy-document .mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.copy-document .my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.copy-document .p-0 {
  padding: 0 0 !important;
}
.copy-document .pt-0 {
  padding-top: 0 !important;
}
.copy-document .pr-0 {
  padding-right: 0 !important;
}
.copy-document .pb-0 {
  padding-bottom: 0 !important;
}
.copy-document .pl-0 {
  padding-left: 0 !important;
}
.copy-document .px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.copy-document .py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.copy-document .p-1 {
  padding: 0.25rem 0.25rem !important;
}
.copy-document .pt-1 {
  padding-top: 0.25rem !important;
}
.copy-document .pr-1 {
  padding-right: 0.25rem !important;
}
.copy-document .pb-1 {
  padding-bottom: 0.25rem !important;
}
.copy-document .pl-1 {
  padding-left: 0.25rem !important;
}
.copy-document .px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.copy-document .py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.copy-document .p-2 {
  padding: 0.5rem 0.5rem !important;
}
.copy-document .pt-2 {
  padding-top: 0.5rem !important;
}
.copy-document .pr-2 {
  padding-right: 0.5rem !important;
}
.copy-document .pb-2 {
  padding-bottom: 0.5rem !important;
}
.copy-document .pl-2 {
  padding-left: 0.5rem !important;
}
.copy-document .px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.copy-document .py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.copy-document .p-3 {
  padding: 1rem 1rem !important;
}
.copy-document .pt-3 {
  padding-top: 1rem !important;
}
.copy-document .pr-3 {
  padding-right: 1rem !important;
}
.copy-document .pb-3 {
  padding-bottom: 1rem !important;
}
.copy-document .pl-3 {
  padding-left: 1rem !important;
}
.copy-document .px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.copy-document .py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.copy-document .p-4 {
  padding: 1.5rem 1.5rem !important;
}
.copy-document .pt-4 {
  padding-top: 1.5rem !important;
}
.copy-document .pr-4 {
  padding-right: 1.5rem !important;
}
.copy-document .pb-4 {
  padding-bottom: 1.5rem !important;
}
.copy-document .pl-4 {
  padding-left: 1.5rem !important;
}
.copy-document .px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.copy-document .py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.copy-document .p-5 {
  padding: 3rem 3rem !important;
}
.copy-document .pt-5 {
  padding-top: 3rem !important;
}
.copy-document .pr-5 {
  padding-right: 3rem !important;
}
.copy-document .pb-5 {
  padding-bottom: 3rem !important;
}
.copy-document .pl-5 {
  padding-left: 3rem !important;
}
.copy-document .px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.copy-document .py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.copy-document .m-auto {
  margin: auto !important;
}
.copy-document .mt-auto {
  margin-top: auto !important;
}
.copy-document .mr-auto {
  margin-right: auto !important;
}
.copy-document .mb-auto {
  margin-bottom: auto !important;
}
.copy-document .ml-auto {
  margin-left: auto !important;
}
.copy-document .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.copy-document .my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media (min-width: 576px) {
  .copy-document .m-sm-0 {
    margin: 0 0 !important;
  }
  .copy-document .mt-sm-0 {
    margin-top: 0 !important;
  }
  .copy-document .mr-sm-0 {
    margin-right: 0 !important;
  }
  .copy-document .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .copy-document .ml-sm-0 {
    margin-left: 0 !important;
  }
  .copy-document .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .copy-document .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .copy-document .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .copy-document .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .copy-document .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .copy-document .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .copy-document .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .copy-document .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .copy-document .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .copy-document .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .copy-document .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .copy-document .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .copy-document .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .copy-document .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .copy-document .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .copy-document .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .copy-document .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .copy-document .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .copy-document .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .copy-document .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .copy-document .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .copy-document .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .copy-document .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .copy-document .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .copy-document .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .copy-document .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .copy-document .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .copy-document .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .copy-document .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .copy-document .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .copy-document .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .copy-document .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .copy-document .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .copy-document .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .copy-document .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .copy-document .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .copy-document .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .copy-document .p-sm-0 {
    padding: 0 0 !important;
  }
  .copy-document .pt-sm-0 {
    padding-top: 0 !important;
  }
  .copy-document .pr-sm-0 {
    padding-right: 0 !important;
  }
  .copy-document .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .copy-document .pl-sm-0 {
    padding-left: 0 !important;
  }
  .copy-document .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .copy-document .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .copy-document .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .copy-document .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .copy-document .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .copy-document .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .copy-document .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .copy-document .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .copy-document .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .copy-document .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .copy-document .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .copy-document .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .copy-document .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .copy-document .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .copy-document .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .copy-document .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .copy-document .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .copy-document .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .copy-document .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .copy-document .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .copy-document .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .copy-document .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .copy-document .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .copy-document .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .copy-document .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .copy-document .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .copy-document .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .copy-document .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .copy-document .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .copy-document .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .copy-document .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .copy-document .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .copy-document .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .copy-document .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .copy-document .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .copy-document .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .copy-document .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .copy-document .m-sm-auto {
    margin: auto !important;
  }
  .copy-document .mt-sm-auto {
    margin-top: auto !important;
  }
  .copy-document .mr-sm-auto {
    margin-right: auto !important;
  }
  .copy-document .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .copy-document .ml-sm-auto {
    margin-left: auto !important;
  }
  .copy-document .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .copy-document .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .copy-document .m-md-0 {
    margin: 0 0 !important;
  }
  .copy-document .mt-md-0 {
    margin-top: 0 !important;
  }
  .copy-document .mr-md-0 {
    margin-right: 0 !important;
  }
  .copy-document .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .copy-document .ml-md-0 {
    margin-left: 0 !important;
  }
  .copy-document .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .copy-document .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .copy-document .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .copy-document .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .copy-document .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .copy-document .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .copy-document .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .copy-document .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .copy-document .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .copy-document .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .copy-document .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .copy-document .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .copy-document .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .copy-document .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .copy-document .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .copy-document .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .copy-document .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .copy-document .mt-md-3 {
    margin-top: 1rem !important;
  }
  .copy-document .mr-md-3 {
    margin-right: 1rem !important;
  }
  .copy-document .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .copy-document .ml-md-3 {
    margin-left: 1rem !important;
  }
  .copy-document .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .copy-document .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .copy-document .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .copy-document .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .copy-document .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .copy-document .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .copy-document .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .copy-document .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .copy-document .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .copy-document .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .copy-document .mt-md-5 {
    margin-top: 3rem !important;
  }
  .copy-document .mr-md-5 {
    margin-right: 3rem !important;
  }
  .copy-document .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .copy-document .ml-md-5 {
    margin-left: 3rem !important;
  }
  .copy-document .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .copy-document .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .copy-document .p-md-0 {
    padding: 0 0 !important;
  }
  .copy-document .pt-md-0 {
    padding-top: 0 !important;
  }
  .copy-document .pr-md-0 {
    padding-right: 0 !important;
  }
  .copy-document .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .copy-document .pl-md-0 {
    padding-left: 0 !important;
  }
  .copy-document .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .copy-document .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .copy-document .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .copy-document .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .copy-document .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .copy-document .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .copy-document .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .copy-document .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .copy-document .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .copy-document .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .copy-document .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .copy-document .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .copy-document .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .copy-document .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .copy-document .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .copy-document .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .copy-document .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .copy-document .pt-md-3 {
    padding-top: 1rem !important;
  }
  .copy-document .pr-md-3 {
    padding-right: 1rem !important;
  }
  .copy-document .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .copy-document .pl-md-3 {
    padding-left: 1rem !important;
  }
  .copy-document .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .copy-document .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .copy-document .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .copy-document .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .copy-document .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .copy-document .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .copy-document .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .copy-document .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .copy-document .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .copy-document .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .copy-document .pt-md-5 {
    padding-top: 3rem !important;
  }
  .copy-document .pr-md-5 {
    padding-right: 3rem !important;
  }
  .copy-document .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .copy-document .pl-md-5 {
    padding-left: 3rem !important;
  }
  .copy-document .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .copy-document .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .copy-document .m-md-auto {
    margin: auto !important;
  }
  .copy-document .mt-md-auto {
    margin-top: auto !important;
  }
  .copy-document .mr-md-auto {
    margin-right: auto !important;
  }
  .copy-document .mb-md-auto {
    margin-bottom: auto !important;
  }
  .copy-document .ml-md-auto {
    margin-left: auto !important;
  }
  .copy-document .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .copy-document .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .copy-document .m-lg-0 {
    margin: 0 0 !important;
  }
  .copy-document .mt-lg-0 {
    margin-top: 0 !important;
  }
  .copy-document .mr-lg-0 {
    margin-right: 0 !important;
  }
  .copy-document .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .copy-document .ml-lg-0 {
    margin-left: 0 !important;
  }
  .copy-document .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .copy-document .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .copy-document .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .copy-document .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .copy-document .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .copy-document .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .copy-document .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .copy-document .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .copy-document .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .copy-document .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .copy-document .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .copy-document .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .copy-document .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .copy-document .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .copy-document .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .copy-document .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .copy-document .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .copy-document .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .copy-document .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .copy-document .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .copy-document .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .copy-document .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .copy-document .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .copy-document .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .copy-document .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .copy-document .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .copy-document .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .copy-document .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .copy-document .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .copy-document .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .copy-document .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .copy-document .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .copy-document .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .copy-document .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .copy-document .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .copy-document .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .copy-document .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .copy-document .p-lg-0 {
    padding: 0 0 !important;
  }
  .copy-document .pt-lg-0 {
    padding-top: 0 !important;
  }
  .copy-document .pr-lg-0 {
    padding-right: 0 !important;
  }
  .copy-document .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .copy-document .pl-lg-0 {
    padding-left: 0 !important;
  }
  .copy-document .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .copy-document .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .copy-document .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .copy-document .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .copy-document .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .copy-document .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .copy-document .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .copy-document .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .copy-document .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .copy-document .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .copy-document .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .copy-document .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .copy-document .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .copy-document .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .copy-document .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .copy-document .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .copy-document .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .copy-document .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .copy-document .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .copy-document .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .copy-document .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .copy-document .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .copy-document .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .copy-document .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .copy-document .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .copy-document .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .copy-document .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .copy-document .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .copy-document .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .copy-document .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .copy-document .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .copy-document .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .copy-document .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .copy-document .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .copy-document .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .copy-document .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .copy-document .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .copy-document .m-lg-auto {
    margin: auto !important;
  }
  .copy-document .mt-lg-auto {
    margin-top: auto !important;
  }
  .copy-document .mr-lg-auto {
    margin-right: auto !important;
  }
  .copy-document .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .copy-document .ml-lg-auto {
    margin-left: auto !important;
  }
  .copy-document .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .copy-document .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .copy-document .m-xl-0 {
    margin: 0 0 !important;
  }
  .copy-document .mt-xl-0 {
    margin-top: 0 !important;
  }
  .copy-document .mr-xl-0 {
    margin-right: 0 !important;
  }
  .copy-document .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .copy-document .ml-xl-0 {
    margin-left: 0 !important;
  }
  .copy-document .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .copy-document .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .copy-document .m-xl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .copy-document .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .copy-document .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .copy-document .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .copy-document .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .copy-document .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .copy-document .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .copy-document .m-xl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .copy-document .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .copy-document .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .copy-document .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .copy-document .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .copy-document .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .copy-document .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .copy-document .m-xl-3 {
    margin: 1rem 1rem !important;
  }
  .copy-document .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .copy-document .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .copy-document .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .copy-document .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .copy-document .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .copy-document .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .copy-document .m-xl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .copy-document .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .copy-document .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .copy-document .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .copy-document .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .copy-document .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .copy-document .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .copy-document .m-xl-5 {
    margin: 3rem 3rem !important;
  }
  .copy-document .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .copy-document .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .copy-document .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .copy-document .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .copy-document .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .copy-document .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .copy-document .p-xl-0 {
    padding: 0 0 !important;
  }
  .copy-document .pt-xl-0 {
    padding-top: 0 !important;
  }
  .copy-document .pr-xl-0 {
    padding-right: 0 !important;
  }
  .copy-document .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .copy-document .pl-xl-0 {
    padding-left: 0 !important;
  }
  .copy-document .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .copy-document .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .copy-document .p-xl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .copy-document .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .copy-document .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .copy-document .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .copy-document .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .copy-document .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .copy-document .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .copy-document .p-xl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .copy-document .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .copy-document .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .copy-document .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .copy-document .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .copy-document .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .copy-document .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .copy-document .p-xl-3 {
    padding: 1rem 1rem !important;
  }
  .copy-document .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .copy-document .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .copy-document .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .copy-document .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .copy-document .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .copy-document .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .copy-document .p-xl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .copy-document .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .copy-document .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .copy-document .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .copy-document .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .copy-document .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .copy-document .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .copy-document .p-xl-5 {
    padding: 3rem 3rem !important;
  }
  .copy-document .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .copy-document .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .copy-document .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .copy-document .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .copy-document .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .copy-document .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .copy-document .m-xl-auto {
    margin: auto !important;
  }
  .copy-document .mt-xl-auto {
    margin-top: auto !important;
  }
  .copy-document .mr-xl-auto {
    margin-right: auto !important;
  }
  .copy-document .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .copy-document .ml-xl-auto {
    margin-left: auto !important;
  }
  .copy-document .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .copy-document .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.copy-document .text-justify {
  text-align: justify !important;
}
.copy-document .text-nowrap {
  white-space: nowrap !important;
}
.copy-document .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.copy-document .text-left {
  text-align: left !important;
}
.copy-document .text-right {
  text-align: right !important;
}
.copy-document .text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .copy-document .text-sm-left {
    text-align: left !important;
  }
  .copy-document .text-sm-right {
    text-align: right !important;
  }
  .copy-document .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .copy-document .text-md-left {
    text-align: left !important;
  }
  .copy-document .text-md-right {
    text-align: right !important;
  }
  .copy-document .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .copy-document .text-lg-left {
    text-align: left !important;
  }
  .copy-document .text-lg-right {
    text-align: right !important;
  }
  .copy-document .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .copy-document .text-xl-left {
    text-align: left !important;
  }
  .copy-document .text-xl-right {
    text-align: right !important;
  }
  .copy-document .text-xl-center {
    text-align: center !important;
  }
}
.copy-document .text-lowercase {
  text-transform: lowercase !important;
}
.copy-document .text-uppercase {
  text-transform: uppercase !important;
}
.copy-document .text-capitalize {
  text-transform: capitalize !important;
}
.copy-document .font-weight-normal {
  font-weight: normal;
}
.copy-document .font-weight-bold {
  font-weight: bold;
}
.copy-document .font-italic {
  font-style: italic;
}
.copy-document .text-white {
  color: #fff !important;
}
.copy-document .text-muted {
  color: #636c72 !important;
}
.copy-document a.text-muted:focus, .copy-document a.text-muted:hover {
  color: #4b5257 !important;
}
.copy-document .text-primary {
  color: #0275d8 !important;
}
.copy-document a.text-primary:focus, .copy-document a.text-primary:hover {
  color: #025aa5 !important;
}
.copy-document .text-success {
  color: #5cb85c !important;
}
.copy-document a.text-success:focus, .copy-document a.text-success:hover {
  color: #449d44 !important;
}
.copy-document .text-info {
  color: #5bc0de !important;
}
.copy-document a.text-info:focus, .copy-document a.text-info:hover {
  color: #31b0d5 !important;
}
.copy-document .text-warning {
  color: #f0ad4e !important;
}
.copy-document a.text-warning:focus, .copy-document a.text-warning:hover {
  color: #ec971f !important;
}
.copy-document .text-danger {
  color: #d9534f !important;
}
.copy-document a.text-danger:focus, .copy-document a.text-danger:hover {
  color: #c9302c !important;
}
.copy-document .text-gray-dark {
  color: #292b2c !important;
}
.copy-document a.text-gray-dark:focus, .copy-document a.text-gray-dark:hover {
  color: #101112 !important;
}
.copy-document .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.copy-document .invisible {
  visibility: hidden !important;
}
.copy-document .hidden-xs-up {
  display: none !important;
}
@media (max-width: 575px) {
  .copy-document .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .copy-document .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .copy-document .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .copy-document .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .copy-document .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .copy-document .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .copy-document .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .copy-document .hidden-xl-up {
    display: none !important;
  }
}
.copy-document .hidden-xl-down {
  display: none !important;
}
.copy-document .visible-print-block {
  display: none !important;
}
@media print {
  .copy-document .visible-print-block {
    display: block !important;
  }
}
.copy-document .visible-print-inline {
  display: none !important;
}
@media print {
  .copy-document .visible-print-inline {
    display: inline !important;
  }
}
.copy-document .visible-print-inline-block {
  display: none !important;
}
@media print {
  .copy-document .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .copy-document .hidden-print {
    display: none !important;
  }
}
.copy-document {

}

@media (max-width: 959px) {
  .pdf-1500.md-dialog-fullscreen {
    overflow: visible;
  }
}
@media screen and (min-width: 1024px) {
  .pdf-1500 {
    width: 75%;
  }
}
.pdf-1500 .md-dialog-content {
  height: 100vh;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.pdf-1500 .table {
  border: 0px;
}
.pdf-1500 .table th {
  background: grey;
  color: white;
  vertical-align: middle;
}
.pdf-1500 .table.table--fit tr > td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
@media screen and (min-width: 768px) {
  .pdf-1500 .table.table--fit td:first-child, .pdf-1500 .table.table--fit td.fit-text {
    width: 1%;
    white-space: nowrap;
  }
}
.pdf-1500 .custom-controls .modifier__wrapper input[type=text].modifier__element {
  margin-left: 3px;
  margin-right: 3px;
  border: solid #d1d1d1 1px !important;
  width: 40px;
  height: 40px;
}
.pdf-1500 .icd-item__label {
  width: 15px;
}
@media screen and (max-width: 768px) {
  .pdf-1500 md-dialog-actions .md-button {
    flex: 0 0 auto;
    max-width: 100%;
    white-space: normal;
    font-size: 12px;
    line-height: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    margin: 4px;
  }
}
.pdf-1500 select[id^="1500-diag-cpt-"] {
  min-width: 80px;
}
.pdf-1500 input.form-control[type=text][maxlength="4"] {
  max-width: 70px !important;
}
.pdf-1500 input.form-control[type=text][maxlength="3"] {
  max-width: 60px !important;
}
.pdf-1500 input.form-control[type=text][maxlength="2"] {
  max-width: 50px !important;
}
.pdf-1500 input.form-control[type=text][maxlength="1"] {
  max-width: 30px !important;
}
.pdf-1500 input.border-bottom-0.form-control[type=text] {
  border-bottom: none !important;
}

@media (min-width: 992px) {
  .pdf-1500, #viewPDF.pdf-1500-view {
    width: 800px;
    max-width: calc(100vw - 5%);
  }
}
@media (min-width: 1200px) {
  .pdf-1500, #viewPDF.pdf-1500-view {
    width: 1200px;
    max-width: calc(100vw - 5%);
  }
}

#viewPDF md-dialog-actions {
  min-height: auto;
}

#sendFax1500 .cover-sheet-info #coverSheetRep .ckTextbox {
  max-height: 210px;
  overflow-y: auto;
}
#sendFax1500 .cover-sheet-info #coverSheetRep .ckTextbox::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#sendFax1500 .cover-sheet-info #coverSheetRep .ckTextbox::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#sendFax1500 .cover-sheet-info #coverSheetRep .ckTextbox::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#sendFax1500 .cover-sheet-info #coverSheetRep .ckTextbox:hover::-webkit-scrollbar {
  width: 4px;
}
#sendFax1500 .cover-sheet-info #coverSheetRep .ckTextbox:hover::-webkit-scrollbar-thumb {
  background-color: #9B9B9B;
  background-clip: padding-box;
  border-radius: 8px;
}
#sendFax1500 .md-dialog-content .container-include-attachments md-checkbox .md-label {
  text-overflow: unset;
  white-space: normal;
  word-break: break-all;
}
#sendFax1500 .md-dialog-content md-checkbox.confirm-send-fax .md-label {
  overflow: hidden !important;
  text-overflow: inherit !important;
  white-space: pre-wrap !important;
}
#sendFax1500 .md-dialog-content md-checkbox .md-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#sendFax1500 .md-dialog-content md-checkbox.md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}
#sendFax1500 .md-dialog-content .dropdown-fax .custom-btn-toggle {
  border-radius: 5px;
  border: 1px solid #838383;
  background: #FFF;
  padding-left: 8px;
  padding-right: 8px;
  max-width: 100% !important;
}
#sendFax1500 .md-dialog-content .dropdown-fax .dropdown-menu {
  max-width: 92%;
  width: 100%;
  padding: 12px !important;
  box-shadow: 0px 2px 6px 2px rgba(1, 18, 34, 0.15);
  border-radius: 8px;
}
#sendFax1500 .md-dialog-content .dropdown-fax .dropdown-menu .search-control {
  border-radius: 5px;
  border: 1px solid #838383;
}
#sendFax1500 .complex-phone {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#sendFax1500 .complex-phone .complex-phone__input {
  width: 175px;
  max-width: 175px;
}
#sendFax1500 .complex-phone .complex-phone__select {
  top: 0px;
  right: 0px;
  margin: 0px;
}
#sendFax1500 .complex-phone .complex-phone__select .md-select-value {
  min-width: 25px;
}
#sendFax1500 .complex-phone .complex-phone__select .md-select-value > span:not(.md-select-icon) {
  display: none;
}
#sendFax1500 .complex-phone .complex-phone__select .md-select-value .md-select-icon {
  text-align: center;
}

.complex-phone__select__dropdown.md-select-menu-container {
  z-index: 9999;
}
.complex-phone__select__dropdown.md-select-menu-container md-select-menu.md-default-theme md-content md-option[selected], .complex-phone__select__dropdown.md-select-menu-container md-select-menu md-content md-option[selected] {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
}
.complex-phone__select__dropdown.md-select-menu-container md-option {
  padding-left: 8px;
  padding-right: 8px;
}
.complex-phone__select__dropdown.md-select-menu-container .intl-tel-input.intl-tel-input--readonly {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.complex-phone__select__dropdown.md-select-menu-container .intl-tel-input.intl-tel-input--readonly .flag-dropdown {
  position: relative;
  display: flex;
  align-items: center;
}
.complex-phone__select__dropdown.md-select-menu-container .intl-tel-input.intl-tel-input--readonly .flag-dropdown .selected-flag {
  width: 20px;
  padding: 0px;
}

#popup.modal__new-clinic .modal-dialog {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin: auto;
  margin-top: 0px;
}
@media screen and (min-width: 992px) {
  #popup.modal__new-clinic .modal-dialog {
    max-height: 85vh;
    max-width: 600px;
    margin: auto;
    margin-top: 7vh;
  }
}

.sidebar-inner .main-menu ul li {
  position: relative;
}
.sidebar-inner .main-menu ul li .badge {
  text-transform: capitalize;
  padding: 2px 10px;
  border-radius: 16px;
  font-family: "Hind";
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
}
.sidebar-inner .main-menu ul li .badge-warning {
  background: #FFF7E6;
  color: #FA8C16;
}
.sidebar-inner .main-menu ul li .badge-success {
  background: #F6FFED;
  color: #52C41A;
}

.payer-management.btn.disabled, .payer-management.btn:disabled {
  cursor: not-allowed;
  font-size: 14px !important;
  opacity: 0.65 !important;
  text-align: center !important;
  min-height: 38px !important;
  line-height: 39px !important;
  font-weight: 500 !important;
  position: relative;
  min-width: 88px;
  vertical-align: middle;
  align-items: center;
  /* text-align: center; */
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  border: 0;
  padding: 0 6px;
  margin: 6px 8px;
  background: transparent;
  white-space: nowrap;
  text-transform: uppercase;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
}

.payer-management-popup-select-more-payer {
  height: 100% !important;
}

.payer-select-more {
  height: 0px !important;
}

.insurance-management.in {
  display: table-row !important;
}
.insurance-management .form-group {
  display: flex !important;
}
.insurance-management .selected-flag {
  padding: 0px !important;
}
.insurance-management .intl-tel-input {
  display: block;
}
.insurance-management .table .mw-150 {
  min-width: 150px;
}
.insurance-management .table .mw-200 {
  min-width: 200px;
}
.insurance-management .table.table-borderless > tbody > tr, .insurance-management .table.table-borderless * > tr {
  border-bottom: 0px !important;
}
.insurance-management .table td.table-col--fit, .insurance-management .table th.table-col--fit {
  width: 1%;
  white-space: nowrap;
}

.insurances date-picker {
  width: 100% !important;
}
.insurances date-picker input {
  width: 100% !important;
}
.insurances .intl-tel-input {
  width: 100%;
}
.insurances .intl-tel-input .intl-tel-input {
  width: 100%;
}

.custom-a {
  color: rgb(2, 117, 216) !important;
  -webkit-text-decoration: rgb(2, 117, 216) underline !important;
  text-decoration: rgb(2, 117, 216) underline !important;
}
.custom-a:hover {
  cursor: pointer;
}

.less-more {
  color: rgb(2, 117, 216) !important;
}

.md-item-text-insurance strong {
  color: rgb(2, 117, 216);
}

.sortcolumn.asc:after {
  margin: 0.25rem;
  content: "\f0d8";
  font-family: Font Awesome\ 5 Pro;
}
.sortcolumn.desc:after {
  margin: 0.25rem;
  content: "\f0d7";
  font-family: Font Awesome\ 5 Pro;
}
.sortcolumn.aschide:after {
  color: lightgray;
  margin: 0.25rem;
  content: "\f0d8";
  font-family: Font Awesome\ 5 Pro;
}
.sortcolumn.deschide:after {
  color: lightgray;
  margin: 0.25rem;
  content: "\f0d7";
  font-family: Font Awesome\ 5 Pro;
}

.sort-column.asc:after {
  margin: 0.25rem;
  content: "\f0d8";
  font-family: Font Awesome\ 5 Pro;
}
.sort-column.desc:after {
  margin: 0.25rem;
  content: "\f0d7";
  font-family: Font Awesome\ 5 Pro;
}

.disabled-div {
  pointer-events: none;
}

.custom-border {
  border-bottom: 1px solid #e3e3e3 !important;
}

tr.info .intl-tel-input {
  display: flex;
}

.tabletd.phone, .table th.phone {
  min-width: 150px;
}
.tabletd.fax, .table th.fax {
  min-width: 150px;
}

table#listReferralSource tbody tr td {
  border-left: 0px;
}
table#listReferralSource tbody tr td:nth-child(1) {
  border-right: 0px;
}

.badge-payer-primary {
  background-color: #FF0000 !important;
  color: #FFFFFF !important;
  padding: 6px 8px 6px 8px;
}

.badge-payer-secondary {
  background-color: #F86400;
  color: #FFFFFF !important;
  padding: 6px 8px 6px 8px;
}

.badge-payer-tertiary {
  background-color: #9A89EF;
  color: #FFFFFF !important;
  padding: 6px 8px 6px 8px;
}

@media (min-width: 992px) {
  .pdf-1500.insurance-claim {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .pdf-1500.insurance-claim {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .pdf-1500.insurance-claim {
    width: 100%;
  }
}
.pdf-1500.insurance-claim .table th:nth-child(3) {
  min-width: 100px;
}
.pdf-1500.insurance-claim .table th.diagnosis:nth-child(4) {
  min-width: 140px;
}
.pdf-1500.insurance-claim .table.table--fit td:first-child,
.pdf-1500.insurance-claim .pdf-1500.insurance-claim.table.table--fit td.fit-text {
  white-space: nowrap;
}
.pdf-1500.insurance-claim button {
  background-color: transparent;
  border: 0px;
}

.create-insu .panel-title {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}

.field-max-30 select {
  max-width: 53px;
}

.referring-provider table thead > tr > th {
  white-space: nowrap;
}
@media screen and (orientation: portrait) and (max-device-width: 600px) {
  .referring-provider .table tr td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .referring-provider .custom-controls .info-holder,
  .referring-provider .custom-controls .form-group {
    margin-bottom: 0px !important;
  }
}

@media only screen and (max-width: 414px) {
  .referral-source .col-sm-2 {
    width: 22%;
  }
  .referral-source .col-sm-10 {
    width: 78%;
  }
  .referral-source .col-sm-4 {
    width: 78%;
  }
  .referral-source .col-sm-12 {
    width: 100%;
  }
}

.table.info-clinic tbody tr.info {
  padding: 0;
}
.table.info-clinic tbody tr.info td {
  border-top: 0px;
  border-bottom: 0px;
  padding-right: 7px !important;
  padding-left: 7px !important;
}
.table .insurance-tooltip {
  position: relative;
  display: inline-block;
}
.table .insurance-tooltip .insurance-tooltip-text {
  display: none;
  width: 250px;
  background-color: #fff;
  color: #777;
  text-align: left;
  border-radius: 6px;
  padding: 5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  max-height: 225px;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
  margin-top: 0;
  border: 1px solid #777;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.table .insurance-tooltip .insurance-tooltip-text dt {
  font-weight: normal;
  word-break: break-word;
  text-overflow: ellipsis;
}
.table .insurance-tooltip:hover .insurance-tooltip-text {
  display: block;
}
.table td.table-col--fit, .table th.table-col--fit {
  width: 1%;
  white-space: nowrap;
}

.referral-source-page .material-icons, .referring-provider-page .material-icons, .payer-management-page .material-icons {
  font-size: 20px;
}

.payer-clearinghouse-dialog {
  max-width: 60%;
  width: 60%;
  height: 90%;
}

.payer-clearinghouse-add-new-dialog {
  max-width: 46%;
  width: 46%;
}
@media all and (max-width: 1366px) {
  .payer-clearinghouse-add-new-dialog {
    max-width: 65%;
    width: 65%;
  }
}
@media all and (max-width: 960px) {
  .payer-clearinghouse-add-new-dialog {
    max-width: 80%;
    width: 80%;
  }
}

.payer-clearinghouse-dialog .md-dialog-content {
  width: 100%;
  max-width: 100%;
  margin: 0px auto;
  height: 95%;
  padding: 16px 16px 8px !important;
}

.payer-clearinghouse-dialog .md-dialog-content .container .main-body .total-select {
  float: left;
  text-align: left;
  padding-top: 11px;
}

@media all and (min-width: 1367px) {
  .payer-clearinghouse-dialog {
    max-width: 900px;
    width: 750px;
    height: 90%;
  }
  .payer-clearinghouse-dialog .md-dialog-content {
    width: 100%;
  }
}
@media all and (max-width: 1366px) {
  .payer-clearinghouse-dialog {
    max-width: 80%;
    width: 80%;
    height: 95%;
  }
}
@media all and (max-width: 1023px) {
  .payer-clearinghouse-dialog .md-dialog-content {
    width: 100%;
    max-width: 100%;
    height: 95%;
  }
}
.contact-system-dialog {
  max-width: 30%;
  width: 30%;
}

@media all and (min-width: 1367px) {
  .contact-system-dialog {
    max-width: 400px;
    width: 400px;
  }
  .contact-system-dialog .md-dialog-content {
    width: 100%;
  }
}
@media all and (max-width: 1366px) {
  .contact-system-dialog {
    max-width: 30%;
    width: 30%;
  }
}
.dialog__fields__item--error {
  color: #fc8675 !important;
  border-color: #fc8675 !important;
}
.dialog__fields__item--error:-webkit-autofill {
  -webkit-text-fill-color: #fc8675 !important;
}

.tooltip_insurance {
  position: relative;
  display: inline-block;
  opacity: 1;
  line-height: normal;
  font-size: small;
  z-index: 500;
  word-wrap: break-word;
  text-decoration: none;
  white-space: normal;
  word-spacing: normal;
  word-break: normal;
  text-shadow: none;
  text-transform: none;
  line-break: auto;
}

.tooltip_insurance .tooltiptext {
  visibility: hidden;
  width: 430px;
  background-color: #444;
  color: #fff;
  border-radius: 6px;
  padding: 7px 7px;
  position: absolute;
  z-index: 1;
  bottom: -60%;
  left: 30%;
  margin-left: 50px;
}

.tooltip_insurance:hover .tooltiptext {
  visibility: visible;
}

.payer-clearinghouse-dialog .tooltip_insurance {
  position: relative;
}

.payer-clearinghouse-dialog .tooltip_insurance .tooltiptext {
  visibility: hidden;
  width: 280px;
  background-color: #444;
  color: #fff;
  border-radius: 6px;
  padding: 7px 7px;
  position: absolute;
  font-size: 11px;
  z-index: 1;
  bottom: -100%;
  margin-left: 45px;
}

.payer-clearinghouse-dialog .tooltip_insurance:hover .tooltiptext {
  visibility: visible;
}

.popup-claim-confirm input[type=checkbox] {
  opacity: 1;
  margin-right: 5px;
  position: inherit;
}
.popup-claim-confirm label {
  font-size: 14px;
}
.popup-claim-confirm h4 {
  font-size: 14px !important;
}
.popup-claim-confirm .modal-header {
  background-color: unset !important;
  color: #0a0c0e !important;
}
.popup-claim-confirm .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}

.notification-addendum li {
  list-style: circle;
  padding: 5px !important;
  border-bottom: none !important;
  font-size: 13px !important;
}

@media all and (max-width: 1023px) {
  .tooltip_insurance .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: #444;
    color: #fff;
    border-radius: 6px;
    padding: 7px 7px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
  }
  .tooltip_insurance:hover .tooltiptext {
    visibility: visible;
  }
}
@media all and (max-width: 767px) {
  .tooltip_insurance .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: #444;
    color: #fff;
    border-radius: 6px;
    padding: 7px 7px;
    position: absolute;
    z-index: 1;
    bottom: -100%;
    left: 100%;
    margin-left: 7px;
  }
  .tooltip_insurance:hover .tooltiptext {
    visibility: visible;
  }
}
#section-era--collapsible[aria-expanded=true], #section-era--collapsible.collapse.in {
  height: auto !important;
}

.claim-form {
  color: rgba(0, 0, 0, 0.87);
}
.claim-form .md-confirm-button {
  color: var(--secondary-color);
  background: var(--main-color) !important;
  color: var(--secondary-color) !important;
}
.claim-form .btn-outline-primary {
  background-color: #e4eef4 !important;
  border: 1px solid var(--main-color) !important;
}
.claim-form .btn-outline-primary:hover {
  background-color: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}
.claim-form .btn-manage-insurance {
  border: none;
  color: var(--main-color);
  text-decoration: underline;
}
.claim-form .massege-link a {
  text-decoration: underline;
  cursor: pointer;
  color: #0e90d2;
}
.claim-form .content-radio {
  max-width: 275px !important;
  width: 275px !important;
}
.claim-form #LIdEqual md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}

#manage-insurance .form-section__header {
  padding: 0;
}
#manage-insurance .form-section__header button {
  flex-grow: 1;
  font-size: 14px;
  color: #000;
  border-radius: 0;
  padding-left: 5px;
  padding-right: 5px;
}
#manage-insurance .form-section__header .tab-active {
  background: var(--main-color);
  color: white;
  border-radius: 0;
  border: 1px solid var(--main-color);
}
#manage-insurance .brg-gray--custom {
  padding: 10px 15px;
  background-color: #e8e8e8;
}
#manage-insurance .collapsed .icon:before {
  content: "\f105" !important;
}
#manage-insurance .icon:before {
  content: "\f107" !important;
}
#manage-insurance table tbody tr.in {
  display: table-row !important;
}
#manage-insurance md-checkbox.md-checked .md-icon {
  background-color: var(--main-color);
}
#manage-insurance hr {
  border-top-color: black;
  border-bottom-color: black;
}

.remit-detail table tr td.action {
  color: #26a6eb;
  position: relative;
}
.remit-detail table tr td.action svg {
  position: absolute;
  width: auto !important;
}
.remit-detail table tr td.action span {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 18px;
  vertical-align: middle;
  margin: 0 0.25rem !important;
}
.remit-detail table tr td.action span i, .remit-detail table tr td.action span svg {
  position: absolute;
}

#popupAutoReconcileSetting md-dialog-content {
  height: auto;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .row {
  margin-left: 0;
  margin-right: 0;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .switch input:checked + .slider {
  background-color: var(--main-color);
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .setting {
  margin: 15px;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .setting md-checkbox.md-checked .md-icon {
  background-color: var(--main-color);
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .instructions {
  margin-top: 15px;
  margin-bottom: 15px;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .instructions ul li {
  list-style: inside;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .instructions ul ul {
  margin-left: 15px;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .instructions ul ul li {
  list-style: inside;
  margin: 10px;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .instructions .content {
  margin-left: 15px;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .action {
  margin: 15px;
}
#popupAutoReconcileSetting md-dialog-content .container-fluid .action button {
  margin: 5px;
}

#viewAcknowledgement md-dialog-content .transmission-section {
  margin: 15px 1px 15px 1px;
  outline: solid #838383 1px;
  width: 100%;
  border-radius: 8px 8px 0 0;
}
#viewAcknowledgement md-dialog-content .transmission-section__header {
  background-color: var(--main-color);
  line-height: 42px;
  margin-right: 0;
  padding-left: 15px;
  color: var(--secondary-color);
  border-radius: 8px 8px 0 0;
  opacity: 0.8;
}
#viewAcknowledgement md-dialog-content .transmission-section__item {
  margin: 15px;
  border-left: solid #838383 1px;
  border-top: solid #838383 1px;
  border-radius: 8px 8px 0 0;
}
#viewAcknowledgement md-dialog-content .transmission-section__item__header {
  background-color: var(--main-color);
  color: var(--secondary-color);
  opacity: 0.6;
  border-radius: 8px 8px 0 0;
  line-height: 42px;
  padding-left: 15px;
}
#viewAcknowledgement md-dialog-content .transmission-section__item__content.row {
  margin-left: 0;
  margin-right: 0;
}
#viewAcknowledgement md-dialog-content .transmission-section__item__content div {
  border-right: solid #838383 1px;
  border-bottom: solid #838383 1px;
  line-height: 42px;
}
#viewAcknowledgement md-dialog-content .transmission-section__item__content div table {
  margin: 15px auto 15px auto;
  border: solid #838383 1px;
}
#viewAcknowledgement md-dialog-content .transmission-section__item__content div table th {
  background-color: #F5F5F7;
  color: rgba(0, 0, 0, 0.87);
  border: solid #838383 1px;
}
#viewAcknowledgement md-dialog-content .transmission-section__item__content div table tr, #viewAcknowledgement md-dialog-content .transmission-section__item__content div table td {
  border: solid #838383 1px;
}
#viewAcknowledgement md-dialog-content .transmission-section__item__content__title {
  display: flex;
  align-items: center;
  background-color: #F5F5F7;
}

.popup-create-secondary-claim-confirm label {
  font-size: 14px;
}
.popup-create-secondary-claim-confirm h4 {
  font-size: 14px !important;
}
.popup-create-secondary-claim-confirm .modal-header {
  background-color: unset !important;
  color: #0a0c0e !important;
}
.popup-create-secondary-claim-confirm .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.popup-create-secondary-claim-confirm .bootbox-body .information {
  color: #000000;
}

.popup-confirm-with-no-message label {
  font-size: 14px;
}
.popup-confirm-with-no-message h4 {
  font-size: 14px !important;
}
.popup-confirm-with-no-message .modal-body {
  display: none;
}
.popup-confirm-with-no-message .modal-footer {
  border-top: none;
  flex-wrap: wrap;
}
.popup-confirm-with-no-message .modal-footer button {
  flex-basis: auto;
  margin: 5px 5px 5px 5px;
}
.popup-confirm-with-no-message .modal-footer .button-hide {
  display: none;
}

.popup-reconcile-confirm .modal-header {
  border-bottom: none;
}
.popup-reconcile-confirm .modal-header .modal-title {
  display: none;
}
.popup-reconcile-confirm .modal-body {
  padding-top: 0;
}

@media only screen and (max-width: 767.98px) {
  #main-container {
    background: #fff;
  }
}

@media only screen and (max-width: 767.98px) {
  .patient-scheduling {
    flex-direction: column;
  }
}

.tab-content-div__patient-booking .patient-scheduling-content {
  height: calc(100% - 48px);
}
@media only screen and (max-width: 767.98px) {
  .tab-content-div__patient-booking .patient-scheduling-content {
    height: 100%;
  }
}

.icon-info {
  padding-right: 12px;
  font-size: 22px;
  line-height: 22px;
  min-width: 35px;
}
@media only screen and (max-width: 767.98px) {
  .icon-info {
    min-width: 20px;
    padding-right: 4px;
    font-size: 16px;
  }
}

.md-menu-content-select-location {
  padding: 12px;
  width: 320px;
  height: 212px;
  box-shadow: 0px 2px 6px 2px rgba(1, 18, 34, 0.15);
  border-radius: 8px;
}
.md-menu-content-select-location .select-location-desc {
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.md-menu-content-select-location md-menu-item {
  min-height: 32px;
  height: 32px;
}
.md-menu-content-select-location md-menu-item :hover {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1F1F1F;
  background: #fff !important;
}
.md-menu-content-select-location md-menu-item button {
  font-family: "Hind";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.none-signin-phone .intl-tel-input {
  width: 100%;
}

.none-signin-dob .calendar-picker__wrapper {
  max-width: 100%;
}

.none-signin-popup md-dialog-content .popup__content__title {
  font-family: Hind;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 39px;
  padding-bottom: 12px;
}
.none-signin-popup md-dialog-actions .text-note-signup {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.patient-scheduling-page__header-tab {
  height: 48px;
}
.patient-scheduling-page__header-tab ul.top-sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover {
  opacity: 0.5;
  border-left: solid 8px var(--main-color);
  color: var(--main-color);
  background: rgba(var(--main-color_rgb), 0.05);
}
.patient-scheduling-page__header-tab ul.top-sidebar-menu li.sidebar-menu__item--activated {
  border-left: solid 8px var(--main-color);
  color: var(--main-color);
  background: #fff;
}
.patient-scheduling-page__header-tab ul.top-sidebar-menu li.sidebar-menu__item--activated *, .patient-scheduling-page__header-tab ul.top-sidebar-menu li.sidebar-menu__item--activated span {
  fill: var(--main-color) !important;
  width: auto !important;
}
.patient-scheduling-page__header-tab ul.top-sidebar-menu li.sidebar-menu__item {
  padding: 13px 18px;
}
.patient-scheduling-page__header-tab ul.top-sidebar-menu li.sidebar-menu__item span .sidebar-menu__item-name {
  font-size: 14px;
  line-height: 22px;
}
.patient-scheduling-page__leftbar::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.patient-scheduling-page__leftbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.patient-scheduling-page__leftbar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.patient-scheduling-page__leftbar:hover::-webkit-scrollbar {
  width: 4px;
}
.patient-scheduling-page__leftbar:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  background-clip: padding-box;
}
.patient-scheduling-page__leftbar {
  padding: 146px 15px 0 15px;
  flex: 1 0 275px;
}
@media only screen and (min-width: 768px) {
  .patient-scheduling-page__leftbar {
    padding: 122px 15px 0 15px;
  }
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page__leftbar {
    padding: 0;
    flex: none;
  }
}
.patient-scheduling-page__leftbar__activity {
  padding-top: 60px;
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page__leftbar__activity {
    padding-top: 0;
  }
}
.patient-scheduling-page {
  background: #FFFFFF;
  border-radius: 0px 0px 0px 5px;
}
.patient-scheduling-page .patient-scheduling-page__sidebar {
  flex: 1 0 325px;
  padding-top: 120px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page .patient-scheduling-page__sidebar {
    flex: none;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .booking-search-field i {
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content .caption-group {
  font-family: Hind;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: var(--main-color);
  margin-bottom: 16px;
  width: 45%;
}
@media only screen and (max-width: 991.98px) {
  .patient-scheduling-page .patient-scheduling-page__content .caption-group {
    font-size: 18px;
    line-height: 22px;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section {
  margin-bottom: 16px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section label {
  font-size: 14px;
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form {
  height: auto;
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form {
    height: 128px;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .form-group--strong-style .select-location md-select .md-select-value .md-text img {
  display: none;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .form-group--strong-style .select-location .cus-container-dropdown {
  width: 400px;
  margin-right: 10px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .form-group--strong-style .select-location .cus-container-dropdown button {
  height: 36px;
  border: 1px solid #ccc;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .form-group--strong-style {
  margin-bottom: 8px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .form-group--strong-style label {
  margin-bottom: 0px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form label {
  font-weight: bold;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form__option {
  height: 72px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form {
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .md-select-value {
  padding: 5px 10px !important;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form #proceedLocationBooking {
  width: 180px;
  height: 36px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .content-one-location {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  color: #232323;
  font-size: 14px;
  max-width: 375px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .content-one-location .title-location {
  max-width: 345px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item {
  margin-bottom: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__header {
  background-color: rgba(var(--main-color_rgb), 0.2);
  height: 48px;
  padding: 12px 16px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__header .category-list-header {
  width: calc(100% - 32px);
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__header .collapse-list__header__text {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__header .collapse-list__header__text.text-overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__header .collapse-list__header__description {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__header .collapse-list__header__action {
  margin-left: 16px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content {
  padding: 8px 20px 0px 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content_header {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section {
  margin: 0;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_service ul {
  margin-bottom: 6px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_service ul li {
  min-height: 60px;
  padding: 8px 18px;
  position: relative;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_service ul li .item__icon {
  margin-right: 22px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_service ul li .item__icon i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_service ul li .location_name {
  max-width: 76%;
  width: auto;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_service ul li .text-caption {
  width: auto;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_package ul {
  margin-bottom: 6px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_package ul li.packageList {
  padding: 12px 18px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_package ul li.packageList .list-group__detail {
  margin-bottom: 0;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_package ul li.packageList .list-group__detail li {
  margin-top: 8px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_package ul li.packageList .list-group__detail li .item__icon {
  margin-right: 22px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_package ul li.packageList .list-group__detail li .item__icon i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section .content__main_package ul li.packageList .list-group__item__action button {
  width: 97px;
  height: 36px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__item .collapse-list__content .list__content__section {
  /*.list__content__title{
    margin-bottom: 8px;
  }
  .content__main{
    ul {
      li {
        .list-group__item__icon{
          margin-right: 22px;
        }
        height: 60px;
        padding: 8px 18px;
        margin-bottom: 8px;
        .list__content__title {
          font-style: normal;
          font-weight: bold;
          font-size: 16px;
          line-height: 24px;
        }
      }
    }
  }*/
}
.patient-scheduling-page .patient-scheduling-page__content .category-list .collapse-list__itemNotFound {
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content .nav-tabs--strong-style {
  padding: 4px;
  width: 430px;
  height: 44px;
}
.patient-scheduling-page .patient-scheduling-page__content .nav-tabs--strong-style .nav-item {
  width: 210px;
  height: 36px;
}
.patient-scheduling-page .patient-scheduling-page__content .nav-tabs--strong-style .nav-item.active .nav-link {
  background: #fff;
  color: var(--main-color);
}
.patient-scheduling-page .patient-scheduling-page__content .nav-tabs--strong-style .nav-item .nav-link {
  color: #232323;
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .upcoming-appointments-actions {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  height: 44px;
}
.patient-scheduling-page .patient-scheduling-page__content .upcoming-appointments-actions .btn {
  padding: 8px 15px;
  min-width: 99px;
  height: 36px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content {
  display: flex;
  flex-direction: column;
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web {
  background: #ffffff;
  text-align: center;
  border: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web__item {
  border-bottom: solid 4px transparent;
  position: relative;
  padding: 0 20px 0 0 !important;
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web__item__icon {
  font-size: 18px;
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web__item a {
  color: #777777;
  text-shadow: none;
  font-size: 18px;
  padding-left: 0;
  font-weight: bold;
}
@media screen and (min-width: 1200px) and (max-width: 1336px) {
  .patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web__item a {
    font-size: 16px;
  }
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web__item::after {
  content: "";
  width: 0px;
  height: 4px;
  position: absolute;
  top: 85%;
  left: 0px;
  background: var(--main-color);
  transition: all 0.5s ease-in-out;
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web__item.active a {
  color: var(--main-color);
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .main-header__menu-web__item.active::after {
  width: 83%;
}
.patient-scheduling-page .patient-scheduling-page__content #tab-appointment .panel__action {
  margin-right: 100px;
}
@media screen and (max-width: 767px) {
  .patient-scheduling-page .patient-scheduling-page__content #tab-appointment {
    overflow: visible !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content #tab-appointment .apt-group {
    height: 45px;
    background-color: #d9d9d9;
    color: black;
    margin: 0 -15px;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
  }
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section {
  padding: 15px 0px 15px 15px;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section.patient-booking {
  padding: 15px;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section__provider-calendar {
  padding: 15px !important;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-back {
  font-size: 15px;
  font-weight: bold;
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-back__provider-calendar {
  margin-right: 29px;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location {
  font-size: 15px;
  font-weight: bold;
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location i {
  font-size: 14px;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location .dropdown-toggle::after {
  border: none;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location .dropdown-menu {
  width: 290px;
  overflow: auto;
  left: -145px;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location .dropdown-menu .dropdown-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location .dropdown-menu .dropdown-item.actived {
  background: var(--main-color);
  color: var(--secondary-color);
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location .dropdown-menu .dropdown-item.actived.change-location {
  background: rgba(var(--main-color_rgb), 0.1) !important;
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-select-location .dropdown-menu .dropdown-item.change-location:hover {
  background-color: rgba(158, 158, 158, 0.18) !important;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large {
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large--location {
  min-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large--location span:not(.tab-header--large__custom) {
  color: #232323 !important;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large--change-location {
  background-color: var(--main-color);
  color: var(--secondary-color);
  border-radius: 5px;
  padding: 4px 12px 4px 12px;
  height: 28px;
  font-size: 14px;
  white-space: nowrap;
  margin-right: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large i {
  margin-right: 16px;
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large span img {
  height: 18px;
  margin-right: 10px;
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    margin-top: 8px;
  }
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-header--large {
  /*@media screen and (min-width: 1200px) {
    //font-size: 1.65vw;
    font-size: 20px;
  }*/
}
.patient-scheduling-page .patient-scheduling-page__content.main-tabs-holder .tab-section .tab-content-location {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  margin-top: 4px;
}
.patient-scheduling-page .patient-scheduling-page__content .delete-btn {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  margin: 0px;
  cursor: pointer;
}
.patient-scheduling-page .patient-scheduling-page__content .delete-btn:hover {
  opacity: 0.7;
}
.patient-scheduling-page .patient-scheduling-page__content .delete-btn i {
  font-size: 14px;
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history #clinicLocation {
  width: 400px;
  height: 36px;
  font-size: 14px;
  margin-right: 8px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history {
  margin-top: 16px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th {
  background-color: rgba(var(--main-color_rgb), 0.2);
  padding: 15px !important;
  vertical-align: middle;
  font-size: 14px !important;
  line-height: 17px;
  font-weight: 600 !important;
  height: 49px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.table-booking-history__action {
  background-color: #ffffff;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col1 {
  width: 35%;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col2 {
  width: 50%;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col3 {
  width: 10%;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col4 {
  width: 5%;
}
@media screen and (min-width: 1366px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col1 {
    width: 280px !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col2 {
    width: 400px !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col3 {
    width: 255px !important;
  }
}
@media screen and (min-width: 1920px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col1 {
    width: 350px !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col2 {
    width: 770px !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr th.col3 {
    width: 350px !important;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .thead-list-appoint tr {
  /*th:nth-child(1){
    width: 25%;
  }
  th:nth-child(2){
    width: 40%;
  }
  th:nth-child(3){
    width: 25%;
  }
  th:nth-child(4){
    width: 20%;
  }*/
  /*@media screen and (min-width: 1200px) and (max-width: 1336px) {
    th:nth-child(1){
      width: 33%;
    }
    th:nth-child(2){
      width: 48%;
    }
    th:nth-child(3){
      width: 12%;
    }
    th:nth-child(4){
      width: 7%;
    }
  }*/
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .tbody-list-appoint tr td {
  padding: 12px 16px !important;
  font-size: 16px !important;
  line-height: 24px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .tbody-list-appoint tr td p {
  vertical-align: top;
  margin-bottom: 0;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .tbody-list-appoint tr td .badge {
  background-color: rgba(var(--main-color_rgb), 0.2);
  border-color: var(--main-color);
  color: var(--main-color);
  width: 104px;
  height: 36px;
  padding: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  /*@media screen and (min-width: 1200px) and (max-width: 1336px) {
    padding: 6px 12px;
  }*/
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .tbody-list-appoint tr td .badge.badge-unpaid {
  color: #ffffff;
  background-color: #EB5757;
  width: 93px;
  height: 42px;
  line-height: 22px;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .tbody-list-appoint tr td .badge.badge-paid {
  color: #ffffff;
  background-color: #4AD3AB;
  width: 72px;
  height: 42px;
  line-height: 22px;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .tbody-list-appoint tr td .badge.badge-partiallypaid {
  color: #ffffff;
  background-color: #EB5757;
  width: 120px;
  height: 42px;
  line-height: 22px;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .tbody-list-appoint tr td .icon-info {
  font-size: 18px;
  line-height: 18px;
  height: 18px;
  padding-right: 10px;
  min-width: 22px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-history .table.table-booking-history .table-booking-history__action {
  min-width: 100px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking .booking-search-field {
  max-width: 350px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-booking .booking-search-field input[type=search] {
  padding-left: 0px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler .height-btn-standard {
  height: 42px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-scheduler {
    overflow: auto;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__wrapper {
  height: 100%;
  margin-top: 9px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__sidebar {
  width: 257px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__sidebar__title {
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  margin-top: 7px;
  margin-bottom: 23px;
}
@media screen and (min-width: 1200px) and (max-width: 1336px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__sidebar__title {
    font-size: 16px;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__sidebar .provider-list li {
  height: 20px;
  width: 245px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__sidebar .provider-list__narrow li {
  height: 59px;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__therapist-info {
  margin: 16px 0px 24px 0px;
  text-align: center;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__therapist-info__img {
  margin: auto;
  width: 40px;
  height: 40px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__therapist-info__text {
  text-align: center;
  font-family: Hind, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  margin: 10px 0px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__therapist-info .cus-avatar-therapist-info {
  max-width: 120px;
  width: 120px !important;
  height: 120px !important;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list {
  width: 245px;
  height: 85%;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list h2 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-family: Hind;
  margin-bottom: 14px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__header {
  margin-right: 8px;
  margin-bottom: 11px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__header h2 {
  font-size: 14px;
  line-height: 17px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item {
  margin-bottom: 8px;
  padding: 9px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item h2 {
  margin-bottom: 5px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item__icon {
  font-size: 13px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item__title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item__content {
  margin-left: 5px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item__caption {
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item__caption .text-caption {
  color: #232323;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__services-list .collapse-list__content .list-group__item__caption .text-caption--inherit-color {
  color: inherit;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main {
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: block;
  flex-grow: 1;
  padding-left: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-today {
  flex: 1 1 200px;
  min-width: 200px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-today .dhx_cal_today_button {
  width: 120px;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-today .dhx_cal_today_button {
    font-size: 14px;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar {
  flex: 1 1 100%;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-pre {
  width: 162px;
  padding: 0 !important;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-pre i {
  margin-right: 15px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-next {
  width: 162px;
  padding: 0 !important;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-next i {
  margin-left: 15px;
}
@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-pre {
    width: 160px;
    font-size: 14px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-pre i {
    margin-right: 1rem;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-next {
    font-size: 14px;
    width: 160px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-scheduler__main .flex-info-calendar .flex-btn-next i {
    margin-left: 1rem;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .patient-location ul .all-location {
  width: 20%;
  min-width: 20%;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-location ul .all-location .cus-marker-alt {
  position: absolute;
  left: 5px;
  top: 5px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-location ul .text-caption {
  font-size: 14px;
  line-height: 20px;
}
.patient-scheduling-page .patient-scheduling-page__content .patient-location ul li {
  padding: 13px 15px;
}
@media only screen and (min-width: 768px) {
  .patient-scheduling-page .patient-scheduling-page__content .no-gutters {
    padding-top: 40px;
  }
}
.patient-scheduling-page .patient-scheduling-page__content .footer-content button:disabled {
  background: #838383;
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page {
    height: auto;
    box-shadow: unset;
  }
  .patient-scheduling-page .tab-section {
    background-color: white;
  }
  .patient-scheduling-page .tab-section .tab-action .booking-search-field {
    max-width: 100%;
  }
  .patient-scheduling-page .tab-section .tab-action .booking-search-field .cus-input-group {
    border-radius: 50px;
  }
  .patient-scheduling-page .tab-section .tab-action .booking-search-field input {
    -webkit-border-radius: 18px;
  }
  .patient-scheduling-page .patient-scheduling-page__sidebar {
    width: 100%;
    min-width: 0;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .patient-scheduling-page .patient-scheduling-page__sidebar .label-book-by-type {
    color: #1F1F1F;
    font-family: "Open Sans";
    font-weight: 600;
    margin-bottom: 8px;
  }
  .patient-scheduling-page .patient-scheduling-page__sidebar #patient_cal_activities {
    padding: 0 !important;
    display: none;
  }
  .patient-scheduling-page .patient-scheduling-page__sidebar ul {
    flex-direction: row;
    background: #f0f2f9;
    border-radius: 100px;
    box-shadow: inset 0px 0px 0px #e3e3e3;
    padding: 2px;
  }
  .patient-scheduling-page .patient-scheduling-page__sidebar ul .p-20 {
    padding: 0 !important;
  }
  .patient-scheduling-page .patient-scheduling-page__sidebar ul li {
    width: 50%;
  }
  .patient-scheduling-page .patient-scheduling-page__content .tab-section {
    padding: 16px !important;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .patient-scheduling-page .patient-scheduling-page__content .tab-section__cus-pd {
    padding: 16px 0 !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .patient-scheduling-page .patient-scheduling-page__content .tab-section .display-none {
    display: none !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .select-location {
    flex-wrap: wrap;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .select-location .custom-form-control {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .form-group--strong-style label {
    font-size: 14px;
    line-height: 20px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .form-group--strong-style .md-select-value {
    font-size: 14px;
    line-height: 20px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .patient-booking-section__form .btn-main {
    margin-top: 10px !important;
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #3d5afe;
    border-radius: 8px !important;
    padding: 0 !important;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive .main-header__item {
    justify-content: space-around;
    flex-direction: row;
    display: flex !important;
    flex-wrap: nowrap;
    flex: 1;
    margin-top: 1rem;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive .main-header__item li {
    padding: 0px;
    margin: 0px;
    border-bottom: solid 4px transparent;
    position: relative;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive .main-header__item li:nth-child(3) {
    display: none;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive table {
    display: none;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history {
    background: linear-gradient(0deg, #ffffff, #ffffff);
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 8px;
    padding: 12px 16px;
    border: 0.5px solid #f0eaea;
    display: flex !important;
    height: 137px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
    border: none;
    padding: 3px 0;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li:hover {
    background: #fff;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li .service-name {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #1F1F1F;
    font-family: "Open Sans" !important;
    font-weight: 600 !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li span {
    font-family: "Nunito" !important;
    font-size: 14px;
    line-height: 20px;
    color: #595959;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li i {
    font-weight: 300;
    width: 16px;
    margin-right: 5px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li .cus-span-unpaid {
    background: rgba(253, 45, 87, 0.2);
    color: #c4495f;
    padding: 2px 8px;
    border-radius: 5px;
    font-family: "Hind" !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li .cus-span-success {
    background: rgba(74, 211, 171, 0.2);
    color: #4AD3AB;
    padding: 2px 8px;
    border-radius: 5px;
    font-family: "Hind" !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li .span-cus-time {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 600 !important;
    color: #1F1F1F !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li .font-weight-500 {
    font-weight: 500 !important;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive #list-group-history li:last-child {
    font-size: 14px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive .content-cancel-apt {
    width: 20%;
    margin: 15px;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive .content-cancel-apt span {
    width: 48px;
    height: 48px;
    background: rgba(253, 45, 87, 0.1);
    border: none;
    box-shadow: none;
  }
  .patient-scheduling-page .patient-scheduling-page__content .table-responsive .content-cancel-apt span i {
    color: #FD2D57 !important;
  }
}
.patient-scheduling-page .list-provider-booking .user-avatar {
  width: 64px;
  height: 64px;
  max-height: 64px;
  max-width: 100%;
}
.patient-scheduling-page .list-provider-booking ul {
  max-height: calc(100vh - 370px);
}
.patient-scheduling-page .list-provider-booking ul li {
  padding: 12px 16px;
  min-height: 88px;
}
.patient-scheduling-page .list-provider-booking ul li .list-group__item__content {
  margin-left: 16px;
}
.patient-scheduling-page .list-provider-booking ul li .list-group__item__content .location_name {
  max-width: 95%;
  width: auto;
}
.patient-scheduling-page .list-provider-booking ul li .list-group__item__content .list-group__item__title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.patient-scheduling-page .list-provider-booking ul li .list-group__item__content .list-group__item__title.text-main {
  margin-top: 4px;
}
.patient-scheduling-page .list-service-booking {
  max-height: calc(100vh - 370px);
}
.patient-scheduling-page #patientSchedulingBookingOnline .list-service-booking, .patient-scheduling-page #patientSchedulingBookingOnline #listProviderBooking {
  max-height: 72vh;
}
@media screen and (max-height: 900px) {
  .patient-scheduling-page #patientSchedulingBookingOnline .list-service-booking, .patient-scheduling-page #patientSchedulingBookingOnline #listProviderBooking {
    max-height: 67vh;
  }
}
@media screen and (max-height: 768px) {
  .patient-scheduling-page #patientSchedulingBookingOnline .list-service-booking, .patient-scheduling-page #patientSchedulingBookingOnline #listProviderBooking {
    max-height: 60vh;
  }
}

#patientSchedulingBookingOnline, #patientSchedulingContent, #listProviderBooking, .list-service-booking, .patient-scheduler, .max-height-location {
  overflow-y: auto;
}
#patientSchedulingBookingOnline::-webkit-scrollbar, #patientSchedulingContent::-webkit-scrollbar, #listProviderBooking::-webkit-scrollbar, .list-service-booking::-webkit-scrollbar, .patient-scheduler::-webkit-scrollbar, .max-height-location::-webkit-scrollbar {
  width: 12px;
  background-color: rgba(0, 0, 0, 0);
}
#patientSchedulingBookingOnline::-webkit-scrollbar-thumb, #patientSchedulingContent::-webkit-scrollbar-thumb, #listProviderBooking::-webkit-scrollbar-thumb, .list-service-booking::-webkit-scrollbar-thumb, .patient-scheduler::-webkit-scrollbar-thumb, .max-height-location::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#patientSchedulingBookingOnline::-webkit-scrollbar-track, #patientSchedulingContent::-webkit-scrollbar-track, #listProviderBooking::-webkit-scrollbar-track, .list-service-booking::-webkit-scrollbar-track, .patient-scheduler::-webkit-scrollbar-track, .max-height-location::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#patientSchedulingBookingOnline:hover::-webkit-scrollbar, #patientSchedulingContent:hover::-webkit-scrollbar, #listProviderBooking:hover::-webkit-scrollbar, .list-service-booking:hover::-webkit-scrollbar, .patient-scheduler:hover::-webkit-scrollbar, .max-height-location:hover::-webkit-scrollbar {
  width: 12px;
}
#patientSchedulingBookingOnline:hover::-webkit-scrollbar-thumb, #patientSchedulingContent:hover::-webkit-scrollbar-thumb, #listProviderBooking:hover::-webkit-scrollbar-thumb, .list-service-booking:hover::-webkit-scrollbar-thumb, .patient-scheduler:hover::-webkit-scrollbar-thumb, .max-height-location:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 8px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
@media only screen and (max-width: 767.98px) {
  #patientSchedulingBookingOnline::-webkit-scrollbar, #patientSchedulingContent::-webkit-scrollbar, #listProviderBooking::-webkit-scrollbar, .list-service-booking::-webkit-scrollbar, .patient-scheduler::-webkit-scrollbar, .max-height-location::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  #patientSchedulingBookingOnline:hover::-webkit-scrollbar, #patientSchedulingContent:hover::-webkit-scrollbar, #listProviderBooking:hover::-webkit-scrollbar, .list-service-booking:hover::-webkit-scrollbar, .patient-scheduler:hover::-webkit-scrollbar, .max-height-location:hover::-webkit-scrollbar {
    width: 0;
  }
}

md-dialog.booking-apt md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.booking-apt md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  background-color: #C4C4C4;
  background-clip: padding-box;
}
md-dialog.booking-apt md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.booking-apt .display-show-pc h2.popup__content__title {
  font-size: 28px;
}
md-dialog.booking-apt .md-toolbar-tools {
  height: 48px;
}
md-dialog.booking-apt .md-toolbar-tools h2.popup__title {
  font-size: 14px !important;
}
md-dialog.booking-apt .progress-list {
  max-width: 368px;
}
@media screen and (max-width: 576px) {
  md-dialog.booking-apt .progress-list {
    max-width: 320px !important;
  }
}
md-dialog.booking-apt .btn {
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  opacity: 1;
}
md-dialog.booking-apt .btn:disabled {
  opacity: 0.65;
}
md-dialog.booking-apt .btn-main-width {
  width: 229px;
}
md-dialog.booking-apt .btn-empty-width {
  width: 78px;
}
md-dialog.booking-apt .form-group.form-group--strong-style .form-control {
  font-size: 14px;
}
md-dialog.booking-apt iframe {
  height: 19px !important;
}
md-dialog.booking-apt md-select {
  height: 32px;
}
md-dialog.booking-apt button {
  opacity: 1;
}
md-dialog.booking-apt .titleAmount {
  font-size: 28px;
  font-weight: bold;
}
md-dialog.booking-apt .note-amount {
  font-size: 12px;
  line-height: 14.5px;
  background: rgba(255, 118, 3, 0.4);
  border-radius: 4px;
}
md-dialog.booking-apt .btn-apply {
  width: 87px;
}
md-dialog.booking-apt .btn-confirm {
  width: 68px;
}

.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar {
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.08), 0px 2px 6px rgba(1, 48, 63, 0.06), 0px 0px 1px rgba(1, 48, 63, 0.04);
  border-radius: 5px;
  max-width: 100%;
  border: 0px;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month {
  background: #ffffff;
  padding: 10px 0px;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  font-style: "normal";
  font-family: Hind, sans-serif;
  color: #232323;
  border: none;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button, .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button {
  position: relative !important;
  top: 0px !important;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button::after, .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button::after {
  color: #232323;
  top: 0px;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button {
  position: relative;
  text-align: left;
  left: 1px !important;
  right: 0px !important;
  order: -1;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button::after {
  left: 15px;
  top: -5px;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button {
  position: relative;
  text-align: right;
  right: 1px !important;
  left: 0px !important;
  order: 3;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button::after {
  right: 15px;
  top: -5px;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week {
  background: #F5F5F7;
  height: 35px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_week .dhx_scale_bar {
  color: #232323;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  position: relative;
  display: block;
  padding: 10px 0px;
  background: none;
  display: flex;
  align-items: center;
  text-align: center;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body {
  border: none;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_after .dhx_month_head, .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_before .dhx_month_head {
  color: rgba(0, 0, 0, 0.5) !important;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_after .dhx_month_head *, .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_after .dhx_month_head a, .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_before .dhx_month_head *, .dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_before .dhx_month_head a {
  color: rgba(0, 0, 0, 0.5) !important;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head {
  /*&.dhx_year_event:before {
    content: '\25CF';
    color: #FF7A01;
    position: absolute;
    bottom: 15px;
    left: 5px;
    width: 5px;
    height: 5px;
  } */
  padding-top: 5px;
  position: relative;
  background: transparent;
  border-radius: 5px;
  color: #232323;
  font-size: 14px;
  margin: auto;
  border: 0px;
  width: 35px !important;
  height: 35px !important;
  display: block;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head.dhx_calendar_click {
  background: var(--main-color) !important;
  color: var(--secondary-color);
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head.dhx_year_event {
  background: rgba(var(--main-color_rgb), 0.2);
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head:hover {
  cursor: pointer;
  transition: background 300ms ease-out;
  background: rgba(var(--main-color_rgb), 0.7) !important;
  color: var(--secondary-color) !important;
}
.dhx-calendar-custom .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td.dhx_now .dhx_month_head {
  transition: background 300ms ease-out;
  background: rgba(0, 0, 0, 0.1);
  background: rgba(var(--main-color_rgb), 0.5);
}
.dhx-calendar-custom__patient-dashboard .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body table tr td .dhx_month_head.dhx_year_event {
  background: none;
}
.dhx-calendar-custom:not(.mini-calendar-clinic-scheduler) .dhx_month_head.dhx_year_event_standard::before {
  content: "●";
  color: #068AD0;
  position: absolute;
  bottom: 15px;
  left: 14px;
  width: 5px;
  height: 5px;
}
.dhx-calendar-custom:not(.mini-calendar-clinic-scheduler) .dhx_month_head.dhx_year_event_standard.dhx_year_event_personal::before {
  content: "●";
  color: #068AD0;
  position: absolute;
  bottom: 15px;
  left: 9px;
  width: 5px;
  height: 5px;
}
.dhx-calendar-custom:not(.mini-calendar-clinic-scheduler) .dhx_month_head.dhx_year_event_personal::after {
  content: "●";
  color: #FF7A01;
  position: absolute;
  bottom: 15px;
  right: 17px;
  width: 5px;
  height: 5px;
}
.dhx-calendar-custom:not(.mini-calendar-clinic-scheduler) .dhx_month_head.dhx_year_event_personal.dhx_year_event_standard::after {
  content: "●";
  color: #FF7A01;
  position: absolute;
  bottom: 15px;
  right: 13px;
  width: 5px;
  height: 5px;
}

md-dialog#popupCardOnfile.popup--narrow {
  height: 200px;
}
md-dialog#popupCardOnfile.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools {
  height: 44px;
  padding: 12px 20px !important;
}
md-dialog#popupCardOnfile.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools .popup__title {
  font-size: 14px !important;
  line-height: 20px !important;
}
md-dialog#popupCardOnfile.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools .close {
  font-size: 24px;
}
md-dialog#popupCardOnfile.popup--narrow md-dialog-content.popup__content {
  padding: 16px 16px 0 16px !important;
}
md-dialog#popupCardOnfile.popup--narrow md-dialog-content.popup__content md-select-value {
  font-weight: normal;
  font-size: 14px !important;
  font-weight: normal;
  line-height: normal;
  padding: 6px 8px !important;
}
md-dialog#popupCardOnfile.popup--narrow md-dialog-content.popup__content .col-12 {
  margin-bottom: 12px !important;
}
md-dialog#popupCardOnfile.popup--narrow md-dialog-actions.popup__actions {
  padding: 0 16px 16px 16px !important;
}
md-dialog#popupCardOnfile.popup--narrow md-dialog-actions.popup__actions .buttons-area {
  text-align: right;
}
md-dialog#popupCardOnfile.popup--narrow md-dialog-actions.popup__actions .buttons-area button {
  width: 105px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog#popupCardOnfile.popup--narrow md-dialog-actions.popup__actions .buttons-area button {
    width: 100%;
    font-size: 16px;
  }
}
md-dialog#popupCardOnfile.popup--narrow md-dialog-actions.popup__actions .buttons-area button {
  height: 36px;
  align-items: center;
  padding: 8px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

md-dialog.package-detail.popup--narrow md-dialog-content {
  scrollbar-gutter: stable both-edges;
}
md-dialog.package-detail.popup--narrow md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.package-detail.popup--narrow md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.package-detail.popup--narrow md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.package-detail.popup--narrow md-dialog-content:hover::-webkit-scrollbar {
  width: 4px;
}
md-dialog.package-detail.popup--narrow md-dialog-content:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  background-clip: padding-box;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  md-dialog.package-detail.popup--narrow md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow {
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: 0px;
  }
}
@media only screen and (min-width: 767.98px) {
  md-dialog.package-detail.popup--narrow {
    width: 448px;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow.step1 {
    max-height: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  md-dialog.package-detail.popup--narrow.step1 {
    max-height: 585px;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow.step2 {
    max-height: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  md-dialog.package-detail.popup--narrow.step2 {
    max-height: 85%;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow.step3 {
    max-height: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  md-dialog.package-detail.popup--narrow.step3 {
    min-height: 175px;
  }
}
md-dialog.package-detail.popup--narrow {
  font-size: 14px !important;
  font-style: normal;
  font-weight: normal;
  font-family: Hind;
}
md-dialog.package-detail.popup--narrow label {
  line-height: 20px;
  margin-bottom: 4px !important;
}
md-dialog.package-detail.popup--narrow label.mb-0 {
  margin-bottom: 0 !important;
}
md-dialog.package-detail.popup--narrow input {
  font-weight: normal;
  font-size: 14px !important;
  line-height: normal;
  height: 32px !important;
}
md-dialog.package-detail.popup--narrow p {
  font-size: 14px !important;
  font-weight: normal;
  line-height: normal;
}
md-dialog.package-detail.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools {
  height: 44px;
  padding: 12px 20px !important;
}
md-dialog.package-detail.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools .popup__title {
  font-size: 14px !important;
  line-height: 20px !important;
}
md-dialog.package-detail.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools .close {
  font-size: 24px;
  outline: unset !important;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content {
  padding: 16px 16px 0 16px !important;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .col-12 .disabled {
  background-color: #eceeef;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .col-12 .disabled input {
  padding-left: 0;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .col-12 {
    line-height: 28px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .popup__content__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 39px;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .popup__content__title {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .note-amount {
  font-size: 12px;
  line-height: 14.5px;
  background: rgba(255, 118, 3, 0.4);
  border-radius: 4px;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .popup__content__highlight {
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .popup__content__highlight {
    font-family: Nunito Sans;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .two-coloumn-line-left {
  padding-right: 8px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .two-coloumn-line-left {
    padding-right: 15px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .two-coloumn-line-left #selectMonth {
  margin-right: 8px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .two-coloumn-line-left #selectMonth {
    margin-right: 16px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .two-coloumn-line-right {
  padding-left: 8px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .two-coloumn-line-right {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .two-coloumn-line-right .input-group-mobile {
    padding-left: 12px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .remember-phone {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #1F1F1F;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service label.display-show-pc {
  display: inline-block;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service {
    margin-bottom: 16px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .list-service-label {
  font-weight: 600;
  line-height: 18px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .list-service-label {
    margin-bottom: 8px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table {
  margin-bottom: 0;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table thead th {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
    text-align: left;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table thead th {
  height: 40px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  border: 1px solid #838383;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table thead th.display-show-pc {
  display: table-cell;
}
@media only screen and (min-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table thead th.display-show-pc {
    display: table-cell;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table thead th {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table tbody td {
    font-family: Nunito;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    border: 1px solid #838383;
    padding: 8px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table tbody td.display-show-pc {
  display: table-cell;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table tbody td.display-show-pc {
    display: table-cell;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table tbody td.col-number {
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table tbody td.col-number {
    text-align: left;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .list-service .table-service table tbody td {
  height: 40px;
  font-weight: normal;
  line-height: 20px;
  border: 1px solid #838383;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .price-value {
  padding-right: 8px !important;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .price-value {
    padding-right: 15px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .price-value .form-group {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .price-value .form-group {
    margin-bottom: 10px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .price-value .form-group p {
  border: 1px solid #838383;
  background-color: #F5F5F7;
  margin-bottom: 0;
  height: 32px;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .price-value .form-group p {
    height: 48px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
    padding: 12px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .discount {
  padding-left: 8px !important;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .discount {
    padding-left: 15px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .discount label.display-show-pc {
  display: inline-block;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .discount .form-group {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .discount .form-group {
    margin-bottom: 8px !important;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .discount .form-group p {
  border: 1px solid #838383;
  background-color: #F5F5F7;
  margin-bottom: 0;
  height: 32px;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .discount .form-group p {
    height: 48px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
    padding: 12px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .expiration .form-group p {
  border: 1px solid #838383;
  background-color: #F5F5F7;
  margin-bottom: 0;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .expiration .form-group p {
    font-family: Hind;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding: 12px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .expiration .form-group input {
  padding: 0;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .agreement span {
  font-weight: 600;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .agreement span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .agreement span i {
  font-size: 24px;
  margin-right: 8px;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .no-merchant-error {
  color: #ffffff;
  background-color: rgba(var(--main-color_rgb), 0.5);
  border-radius: 8px;
  padding: 8px 16px;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .no-merchant-error i {
  align-items: center;
  padding-right: 11px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .payment-type .payment-type-list {
    margin-bottom: 16px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .payment-type .payment-type-list .payment-type__item {
  width: 80px;
  height: 50px;
  margin: 5px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .payment-type .payment-type-list .payment-type__item {
    width: 71px;
    height: 40px;
    margin: 3px;
  }
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .payment-type .payment-type-list .payment-type__item .icon-payment {
    width: 71px;
    height: 40px;
    border: 1px solid #F5F5F7;
    border-radius: 8px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .car-type-label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .car-type-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 20px;
    color: #1F1F1F;
    margin-bottom: 4px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .card-holder-name .form-control {
  height: 32px !important;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .card-holder-name .form-control {
    height: 48px !important;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile {
  height: 32px;
  padding: 1px 8px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile {
    height: 48px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile iframe, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile iframe {
  height: 30px !important;
  margin-left: -5px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile iframe, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile iframe {
    margin-left: 0px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile iframe input, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile iframe input {
  font-size: 14px;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile input, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile input {
  padding: 0;
  height: 30px !important;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile input, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile input {
    height: 48px;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile input.saved-card-number, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile input.saved-card-number {
    padding: 0.5rem 0.75rem;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile input.saved-card-number, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile input.saved-card-number {
  padding-left: 3px;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .security-code .input-group-mobile i, md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .cardNo .input-group-mobile i {
  color: #232323;
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .expiration-date select {
  height: 32px;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  padding: 1px 12px 4px 12px;
  border: 1px solid #838383;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .expiration-date select {
    height: 48px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 8px;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packagePayment .expiration-date input {
    height: 48px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packageConfirmation .content-result {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
    min-height: calc(100vh - 80px);
  }
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packageConfirmation .content-result i {
    font-size: 96px;
    margin-bottom: 24px;
  }
  md-dialog.package-detail.popup--narrow md-dialog-content.popup__content #packageConfirmation .content-result .popup__content__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-content.popup__content .content-remember-card {
  line-height: 18px;
}
md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions {
  padding: 0 16px 16px 16px !important;
}
md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .agreeTerms {
  line-height: 36px;
  font-weight: 600;
}
md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area {
  text-align: right;
}
md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area button {
  height: 36px;
  align-items: center;
  padding: 8px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area button {
    width: 100%;
    margin-bottom: 12px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    height: 40px;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area .back-button {
  padding: 8px 24px 8px 8px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area .back-button {
    margin: 0;
    padding: 0;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area .purchase-button {
  width: 105px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area .purchase-button.btn-disabled {
    background: #F5F5F5;
    color: rgba(0, 0, 0, 0.25);
  }
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area .purchase-button {
    width: 100%;
  }
}
md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area .purchase-button.purchase-done {
  width: 68px;
}
@media only screen and (max-width: 767.98px) {
  md-dialog.package-detail.popup--narrow md-dialog-actions.popup__actions .buttons-area .purchase-button.purchase-done {
    width: 100%;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) {
  md-dialog.provider-bio.popup--narrow {
    width: 552px;
    max-height: 530px;
  }
  md-dialog.provider-bio.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools {
    height: 48px;
    padding: 12px 20px !important;
  }
  md-dialog.provider-bio.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools .popup__title {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  md-dialog.provider-bio.popup--narrow md-dialog-content.popup__content {
    padding: 16px 16px 0 16px !important;
  }
  md-dialog.provider-bio.popup--narrow md-dialog-content.popup__content .col-12 {
    margin-bottom: 12px !important;
  }
  md-dialog.provider-bio.popup--narrow md-dialog-content.popup__content .col-12 .provider-bio__info .user-avatar.user-avatar--large {
    width: 120px;
    height: 120px;
  }
  md-dialog.provider-bio.popup--narrow md-dialog-content.popup__content .col-12 .provider-bio__info p {
    font-size: 14px;
    line-height: 20px;
  }
  md-dialog.provider-bio.popup--narrow md-dialog-content.popup__content .col-12 .provider-bio__content {
    word-wrap: break-word;
    word-break: break-word;
    border: 0px !important;
  }
  md-dialog.provider-bio.popup--narrow md-dialog-content.popup__content .col-12 .provider-bio__content .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
  md-dialog.provider-bio.popup--narrow md-dialog-actions.popup__actions button {
    padding: 7px 12px !important;
    width: 140px;
    margin-right: 15px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 768px) {
  md-dialog.select-provider-popup.popup--narrow {
    width: 552px;
    max-height: 185px;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content {
    padding-top: 12px !important;
    padding-bottom: 0 !important;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content .popup__content_highlight {
    padding-bottom: 12px !important;
    margin-bottom: 0px !important;
    padding: 0;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content .popup__content_highlight p {
    margin-bottom: 0;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content .popup__content_highlight p.text-main {
    margin-bottom: 12px;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content #providerList {
    margin-bottom: 0px !important;
    padding: 0;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content #providerList p {
    margin-bottom: 0;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content #providerList .booking-provider-list__item__action button {
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
    width: 73px;
    height: 36px;
  }
  md-dialog.select-provider-popup.popup--narrow md-dialog-content.popup__content #providerList .booking-provider-list__item {
    margin: 0 !important;
    padding-bottom: 12px;
  }
}

#popupInstructionContent {
  width: 332px;
  max-height: 156px !important;
}
#popupInstructionContent md-dialog-content {
  padding: 12px 16px !important;
}
#popupInstructionContent md-dialog-content h6 {
  font-family: "Hind";
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: var(--main-color);
}
#popupInstructionContent md-dialog-content p {
  font-family: "Hind";
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
#popupInstructionContent md-dialog-actions button {
  padding: 0;
  width: 68px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}

md-dialog.popup-view-other-location.popup--narrow {
  width: 448px;
}
@media only screen and (min-width: 768px) {
  md-dialog.popup-view-other-location.popup--narrow {
    max-height: 352px;
  }
}
md-dialog.popup-view-other-location.popup--narrow {
  border-radius: 5px;
}
md-dialog.popup-view-other-location.popup--narrow md-toolbar .md-toolbar-tools {
  height: 48px !important;
}
md-dialog.popup-view-other-location.popup--narrow md-toolbar h2 {
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media only screen and (min-width: 768px) {
  md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid {
    border: 1px solid #D9D9D9;
  }
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid {
  border-radius: 5px;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid {
    max-height: 220px;
  }
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid {
  overflow: auto;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid .list-group .list-group-item {
  padding: 8px;
  height: 40px;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid .list-group .list-group-item:hover {
  background: #FFF;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid .list-group .list-group-item md-radio-button {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  margin-bottom: 10px;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid .list-group .list-group-item md-radio-button span {
  max-width: 345px;
  display: block;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid .list-group .list-group-item md-checkbox {
  min-height: 42px;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-content .container-fluid .list-group .list-group-item span {
  max-width: 345px;
  margin-top: 3px;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-actions button {
  padding: 0;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-actions .btn-select {
  width: 86px;
}
md-dialog.popup-view-other-location.popup--narrow md-dialog-actions .btn-cancel {
  background: #FFF;
  color: #838383;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  margin-right: 24px;
}

md-dialog.popup-find-availability.popup--narrow {
  width: 646px;
  max-width: 646px !important;
  max-height: 370px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability {
  overflow-y: auto;
  max-height: 150px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability::-webkit-scrollbar {
  width: 0px;
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability:hover::-webkit-scrollbar {
  width: 2px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 0px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability ul li {
  font-family: "Hind";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content #contentFindAvailability ul li span {
  text-decoration: underline;
}

md-dialog.popup-heads-up.popup--narrow.popup-appointment-view {
  width: 416px;
  max-height: 480px;
}
md-dialog.popup-heads-up.popup--narrow.popup-appointment-view md-dialog-content .item__title {
  font-size: 14px;
}
md-dialog.popup-heads-up.popup--narrow.popup-appointment-view md-dialog-content .item__action .switch {
  height: 20px;
  width: 40px;
}
md-dialog.popup-heads-up.popup--narrow.popup-appointment-view md-dialog-content .item__action .switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
md-dialog.popup-heads-up.popup--narrow.popup-appointment-view md-dialog-content .item__action .switch .slider:before {
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
}
md-dialog.popup-heads-up.popup--narrow.popup-appointment-view md-dialog-content .item__action .switch .slider:before.small {
  width: 32px;
  height: 18px;
}
md-dialog.popup-heads-up.popup--narrow.popup-appointment-view md-dialog-content .item__action .switch .slider:before.small .slider.round {
  border-radius: 18px;
}
md-dialog.popup-heads-up.popup--narrow.popup-appointment-view md-dialog-content .item__action .switch .slider:before.small .slider.round::before {
  height: 12px;
  width: 12px;
  left: 1px;
}

md-dialog.popup-heads-up.popup--narrow {
  width: 448px;
  max-height: 180px;
}

md-dialog.popup-find-availability.popup--narrow .text-hyperlink,
md-dialog.popup-heads-up.popup--narrow .text-hyperlink {
  color: #0275D8;
}
md-dialog.popup-find-availability.popup--narrow md-toolbar h2,
md-dialog.popup-heads-up.popup--narrow md-toolbar h2 {
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px !important;
}
md-dialog.popup-find-availability.popup--narrow,
md-dialog.popup-heads-up.popup--narrow {
  border-radius: 5px;
}
md-dialog.popup-find-availability.popup--narrow md-toolbar .md-toolbar-tools,
md-dialog.popup-heads-up.popup--narrow md-toolbar .md-toolbar-tools {
  height: 48px !important;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content,
md-dialog.popup-heads-up.popup--narrow md-dialog-content {
  padding: 16px !important;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-content p,
md-dialog.popup-heads-up.popup--narrow md-dialog-content p {
  font-family: "Hind";
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 12px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions button,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions button {
  padding: 0 3px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions button:first-child:not(:last-child),
md-dialog.popup-heads-up.popup--narrow md-dialog-actions button:first-child:not(:last-child) {
  border: none;
  background: #FFFFFF;
  color: #838383;
  margin-right: 10px;
  box-shadow: none !important;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions button:nth-child(n+2):not(:last-child),
md-dialog.popup-heads-up.popup--narrow md-dialog-actions button:nth-child(n+2):not(:last-child) {
  border: 1px solid #838383;
  background: #FFFFFF;
  color: #838383;
  margin-right: 10px;
  box-shadow: none !important;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-wait-list,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-wait-list {
  width: 117px;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-location__black,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-location__black {
  color: black;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-location,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-location {
  width: 142px;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-location-border,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-location-border {
  width: 178px;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-cancel-border,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-cancel-border {
  width: 90px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-ok,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-ok {
  width: 68px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-keep-looking,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-keep-looking {
  width: 119px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-cancel-border,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-cancel-border {
  width: 90px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-cancel,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-cancel {
  color: #838383;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-next-available,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-next-available {
  width: 159px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-next-available span,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-next-available span {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
md-dialog.popup-find-availability.popup--narrow md-dialog-actions .btn-next-available span i,
md-dialog.popup-heads-up.popup--narrow md-dialog-actions .btn-next-available span i {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#popup-progress-find-available.popup--narrow {
  width: 343px;
  height: 251px;
  border-radius: 5px;
  padding-top: 32px;
  padding-bottom: 17px;
  flex-direction: column;
  justify-content: space-between;
}
#popup-progress-find-available.popup--narrow md-dialog-content {
  padding: 0 16px !important;
}
#popup-progress-find-available.popup--narrow md-dialog-content h6 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: var(--main-color);
}
#popup-progress-find-available.popup--narrow md-dialog-content .progress .bg-progress {
  background-color: var(--main-color);
}
#popup-progress-find-available.popup--narrow md-dialog-content p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #1F1F1F;
  margin-top: 16px;
}
#popup-progress-find-available.popup--narrow md-dialog-actions button {
  padding: 0 !important;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
  font-weight: bold;
  border: 1px solid #e3e3e3;
  color: #232323;
  background-color: #FFF;
  border-radius: 5px;
}
@media only screen and (max-width: 767.98px) {
  #popup-progress-find-available.popup--narrow {
    width: 92% !important;
    min-width: 90% !important;
    min-height: 251px !important;
    padding: 32px 16px !important;
    border-radius: 8px;
    flex-direction: column;
    justify-content: space-between;
  }
  #popup-progress-find-available.popup--narrow md-dialog-actions {
    padding: 0 !important;
  }
}

md-dialog.popup-previous-next-available.popup--narrow {
  width: 332px;
  max-height: 136px;
  border-radius: 5px;
}
md-dialog.popup-previous-next-available.popup--narrow md-dialog-content {
  padding: 12px 16px !important;
}
md-dialog.popup-previous-next-available.popup--narrow md-dialog-content h6 {
  font-family: "Hind";
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: var(--main-color);
}
md-dialog.popup-previous-next-available.popup--narrow md-dialog-content p {
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
md-dialog.popup-previous-next-available.popup--narrow md-dialog-actions button {
  padding: 0;
  width: 68px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
@media only screen and (max-width: 767.98px) {
  md-dialog.popup-previous-next-available.popup--narrow {
    width: 92% !important;
    min-width: 90% !important;
    min-height: 192px !important;
    padding: 32px 16px !important;
    border-radius: 8px;
  }
  md-dialog.popup-previous-next-available.popup--narrow md-dialog-content {
    padding: 0px 16px 12px 16px !important;
  }
  md-dialog.popup-previous-next-available.popup--narrow md-dialog-content h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--main-color);
  }
  md-dialog.popup-previous-next-available.popup--narrow md-dialog-content p {
    font-family: "Nunito";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
  }
  md-dialog.popup-previous-next-available.popup--narrow md-dialog-actions {
    padding: 0 !important;
    margin: 0;
  }
  md-dialog.popup-previous-next-available.popup--narrow md-dialog-actions button {
    width: 100%;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    border-radius: 5px;
  }
}

@media only screen and (min-width: 768px) {
  md-dialog.change-service-class.popup--narrow {
    width: 450px;
    max-height: 340px;
  }
  md-dialog.change-service-class.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools {
    height: 44px;
  }
  md-dialog.change-service-class.popup--narrow md-toolbar.md-toolbar-header .md-toolbar-tools .popup__title {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  md-dialog.change-service-class.popup--narrow md-dialog-content.popup__content {
    padding-top: 12px !important;
  }
  md-dialog.change-service-class.popup--narrow md-dialog-content.popup__content form .form-group {
    margin-bottom: 12px;
  }
  md-dialog.change-service-class.popup--narrow md-dialog-content.popup__content form .form-group label {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
  }
  md-dialog.change-service-class.popup--narrow md-dialog-content.popup__content form .form-group md-select.custom-form-control md-select-value {
    padding: 3px 5px !important;
    font-size: 14px;
    line-height: 20px;
  }
  md-dialog.change-service-class.popup--narrow md-dialog-content.popup__content form .form-group md-select.custom-form-control md-select-value .text-main, md-dialog.change-service-class.popup--narrow md-dialog-content.popup__content form .form-group md-select.custom-form-control md-select-value .service-duration {
    font-size: 14px;
    line-height: 20px;
  }
  md-dialog.change-service-class.popup--narrow md-dialog-actions.popup__actions {
    padding-top: 5px !important;
  }
  md-dialog.change-service-class.popup--narrow md-dialog-actions.popup__actions button {
    padding: 0;
    width: 86px;
    height: 36px;
    font-size: 14px;
    line-height: 20px;
  }
}

.patient-activity {
  padding: 15px !important;
}
.patient-activity .add-activity {
  align-items: center;
  padding: 8px 20px;
  width: 121px;
  height: 36px;
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767.98px) {
  .patient-activity .add-activity {
    width: 148px;
    height: 40px;
    padding: 8px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .patient-activity .activity-header {
    display: flex !important;
  }
  .patient-activity .activity-header .activity-header-left {
    width: 100%;
  }
  .patient-activity .activity-header .activity-header-right {
    width: 148px;
    margin-left: 8px;
  }
}
.patient-activity .list-activities .badge-upcoming {
  width: 84px;
  height: 36px;
  background-color: rgba(var(--main-color_rgb), 0.2);
  border-color: var(--main-color);
  color: var(--main-color);
  font-family: Hind;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-right: 25px;
}
@media only screen and (max-width: 768px) {
  .patient-activity .list-activities .badge-upcoming {
    padding: 2px 8px !important;
    font-family: Hind;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    width: 78px;
    height: 24px;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.patient-activity .list-activities .hr-activity {
  border-color: #F0F0F0;
  margin: 8px 0;
}
.patient-activity .list-activities .list-activities__item .list-activities__item__title {
  font-family: Hind;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 9px;
}
@media only screen and (max-width: 768px) {
  .patient-activity .list-activities .list-activities__item .list-activities__item__title {
    font-family: Open Sans;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item {
  height: 92px;
  padding: 12px 16px !important;
  border: 1px solid #E3E3E3;
  background: #F5F5F7;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .patient-activity .list-activities .list-activities__item .list-group .list-group__item {
    height: 113px;
  }
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content {
  width: calc(100% - 150px);
  padding-right: 8px;
}
@media only screen and (max-width: 768px) {
  .patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content {
    padding-right: 0;
  }
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content .activity-title {
  position: relative;
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content .activity-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content .activity-time {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 4px;
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content .activity-time i {
  margin-right: 12px;
}
@media only screen and (max-width: 768px) {
  .patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content .activity-time {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
  }
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content .activity-note {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__content .activity-note i {
  margin-right: 12px;
}
.patient-activity .list-activities .list-activities__item .list-group .list-group__item .list-group__item__action .activity-next {
  padding-right: 8px;
}

md-dialog#popup-activity.popup--narrow {
  width: 448px;
  min-height: 496px;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow {
    min-height: 100%;
  }
}
md-dialog#popup-activity.popup--narrow.complete-popup {
  min-height: 114px;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow.complete-popup {
    min-height: 100%;
  }
}
md-dialog#popup-activity.popup--narrow .md-toolbar-header .md-toolbar-tools {
  padding: 14px 20px !important;
  height: 48px;
}
md-dialog#popup-activity.popup--narrow .md-toolbar-header .md-toolbar-tools .popup__title {
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-toolbar-header .md-toolbar-tools .popup__title {
    width: 100%;
    text-align: center;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-content {
  padding: 16px 16px 0 16px !important;
}
md-dialog#popup-activity.popup--narrow .md-dialog-content.complete h2 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-content {
    padding: 16px 16px 80px 16px !important;
  }
  md-dialog#popup-activity.popup--narrow .md-dialog-content.complete {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
    min-height: calc(100vh - 80px);
  }
  md-dialog#popup-activity.popup--narrow .md-dialog-content.complete i {
    font-size: 96px;
    margin-bottom: 24px;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-content label {
  font-family: Hind;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 4px;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-content label {
    font-family: Open Sans;
    color: #1F1F1F;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-content input {
  height: 32px;
  padding: 6px 8px !important;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #838383;
  color: #232323;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-content input {
    height: 48px;
    font-family: Nunito Sans;
    font-size: 16px;
    line-height: 24px;
    padding: 12px !important;
    color: #595959;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-content .md-select-value {
  padding: 3px 10px !important;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-content .md-select-value {
    font-family: Nunito Sans;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-content textarea {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
  height: 64px;
  border: 1px solid #838383;
  color: #232323;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-content textarea {
    height: 58px;
  }
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-content md-radio-group .row {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  md-dialog#popup-activity.popup--narrow .md-dialog-content md-radio-group .row .col {
    padding-left: 0;
    padding-right: 0;
  }
  md-dialog#popup-activity.popup--narrow .md-dialog-content md-radio-group .row .col .md-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-content .activity-date {
  margin-bottom: 12px;
}
md-dialog#popup-activity.popup--narrow .md-dialog-content .activity-date input {
  margin-bottom: 0;
}
md-dialog#popup-activity.popup--narrow .md-dialog-content .activity-date.disabled .calendar-picker__wrapper {
  background-color: #eceeef;
  opacity: 1;
}
md-dialog#popup-activity.popup--narrow .md-dialog-content md-radio-button {
  font-family: Hind;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
md-dialog#popup-activity.popup--narrow .md-dialog-content .col-6.left {
  padding-right: 8px;
}
md-dialog#popup-activity.popup--narrow .md-dialog-content .col-6.right {
  padding-left: 8px;
}
md-dialog#popup-activity.popup--narrow .md-dialog-footer {
  padding: 12px 16px !important;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-footer {
    padding: 16px;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-footer {
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
md-dialog#popup-activity.popup--narrow .md-dialog-footer button {
  width: 90px;
  height: 36px;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-footer button {
    width: 100%;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
  md-dialog#popup-activity.popup--narrow .md-dialog-footer button.delete-btn {
    border: 1px solid #FF4235;
    color: #FF4235;
  }
}
md-dialog#popup-activity.popup--narrow .md-dialog-footer button.disabled {
  background-color: #232323;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  md-dialog#popup-activity.popup--narrow .md-dialog-footer button.disabled {
    background: #F5F5F5;
    color: rgba(0, 0, 0, 0.25);
    border: 1px solid #D9D9D9;
  }
}

.btn-resend-mail {
  width: 181px;
}

.popup--activity .modal-title {
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.popup--activity p {
  font-size: 14px;
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.popup--activity button {
  height: 36px;
  width: 66px;
  font-family: Hind;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

.popup--congratulations-activity i {
  font-size: 72px;
  color: #FF4235;
  width: 100%;
  margin-bottom: 24px;
  margin-top: 17px;
}
.popup--congratulations-activity h2 {
  width: 100%;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #FF4235;
}
.popup--congratulations-activity .message-dialog {
  width: 100%;
  font-family: Nunito;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #1F1F1F;
  margin-bottom: 0;
}
.popup--congratulations-activity .modal-footer {
  display: block;
}
.popup--congratulations-activity .modal-footer button {
  width: 100%;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
}
.popup--congratulations-activity .modal-footer button.btn-done {
  background-color: #FF4235;
}

.patient-booking-custom-note {
  margin-bottom: 0px;
  color: #FFA241;
  font-size: 14px;
}

.upcoming-appointments-icalendar .dropdown-menu {
  min-width: 100%;
  max-width: 500px;
}
.upcoming-appointments-icalendar .dropdown-item {
  display: flex;
  padding: 8px 10px;
  align-items: flex-start;
}
.upcoming-appointments-icalendar .dropdown-item i {
  color: var(--main-color);
  font-size: 22px;
}
.upcoming-appointments-icalendar .dropdown-item .fa-custom {
  color: white;
  background-color: var(--main-color);
  border-radius: 50%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  font-family: Hind, sans-serif;
}
.upcoming-appointments-icalendar li .dropdown-item {
  padding: 0 !important;
}
.upcoming-appointments-icalendar .copy-ical-link {
  max-width: 95%;
}
.upcoming-appointments-icalendar .copy-ical-link .form-control {
  border-right: 0;
  height: 32px;
  font-size: inherit;
  text-shadow: none !important;
  overflow: hidden;
  white-space: nowrap;
  display: flex !important;
  flex-direction: row;
}
.upcoming-appointments-icalendar .copy-ical-link .form-control span:first-child {
  width: calc(100% - 178px);
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.upcoming-appointments-icalendar .copy-ical-link .form-control span:last-child {
  width: 178px;
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
}
.upcoming-appointments-icalendar .copy-ical-link .input-group-append {
  display: flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 0;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 0;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.upcoming-appointments-icalendar .copy-ical-link .input-group-append i {
  font-size: 18px;
  color: var(--main-color);
}

.popup-apt-detail .btn-outline-danger {
  border-color: red !important;
  color: red !important;
}
.popup-apt-detail .btn-outline-danger:hover {
  background: white !important;
}
.popup-apt-detail .btn:disabled {
  border: none !important;
  background-color: #f5f5f7 !important;
  color: #838383 !important;
}
.popup-apt-detail .btn.btn-disabled-gray {
  background-color: #838383 !important;
  color: white !important;
}

#patientSchedulingContent #text-description-package *, #patientSchedulingContent #text-description-member * {
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: "Hind" !important;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 767.98px) {
  #patientSchedulingContent .collapse-list .collapse-list__content .collapse-list__content__main ul li .text-caption * {
    font-family: "Open Sans" !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #838383 !important;
    word-break: break-all !important;
    font-weight: 400 !important;
    font-style: normal !important;
  }
}

#patientSchedulingBookingOnline #text-description-package *, #patientSchedulingBookingOnline #text-description-member * {
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: "Hind" !important;
}
@media only screen and (max-width: 767.98px) {
  #patientSchedulingBookingOnline .collapse-list .collapse-list__content .collapse-list__content__main ul li .text-caption * {
    font-family: "Open Sans" !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #838383 !important;
    word-break: break-all !important;
  }
}

.box_custom_with_shadow {
  background: linear-gradient(0deg, #ffffff, #ffffff);
  box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1) !important;
  border-radius: 8px !important;
  border: 0.5px solid #f0eaea !important;
}

#list-service-mobile .booking_content {
  margin-bottom: 180px;
}

.booking-calendar-topbar {
  margin-top: -16px;
  background-color: var(--main-color_lighter);
}

#booking_calendar_mobile {
  width: 100%;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_disabled {
  pointer-events: none;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_disabled .dhx_month_head {
  color: rgba(0, 0, 0, 0.5) !important;
  background: transparent !important;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_month {
  font-size: 18px;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_week {
  background: transparent;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_week .dhx_scale_bar {
  font-size: 15px;
  font-weight: normal;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_grid {
  border-top: 1px solid #ebebeb;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head {
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head.dhx_year_event {
  background: transparent !important;
  color: #26A6EB !important;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head :hover, #booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_year_body .dhx_month_head.dhx_calendar_click {
  color: white !important;
  background: #26A6EB !important;
  font-weight: inherit;
}
#booking_calendar_mobile .dhx_cal_container.dhx_mini_calendar .dhx_year_grid .dhx_now .dhx_month_head {
  text-decoration: underline;
  background: transparent;
  font-weight: bold;
}

.dropdown .dropdown-overlay {
  display: none;
}
.dropdown.show .dropdown-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.062745098);
  content: "";
  z-index: 999;
  width: 100vw;
  height: 100vh;
  display: block;
}
.dropdown .btn-main, .dropdown .btn-main:active, .dropdown .btn-main:focus {
  background-color: var(--main-color);
  color: var(--secondary-color);
  height: 32px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1;
  font-family: "Hind";
  opacity: 1;
}

.display-show-pc {
  display: block;
}

.display-hide-pc {
  display: none !important;
}

.height-top-menu-tab {
  height: 60px;
}

.height-patient-scheduling-content {
  height: calc(100% - 60px);
}

ul.top-sidebar-menu {
  background: #f0f2f5;
  height: 44px;
}
ul.top-sidebar-menu li.sidebar-menu__item {
  width: 325px;
  padding: 20px 15px;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #232323;
  border-left: solid 10px transparent;
  cursor: pointer;
  background: #EAEAEB;
  transition: all 0.2s ease-in;
}
ul.top-sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover {
  opacity: 0.5;
  border-left: solid 10px var(--main-color);
  color: var(--main-color);
  background: rgba(var(--main-color_rgb), 0.05);
}
ul.top-sidebar-menu li.sidebar-menu__item--activated {
  border-left: solid 10px var(--main-color);
  color: var(--main-color);
  background: #fff;
}

.tab-mobile-appoiment .nav-tabs--strong-style .nav-item {
  width: 225px;
}

#popup-activity .form-group {
  margin-bottom: 0.75rem;
}

.input-group-mobile {
  border: 1px solid #838383;
  box-sizing: border-box;
  border-radius: 4px;
  height: 40px;
  padding: 12px 12px 12px 0;
  font-size: 16px;
  font-family: "Nunito Sans";
}
.input-group-mobile input {
  border: none !important;
  border-bottom: none !important;
}
.input-group-mobile .input-group-append i {
  font-weight: 600 !important;
  color: #1F1F1F;
}
.input-group-mobile--modifier {
  height: 32px;
}
.input-group-mobile--disabled-bg {
  background: #eceeef !important;
}
.input-group-mobile .disabled-bg {
  background: #eceeef !important;
}

@media only screen and (max-width: 767.98px) {
  .display-show-pc {
    display: none !important;
  }
  .display-hide-pc {
    display: block !important;
  }
  .tab-content-div {
    padding: 0px 15px 15px !important;
  }
  .tab-content-div::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  .tab-content-div:hover::-webkit-scrollbar {
    width: 0;
  }
  .padding-schedule-mobile {
    padding: 0 !important;
  }
  .tab-back {
    width: 5%;
    color: var(--main-color) !important;
  }
  .tab-back i {
    font-size: 18px;
    font-weight: 500;
  }
  .height-top-menu-tab {
    height: auto;
  }
  .height-patient-scheduling-content {
    height: auto;
  }
  .fz-18 {
    font-size: 18px;
  }
  .bd-fade-top-1 {
    border-top: 1px solid #f0f0f0 !important;
  }
  .bd-fade-bottom-1 {
    border-bottom: 1px solid #f0f0f0;
  }
  .pd-cus-2 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .height-input-mobile {
    height: 48px;
  }
  .m-auto {
    margin: auto;
  }
  .ml-negative-16 {
    margin-left: -16px !important;
  }
  .mr-negative-16 {
    margin-right: -16px !important;
  }
  .rounded-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .cus-form-body-mobile {
    width: 91.5%;
  }
  .btn-empty {
    background: #FFF;
    border: 0px;
    color: #232323;
    width: 100%;
    border: 1px solid #838383;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 0.25rem;
  }
  .mw-125 {
    max-width: 125px;
    width: auto;
  }
  .patient-scheduler-format-form {
    height: 100vh;
  }
  .virtual-header-pte {
    height: 65px;
    width: 100%;
  }
  .position-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--main-color);
    height: 65px;
    z-index: 999;
  }
  .text-truncate-three-line {
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
  .mobile-pb-5 {
    padding-bottom: 5rem;
  }
  .text-main-rgb {
    color: rgba(var(--main-color_rgb), 0.8) !important;
  }
  ul.top-sidebar-menu li.sidebar-menu__item {
    padding: 6px 0;
    font-family: "Hind";
    font-style: normal;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #232323;
    border-bottom: solid 2px transparent;
    cursor: pointer;
    background: #FFF;
    transition: 0ms;
    border-left: solid 0px transparent;
    white-space: nowrap;
  }
  ul.top-sidebar-menu li.sidebar-menu__item i,
  ul.top-sidebar-menu li.sidebar-menu__item svg {
    margin-bottom: 3px;
  }
  ul.top-sidebar-menu li.sidebar-menu__item:not(.sidebar-menu__item--activated):hover {
    opacity: 0.5;
    border-bottom: solid 2px var(--main-color);
    color: var(--main-color);
    background: rgba(var(--main-color_rgb), 0.05);
    border-left: none;
  }
  ul.top-sidebar-menu li.sidebar-menu__item--activated {
    border-left: none;
    border-bottom: solid 2px var(--main-color);
    color: var(--main-color);
    background: #fff;
  }
  ul.top-sidebar-menu li.sidebar-menu__item--activated *,
  ul.top-sidebar-menu li.sidebar-menu__item--activated span {
    fill: var(--main-color) !important;
  }
  .input-group-mobile {
    border: 1px solid #838383;
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    padding: 12px 12px 12px 0 !important;
    font-size: 16px;
    font-family: "Nunito Sans";
  }
  .input-group-mobile input {
    border: none !important;
    border-bottom: none !important;
  }
  .input-group-mobile .input-group-append i {
    font-weight: 400 !important;
    color: #1F1F1F;
  }
  md-select.custom-form-control md-select-value {
    border-radius: 8px;
    font-family: "Nunito Sans";
    height: 48px;
  }
  .cus-scroll-bar::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .cus-scroll-bar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .cus-scroll-bar::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .cus-scroll-bar:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .cus-scroll-bar:hover::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    border: 0px solid transparent;
  }
  .btn-custom-mr {
    margin: 0 0 12px 0 !important;
  }
  .label-date {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .tab-mobile-appoiment {
    margin-top: 24px;
  }
  .tab-mobile-appoiment .nav-tabs--strong-style {
    width: 100% !important;
    flex-direction: row;
    background: #f0f2f9;
    border-radius: 100px;
    box-shadow: inset 0px 0px 0px #e3e3e3;
    padding: 2px 3px !important;
    height: auto !important;
  }
  .tab-mobile-appoiment .nav-tabs--strong-style .nav-item {
    padding: 0px;
    cursor: pointer;
    width: 50% !important;
    border-radius: 100px;
    height: auto !important;
  }
  .tab-mobile-appoiment .nav-tabs--strong-style .nav-item .nav-link {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    display: flex;
    align-items: center;
    color: #595959 !important;
    cursor: pointer;
    background-color: #f0f2f9;
    border-radius: 100px;
    justify-content: center;
    padding: 0px 5px;
    height: 40px;
    transition: none;
  }
  .tab-mobile-appoiment .nav-tabs--strong-style .nav-item.active {
    color: white;
    background: #26A6EB;
  }
  .tab-mobile-appoiment .nav-tabs--strong-style .nav-item.active .nav-link {
    color: white !important;
    background: #26A6EB !important;
  }
  .tab-mobile-appoiment .nav-tabs--strong-style .nav-item:not(.active):hover {
    opacity: 0.7;
  }
  .content-back {
    width: 95%;
    margin-right: 2.5%;
  }
  .content-back .header-select-appoint {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FFF;
    font-family: "Open Sans";
  }
  .content-back .name-provider {
    font-family: "Nunito Sans";
    font-size: 12px;
    line-height: 16px;
    color: #FFF;
    margin-top: 2px;
  }
  .footer-content {
    position: fixed;
    bottom: 0;
    background: #FFF;
    padding-top: 16px;
  }
  .footer-content button {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
  #list-service-mobile .content-result,
  #list-provider-mobile .content-result {
    min-height: 45vh;
    height: 60vh;
  }
  #list-service-mobile .content-result .progress-find-available p,
  #list-provider-mobile .content-result .progress-find-available p {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #232323;
  }
  #list-service-mobile .content-result .progress-find-available .content-available-button,
  #list-provider-mobile .content-result .progress-find-available .content-available-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #list-service-mobile .content-result .progress-find-available .content-available-button .btn-available,
  #list-provider-mobile .content-result .progress-find-available .content-available-button .btn-available {
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    color: #FFF;
    font-weight: bold;
    font-family: "Hind";
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    border-radius: 8px;
  }
  #list-service-mobile .content-result .progress-find-available .content-available-button .btn-location,
  #list-provider-mobile .content-result .progress-find-available .content-available-button .btn-location {
    width: 100%;
    border: 1px solid #838383;
    background: #FFFFFF;
    color: #838383;
    font-family: "Hind";
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    margin-top: 12px;
    border-radius: 8px;
  }
  #list-service-mobile .cus-footer-progress .content-available-button,
  #list-provider-mobile .cus-footer-progress .content-available-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #list-service-mobile .cus-footer-progress .content-available-button .btn-available,
  #list-provider-mobile .cus-footer-progress .content-available-button .btn-available {
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    color: #FFF;
    font-weight: bold;
    font-family: "Hind";
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    border-radius: 8px;
  }
  #list-service-mobile .cus-footer-progress .content-available-button .btn-location,
  #list-provider-mobile .cus-footer-progress .content-available-button .btn-location {
    width: 100%;
    border: 1px solid #838383;
    background: #FFFFFF;
    color: #838383;
    font-family: "Hind";
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    margin-top: 12px;
    border-radius: 8px;
  }
  #list-service-mobile hr,
  #list-provider-mobile hr {
    margin-left: -15px;
    margin-right: -15px;
  }
  #list-service-mobile .content-search-header,
  #list-provider-mobile .content-search-header {
    background: linear-gradient(0deg, #ffffff, #ffffff);
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 100px;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(221, 221, 221, 0.7803921569);
    width: 90%;
  }
  #list-service-mobile .content-available h6,
  #list-provider-mobile .content-available h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #595959;
  }
  #list-service-mobile .content-available .content-wapper,
  #list-provider-mobile .content-available .content-wapper {
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 8px;
    padding: 8px 16px;
    border: 1px solid #EAEAEB;
    position: relative;
    font-family: "Open Sans";
    height: 64px;
  }
  #list-service-mobile .content-available .content-wapper .content-left,
  #list-provider-mobile .content-available .content-wapper .content-left {
    width: 48px;
  }
  #list-service-mobile .content-available .content-wapper .content-left img,
  #list-provider-mobile .content-available .content-wapper .content-left img {
    max-width: 48px;
    width: 100%;
  }
  #list-service-mobile .content-available .content-wapper .content-center,
  #list-provider-mobile .content-available .content-wapper .content-center {
    width: 75%;
  }
  #list-service-mobile .content-available .content-wapper .content-center h6,
  #list-provider-mobile .content-available .content-wapper .content-center h6 {
    color: #1F1F1F;
  }
  #list-service-mobile .content-available .content-wapper .content-center span,
  #list-provider-mobile .content-available .content-wapper .content-center span {
    font-family: "Nunito";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #595959;
  }
  #list-service-mobile .content-available .content-wapper .content-center span i,
  #list-provider-mobile .content-available .content-wapper .content-center span i {
    font-weight: 300;
  }
  #list-service-mobile .content-available:last-child,
  #list-provider-mobile .content-available:last-child {
    padding-bottom: 11rem;
  }
  #list-service-mobile .active-select,
  #list-provider-mobile .active-select {
    border: 1px solid var(--main-color) !important;
    color: var(--main-color);
    background: rgba(var(--main-color_rgb), 0.1);
    box-sizing: border-box;
  }
  #list-service-mobile .active-select .content-location p,
  #list-service-mobile .active-select .content-location span,
  #list-provider-mobile .active-select .content-location p,
  #list-provider-mobile .active-select .content-location span {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 20px;
    color: var(--main-color) !important;
  }
  #list-service-mobile .active-select::before,
  #list-provider-mobile .active-select::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    right: 5px;
    top: 5px;
  }
  #list-service-mobile .active-select::after,
  #list-provider-mobile .active-select::after {
    content: "\f00c";
    color: #fff;
    position: absolute;
    right: 7px;
    top: 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 8px !important;
  }
  #list-service-mobile .select-appointment,
  #list-provider-mobile .select-appointment {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 2px solid #838383;
  }
  #list-service-mobile li:has(+ .active),
  #list-provider-mobile li:has(+ .active) {
    border-bottom: none !important;
  }
  #list-service-mobile .active,
  #list-provider-mobile .active {
    border: 1px solid var(--main-color) !important;
    background-color: var(--main-color_lighter) !important;
  }
  #list-service-mobile .active::before,
  #list-provider-mobile .active::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    right: 15px;
  }
  #list-service-mobile .active::after,
  #list-provider-mobile .active::after {
    content: "\f00c";
    color: #fff;
    position: absolute;
    right: 15px;
    width: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 14px !important;
    height: 20px;
    text-align: center;
  }
  #list-service-mobile .content-select-appointment {
    border-radius: 8px;
    border: 1px solid #838383;
  }
  #list-service-mobile .content-select-appointment .title-date {
    height: 36px;
    border-radius: 7px 7px 0 0;
    border: 1px solid #838383;
  }
  #list-service-mobile .content-select-appointment ul li {
    border-bottom: 1px solid #838383;
  }
  #list-service-mobile .content-select-appointment ul li .user-avatar {
    width: 48px;
    height: 48px;
  }
  #list-service-mobile .content-select-appointment ul li:last-child {
    border-radius: 0 0 8px 8px;
    border-bottom: 0;
  }
  #list-service-mobile .content-select-appointment ul li h6 {
    font-weight: bold;
    color: #232323;
    letter-spacing: 1px;
  }
  .header-select-appoint {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1F1F1F;
  }
  .name-provider {
    font-family: "Nunito Sans";
    font-size: 12px;
    line-height: 16px;
  }
  #list-provider-mobile .row .info-appoint,
  #list-service-mobile .row .info-appoint,
  #result-booking-mobile .row .info-appoint {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--main-color);
    display: flex;
    align-items: center;
    font-family: "Open Sans";
  }
  #list-provider-mobile .content-result {
    min-height: 45vh;
    height: 60vh;
  }
  #list-provider-mobile .content-result .progress-find-available p {
    font-family: "Hind";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #232323;
  }
  #list-provider-mobile .content-result .progress-find-available .content-available-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #list-provider-mobile .content-result .progress-find-available .content-available-button .btn-available {
    flex: 0 0 48%;
    max-width: 48%;
    padding: 8px 0;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    color: #FFF;
    font-weight: bold;
    font-family: "Hind";
    font-size: 16px;
    line-height: 24px;
  }
  #list-provider-mobile .cus-footer-progress .content-available-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #list-provider-mobile .cus-footer-progress .content-available-button .btn-available {
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    color: #FFF;
    font-weight: bold;
    font-family: "Hind";
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    border-radius: 8px;
  }
  #list-provider-mobile .cus-footer-progress .content-available-button .btn-location {
    width: 100%;
    border: 1px solid #838383;
    background: #FFFFFF;
    color: #838383;
    font-family: "Hind";
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    margin-top: 12px;
    border-radius: 8px;
  }
  #list-provider-mobile hr {
    margin-left: -15px;
    margin-right: -15px;
  }
  #list-provider-mobile .row .col-12 h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
  }
  #list-provider-mobile .content-time-appoiment {
    flex: 0 0 49%;
    max-width: 49%;
    border: 1px solid #838383;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
    box-shadow: 0px 2px 4px rgba(1, 18, 34, 0.1019607843);
    position: relative;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #1F1F1F;
    height: 54px;
    text-transform: lowercase;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 340px) {
  #list-provider-mobile .content-time-appoiment {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  #list-provider-mobile .active-select {
    border: 1px solid var(--main-color) !important;
    color: var(--main-color);
    background: #FFEECC;
    box-sizing: border-box;
  }
  #list-provider-mobile .active-select::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    right: 5px;
    top: 5px;
  }
  #list-provider-mobile .active-select::after {
    content: "\f00c";
    color: #fff;
    position: absolute;
    right: 7px;
    top: 0;
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 8px !important;
  }
  .activity-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .activity-header .activity-header-left {
    width: 53%;
  }
  .activity-header .activity-header-left input {
    height: 40px;
    border-radius: 8px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 370px) {
  .activity-header .activity-header-left {
    width: 58%;
  }
  .activity-header .activity-header-left input {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  .activity-header .activity-header-right {
    width: 45%;
  }
  .activity-header .activity-header-right button {
    padding: 5px 20px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 370px) {
  .activity-header .activity-header-right {
    width: 40%;
  }
  .activity-header .activity-header-right button {
    padding: 5px 10px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  #list-content-activity .tab-content .tab-pane .list-activities h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #232323;
    margin-bottom: 10px;
  }
  #list-content-activity .tab-content .tab-pane .list-activities .list-group--outline .list-group__item {
    align-items: flex-start;
    border: 1px solid rgba(227, 227, 227, 0.5882352941) !important;
    border-color: rgba(227, 227, 227, 0.5882352941) !important;
    box-shadow: 0px 2px 8px rgb(231, 230, 230);
    border-radius: 8px;
    background: #fff;
    padding: 15px;
  }
  #list-content-activity .tab-content .tab-pane .list-activities .list-group--outline .list-group__item .list-group__item__caption .text-caption.text-dark {
    color: #000 !important;
    font-weight: 500;
  }
  #list-content-activity .tab-content .tab-pane .list-activities .list-group--outline .list-group__item .list-group__item__action .badge-upcoming {
    margin-right: 0 !important;
    padding: 8px;
  }
  #popup-activity .content-interval .interval-number .input-number-decrement {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid;
    color: var(--main-color);
  }
  #popup-activity .content-interval .interval-number .input-number-decrement i {
    font-weight: 600;
    font-size: 12px;
  }
  #popup-activity .content-interval .interval-number input {
    width: 65%;
    text-align: center;
    font-size: 14px;
  }
  #popup-activity .content-interval .interval-number .input-number-increment {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid;
    color: var(--main-color);
  }
  #popup-activity .content-interval .interval-number i {
    font-weight: 600;
    font-size: 12px;
  }
  #popupShowViewOtherLocation .md-dialog-content .list-group-item {
    color: #1F1F1F;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin-left: -3px;
    margin-top: -5px;
  }
  #popupShowViewOtherLocation .md-dialog-content .list-group-item md-radio-button {
    font-family: "Hind";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    margin-bottom: 10px;
  }
  #popupShowViewOtherLocation .md-dialog-content .list-group-item md-radio-button span {
    max-width: 285px;
    display: block;
  }
  #popupShowViewOtherLocation .md-dialog-content .list-group-item span {
    max-width: 90%;
  }
  #popupShowViewOtherLocation .md-dialog-content .list-group-item:last-child {
    padding-bottom: 4rem;
  }
  #popupShowViewOtherLocation .md-dialog-content .list-group-item:hover {
    background: #FFF;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item {
    color: #1F1F1F;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin-left: -3px;
    margin-top: -5px;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item md-checkbox {
    min-height: 44px;
    min-width: 18px;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item:last-child {
    padding-bottom: 4rem;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item:hover {
    background: #FFF;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item span {
    margin-left: 11px;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item input[type=checkbox] {
    width: 18px;
    height: 18px;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item input[type=checkbox]:before {
    background: red !important;
  }
  #popupShowSelectProvider .md-dialog-content .list-group-item input[type=checkbox]:checked:before {
    background: red !important;
  }
  #popupShowSelectService .md-dialog-content h5 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
  #popupShowSelectService .md-dialog-content h6 {
    font-family: "Hind";
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
  }
  #popupShowSelectService .md-dialog-content .content-wapper {
    align-items: center;
    border-bottom: 1px solid #838383;
  }
  #popupShowSelectService .md-dialog-content .content-wapper .content-left {
    width: 5%;
  }
  #popupShowSelectService .md-dialog-content .content-wapper .content-center {
    width: 90%;
    padding-bottom: 16px;
  }
  #popupShowSelectService .md-dialog-content .content-wapper .content-center h6 {
    margin-bottom: 0.25rem;
    display: block;
    max-width: 100%;
  }
  #popupShowSelectService .md-dialog-content .content-wapper .content-center span {
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 20px;
    color: #595959;
  }
  #popupShowSelectService .md-dialog-content .content-wapper:last-child .content-center {
    border-bottom: 0;
  }
  #popupShowSelectService .md-dialog-content .active-select::after {
    content: "\f00c";
    color: var(--main-color);
    position: absolute;
    right: 0;
    top: 25px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    font-size: 14px;
  }
  #popupShowSelectService .md-dialog-content .list-service-new:last-child {
    padding-bottom: 4rem;
  }
  #popupShowSelectService .md-dialog-content .list-service-new {
    border-bottom: 1px solid #eee;
  }
  #popupShowSelectService .md-dialog-content .list-service-new .price {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  #popupShowSelectService .md-dialog-content .list-service-new .amount,
  #popupShowSelectService .md-dialog-content .list-service-new .locations,
  #popupShowSelectService .md-dialog-content .list-service-new .description {
    font-size: 14px;
    line-height: 20px;
    color: #595959;
  }
  #popupShowSelectService .md-dialog-content .select-service {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 2px solid #838383;
    position: relative;
  }
  #popupShowSelectService .md-dialog-content .active .select-service::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    right: -3px;
    top: -2px;
  }
  #popupShowSelectService .md-dialog-content .active .select-service::after {
    content: "\f00c";
    color: #fff;
    position: absolute;
    right: 0;
    top: -2px;
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 14px !important;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 .input-group {
    border: 1px solid #838383;
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    padding: 12px;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 .input-group input {
    border-bottom: none !important;
    font-size: 16px !important;
    font-family: "Nunito Sans";
    color: #232323;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 .input-group .input-group-append .fa-search {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.54);
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 ul li {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
    padding-top: 16px;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 ul li i {
    font-weight: 400;
    color: #1F1F1F;
    width: 2%;
    padding-bottom: 16px;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 ul li > div {
    border-bottom: 1px solid #838383;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 ul li > div span {
    padding-bottom: 16px;
    max-width: 230px;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 ul li:hover {
    background: #fff;
  }
  #popupShowSelectLocation .md-dialog-content .container .col-12 ul li:last-child {
    padding-bottom: 5rem;
  }
  #select-other-location #contentViewOtherLocation ul {
    padding-bottom: 5rem !important;
  }
  #select-other-location .pb-mobile-5,
  #popupShowSelectProvider .pb-mobile-5,
  #popupShowSelectService .pb-mobile-5,
  #popupShowSelectLocation .pb-mobile-5,
  #popupShowSelectProviderByProvider .pb-mobile-5,
  #popup-activity .pb-mobile-5,
  #showPopupClassScheduleInformation .pb-mobile-5,
  #showAddClassSchedule .pb-mobile-5,
  #popupShowViewOtherLocation .pb-mobile-5,
  #id-select-template-content .pb-mobile-5 {
    padding-bottom: 5rem;
  }
  #select-other-location .md-toolbar-tools,
  #popupShowSelectProvider .md-toolbar-tools,
  #popupShowSelectService .md-toolbar-tools,
  #popupShowSelectLocation .md-toolbar-tools,
  #popupShowSelectProviderByProvider .md-toolbar-tools,
  #popup-activity .md-toolbar-tools,
  #showPopupClassScheduleInformation .md-toolbar-tools,
  #showAddClassSchedule .md-toolbar-tools,
  #popupShowViewOtherLocation .md-toolbar-tools,
  #id-select-template-content .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
  #select-other-location .md-toolbar-tools h6,
  #popupShowSelectProvider .md-toolbar-tools h6,
  #popupShowSelectService .md-toolbar-tools h6,
  #popupShowSelectLocation .md-toolbar-tools h6,
  #popupShowSelectProviderByProvider .md-toolbar-tools h6,
  #popup-activity .md-toolbar-tools h6,
  #showPopupClassScheduleInformation .md-toolbar-tools h6,
  #showAddClassSchedule .md-toolbar-tools h6,
  #popupShowViewOtherLocation .md-toolbar-tools h6,
  #id-select-template-content .md-toolbar-tools h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  #select-other-location .md-dialog-content::-webkit-scrollbar,
  #popupShowSelectProvider .md-dialog-content::-webkit-scrollbar,
  #popupShowSelectService .md-dialog-content::-webkit-scrollbar,
  #popupShowSelectLocation .md-dialog-content::-webkit-scrollbar,
  #popupShowSelectProviderByProvider .md-dialog-content::-webkit-scrollbar,
  #popup-activity .md-dialog-content::-webkit-scrollbar,
  #showPopupClassScheduleInformation .md-dialog-content::-webkit-scrollbar,
  #showAddClassSchedule .md-dialog-content::-webkit-scrollbar,
  #popupShowViewOtherLocation .md-dialog-content::-webkit-scrollbar,
  #id-select-template-content .md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  #select-other-location .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowSelectProvider .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowSelectService .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowSelectLocation .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowSelectProviderByProvider .md-dialog-content:hover::-webkit-scrollbar,
  #popup-activity .md-dialog-content:hover::-webkit-scrollbar,
  #showPopupClassScheduleInformation .md-dialog-content:hover::-webkit-scrollbar,
  #showAddClassSchedule .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowViewOtherLocation .md-dialog-content:hover::-webkit-scrollbar,
  #id-select-template-content .md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
  #select-other-location .md-dialog-footer,
  #popupShowSelectProvider .md-dialog-footer,
  #popupShowSelectService .md-dialog-footer,
  #popupShowSelectLocation .md-dialog-footer,
  #popupShowSelectProviderByProvider .md-dialog-footer,
  #popup-activity .md-dialog-footer,
  #showPopupClassScheduleInformation .md-dialog-footer,
  #showAddClassSchedule .md-dialog-footer,
  #popupShowViewOtherLocation .md-dialog-footer,
  #id-select-template-content .md-dialog-footer {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    z-index: 9999;
    padding: 15px !important;
    border-top: 1px solid rgba(228, 228, 228, 0.6);
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  }
  #select-other-location .md-dialog-footer .modal-footer__create,
  #popupShowSelectProvider .md-dialog-footer .modal-footer__create,
  #popupShowSelectService .md-dialog-footer .modal-footer__create,
  #popupShowSelectLocation .md-dialog-footer .modal-footer__create,
  #popupShowSelectProviderByProvider .md-dialog-footer .modal-footer__create,
  #popup-activity .md-dialog-footer .modal-footer__create,
  #showPopupClassScheduleInformation .md-dialog-footer .modal-footer__create,
  #showAddClassSchedule .md-dialog-footer .modal-footer__create,
  #popupShowViewOtherLocation .md-dialog-footer .modal-footer__create,
  #id-select-template-content .md-dialog-footer .modal-footer__create {
    width: 100%;
  }
  #select-other-location .md-dialog-footer button,
  #popupShowSelectProvider .md-dialog-footer button,
  #popupShowSelectService .md-dialog-footer button,
  #popupShowSelectLocation .md-dialog-footer button,
  #popupShowSelectProviderByProvider .md-dialog-footer button,
  #popup-activity .md-dialog-footer button,
  #showPopupClassScheduleInformation .md-dialog-footer button,
  #showAddClassSchedule .md-dialog-footer button,
  #popupShowViewOtherLocation .md-dialog-footer button,
  #id-select-template-content .md-dialog-footer button {
    font-family: "Nunito Sans";
    border: 1px solid #3D5AFE;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
  #popupShowSelectProviderByProvider .md-dialog-content .header-action {
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
  }
  #popupShowSelectProviderByProvider .md-dialog-content ul {
    padding-bottom: 4rem;
  }
  #popupShowSelectProviderByProvider .md-dialog-content ul li {
    font-family: "Hind";
    color: #1F1F1F;
    font-weight: 500;
    height: 64px !important;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF) !important;
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1) !important;
    border-radius: 8px !important;
    border: 0.5px solid #f0f0f0 !important;
    padding: 16px;
    margin: 16px 0;
  }
  #popupShowSelectProviderByProvider .md-dialog-content ul li h6 {
    font-size: 16px;
    line-height: 24px;
  }
  #popupShowSelectProviderByProvider .md-dialog-content ul li .text-location {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #838383;
  }
  #popupShowSelectProviderByProvider .md-dialog-content ul li img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #popupShowBottomRepeatActivity {
    max-height: 50%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    position: absolute;
    bottom: 0;
  }
  #popupShowBottomRepeatActivity .md-toolbar-tools {
    background: #fff;
  }
  #popupShowBottomRepeatActivity .md-toolbar-tools h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
  #popupShowBottomRepeatActivity .md-toolbar-tools i {
    color: var(--main-color);
  }
  #popupShowBottomRepeatActivity .md-dialog-content ul li {
    margin: 0.5rem;
    font-family: "Nunito";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
  #popupShowBottomRepeatActivity .md-dialog-content .active-select {
    background: #EDF5FE;
  }
  #popupShowBottomRepeatActivity .md-dialog-content .active-select::after {
    content: "\f00c";
    color: green;
    position: absolute;
    right: 15px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    font-size: 14px;
    background: #EDF5FE;
    padding: 5px;
  }
  #result-booking-mobile .content-result {
    min-height: 45vh;
    height: 60vh;
  }
  #result-booking-mobile .content-result img {
    width: 100%;
    max-width: 240px;
  }
  #result-booking-mobile .content-result p {
    font-family: "Nunito";
    font-size: 16px;
    color: #232323;
  }
  #bookingConfirmation .content-result {
    min-height: 45vh;
    height: 85vh;
  }
  #bookingConfirmation .content-result h5 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
  }
  #bookingConfirmation .content-result img {
    width: 100%;
    max-width: 96px;
  }
  #bookingConfirmation .content-result .content-icon {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 4px solid var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #bookingConfirmation .content-result .content-icon i {
    font-size: 64px;
    color: var(--main-color) !important;
  }
  #popupShowAgreeTerm .container h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #1F1F1F;
  }
  #popupShowAgreeTerm .container p {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
  }
  .list-service-class {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 8px;
    border: 1px solid #F0F0F0;
  }
  .list-service-class .list-group__item {
    border-bottom: 1px solid #F0F0F0;
    margin: 0 10px;
    border-radius: 0px !important;
  }
  .list-service-class .list-group__item:last-child {
    border-bottom: none;
  }
  .list-member-ship {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 8px;
    border: 1px solid #F0F0F0;
  }
  .list-member-ship .list-group__item {
    border-bottom: 1px solid #F0F0F0;
  }
  .list-member-ship .list-group__item:last-child {
    border-bottom: none;
  }
  .list-member-ship .list-group__item__action {
    width: 100%;
  }
  .list-package {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 8px;
  }
  .list-package .list-group__item {
    border-bottom: 1px solid #F0F0F0;
  }
  .list-package .list-group__item:last-child {
    border-bottom: none;
  }
  .list-package .list-group__item__action {
    width: 100%;
  }
  .list-provider-booking h6 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
  .list-provider-booking .list-group__item {
    background: #FFF !important;
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 8px !important;
    border: 1px solid #F0F0F0;
  }
  .tab-content-mobile .mw-250 {
    max-width: 250px;
    width: auto;
  }
  .tab-content-mobile .mw-190 {
    max-width: 190px;
    width: auto;
  }
  .tab-content-mobile .mw-160 {
    max-width: 160px;
    width: auto;
  }
  .tab-content-mobile .mw-125 {
    max-width: 125px;
    width: auto;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__header {
    background-color: #fff !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 5px 5px 5px 0 !important;
    height: auto !important;
    margin-bottom: 11px !important;
    margin-top: 11px !important;
    height: 42px !important;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__header h2 {
    font-family: Open "Sans" !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #1F1F1F !important;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__header h2 i {
    font-weight: 400;
    font-size: 14px;
    margin-left: 0.25rem;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content {
    width: 100%;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    border-radius: 8px;
    border: 0.5px solid #F0F0F0;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section .collapse-list__content__title {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 12px 16px;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section .collapse-list__content__main {
    padding: 0 8px 16px;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section .collapse-list__content__main .list-group {
    padding: 0;
    margin: 8px 0;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section .collapse-list__content__main .list-group .list-group__detail__item h2 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section .collapse-list__content__main .list-group .list-group--clean-style .list-group__item {
    border-radius: 0px;
    padding: 5px 0;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section .collapse-list__content__main .list-group .list-group--clean-style .list-group__item .list-group__item__icon {
    font-size: 14px;
    font-weight: 300;
    margin: 0 16px !important;
  }
  .tab-content-mobile .tab-action-service .collapse-list .collapse-list__item .collapse-list__content .collapse-list__content__section .collapse-list__content__main .list-group .list-group--clean-style .list-group__item .list-group__item__content .list-group__item__title {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  .tab-content-mobile .tab-action-provider h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
  .tab-content-mobile .tab-action-provider .list-group .list-group__item {
    height: 64px !important;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF) !important;
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1) !important;
    border-radius: 8px !important;
    border: 0.5px solid #f0f0f0 !important;
  }
  .tab-content-mobile .tab-action-provider .list-group .list-group__item .list-group__item__avatar .user-avatar {
    width: 48px;
    height: 48px;
  }
  .tab-content-mobile .tab-action-provider .list-group .list-group__item .list-group__item__content i {
    font-weight: 300;
  }
  .tab-content-mobile .tab-action-provider .list-group .list-group__item .list-group__item__content span {
    font-family: "Nunito";
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
  }
  #cus-md-checkbox md-checkbox .md-container {
    margin-top: 5px !important;
  }
  .btn-cancel-appointment {
    background: #FFFFFF;
    border: 1px solid #FF4235;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 8px;
    color: #FF4235;
    font-family: "Nunito Sans";
  }
  .btn-cancel-app-content {
    background: #FF4235;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
    border-radius: 8px;
    color: #FFF;
    font-family: "Nunito Sans";
  }
  .btn-delete-only {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .btn-back-no {
    font-family: "Nunito Sans";
    background: #FFFFFF;
    border: 1px solid #838383;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 8px;
    font-size: 16px !important;
    line-height: 24px !important;
    height: 40px;
    color: #000;
  }
  #popup-appointment md-autocomplete {
    min-width: 150px;
  }
  #popup-appointment .rounded-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #popup-appointment .label-add-class {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
  }
  #popup-appointment .label-show-more {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
  #popup-appointment md-toolbar .md-toolbar-tools h5 {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
  }
  #popup-appointment md-toolbar .md-toolbar-tools .cus-ml {
    margin-left: 2.5rem;
  }
  #popup-appointment md-dialog-content {
    overflow-y: auto;
  }
  #popup-appointment md-dialog-content::-webkit-scrollbar {
    width: 0px !important;
    background-color: rgba(0, 0, 0, 0);
  }
  #popup-appointment md-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  #popup-appointment md-dialog-content::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  #popup-appointment md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  #popup-appointment md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
  #popup-appointment md-dialog-content .form-group .form-group--strong-style label {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }
  #popup-appointment md-dialog-content #content-create-appointment .input-group-mobile input,
  #popup-appointment md-dialog-content #content-edit-appointment .input-group-mobile input,
  #popup-appointment md-dialog-content #content-view-appointment .input-group-mobile input {
    height: 100% !important;
  }
  #popup-appointment md-dialog-content #content-create-appointment .input-group-mobile .input-group-append i,
  #popup-appointment md-dialog-content #content-edit-appointment .input-group-mobile .input-group-append i,
  #popup-appointment md-dialog-content #content-view-appointment .input-group-mobile .input-group-append i {
    font-weight: 400 !important;
    color: #1F1F1F;
  }
  #popup-appointment md-dialog-content #content-create-appointment .col-star-time .form-group .selectBox,
  #popup-appointment md-dialog-content #content-create-appointment .col-end-time .form-group .selectBox,
  #popup-appointment md-dialog-content #content-edit-appointment .col-star-time .form-group .selectBox,
  #popup-appointment md-dialog-content #content-edit-appointment .col-end-time .form-group .selectBox,
  #popup-appointment md-dialog-content #content-view-appointment .col-star-time .form-group .selectBox,
  #popup-appointment md-dialog-content #content-view-appointment .col-end-time .form-group .selectBox {
    height: 48px;
    display: flex;
    padding: 0.5rem;
    border: 1px solid #838383;
  }
  #popup-appointment md-dialog-content #content-create-appointment .col-star-time .form-group .selectBox select,
  #popup-appointment md-dialog-content #content-create-appointment .col-end-time .form-group .selectBox select,
  #popup-appointment md-dialog-content #content-edit-appointment .col-star-time .form-group .selectBox select,
  #popup-appointment md-dialog-content #content-edit-appointment .col-end-time .form-group .selectBox select,
  #popup-appointment md-dialog-content #content-view-appointment .col-star-time .form-group .selectBox select,
  #popup-appointment md-dialog-content #content-view-appointment .col-end-time .form-group .selectBox select {
    border: none;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    background: #FFF;
  }
  #popup-appointment .content-interval .interval-number .input-number-decrement {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid;
    color: var(--main-color);
  }
  #popup-appointment .content-interval .interval-number .input-number-decrement i {
    font-weight: 600;
    font-size: 12px;
  }
  #popup-appointment .content-interval .interval-number input {
    width: 65%;
    text-align: center;
    font-size: 14px;
    font-family: "Open Sans" !important;
  }
  #popup-appointment .content-interval .interval-number .input-number-increment {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid;
    color: var(--main-color);
  }
  #popup-appointment .content-interval .interval-number i {
    font-weight: 600;
    font-size: 12px;
  }
  #popup-appointment .label-sub {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #979797;
  }
  #popup-appointment .label-100 {
    font-family: "Nunito Sans";
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.25);
  }
  #popup-appointment .span-header-edit {
    font-family: "Nunito Sans";
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
  #popup-appointment md-dialog-actions {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    padding: 15px !important;
  }
  #popup-appointment md-dialog-actions .modal-footer__create {
    width: 100%;
  }
  #popup-appointment md-dialog-actions button {
    font-family: "Nunito Sans";
  }
  #popup-patient .rounded-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #popup-patient .d-block .intl-tel-input {
    width: 100%;
  }
  #popup-patient md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  #popup-patient md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
  #popup-patient md-dialog-content #content-patient-app .form-group .form-control {
    height: 48px !important;
    border: 1px solid #838383;
  }
  #popup-patient md-dialog-actions .modal-footer--create button {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
  .error-input {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
  }
  #popupViewClassDetail md-toolbar .header-mobile h5 {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
    color: #FFF;
    margin-left: 12px;
    margin-bottom: 0;
  }
  #popupViewClassDetail md-toolbar .header-mobile span {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 24px;
    color: #FFF;
  }
  #popupViewClassDetail md-dialog-content .content-available h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #1F1F1F;
  }
  #popupViewClassDetail md-dialog-content .content-available .content-wapper {
    padding: 8px 16px;
    position: relative;
    font-family: "Open Sans";
    height: 85px;
    box-shadow: 0px 2px 4px rgba(1, 18, 34, 0.1);
    border: 1px solid #EAEAEB;
    border-radius: 8px;
  }
  #popupViewClassDetail md-dialog-content .content-available .content-wapper .content-left .cus-span-unpaid {
    background: rgba(253, 45, 87, 0.2);
    color: #FD2D57;
    padding: 2px 8px;
    border-radius: 5px;
    font-family: "Hind" !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
  }
  #popupViewClassDetail md-dialog-content .content-available .content-wapper .content-left .cus-span-success {
    background: rgba(74, 211, 171, 0.2);
    color: #4AD3AB;
    padding: 2px 8px;
    border-radius: 5px;
    font-family: "Hind" !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
  }
  #popupViewClassDetail md-dialog-content .content-available .content-wapper .content-right .fa-ellipsis-h {
    color: #1F1F1F;
  }
  #popupViewClassDetail md-dialog-content .content-available .content-wapper .content-right input[type=checkbox] + .custom-checkbox {
    display: inline-block;
    font-family: "fontAwesome";
    font-size: 12px;
    content: "";
    border: 2px solid #838383;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 15px;
    vertical-align: middle;
    border-radius: 100%;
  }
  #popupViewClassDetail md-dialog-content .content-available .content-wapper .content-right input[type=checkbox]:checked + .custom-checkbox {
    background: var(--main-color) !important;
    border: none;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 14px !important;
  }
  #popupViewClassDetail md-dialog-content .content-available .content-wapper .content-right .check-box-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid gray;
  }
  #popupViewClassDetail md-dialog-content .content-available:last-child {
    padding-bottom: 12rem;
  }
  #popupViewClassDetail md-dialog-content .active-select {
    border: 1px solid var(--main-color) !important;
    color: var(--main-color);
    background: #FFEECC;
    box-sizing: border-box;
  }
  #popupViewClassDetail md-dialog-content .active-select .content-location p,
  #popupViewClassDetail md-dialog-content .active-select .content-location span {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 20px;
    color: var(--main-color) !important;
  }
  #popupViewClassDetail md-dialog-actions {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    padding: 0 15px 15px !important;
  }
  #popupViewClassDetail md-dialog-actions button {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  #popupViewClassDetail md-dialog-actions .btn-check-in {
    margin-top: 0px;
  }
  #popupViewClassDetail md-dialog-actions .btn-progress {
    margin-top: 12px;
  }
  #popupViewClassDetail md-dialog-actions .btn-cancel-appointment {
    margin-top: 12px;
  }
  #popupBottomSheetDeleteBlockServiceClass,
  #popupBottomSheetMenuInViewClassList,
  #popupMoreMenu {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  #popupBottomSheetDeleteBlockServiceClass .md-toolbar-tools,
  #popupBottomSheetMenuInViewClassList .md-toolbar-tools,
  #popupMoreMenu .md-toolbar-tools {
    background: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  #popupBottomSheetDeleteBlockServiceClass .md-toolbar-tools h6,
  #popupBottomSheetMenuInViewClassList .md-toolbar-tools h6,
  #popupMoreMenu .md-toolbar-tools h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
  #popupBottomSheetDeleteBlockServiceClass .md-toolbar-tools i,
  #popupBottomSheetMenuInViewClassList .md-toolbar-tools i,
  #popupMoreMenu .md-toolbar-tools i {
    color: var(--main-color);
  }
  #popupBottomSheetDeleteBlockServiceClass .wrapper--text-black,
  #popupBottomSheetMenuInViewClassList .wrapper--text-black,
  #popupMoreMenu .wrapper--text-black {
    background: #fff !important;
  }
  #popupBottomSheetDeleteBlockServiceClass .wrapper--text-black .context-menu-item,
  #popupBottomSheetDeleteBlockServiceClass .wrapper--text-black .demo-menu-item,
  #popupBottomSheetMenuInViewClassList .wrapper--text-black .context-menu-item,
  #popupBottomSheetMenuInViewClassList .wrapper--text-black .demo-menu-item,
  #popupMoreMenu .wrapper--text-black .context-menu-item,
  #popupMoreMenu .wrapper--text-black .demo-menu-item {
    border-left: none !important;
    border-color: #FFF !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    height: 56px;
    color: #1F1F1F;
  }
  #popupMoreMenu .container-more-option {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
  }
  #popupBottomSelectPtE {
    max-height: unset !important;
  }
  #popupShowBottomRepeat,
  #popupShowBottomSelectType,
  #popupShowBottomSelectProvider,
  #popupShowBottomSelectLocation,
  #showPopupBottomSelectColor,
  #popupShowBottomSelectService,
  #popupBottomSelectPtE {
    max-height: 424px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    z-index: 1003;
  }
  #popupShowBottomRepeat .md-toolbar-tools,
  #popupShowBottomSelectType .md-toolbar-tools,
  #popupShowBottomSelectProvider .md-toolbar-tools,
  #popupShowBottomSelectLocation .md-toolbar-tools,
  #showPopupBottomSelectColor .md-toolbar-tools,
  #popupShowBottomSelectService .md-toolbar-tools,
  #popupBottomSelectPtE .md-toolbar-tools {
    background: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  #popupShowBottomRepeat .md-toolbar-tools h6,
  #popupShowBottomSelectType .md-toolbar-tools h6,
  #popupShowBottomSelectProvider .md-toolbar-tools h6,
  #popupShowBottomSelectLocation .md-toolbar-tools h6,
  #showPopupBottomSelectColor .md-toolbar-tools h6,
  #popupShowBottomSelectService .md-toolbar-tools h6,
  #popupBottomSelectPtE .md-toolbar-tools h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
  }
  #popupShowBottomRepeat .md-toolbar-tools i,
  #popupShowBottomSelectType .md-toolbar-tools i,
  #popupShowBottomSelectProvider .md-toolbar-tools i,
  #popupShowBottomSelectLocation .md-toolbar-tools i,
  #showPopupBottomSelectColor .md-toolbar-tools i,
  #popupShowBottomSelectService .md-toolbar-tools i,
  #popupBottomSelectPtE .md-toolbar-tools i {
    color: var(--main-color);
  }
  #popupShowBottomRepeat .md-dialog-content,
  #popupShowBottomSelectType .md-dialog-content,
  #popupShowBottomSelectProvider .md-dialog-content,
  #popupShowBottomSelectLocation .md-dialog-content,
  #showPopupBottomSelectColor .md-dialog-content,
  #popupShowBottomSelectService .md-dialog-content,
  #popupBottomSelectPtE .md-dialog-content {
    max-height: 350px;
    overflow: auto;
  }
  #popupShowBottomRepeat .md-dialog-content .text-no-available,
  #popupShowBottomSelectType .md-dialog-content .text-no-available,
  #popupShowBottomSelectProvider .md-dialog-content .text-no-available,
  #popupShowBottomSelectLocation .md-dialog-content .text-no-available,
  #showPopupBottomSelectColor .md-dialog-content .text-no-available,
  #popupShowBottomSelectService .md-dialog-content .text-no-available,
  #popupBottomSelectPtE .md-dialog-content .text-no-available {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #F4A522;
    margin-bottom: 0.25rem;
  }
  #popupShowBottomRepeat .md-dialog-content::-webkit-scrollbar,
  #popupShowBottomSelectType .md-dialog-content::-webkit-scrollbar,
  #popupShowBottomSelectProvider .md-dialog-content::-webkit-scrollbar,
  #popupShowBottomSelectLocation .md-dialog-content::-webkit-scrollbar,
  #showPopupBottomSelectColor .md-dialog-content::-webkit-scrollbar,
  #popupShowBottomSelectService .md-dialog-content::-webkit-scrollbar,
  #popupBottomSelectPtE .md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  #popupShowBottomRepeat .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowBottomSelectType .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowBottomSelectProvider .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowBottomSelectLocation .md-dialog-content:hover::-webkit-scrollbar,
  #showPopupBottomSelectColor .md-dialog-content:hover::-webkit-scrollbar,
  #popupShowBottomSelectService .md-dialog-content:hover::-webkit-scrollbar,
  #popupBottomSelectPtE .md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
  #popupShowBottomRepeat .md-dialog-content ul li,
  #popupShowBottomSelectType .md-dialog-content ul li,
  #popupShowBottomSelectProvider .md-dialog-content ul li,
  #popupShowBottomSelectLocation .md-dialog-content ul li,
  #showPopupBottomSelectColor .md-dialog-content ul li,
  #popupShowBottomSelectService .md-dialog-content ul li,
  #popupBottomSelectPtE .md-dialog-content ul li {
    margin: 6px 0;
    font-family: "Nunito";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    padding: 0.25rem;
    color: #1F1F1F;
  }
  #popupShowBottomRepeat .md-dialog-content .active-select,
  #popupShowBottomSelectType .md-dialog-content .active-select,
  #popupShowBottomSelectProvider .md-dialog-content .active-select,
  #popupShowBottomSelectLocation .md-dialog-content .active-select,
  #showPopupBottomSelectColor .md-dialog-content .active-select,
  #popupShowBottomSelectService .md-dialog-content .active-select,
  #popupBottomSelectPtE .md-dialog-content .active-select {
    background: #EDF5FE;
    border-radius: 4px;
  }
  #popupShowBottomRepeat .md-dialog-content .active-select::after,
  #popupShowBottomSelectType .md-dialog-content .active-select::after,
  #popupShowBottomSelectProvider .md-dialog-content .active-select::after,
  #popupShowBottomSelectLocation .md-dialog-content .active-select::after,
  #showPopupBottomSelectColor .md-dialog-content .active-select::after,
  #popupShowBottomSelectService .md-dialog-content .active-select::after,
  #popupBottomSelectPtE .md-dialog-content .active-select::after {
    content: "\f00c";
    color: green;
    position: absolute;
    right: 15px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    font-size: 14px;
    background: #EDF5FE;
    padding: 3px;
  }
  #showPopupSelectLocatiosMobile .md-toolbar-tools,
  #showPopupSelectProviders .md-toolbar-tools {
    height: 48px;
  }
  #showPopupSelectLocatiosMobile md-dialog-content,
  #showPopupSelectProviders md-dialog-content {
    max-height: calc(100% - 120px);
  }
  #showPopupSelectLocatiosMobile md-dialog-content::-webkit-scrollbar,
  #showPopupSelectProviders md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  #showPopupSelectLocatiosMobile md-dialog-content:hover::-webkit-scrollbar,
  #showPopupSelectProviders md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
  #showPopupSelectLocatiosMobile .container .content-wapper .content-left,
  #showPopupSelectProviders .container .content-wapper .content-left {
    border: 1px solid #838383;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 4px;
    padding: 5px 16px;
    margin-top: 8px;
    margin-right: 8px;
  }
  #showPopupSelectLocatiosMobile .container .content-wapper .content-left img,
  #showPopupSelectProviders .container .content-wapper .content-left img {
    width: 20px;
    height: 20px;
  }
  #showPopupSelectLocatiosMobile .container .content-wapper .content-left span,
  #showPopupSelectProviders .container .content-wapper .content-left span {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #1F1F1F;
    max-width: 200px;
  }
  #showPopupSelectLocatiosMobile .active-pro,
  #showPopupSelectProviders .active-pro {
    background: #FFEECC;
    border: 1px solid #FF7603 !important;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
    border-radius: 4px;
  }
  #showPopupSelectLocatiosMobile .active-pro span,
  #showPopupSelectProviders .active-pro span {
    color: #FF7603 !important;
    font-weight: 600 !important;
  }
  #showPopupSelectLocatiosMobile .md-toolbar-tools h6,
  #showPopupSelectProviders .md-toolbar-tools h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  #showPopupSelectLocatiosMobile .md-dialog-footer,
  #showPopupSelectProviders .md-dialog-footer {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    padding: 15px !important;
  }
  #showPopupSelectLocatiosMobile .md-dialog-footer .modal-footer__create,
  #showPopupSelectProviders .md-dialog-footer .modal-footer__create {
    width: 100%;
  }
  #showPopupSelectLocatiosMobile .md-dialog-footer button,
  #showPopupSelectProviders .md-dialog-footer button {
    font-family: "Nunito Sans";
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
  }
  #showPopupBottomSelectColor .container .rounded-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
  }
  .content-bootbox {
    max-width: 100% !important;
    min-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .content-bootbox .modal-dialog .modal-content {
    border-radius: 8px;
    max-height: 256px;
    height: 256px;
  }
  .content-bootbox .modal-dialog .modal-content .modal-header {
    border-radius: 8px;
    border-bottom: none;
    padding-top: 24px;
  }
  .content-bootbox .modal-dialog .modal-content .modal-header .modal-title {
    margin: auto;
  }
  .content-bootbox .modal-dialog .modal-content .modal-header .modal-title span {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: auto;
    color: var(--main-color);
    margin-left: 16px;
  }
  .content-bootbox .modal-dialog .modal-content .modal-body {
    padding: 0px 16px;
    flex: 0 0 auto;
  }
  .content-bootbox .modal-dialog .modal-content .modal-body .bootbox-body {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
    text-align: center;
  }
  .content-bootbox .modal-dialog .modal-content .modal-footer {
    flex-direction: column-reverse;
    border-top: none;
  }
  .content-bootbox .modal-dialog .modal-content .modal-footer button {
    width: 100%;
    margin: 6px 0;
    border-radius: 8px;
    height: 40px;
  }
  .content-bootbox .modal-dialog .modal-content .modal-footer .btn-empty {
    background: #FFF;
  }
  #popupHangupConfirmation {
    border-radius: 8px;
    max-width: 92% !important;
    min-width: 92% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #popupHangupConfirmation md-dialog-content .container-fluid .icon-check-out {
    width: 72px;
    height: 72px;
    color: var(--main-color);
    border-radius: 50%;
    border: 4px solid var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #popupHangupConfirmation md-dialog-content .container-fluid .icon-check-out i {
    font-size: 32px;
    font-weight: 500;
  }
  #popupHangupConfirmation md-dialog-content .container-fluid h4 {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--main-color);
  }
  #popupHangupConfirmation md-dialog-content .container-fluid p {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
  }
  #popupHangupConfirmation md-dialog-actions button {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    text-transform: capitalize;
    height: 40px;
  }
  #popupHangupConfirmation md-dialog-actions .btn-custom {
    background: #FFF;
    color: #1F1F1F;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  }
  #popupContentRemove,
  #deleteUnavailableContent,
  #popupConfirmation {
    border-radius: 8px;
    max-width: 92% !important;
    min-width: 92% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #popupContentRemove .content-remove-recurring .form-group .icon-remove,
  #deleteUnavailableContent .content-remove-recurring .form-group .icon-remove,
  #popupConfirmation .content-remove-recurring .form-group .icon-remove {
    width: 72px;
    height: 72px;
    color: #FF4235;
    border-radius: 50%;
    border: 4px solid #FF3235;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #popupContentRemove .content-remove-recurring .form-group .icon-remove i,
  #deleteUnavailableContent .content-remove-recurring .form-group .icon-remove i,
  #popupConfirmation .content-remove-recurring .form-group .icon-remove i {
    font-size: 32px;
    font-weight: 500;
  }
  #popupContentRemove .content-remove-recurring .form-group h6,
  #deleteUnavailableContent .content-remove-recurring .form-group h6,
  #popupConfirmation .content-remove-recurring .form-group h6 {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #FF4235;
  }
  #popupContentRemove .content-remove-recurring .form-group label,
  #deleteUnavailableContent .content-remove-recurring .form-group label,
  #popupConfirmation .content-remove-recurring .form-group label {
    font-family: "Nunito";
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
  }
  #popupContentRemove textarea,
  #deleteUnavailableContent textarea,
  #popupConfirmation textarea {
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 24px;
  }
  #popupContentRemove label,
  #deleteUnavailableContent label,
  #popupConfirmation label {
    font-family: "Open Sans";
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
  }
  #popupWarningRoomsEquipment {
    border-radius: 8px;
    min-height: 296px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #popupWarningRoomsEquipment .content-remove-recurring .form-group .icon-remove i {
    font-size: 32px;
    font-weight: 500;
  }
  #popupWarningRoomsEquipment .content-remove-recurring .form-group h6 {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--main-color);
  }
  #popupWarningRoomsEquipment .content-remove-recurring .form-group label {
    font-family: "Nunito" !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #1F1F1F;
  }
  #popupWarningRoomsEquipment textarea {
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 24px;
  }
  #popupWarningRoomsEquipment label {
    font-family: "Open Sans";
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
  }
  #showPopupClassScheduleInformation {
    max-height: 100%;
  }
  #showPopupClassScheduleInformation .md-toolbar-tools label {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
  #showPopupClassScheduleInformation .container h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  #showPopupClassScheduleInformation .container ul {
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #EAEAEB;
    padding: 5px 0;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }
  #showPopupClassScheduleInformation .container ul li {
    font-family: "Hind";
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    padding: 8px 12px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  #showPopupClassScheduleInformation .container ul li h6 {
    font-family: "Hind";
    font-style: normal;
    font-weight: 600;
    color: #232323;
    margin-bottom: 0;
  }
  #showPopupClassScheduleInformation .container ul li i {
    color: #FD2D57;
    margin-left: auto;
    font-size: 16px;
  }
  #showAddClassSchedule {
    max-height: 100%;
  }
  #showAddClassSchedule .md-toolbar-tools label {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
  #showAddClassSchedule .md-dialog-content .container .padding-bottom-addclass {
    padding-bottom: 5rem;
  }
  #showAddClassSchedule .md-dialog-content .container dropdown-box-pte .cus-container-dropdown .dropdown-toggle {
    border-radius: 8px;
    height: 48px;
    font-size: 16px;
    line-height: 24px;
  }
  #showAddClassSchedule .md-dialog-content .container .content-left, #showAddClassSchedule .md-dialog-content .container .content-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--main-color);
    border-radius: 50%;
  }
  #showAddClassSchedule .md-dialog-content .container .content-left i, #showAddClassSchedule .md-dialog-content .container .content-right i {
    color: #FFF;
    font-size: 10px;
  }
  #showAddClassSchedule .md-dialog-content .container .content-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #showAddClassSchedule .md-dialog-content .container .content-center h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
  }
  #showAddClassSchedule .md-dialog-content .container ul li:first-child {
    font-family: "Hind";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #232323;
  }
  #showAddClassSchedule .md-dialog-content .container ul li .class-available {
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 8px;
    flex-direction: column;
    flex: 0 0 100%;
    margin-bottom: 8px;
  }
  #showAddClassSchedule .md-dialog-content .container ul li .class-available span {
    font-family: "Hind";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #232323;
  }
  #showAddClassSchedule .md-dialog-content .container ul li .class-available span:last-child {
    font-weight: normal;
  }
  #showAddClassSchedule .md-dialog-content .container ul li .blockSelected {
    border: 1px solid var(--main-color);
    background: rgba(var(--main-color_rgb), 0.1);
  }
  .popup-center-screen {
    min-height: 50% !important;
    min-width: 90% !important;
    position: relative !important;
    max-width: 92% !important;
  }
  .padding-bottom-mobile {
    padding-bottom: 3rem;
  }
  .padding-bottom-mobile--4rem {
    padding-bottom: 4rem;
  }
  .padding-bottom-mobile--5rem {
    padding-bottom: 5rem;
  }
  .padding-bottom-mobile--6rem {
    padding-bottom: 6rem;
  }
  .padding-bottom-mobile--8rem {
    padding-bottom: 8rem;
  }
  .padding-bottom-mobile-app {
    padding-bottom: 7rem;
  }
  .w-name-rpovider {
    width: 150px;
  }
  .margin-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .text-under {
    text-decoration: underline;
    text-underline-position: from-font;
  }
  .text-main-mobile {
    color: var(--main-color) !important;
  }
  md-dialog.booking-apt md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  md-dialog.booking-apt md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card {
    margin-top: 14px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group {
    margin-bottom: 16px !important;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .bookingPayment__content .selectBox {
    height: auto !important;
    width: 100% !important;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .bookingPayment__content .selectBox--modifier {
    padding: 0.5rem 0.75rem;
    margin-right: 0 !important;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .list-group .payment-type__item {
    margin: 4px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .list-group .payment-type__item .icon-payment {
    display: block;
    width: 71px;
    height: 40px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #F5F5F7;
    box-sizing: border-box;
    border-radius: 5px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group label {
    color: #838383 !important;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group input,
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group select {
    height: auto;
    color: #595959;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    height: 38px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group md-select md-select-value {
    height: 38px;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .form-control {
    height: 38px;
    display: flex;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .selectBox {
    border: 1px solid #838383;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .cus-height-input {
    height: 38px !important;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .form-group .input-group-mobile {
    height: 38px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .content-remember-card .cus-margin {
    margin-left: 5px;
    margin-top: -5px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .content-remember-card .cus-margin span {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .packageMembership .table tr td,
  md-dialog.booking-apt md-dialog-content #content-credit-card form .packageMembership .table tr th {
    font-family: "Nunito";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .packageMembership #tab-sessions .table tbody tr th {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
    width: 50% !important;
    padding: 12px !important;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card form .packageMembership #tab-sessions .table tbody tr td {
    width: 50% !important;
    padding: 12px !important;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card .titleAmount {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 38px;
    text-align: center;
    color: #1F1F1F;
    margin-top: 20px;
  }
  md-dialog.booking-apt md-dialog-content #content-credit-card .please-sub {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center;
    color: #1F1F1F;
  }
  md-dialog.booking-apt md-dialog-actions {
    margin-left: 0;
    margin-right: 0;
  }
  md-dialog.booking-apt md-dialog-actions button {
    width: 100% !important;
    font-family: "Nunito Sans" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
  }
  md-dialog.popupHeadUpForMobile.popup--narrow {
    width: 92% !important;
    min-width: 90% !important;
    min-height: 212px !important;
    padding: 32px 16px !important;
    border-radius: 8px;
  }
  md-dialog.popupHeadUpForMobile.popup--narrow md-dialog-content {
    padding: 0px !important;
  }
  md-dialog.popupHeadUpForMobile.popup--narrow md-dialog-content h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--main-color);
  }
  md-dialog.popupHeadUpForMobile.popup--narrow md-dialog-content p {
    font-family: "Hind";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    margin-bottom: 32px;
  }
  md-dialog.popupHeadUpForMobile.popup--narrow md-dialog-actions {
    padding: 0 !important;
    margin: 0;
  }
  md-dialog.popupHeadUpForMobile.popup--narrow md-dialog-actions button {
    width: 100%;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  md-dialog.popupHeadUpForMobile.popup--narrow md-dialog-actions .btn-location {
    border: 1px solid #838383;
    background: #FFFFFF;
    color: #838383;
    font-family: "Hind";
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 370px) {
  #popup-activity .form-group {
    margin-bottom: 0.5rem;
  }
  #result-booking-mobile .content-result img {
    width: 100%;
    max-width: 200px;
  }
  .tab-mobile-appoiment .nav-tabs--strong-style .nav-item .nav-link {
    font-size: 12px;
    line-height: 16px;
  }
  ul.top-sidebar-menu li.sidebar-menu__item {
    font-size: 12px;
    line-height: 16px;
  }
  .list-service-class .list-group__item {
    margin: 0;
  }
  .ml-down-10 {
    margin-left: -10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .repeat_conflict h4 {
    font-size: 16px !important;
    font-weight: 600;
    margin: auto;
  }
  .repeat_conflict .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .repeat_conflict .modal-header button.back-header {
    border: none;
    background: transparent;
    color: var(--secondary-color) !important;
    font-size: 14px;
  }
  .repeat_conflict .modal-content {
    height: 100%;
  }
  .repeat_conflict .modal-footer {
    display: flex;
    flex-direction: column-reverse;
  }
  .repeat_conflict .modal-footer button {
    width: 100% !important;
    margin: 0px 0px 12px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog.modal-dialog-fullscreen {
    position: fixed;
    min-width: 100vw;
    height: 100vh;
    margin: 0;
  }
  .modal-dialog.modal-dialog-fullscreen .modal-body {
    justify-content: center;
    align-items: start;
    display: flex;
    min-height: 100vh !important;
    margin-left: -15px;
  }
}
.popup-style-common-custom {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.popup-style-common-custom .md-toolbar-header {
  display: block;
  padding: 0 16px;
  min-height: 44px !important;
  background: var(--main-color) !important;
  color: var(--secondary-color);
}
.popup-style-common-custom .md-toolbar-header__custom-header-alert {
  background: #F4A522 !important;
}
.popup-style-common-custom .md-toolbar-header.alert-toolbar-header {
  background: #F4A522 !important;
}
.popup-style-common-custom .md-toolbar-header .toolbar-action-header {
  min-height: 100%;
}
.popup-style-common-custom .md-toolbar-header .toolbar-action-header h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #FFF;
}
.popup-style-common-custom .md-dialog-content {
  flex: 1;
  padding: 16px !important;
  overflow-y: auto;
}
.popup-style-common-custom .md-dialog-content__min-height {
  min-height: 240px;
}
@media only screen and (max-width: 1199.98px) {
  .popup-style-common-custom .md-dialog-content__min-height {
    min-height: 305px;
  }
}
.popup-style-common-custom .md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
}
.popup-style-common-custom .md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content:hover::-webkit-scrollbar {
  width: 4px;
}
.popup-style-common-custom .md-dialog-content:hover::-webkit-scrollbar-thumb {
  background-color: #838383;
  background-clip: padding-box;
}
.popup-style-common-custom .md-dialog-content .form-group {
  margin-bottom: 12px;
}
.popup-style-common-custom .md-dialog-content .form-group.ck-textbox--custom .ckTextbox-toolBar {
  background-color: transparent;
  border: none;
}
.popup-style-common-custom .md-dialog-content .form-group.ck-textbox--custom .ckTextbox {
  border: 1px solid rgb(131, 131, 131) !important;
  border-radius: 5px;
  min-height: 100px;
}
.popup-style-common-custom .md-dialog-content .form-group label {
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323 !important;
  margin-bottom: 4px;
}
.popup-style-common-custom .md-dialog-content .form-group h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.popup-style-common-custom .md-dialog-content .form-group input {
  height: 32px !important;
  border: 1px solid #838383;
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323;
  border-radius: 5px;
}
.popup-style-common-custom .md-dialog-content .form-group select {
  font-size: 14px !important;
  line-height: 20px !important;
  font-style: normal;
  font-weight: 400;
}
.popup-style-common-custom .md-dialog-content .form-group textarea {
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323;
  border-radius: 5px;
  border: 1px solid #838383;
}
.popup-style-common-custom .md-dialog-content .form-group country-state-city-pte md-autocomplete[disabled] md-autocomplete-wrap input {
  background-color: #eceeef !important;
  opacity: 1;
}
.popup-style-common-custom .md-dialog-content .form-group select[disabled] {
  background-color: #eceeef !important;
  opacity: 1;
}
.popup-style-common-custom .md-dialog-content .form-group md-select.custom-form-control md-select-value {
  padding: 3px 0.7rem !important;
  border: 1px solid #838383 !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  border-radius: 5px;
  height: 32px;
}
.popup-style-common-custom .md-dialog-content .form-group .calendar-picker__wrapper {
  height: 32px;
  border-radius: 5px;
  overflow: hidden;
}
.popup-style-common-custom .md-dialog-content .form-group .calendar-picker__wrapper input {
  height: 100% !important;
}
.popup-style-common-custom .md-dialog-content .form-group md-checkbox.md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}
.popup-style-common-custom .md-dialog-content .full-width-phone .intl-tel-input {
  width: 100%;
}
.popup-style-common-custom .md-dialog-content .full-width-datepicker {
  max-width: 100%;
}
.popup-style-common-custom .md-dialog-content .full-width-datepicker .md-button {
  width: 30px;
}
.popup-style-common-custom .md-dialog-content .full-width-datepicker .md-datepicker-input-container {
  max-width: 100%;
}
@media only screen and (max-width: 1600px) {
  .popup-style-common-custom .md-dialog-content #table-make-payments .table {
    max-width: 1325px;
    width: 1325px;
  }
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead {
  display: block;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr {
  display: block;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th {
  background: white;
  border-bottom: 1px solid #eceeef;
  padding: 4px !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle !important;
  text-align: left;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(1) {
  width: 3%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(2) {
  width: 10%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(3) {
  width: 10%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(4) {
  width: 10%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(5) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(6) {
  width: 15%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(7) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(8) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(9) {
  width: 8%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(10) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(11) {
  width: 8%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments thead tr th:nth-child(12) {
  width: 11%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody {
  height: 300px;
  overflow-y: auto;
  display: block;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom .md-dialog-content #table-make-payments tbody {
    height: calc(100vh - 435px);
  }
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody:hover::-webkit-scrollbar {
  width: 4px;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr {
  display: block;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td {
  vertical-align: middle !important;
  padding: 6px 4px !important;
  font-family: "Hind";
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td.non-border-top {
  border-top: none;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(1) {
  width: 3%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(2) {
  width: 10%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(3) {
  width: 10%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(4) {
  width: 10%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(5) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(6) {
  width: 15%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(7) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(8) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(9) {
  width: 8%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(10) {
  width: 6%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(11) {
  width: 8%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr td:nth-child(12) {
  width: 11%;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr .cus-dropdown-box__cus-width-dropdown .custom-dropdown-pte {
  width: 325px !important;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr .cus-dropdown-box dropdown-box-pte:focus {
  outline: 0;
  border: 0;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr .cus-dropdown-box dropdown-box-pte .cus-container-dropdown:focus {
  outline: 0;
  border: 0;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr .cus-dropdown-box dropdown-box-pte .cus-container-dropdown .dropdown-toggle {
  border-radius: 0px;
  border-color: #FFF;
  border-bottom: 1px solid #e3e3e3 !important;
}
.popup-style-common-custom .md-dialog-content #table-make-payments tbody tr .cus-dropdown-box dropdown-box-pte .cus-container-dropdown .dropdown-toggle span {
  max-width: 150px;
}
.popup-style-common-custom .md-dialog-content p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
}
.popup-style-common-custom .md-dialog-content .policyDate .calendar-picker__wrapper {
  max-width: 100%;
}
.popup-style-common-custom .md-dialog-content .email-notification-list {
  max-height: 290px;
  overflow: auto;
  border-top: 1px solid #838383;
}
.popup-style-common-custom .md-dialog-content .email-notification-list.all-notification {
  max-height: 250px;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom .md-dialog-content .email-notification-list.all-notification {
    max-height: calc(100vh - 280px);
  }
}
.popup-style-common-custom .md-dialog-content .email-notification-list::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content .email-notification-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content .email-notification-list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom .md-dialog-content .email-notification-list:hover::-webkit-scrollbar {
  width: 4px;
}
.popup-style-common-custom .md-dialog-content .email-notification-list:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom .md-dialog-content .email-notification-list {
    max-height: calc(100vh - 275px);
  }
}
.popup-style-common-custom .md-dialog-actions {
  padding: 16px !important;
  min-height: 68px;
}
.popup-style-common-custom .md-dialog-actions button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  border-radius: 5px;
}
.popup-style-common-custom .md-dialog-actions .btn-cancel {
  background: #fff;
  color: #232323;
}
.popup-style-common-custom .md-dialog-actions .btn-create {
  background: var(--main-color);
  color: #fff;
}
.popup-style-common-custom .md-dialog-actions .pay-all button {
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 100px;
  padding: 8px;
}
@media only screen and (max-width: 1199.98px) {
  .popup-style-common-custom .md-dialog-actions .pay-all button {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 991.98px) {
  .popup-style-common-custom .md-dialog-actions .pay-all button {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom .md-dialog-actions .pay-all button {
    margin: 2px;
    flex: 0 1 48%;
  }
}
.popup-style-common-custom .md-dialog-actions .pay-all button:first-child:not(:last-child) {
  color: black;
  background-color: white;
  box-shadow: none;
}
.popup-style-common-custom .md-dialog-actions .pay-all button:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom .md-dialog-actions .pay-all button:last-child {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .popup-style-common-custom .md-toolbar-header {
    height: 48px;
    max-height: 48px;
  }
  .popup-style-common-custom .md-toolbar-header .toolbar-action-header {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .popup-style-common-custom .md-toolbar-header .toolbar-action-header h6 {
    margin: auto;
  }
  .popup-style-common-custom .md-dialog-content::-webkit-scrollbar {
    width: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .popup-style-common-custom .md-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .popup-style-common-custom .md-dialog-content::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .popup-style-common-custom .md-dialog-content::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  .popup-style-common-custom .md-dialog-content:hover::-webkit-scrollbar {
    width: 0;
  }
  .popup-style-common-custom .table {
    width: 1200px;
    max-width: 1200px;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom {
    height: 100%;
  }
  .popup-style-common-custom.popup-submit-for-review {
    height: auto;
  }
  .popup-style-common-custom .md-toolbar-header .toolbar-action-header h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  .popup-style-common-custom .md-dialog-actions {
    padding: 15px !important;
    margin: 0;
  }
  .popup-style-common-custom .md-dialog-actions button {
    border-radius: 8px;
    height: 40px;
    font-size: 16px;
  }
  .popup-style-common-custom .md-dialog-actions .btn-cancel {
    border: 1px solid #838383;
    margin-top: 12px;
  }
  .popup-style-common-custom .md-dialog-actions .btn-back-custom {
    margin-top: 12px;
  }
}
.popup-style-common-custom .content-parent .panel__title[aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.popup-style-common-custom .content-parent .panel__title[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.popup-style-common-custom .content-parent .panel__title[aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
.popup-style-common-custom .content-parent .panel__title[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.popup-style-common-custom .content-parent {
  border: 1px solid #838383;
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
}
.popup-style-common-custom .content-parent__none {
  border: none;
  font-family: "Hind";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #838383;
  padding: 0;
}
.popup-style-common-custom .content-parent h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
  margin-bottom: 0;
}
.popup-style-common-custom .content-parent p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
}
.popup-style-common-custom .content-parent .collapse {
  border-top: 1px solid #838383;
}
.popup-style-common-custom .content-parent .row .col-6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-top: 12px;
}
.popup-style-common-custom .content-parent .row .col-6 label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
  word-break: break-all;
}
.popup-style-common-custom .content-parent .row .list-authorizations {
  margin-top: 12px;
}
.popup-style-common-custom .content-parent .row .list-authorizations .border-main {
  padding: 12px;
}
.popup-style-common-custom .content-parent .row .list-authorizations .border-main p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.popup-style-common-custom .content-parent .row .list-authorizations .border-main span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.popup-style-common-custom.popup-select-cpt .disabled div.case-label {
  color: rgba(0, 0, 0, 0.38) !important;
  cursor: not-allowed;
}
@media only screen and (min-width: 1366px) {
  .popup-style-common-custom.container-eligibility-information {
    max-width: 1200px;
    width: 1200px;
  }
}
.popup-style-common-custom.container-eligibility-information md-dialog-content .form-group__response-date dropdown-list-pte {
  max-width: 470px;
}
.popup-style-common-custom.container-eligibility-information md-dialog-content .form-group__response-date dropdown-list-pte .modifier-search__wrapper .button-dropdown-toggle {
  margin-top: 24px;
  border: 1px solid #838383;
  min-height: 32px;
  border-radius: 5px;
  padding: 4px 0.75rem;
}
.popup-style-common-custom.container-eligibility-information .content-section-one {
  border-bottom: 1px solid #D9D9D9;
}
.popup-style-common-custom.container-eligibility-information .content-section-one .panel__title[aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.popup-style-common-custom.container-eligibility-information .content-section-one .panel__title[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.popup-style-common-custom.container-eligibility-information .content-section-one .panel__title[aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
.popup-style-common-custom.container-eligibility-information .content-section-one .panel__title[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar {
  max-height: 400px;
  overflow-y: scroll;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table {
  border-collapse: unset;
  border-spacing: 0;
}
@media only screen and (max-width: 1199.98px) {
  .popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table.cus-width {
    width: 650px;
    max-width: 650px;
  }
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody .thead-header td.border-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody .thead-header td {
  background: rgba(var(--main-color_rgb), 0.8) !important;
  color: #FFF;
  border: 1px solid var(--main-color);
  font-weight: 600 !important;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody tr .w-12 {
  width: 12%;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody tr .w-15 {
  width: 15%;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody tr .w-37 {
  width: 37%;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody tr td {
  color: #000;
  font-family: "Hind";
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody tr td:first-child {
  background: #f5f5f7;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody .thead-eligibility-header td {
  background: #f5f5f7;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody .eligibility-white td:first-child {
  background: #FFF;
}
.popup-style-common-custom.container-eligibility-information .content-scroll-bar .content-section-two table tbody .eligibility-white td {
  background: #FFF;
}
.popup-style-common-custom.container-eligibility-information .last-check {
  color: #838383;
  font-weight: 600;
}
.popup-style-common-custom.container-eligibility-information .text-not-support {
  font-size: 14px;
  line-height: 18px;
  color: #F5222D;
}
.popup-style-common-custom.new-version-available .md-dialog-actions .btn {
  text-transform: uppercase;
}
.popup-style-common-custom.new-version-available .md-dialog-actions .btn-reload {
  background-color: #26A6EB !important;
  color: #FFF !important;
}
.popup-style-common-custom.new-version-available .md-dialog-actions .btn-cancel {
  background-color: #838383 !important;
  color: #FFF !important;
}
.popup-style-common-custom.popup-submit-review-signature md-dialog-content md-radio-group md-radio-button .md-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.popup-style-common-custom.container-remit-payment {
  width: 1600px;
}
.popup-style-common-custom.container-remit-payment .md-toolbar-header h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-family: "Hind";
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .panel__title[aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .panel__title[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .panel__title[aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .panel__title[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Hind";
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-left, .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-right {
  width: 48%;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-left table tr td, .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-right table tr td {
  border: 1px solid #eceeef;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-left table tr td:first-child, .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-right table tr td:first-child {
  width: 40%;
  background: #d2e8f4;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-left table tr:first-child td:first-child, .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-right table tr:first-child td:first-child {
  background: #f0f2f5 !important;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-left table tr.end-section-row, .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-right table tr.end-section-row {
  border-bottom: 2px solid #838383 !important;
}
@media only screen and (max-width: 1199.98px) {
  .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-left table, .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-right table {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-left, .popup-style-common-custom.container-remit-payment .md-dialog-content .payment-infomation .col-12 .table-right {
    width: 100%;
  }
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .remit-detail-list .table-responsive table {
  width: 1600px;
  max-width: 1600px;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .remit-detail-list .table-responsive table tbody tr td.content-action {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .remit-detail-list .table-responsive table tbody tr td.content-action i {
  font-size: 17px;
}
.popup-style-common-custom.container-remit-payment .md-dialog-content .remit-detail-list .table-responsive table tbody tr td.content-action md-menu {
  margin-bottom: 2px;
}
.popup-style-common-custom.container-remit-payment .md-dialog-actions button {
  text-transform: uppercase;
}
.popup-style-common-custom.remit-payment-new-version {
  max-height: 87%;
}
@media only screen and (min-width: 768px) {
  .popup-style-common-custom.remit-payment-new-version .md-dialog-content #remitDetailList .rtc-wrapper {
    max-height: calc(100vh - 380px);
  }
}
@media only screen and (min-width: 1200px) {
  .popup-style-common-custom.remit-payment-new-version .md-dialog-content #remitDetailList .rtc-wrapper {
    max-height: calc(100vh - 450px);
  }
}
.popup-style-common-custom.remit-payment-new-version .md-dialog-content #remitDetailList .rtc-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.popup-style-common-custom.remit-payment-new-version .md-dialog-content #remitDetailList .rtc-wrapper::-webkit-scrollbar-thumb {
  background-color: #838383;
}
.popup-style-common-custom.match-remit .md-toolbar-header h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-family: "Hind";
}
.popup-style-common-custom.match-remit .md-dialog-content .row {
  margin-bottom: 12px;
}
.popup-style-common-custom.match-remit .md-dialog-content .row .custom-controls dropdown-list-pte .modifier-search__action {
  display: flex;
  flex-direction: column;
}
.popup-style-common-custom.match-remit .md-dialog-content .row .custom-controls dropdown-list-pte .modifier-search__action .button-dropdown-toggle {
  margin-top: 2px;
}
.popup-style-common-custom.match-remit .md-dialog-content .row h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Hind";
  color: #838383;
}
.popup-style-common-custom.match-remit .md-dialog-actions button {
  border-radius: 4px;
  text-transform: uppercase;
}
.popup-style-common-custom.add-request .md-dialog-actions .dialog-actions-footer .btn-secondary {
  border: 1px solid #838383;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.add-request .md-dialog-actions .dialog-actions-footer .btn-secondary {
    margin-top: 12px !important;
  }
}
.popup-style-common-custom.add-request .block-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}
.popup-style-common-custom.add-request .block-list__item {
  background: #F5F5F7;
  border: 1px solid #838383;
  color: #232323;
  box-sizing: border-box;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin: 4px;
  padding: 6px;
  flex-basis: 100%;
  max-width: 98px;
  text-align: center;
  cursor: pointer;
}
.popup-style-common-custom.add-request .block-list__item:focus {
  outline: none;
}
.popup-style-common-custom.add-request .block-list__item:disabled {
  cursor: not-allowed;
}
.popup-style-common-custom.add-request .block-list__item.block-list__item--selected {
  background: rgba(var(--main-color_rgb), 0.2);
  border: 1px solid var(--main-color);
  box-sizing: border-box;
  border-radius: 5px;
  color: var(--main-color);
}
.popup-style-common-custom.add-request .block-list__item.block-list__item--disabled {
  background: rgba(247, 247, 247, 0.968627451);
  cursor: none;
}
.popup-style-common-custom.add-request patient-search md-content md-autocomplete {
  border: 1px solid #838383;
  border-radius: 5px;
}
.popup-style-common-custom.add-request patient-search md-content md-autocomplete md-autocomplete-wrap {
  border-radius: 5px;
}
.popup-style-common-custom.add-request patient-search md-content md-autocomplete input {
  padding: 3px 0.7rem !important;
  border: none !important;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment {
  border: 1px solid #838383;
  border-radius: 8px;
  margin-top: 16px;
}
@media only screen and (max-width: 1440px) {
  .popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table {
    width: 1320px;
    max-width: 1320px;
  }
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .w-4 {
  width: 4%;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .w-8 {
  width: 8%;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .w-10 {
  width: 10%;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .w-12 {
  width: 12%;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .w-14 {
  width: 14%;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .thead-content {
  border-bottom: 1px solid #838383;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .thead-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .thead-content tr th {
  background: #FFF;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  vertical-align: middle !important;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content {
  max-height: 375px;
  overflow: auto;
  display: block;
}
@media only screen and (max-width: 1199.98px) {
  .popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content {
    max-height: 350px;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content {
    max-height: calc(100vh - 375px);
  }
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content::-webkit-scrollbar {
  width: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content:hover::-webkit-scrollbar {
  width: 0px;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #D9D9D9 !important;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr .custom-td {
  overflow: auto;
  max-height: 100px;
  display: block;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr .custom-td::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr .custom-td::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr .custom-td::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr .custom-td:hover::-webkit-scrollbar {
  width: 4px;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr .custom-td:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr td {
  vertical-align: top !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.popup-style-common-custom.wait-list-request-fulfillment .content-table-request-fulfillment .table .tbody-content tr:hover {
  background: rgba(var(--main-color),0.2) !important;
  cursor: pointer;
}
.popup-style-common-custom.available-opening-options .md-dialog-content ul {
  display: block;
  overflow-x: auto;
}
.popup-style-common-custom.available-opening-options .md-dialog-content ul li {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 9px 14px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  cursor: pointer;
  margin-bottom: 12px;
}
.popup-style-common-custom.available-opening-options .md-dialog-content ul li i {
  font-weight: 400;
}
.popup-style-common-custom.available-opening-options .md-dialog-content ul li .text-truncate {
  width: 200px;
  max-width: 200px;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.available-opening-options .md-dialog-content ul li {
    width: 500px;
  }
}
.popup-style-common-custom.available-opening-options .md-dialog-content ul li.active {
  border: 1px solid var(--main-color);
  background: rgba(var(--main-color_rgb), 0.2);
}
.popup-style-common-custom.eob-credit-card div.actions {
  padding-top: 15px;
}
.popup-style-common-custom.eob-credit-card div.actions span.btn-outline-primary {
  background-color: #838383 !important;
  color: white !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  border-radius: 5px;
  border: none !important;
}
.popup-style-common-custom.eob-credit-card div.actions .btn-primary {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  border-radius: 5px;
  background: var(--main-color);
  color: var(--secondary-color);
  border: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 8px;
}
.popup-style-common-custom.eob-credit-card div.actions .btn-primary:hover {
  border: none !important;
}
.popup-style-common-custom.import-835-container .drop-zone .drag-files {
  width: 100%;
  height: 300px;
  border-radius: 10px;
  border: 3px solid #838383;
  display: flex;
  justify-content: center;
  font-weight: bold;
  align-items: center;
  cursor: copy;
}
.popup-style-common-custom.import-835-container .drop-zone .drag-files .drop-zone--over {
  border-style: solid;
}
.popup-style-common-custom.import-835-container .drop-zone .drag-files .drop-zone__input {
  display: none;
}
.popup-style-common-custom.import-835-container .drop-zone .drag-files .drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}
.popup-style-common-custom.import-835-container .drop-zone .drag-files .drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}
.popup-style-common-custom.import-835-container .drop-zone .display-files {
  border-radius: 10px;
  border: 1px solid #838383;
}
.popup-style-common-custom.import-835-container .drop-zone .display-files .title {
  width: 100%;
  font-weight: bold;
  border-bottom: 1px solid #838383;
  padding: 10px;
}
.popup-style-common-custom.import-835-container .drop-zone .display-files .items {
  overflow: auto;
  height: 300px;
}
.popup-style-common-custom.import-835-container .drop-zone .display-files .items .item {
  width: 100%;
  padding: 10px;
  display: flex;
}
.popup-style-common-custom.import-835-container .drop-zone .display-files .items .item .full-left {
  flex: 1;
}
.popup-style-common-custom.import-835-container .drop-zone .display-files .items .item .action-remove {
  color: #f5222d;
}
.popup-style-common-custom.import-835-container .custom-table {
  border-collapse: separate;
  border-spacing: 0 5px;
}
.popup-style-common-custom.import-835-container .custom-table th {
  border-bottom: 1px solid #838383;
  padding: 10px;
}
.popup-style-common-custom.import-835-container .custom-table td {
  padding: 10px;
}
.popup-style-common-custom.eob-container .private-note[aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.popup-style-common-custom.eob-container .private-note[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.popup-style-common-custom.eob-container .private-note[aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
.popup-style-common-custom.eob-container .private-note[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.popup-style-common-custom.eob-container .custom-list-pte .btn-secondary.button-dropdown-toggle {
  border-bottom: none;
}
.popup-style-common-custom.eob-container .custom-list-pte .btn-secondary:hover {
  background: #fff;
}
.popup-style-common-custom.eob-container .custom-list-pte .btn-secondary:focus {
  box-shadow: none;
}
.popup-style-common-custom.eob-container .control-group div.font-weight-bold {
  font-size: 16px;
}
.popup-style-common-custom.eob-container .control-group button {
  font-size: 14px;
}
.popup-style-common-custom.eob-container .font-size-14 {
  font-size: 14px;
}
.popup-style-common-custom.eob-container [class*=" btn-outline-"]:focus {
  color: #000 !important;
}
.popup-style-common-custom.eob-container .md-dialog-content {
  overflow: hidden;
}
@media only screen and (max-width: 1366px) {
  .popup-style-common-custom.eob-container .md-dialog-content {
    overflow: auto;
  }
}
.popup-style-common-custom.popup-claim-population-rule .md-dialog-content md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}
.popup-style-common-custom.popup-claim-population-rule .md-dialog-content md-autocomplete[readonly] {
  background-color: #eceeef !important;
  opacity: 1;
}
.popup-style-common-custom.popup-save-as {
  width: 448px;
}
.popup-style-common-custom.popup-save-as .md-toolbar-header {
  height: 44px;
}
.popup-style-common-custom.popup-save-as .md-dialog-content input {
  border-radius: 5px;
  border: 1px solid #838383;
  max-height: 32px;
  font-family: "Hind";
  font-size: 14px;
  line-height: 20px;
}
.popup-style-common-custom.popup-for-fee-schedules {
  max-height: 94% !important;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content {
  padding: 12px 16px !important;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .form-group {
  margin-bottom: 10px !important;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .input-group.cpt-code-list {
  height: 34px !important;
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .input-group.cpt-code-list button {
  font-size: 14px;
  line-height: 20;
  padding: 5px 12px;
  font-family: "Hind";
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .input-group.inline-icon[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .input-group.inline-icon[readonly] .form-control {
  background-color: #eceeef;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .input-group.inline-icon[readonly] .input-group-addon {
  background-color: #eceeef;
  opacity: 1;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content dropdown-list-pte .modifier-search__action .button-dropdown-toggle {
  height: 32px !important;
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 8px 12px 8px !important;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content dropdown-list-pte[readonly] .modifier-search__action .button-dropdown-toggle {
  background-color: #eceeef;
  opacity: 1;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content dropdown-list-multiple-pte .modifier-search__action .button-dropdown-toggle {
  height: 32px !important;
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 8px 12px 8px !important;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content dropdown-list-multiple-pte .modifier-search__action .button-dropdown-toggle[disabled] {
  background-color: #eceeef;
  opacity: 1;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .inline-icon md-input-container label {
  display: none;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .inline-icon md-input-container md-select md-select-value {
  border: 0 !important;
  padding-left: 8px !important;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content .inline-icon md-input-container md-select md-select-value .md-select-icon {
  display: none;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content div.error-input ul {
  margin-left: 17px;
  list-style-type: disc;
  list-style-position: inside;
}
.popup-style-common-custom.popup-for-fee-schedules md-dialog-content div.error-input ul li {
  list-style: disc;
}
.popup-style-common-custom.popup-for-fee-schedules .calendar-picker__wrapper.input-group {
  max-width: 100%;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table {
  border: 1px solid #838383;
  border-radius: 8px;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .w-10 {
  width: 10%;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .w-15 {
  width: 15%;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .w-20 {
  width: 20%;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .w-55 {
  width: 55%;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .thead-content {
  border-bottom: 1px solid #838383;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .thead-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .thead-content tr th {
  background: #FFF;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle !important;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content {
  min-height: 65px;
  max-height: calc(100vh - 530px);
  overflow-y: auto;
  display: block;
  overflow-x: hidden;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content {
    max-height: calc(100vh - 425px);
  }
}
@media only screen and (max-height: 768px) {
  .popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content {
    max-height: 265px;
  }
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin: 2px 4px;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin: 2px 4px;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content:hover::-webkit-scrollbar {
  width: 4px;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  padding: 4px 8px !important;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content tr td input {
  border: 1px solid #838383;
  border-radius: 5px;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content tr td input[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content tr td input:focus {
  border: 1px solid var(--main-color);
}
.popup-style-common-custom.popup-for-fee-schedules .content-table .table .tbody-content:hover {
  background: rgba(var(--main-color),0.2) !important;
  cursor: pointer;
}
@media only screen and (max-width: 1199.98px) {
  .popup-style-common-custom.popup-for-fee-schedules .content-table .table {
    width: 675px;
    max-width: 675px;
  }
}
.popup-style-common-custom.popup-for-fee-schedules .md-dialog-content md-input-container {
  margin: 0;
  width: 100%;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content .form-group {
  margin-bottom: 10px !important;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content dropdown-list-multiple-pte {
  height: 32px;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content dropdown-list-multiple-pte .modifier-search__action .button-dropdown-toggle {
  height: 32px !important;
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 8px 12px 8px !important;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content dropdown-list-multiple-pte .modifier-search__action .button-dropdown-toggle[disabled] {
  background-color: #eceeef;
  opacity: 1;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content md-contact-chips {
  margin-bottom: 10px !important;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content md-contact-chips input {
  border-bottom: 1px solid #838383 !important;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content md-contact-chips[disabled] input {
  background-color: #eceeef;
  opacity: 1;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content md-contact-chips[disabled] {
  box-shadow: none;
  cursor: not-allowed !important;
}
.popup-style-common-custom.popup-modifier-rule md-dialog-content md-contact-chips[disabled] button.md-chip-remove {
  display: none;
}
.popup-style-common-custom .table-display-total-refund tr td, .popup-style-common-custom .table-display-total-refund tr th {
  padding: 2px !important;
  vertical-align: middle !important;
}
.popup-style-common-custom .table-refund {
  border: 1px solid #9B9B9B;
  border-radius: 5px;
}
.popup-style-common-custom .table-refund table tr th {
  border: none;
}
.popup-style-common-custom .table-refund table tbody > tr > td {
  border: none;
}
.popup-style-common-custom .table-refund table tbody > tr:first-child {
  border-bottom: 1px solid #9B9B9B !important;
}
.popup-style-common-custom .table-refund .input-refund {
  height: 32px;
  padding-left: 3px;
  border: 1px solid #9B9B9B;
  border-radius: 5px;
}
.popup-style-common-custom .table-refund .input-refund input {
  height: 32px;
  text-align: left;
  border-bottom: none !important;
}
.popup-style-common-custom .action-button-refund {
  padding: 16px 0px 16px 0px !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.popup-style-common-custom .action-button-refund button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  border-radius: 5px;
}
.popup-style-common-custom .action-button-refund .btn-cancel {
  background: #FFF;
  color: #838383;
  margin-right: 24px;
}
.popup-style-common-custom .action-button-refund .btn-refund {
  width: 108px;
  text-align: center;
  padding: 0;
  height: 36px;
}
.popup-style-common-custom.create-payment-plan-template {
  width: 875px;
}
.popup-style-common-custom.create-payment-plan-template .content-table {
  border: 1px solid #838383;
  border-radius: 8px;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .thead-content {
  border-bottom: 1px solid #838383;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .thead-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .thead-content tr th {
  background: #FFF;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle !important;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content {
  height: 300px;
  overflow-y: auto;
  display: block;
  overflow-x: hidden;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content {
    height: calc(100vh - 425px);
  }
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content:hover::-webkit-scrollbar {
  width: 4px;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content:hover::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  background-clip: padding-box;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content tr td {
  vertical-align: middle !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content tr td input {
  border: 1px solid #838383;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content tr td input:focus {
  border: 1px solid var(--main-color);
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content tr td .copay-red {
  color: #F5222D;
  font-weight: 600;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content tr td .copay-green {
  color: #089026;
  font-weight: 600;
}
.popup-style-common-custom.create-payment-plan-template .content-table .table .tbody-content:hover {
  background: rgba(var(--main-color),0.2) !important;
  cursor: pointer;
}
@media only screen and (max-width: 1198.98px) {
  .popup-style-common-custom.create-payment-plan-template .content-table .table {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.create-payment-plan-template .content-table .table {
    max-width: 875px;
    width: 875px;
  }
}
.popup-style-common-custom.new-contact-logs .md-dialog-content .date-time select, .popup-style-common-custom.new-contact-logs .md-dialog-content .date-time input {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 0 6px !important;
  width: 60px;
  font-family: "Hind" !important;
  height: 32px !important;
  max-height: 32px !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content .cus-ck-textbox .ckTextbox-toolBar {
  background: #FFF !important;
  border-bottom: 0 !important;
  padding-left: 0 !important;
  margin-left: -6px !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content .cus-ck-textbox .ckTextbox {
  border-radius: 8px !important;
  border: 1px solid #838383 !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content md-checkbox.md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content md-contact-chips .md-chips .md-chip-input-container {
  margin: 0 !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content md-contact-chips .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap input {
  border: 1px solid #838383 !important;
}
.popup-style-common-custom.popup-smart-phrase .md-dialog-content form .form-group ck-textbox #textBox_externalNoteContent {
  min-height: 250px;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content .date-time select, .popup-style-common-custom.new-contact-logs .md-dialog-content .date-time input {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding: 0 6px !important;
  width: 60px;
  font-family: "Hind" !important;
  height: 32px !important;
  max-height: 32px !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content .cus-ck-textbox .ckTextbox-toolBar {
  background: #FFF !important;
  border-bottom: 0 !important;
  padding-left: 0 !important;
  margin-left: -6px !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content .cus-ck-textbox .ckTextbox {
  border-radius: 8px !important;
  border: 1px solid #838383 !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content md-checkbox.md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content md-contact-chips .md-chips .md-chip-input-container {
  margin: 0 !important;
}
.popup-style-common-custom.new-contact-logs .md-dialog-content md-contact-chips .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap input {
  border: 1px solid #838383 !important;
}
.popup-style-common-custom.history-appointment .md-dialog-content .history-appointment-items {
  font-family: "Hind";
  font-style: normal;
  background: #FFFFFF;
  border: 1px solid #838383;
  box-shadow: 0px 2px 6px 2px rgba(1, 18, 34, 0.03);
  border-radius: 8px;
  padding: 8px 12px;
  margin-top: 12px;
  width: 100%;
}
.popup-style-common-custom.history-appointment .md-dialog-content .history-appointment-items .btn-rescheduled, .popup-style-common-custom.history-appointment .md-dialog-content .history-appointment-items .btn-updated {
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
}
.popup-style-common-custom.history-appointment .md-dialog-content .history-appointment-items .btn-updated {
  background: #838383;
  color: #FFF;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.history-appointment .md-dialog-content .history-appointment-items .btn-main {
    width: auto;
    height: auto;
  }
}
.popup-style-common-custom .popup-search-patient-no-border md-autocomplete md-autocomplete-wrap input {
  border: 0 !important;
}
.popup-style-common-custom.popup-delete-patient .md-dialog-content form .form-group .input-group md-autocomplete md-autocomplete-wrap input {
  border: 0;
}
.popup-style-common-custom.popup-merge-patient {
  width: 1225px;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content .col-5 {
  margin-bottom: 14px;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content .custom-controls select {
  border: 1px solid #838383 !important;
  border-radius: 5px !important;
  padding-left: 0.75rem !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: "Hind" !important;
  min-height: 32px !important;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content .step-title {
  font-weight: 700;
  border-bottom: 1px solid #D3D3D3;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form {
  border: 1px solid #838383;
  border-radius: 8px;
  background: #FFF;
  padding: 16px 16px 8px;
  overflow: auto;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form.form-container {
  flex: 0 0 32.5%;
  max-width: 32.5%;
}
@media only screen and (max-width: 767.98px) {
  .popup-style-common-custom.popup-merge-patient .md-dialog-content form.form-container {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 8px;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form:hover::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
  border: 2px solid transparent;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown.show .btn-secondary.dropdown-toggle {
  background-color: #FFF;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .btn-secondary {
  padding: 5.2px 8px;
  height: 32px;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .btn-secondary.dropdown-toggle::after {
  position: absolute;
  top: 14px;
  right: 12px;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .btn-secondary.dropdown-custom::after {
  margin-left: -14px;
  position: absolute;
  top: 14px;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .btn-secondary:hover {
  background: #FFF;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .btn-secondary:focus {
  box-shadow: none;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .dropdown .btn-secondary:active {
  background-color: #FFF;
}
.popup-style-common-custom.popup-merge-patient .md-dialog-content form .form-group .input-group md-autocomplete md-autocomplete-wrap input {
  border: 0;
  padding-left: 0;
}
.popup-style-common-custom.popup-class-schedules .md-dialog-content .row h6 {
  margin-bottom: 0;
}
.popup-style-common-custom.popup-class-schedules .md-dialog-content .row table {
  width: 100%;
  max-width: 100%;
}
.popup-style-common-custom.popup-class-schedules .md-dialog-content .row table tr td {
  font-size: 14px;
  line-height: 20px;
}
.popup-style-common-custom.verify-phone-number .md-dialog-content .content-verify .title-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.popup-style-common-custom.verify-phone-number .md-dialog-content .content-verify .otp-input input {
  width: 40px;
  height: 40px;
  margin: 0 6px;
  border-radius: 8px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.popup-style-common-custom.two-factor-authentication .md-dialog-content .content-for-ca {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0;
  color: #232323;
}
.popup-style-common-custom.two-factor-authentication .md-dialog-actions .dialog-actions-footer button {
  padding: 8px 20px !important;
}
.popup-style-common-custom.two-factor-authentication .md-dialog-actions .dialog-actions-footer .btn[disabled=disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}
.popup-style-common-custom.popup-convert-subscription {
  max-width: 1568px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .title-section {
  color: #313131;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .sub-label-charge-detail {
  color: #313131;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .step-title {
  font-weight: 700;
  border-bottom: 1px solid #D3D3D3;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .step-title-light {
  font-weight: 700;
  border-bottom: 1px solid #F2F2F7;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .hr-line {
  padding: 4px 15px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .text-dark-gray {
  color: #313131;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .confirmation-container {
  border: 1px solid var(--main-color) !important;
  border-radius: 8px;
  background: #FFF;
  width: 100%;
  margin-bottom: 16px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .confirmation-container .font-weight-500 {
  font-weight: 500;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .confirmation-container .font-weight-600 {
  font-weight: 600;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content .div-dummy {
  margin-top: 43px;
}
@media only screen and (max-width: 1024px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content .div-dummy {
    margin-top: 67px;
  }
}
@media only screen and (max-width: 820px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content .div-dummy {
    margin-top: 0px;
  }
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form {
  border: 1px solid #838383;
  border-radius: 8px;
  background: #FFF;
  padding: 6px 12px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-left {
  flex: 0 0 38.7%;
  max-width: 38.7%;
}
@media only screen and (max-width: 820px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-left {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-left md-checkbox.custom-form-control .md-label {
  font-weight: 400 !important;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-left md-checkbox.custom-form-control .md-label span {
  color: #555555 !important;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-left md-checkbox.custom-form-control.md-checked .md-label span {
  color: #313131 !important;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-left md-checkbox.custom-form-control .md-icon {
  background-color: #F5F5F5;
  border: 1px solid #838383;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-left md-checkbox.custom-form-control .md-icon:after {
  border-color: rgba(0, 0, 0, 0.2509803922);
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right {
  flex: 0 0 60%;
  max-width: 60%;
}
@media only screen and (max-width: 820px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-subscription-charge-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-subscription-charge-container {
    flex-direction: row;
  }
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-subscription-section {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-subscription-section {
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-subscription-section.subscription-with-charges {
    flex: 0 0 calc(60% - 6px);
  }
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-charge-section {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-charge-section {
    flex: 0 0 calc(40% - 6px);
  }
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-charge-section .form-control-static {
  padding-top: 7px;
  font-size: 16px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-charge-section .form-control-static strong {
  font-size: 18px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form.form-right .new-charge-section .border-top {
  border-top: 2px solid #e0e0e0 !important;
  margin-top: 12px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 8px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form:hover::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
  border: 2px solid transparent;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown.show .btn-secondary.dropdown-toggle {
  background-color: #FFF;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .btn-secondary {
  padding: 5.2px 8px;
  height: 32px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .btn-secondary.dropdown-toggle::after {
  position: absolute;
  top: 14px;
  right: 12px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .btn-secondary.dropdown-custom::after {
  margin-left: -14px;
  position: absolute;
  top: 14px;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .btn-secondary:hover {
  background: #FFF;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .btn-secondary:focus {
  box-shadow: none;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .dropdown .btn-secondary:active {
  background-color: #FFF;
}
.popup-style-common-custom.popup-convert-subscription .md-dialog-content form .form-group .input-group md-autocomplete md-autocomplete-wrap input {
  border: 0;
  padding-left: 0;
}
.popup-style-common-custom.popup-convert-subscription .calendar-picker__wrapper {
  max-width: 100%;
}
.popup-style-common-custom.popup-convert-subscription input.is-invalid {
  border-color: #dc3545;
}
.popup-style-common-custom.popup-convert-subscription input.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.email-notification-content {
  width: 448px;
  max-height: 531px;
  border-radius: 0;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .email-notification-content {
    position: relative !important;
    top: unset !important;
  }
}

#container-eligibility-request .md-dialog-content .row .form-group {
  margin-bottom: 34px;
  margin-top: 8px;
}
#container-eligibility-request .md-dialog-content .row .form-group .dropdown-list__toggle {
  background-color: #FFF !important;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #838383;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
  padding: 3px 0.7rem;
}

.dropdown-select-cpt__fee-schedule {
  z-index: 1200;
}
.dropdown-select-cpt__fee-schedule md-select-menu {
  border-radius: 5px;
}
.dropdown-select-cpt__fee-schedule md-content::-webkit-scrollbar {
  width: 4px;
}
.dropdown-select-cpt__fee-schedule md-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
.dropdown-select-cpt__fee-schedule md-content {
  padding: 8px;
}
.dropdown-select-cpt__fee-schedule md-content md-select-header input {
  width: calc(100% - 6px);
  border: 1px solid #838383;
  height: 28px;
}
.dropdown-select-cpt__fee-schedule md-content md-optgroup {
  margin-top: 12px;
}
.dropdown-select-cpt__fee-schedule md-content md-optgroup .md-checkbox-enabled.md-default-theme[selected] .md-container .md-icon {
  background-color: var(--main-color) !important;
}
.dropdown-select-cpt__fee-schedule md-content md-optgroup .md-checkbox-enabled.md-default-theme[selected] .md-text {
  color: #232323;
  font-weight: 600;
}
.dropdown-select-cpt__fee-schedule md-content md-optgroup .md-checkbox-enabled[selected] .md-container .md-icon {
  background-color: var(--main-color) !important;
}
.dropdown-select-cpt__fee-schedule md-content md-optgroup .md-checkbox-enabled[selected] .md-text {
  color: #232323;
  font-weight: 600;
}
.dropdown-select-cpt__fee-schedule md-content md-optgroup md-option {
  height: 38px;
}

.popup-confirmation-style {
  min-width: 322px;
  width: 322px;
  max-width: 322px;
  border-radius: 5px;
  padding: 12px 16px !important;
}
.popup-confirmation-style md-dialog-content {
  padding: 0 !important;
}
.popup-confirmation-style md-dialog-content h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #F4A522;
}
.popup-confirmation-style md-dialog-content h6.main-color {
  color: var(--main-color);
}
.popup-confirmation-style md-dialog-content p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.popup-confirmation-style md-dialog-actions {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 !important;
  padding: 0 !important;
}
.popup-confirmation-style md-dialog-actions button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.popup-confirmation-style md-dialog-actions .btn-no {
  color: #232323;
  background: none;
}
.popup-confirmation-style md-dialog-actions .btn-yes {
  background-color: #F4A522;
  color: white;
}
.popup-confirmation-style md-dialog-actions .btn-main-color {
  background-color: var(--main-color);
  color: white;
}

.custom-popup-reconcile .modal-content {
  width: 550px;
}
@media only screen and (max-width: 767.98px) {
  .custom-popup-reconcile .modal-content {
    width: 100% !important;
  }
  .custom-popup-reconcile .modal-footer {
    display: flex;
    flex-direction: column-reverse;
  }
  .custom-popup-reconcile .modal-footer button {
    width: 100%;
  }
  .custom-popup-reconcile .modal-footer button.btn-default {
    margin: 0.5rem 0 0;
  }
}

.dialog-actions-custom button:first-child:not(:last-child) {
  background-color: white;
}
.dialog-actions-custom button:last-child {
  background: var(--main-color);
  color: var(--secondary-color);
  box-shadow: 0px 16px 24px rgba(1, 48, 63, 0.0784313725), 0px 2px 6px rgba(1, 48, 63, 0.0588235294), 0px 0px 1px rgba(1, 48, 63, 0.0392156863);
}

.content-interval .interval-number .input-number-decrement {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid;
  color: var(--main-color);
}
.content-interval .interval-number .input-number-decrement.disabled {
  color: gray;
  cursor: no-drop;
}
.content-interval .interval-number input {
  width: 65%;
  text-align: center;
  font-size: 14px;
}
.content-interval .interval-number .input-number-increment {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid;
  color: var(--main-color);
}
.content-interval .interval-number .input-number-increment.disabled {
  color: gray;
  cursor: no-drop;
}
.content-interval .interval-number i {
  font-weight: 600;
  font-size: 12px;
}
.content-interval input[type=number]::-webkit-outer-spin-button,
.content-interval input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#insurance-payment-date {
  max-width: 100%;
}
#insurance-payment-date .md-button {
  width: 30px;
}
#insurance-payment-date .md-datepicker-input-container {
  max-width: 100%;
}
#insurance-payment-date .md-datepicker-input-container input:disabled {
  color: light-dark(graytext, rgb(170, 170, 170));
}

#insurance-payment-date-disabled {
  max-width: 100%;
}
#insurance-payment-date-disabled .md-button {
  width: 30px;
}
#insurance-payment-date-disabled .md-datepicker-input-container {
  max-width: 100%;
}
#insurance-payment-date-disabled .md-datepicker-input-container input:disabled {
  color: darkgray;
  cursor: default;
}

.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple]:focus,
textarea.form-control:focus {
  border-color: rgba(var(--main-color_rgb), 0.8);
  box-shadow: inset 0 1px 1px rgba(var(--main-color_rgb), 0.075), 0 0 8px rgba(var(--main-color_rgb), 0.6);
}

input[type=search]:-moz-placeholder {
  color: #fff;
}
@media screen and (max-width: 580px) {
  input[type=search]:-moz-placeholder {
    color: #333;
  }
}

input.ng-pristine.ng-valid.ng-not-empty.ng-touched:focus {
  outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color transparent !important;
  transition: background-color transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.input-group-addon {
  color: #909eaa !important;
}

.input-group.inline-icon .form-control {
  border-right: 0;
}
.input-group.inline-icon .input-group-addon {
  background: white;
  border-left: 0;
}

.input-group-border {
  border: 1px solid #838383;
  border-radius: 5px;
  padding: 2px 8px;
}

input[type=checkbox]:checked + .custom-checkbox {
  background: #26a6eb;
  border: 1px solid #26a6eb;
}
input[type=checkbox]:checked + .custom-checkbox:before {
  content: "\f00c";
  color: white;
}
input[type=checkbox][disabled]:checked + .custom-checkbox {
  background: rgb(170, 170, 170);
  border: rgb(170, 170, 170);
  cursor: default;
}

.custom-controls .date-range input {
  border-bottom: none !important;
}

.date-range {
  position: relative;
  color: #aaa;
  font-size: 16px;
  min-width: 190px;
  width: 100%;
  background: white;
  border-radius: 4px;
  height: 38px;
  padding-right: 20px;
}
.date-range input {
  text-indent: 10px;
  height: 100% !important;
  min-height: 100% !important;
  border-bottom: none !important;
}
.date-range::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  position: absolute;
  right: 10px;
  top: 42%;
}

.date-range-custom {
  height: 28px;
  width: 190px;
  display: inline-block;
}

.dropdown-custom {
  width: 100px;
  position: relative;
  color: black;
  font-size: 16px;
}

.dropdown-custom select {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  border: 2px solid #aaa;
  border-radius: 5px !important;
  min-height: 35px;
  background: unset;
}

.dropdown-custom select {
  text-indent: 10px;
}

.dropdown-custom .fa-caret-down {
  position: absolute;
  top: 9px;
  right: 5px;
}

.text-disabled, .text-disabled *, .text-disabled::after, .text-disabled::before {
  color: #d4d4d4 !important;
  cursor: context-menu !important;
  pointer-events: none !important;
}
.text-disabled span, .text-disabled * span, .text-disabled::after span, .text-disabled::before span {
  text-decoration: none !important;
}

.select-custom {
  height: 26px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  color: #000;
}

.label-custom {
  vertical-align: middle;
  line-height: 30px;
  margin-right: 20px;
  text-align: center;
  font-size: 18px;
}

ck-textbox .ckTextbox-toolBar {
  padding: 5px;
  border-bottom: 1px solid #cfd1cf;
  background-color: #cfd1cf;
}

.ckTextbox {
  -webkit-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  box-sizing: border-box;
  overflow: auto;
  padding: 12px;
  width: 100%;
  cursor: text;
  line-height: 20px !important;
  border: 1px solid #F0F2F5 !important;
}
.ckTextbox ol li {
  list-style-type: decimal;
}
.ckTextbox ul li {
  list-style-type: disc;
  margin-left: 15px;
}
.ckTextbox ul ul li {
  list-style-type: square;
  margin-left: 30px;
}
.ckTextbox blockquote {
  font-size: inherit;
}

.acc-gg__color-opt {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  border: solid 2px #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.acc-gg__color-opt.acc-gg__color-opt--empty {
  background-image: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);
  background-size: 8px 8px;
  background-position: 0 0, 4px 12px;
}

.acc-gg__color #colorDropdownOpt {
  min-width: 101px;
}
.acc-gg__color .btn {
  transition: all 0.5s;
}
.acc-gg__color .btn.dropdown-toggle {
  background: rgba(0, 0, 0, 0.122);
  padding: 5px 16px 5px 16px;
  color: #80868b;
}
.acc-gg__color .btn.dropdown-toggle:focus {
  box-shadow: none;
}
.acc-gg__color .dropdown-menu {
  padding: 10px !important;
  width: 85px;
  left: 15px;
}

.color-opt {
  display: inline;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.color-opt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* Create a custom checkbox */
.color-opt__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.color-opt:hover input ~ .color-opt__checkmark {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  height: 22px;
  width: 22px;
}

/* When the checkbox is checked, add a blue background */
.color-opt input:checked ~ .color-opt__checkmark {
  height: 22px;
  width: 22px;
  border: solid 2px #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.color-opt__checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.color-opt input:checked ~ .color-opt__checkmark:after {
  display: block;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

input:not(.slider) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input:not(.slider):focus, input:not(.slider):hover {
  overflow: visible;
}

/* Input group both side */
.input-group.multiple .form-control button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.send-email {
  background-color: white;
}
.send-email .md-dialog-content.body-send-email label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.send-email input,
.send-email textarea {
  width: 100%;
  padding: 5px 0;
  margin-bottom: 10px;
  border: none;
  border-bottom: 1px solid #ddd;
}
.send-email input::-webkit-input-placeholder,
.send-email textarea::-webkit-input-placeholder {
  color: #777;
}
.send-email input:-ms-input-placeholder,
.send-email textarea:-ms-input-placeholder {
  color: #777;
}
.send-email input::-ms-input-placeholder,
.send-email textarea::-ms-input-placeholder {
  color: #777;
}
.send-email input::-webkit-input-placeholder, .send-email textarea::-webkit-input-placeholder {
  color: #777;
}
.send-email input:-ms-input-placeholder, .send-email textarea:-ms-input-placeholder {
  color: #777;
}
.send-email input::-ms-input-placeholder, .send-email textarea::-ms-input-placeholder {
  color: #777;
}
.send-email input::placeholder,
.send-email textarea::placeholder {
  color: #777;
}
.send-email input:focus, .send-email input:active,
.send-email textarea:focus,
.send-email textarea:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(var(--main-color_rgb), 0.8);
}
.send-email input:hover,
.send-email textarea:hover {
  overflow: unset;
}
.send-email textarea {
  padding: 8px;
  resize: none;
  border: 1px solid #ddd;
}
.send-email input[type=file] {
  border-bottom: none;
  overflow: unset;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0;
}
.switch input {
  display: none !important;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.switch input:checked + .slider {
  background-color: #2196F3;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}
.switch input[type=checkbox][disabled] + .slider {
  opacity: 0.5;
  cursor: default;
}
.switch.small {
  width: 46px;
  height: 24px;
}
.switch.small .slider.round {
  border-radius: 24px;
}
.switch.small .slider.round::before {
  height: 16px;
  width: 16px;
  left: 2px;
}

[data-toggle=collapse] {
  cursor: pointer;
}

.style-select-bootbox select {
  font-size: 14px !important;
}

.form-check textarea {
  padding-top: 8px !important;
}

.chart-rounded-bound {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 10px solid #f0f2f5;
  border-radius: 100%;
}

.group-label {
  background-color: rgba(var(--main-color_rgb), 0.05);
}
.group-label h5 {
  background-color: transparent;
}
.group-label .count {
  padding: 10px;
}

.case-options {
  padding: 5px 0;
}
.case-options .option-item {
  margin-bottom: 5px;
}
.case-options .option-item input[disabled],
.case-options .option-item .md-button[disabled] md-icon {
  color: #cccccc;
}
.case-options .option-item .label-section {
  padding-left: 25px;
}
.case-options .option-item md-datepicker {
  width: 150px;
}
.case-options .option-item:last-child {
  margin-bottom: 0;
}
.case-options .option-item md-datepicker .md-button.md-datepicker-triangle-button {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.case-options .form-check {
  margin-bottom: 0;
}
.case-options .form-check-input {
  position: unset;
  margin-left: 0;
  margin-top: 0;
}
.case-options .form-check-label {
  color: #333333;
  font-size: 14px;
  padding-left: 0;
  width: 60px;
}

@media (max-width: 450px) {
  .children-list {
    padding: 0 10px;
  }
  .children-list .case-options .option-item .form-check-label {
    font-size: 13px;
    width: 55px;
  }
  .children-list .case-options .option-item .label-section {
    padding-left: 10px;
  }
}
.filter-control .input-group-addon {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 4px 4px 0 !important;
}
.filter-control .dropdown.input-group-addon {
  margin-left: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px !important;
}
@media (max-width: 767px) {
  .filter-control {
    margin-top: 15px;
  }
}

.info {
  padding: 8px;
}
.info .usr-img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 5px;
  color: var(--secondary-color);
}
.info .usr-img__avatar {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info .text {
  width: calc(100% - 50px);
  margin-left: 5px;
  float: left;
}
.info .label-checkbox {
  margin-right: 5px;
  float: left;
}
.info .label-checkbox + .usr-img + .text {
  width: calc(100% - 80px);
}
.info + .action {
  width: 20px;
  right: 10px !important;
  top: calc(50% - 14px);
}
.info + .dropdown {
  position: absolute;
  right: 10px;
  width: 20px;
  top: calc(50% - 14px);
}
.info + .dropdown .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  display: none;
}
.info + .dropdown.open .dropdown-toggle::after {
  display: inline-block;
}

#ccnumfield {
  border: 0 !important;
}

intake-form-radio-buttons .form-check input.form-check-input {
  width: auto;
}

intake-form-multiple-choice .row > div .form-check input.form-check-input {
  width: auto;
}

@media screen and (max-width: 1366px) and (min-width: 768px) {
  intake-form-configuration-card.col-12.col-sm-3, intake-form-configuration-card.col-12.col-sm-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (width: 1024px) {
  intake-form-configuration-card.col-12.col-sm-3, intake-form-configuration-card.col-12.col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (width: 1024px) {
  intake-form-configuration-card intake-form-multiple-choice .row > div.col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (width: 1366px) {
  intake-form-configuration-card intake-form-multiple-choice .row > div.col-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (width: 1024px) {
  intake-form-configuration-card intake-form-radio-buttons .row > div.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (width: 1366px) {
  intake-form-configuration-card intake-form-radio-buttons .row > div.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.input-group .input-group-prepend .input-group-text {
  color: #909eaa;
  border-bottom: solid 1px #F0F2F5;
  font-size: 14px;
  line-height: 29px;
}

.custom-controls input[phone-mask]:not([type=checkbox]):not([type=range]):not([type=radio]).invalidated {
  border-bottom-color: #fc8675 !important;
}

.custom-controls input[phone-mask]:not([type=checkbox]):not([type=range]):not([type=radio]).invalidated {
  border-bottom-color: #fc8675 !important;
}

.input-group.input-group--inside {
  position: relative;
  padding: 0px;
}
.input-group.input-group--inside .input-group-prepend {
  position: absolute;
  left: 12px;
  top: 2px;
  z-index: 10;
  width: 30px;
  line-height: 29px;
}
.input-group.input-group--inside input {
  padding-left: 60px;
}

.intl-tel-input-wrapper.country-list-wrapper {
  position: fixed;
  background: transparent;
  width: 100vw;
  height: 100vh;
  z-index: 1100;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  top: 0px;
  left: 0px;
}
.intl-tel-input-wrapper.country-list {
  list-style: none;
  position: fixed;
  z-index: 1101;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}
.intl-tel-input-wrapper.country-list .iti__flag {
  display: inline-block;
  margin-right: 6px;
}
.intl-tel-input-wrapper.country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.intl-tel-input-wrapper.country-list .country {
  padding: 5px 10px;
}
.intl-tel-input-wrapper.country-list .country .dial-code {
  color: #999;
}
.intl-tel-input-wrapper.country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input-wrapper.country-list .country-name {
  margin-right: 6px;
}
@media (max-width: 500px) {
  .intl-tel-input-wrapper.country-list {
    white-space: normal;
  }
}
.intl-tel-input-wrapper.country-list .country .iti__flag,
.intl-tel-input-wrapper.country-list .country .country-name,
.intl-tel-input-wrapper.country-list .country .dial-code {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .intl-tel-input-wrapper.country-list {
    white-space: nowrap;
  }
  .intl-tel-input-wrapper.country-list .country .country-name {
    display: none;
  }
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  height: 100%;
  max-width: 50px;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #dddddd;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0px;
}
.select2-container--default .select2-results .select2-results__options .select2-results__option {
  padding: 5px;
  cursor: pointer;
}
.select2-container--default .select2-results .select2-results__options .select2-results__option:hover {
  font-weight: bold;
}
.select2-container--default .select2-dropdown {
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  z-index: 1051;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options[aria-selected] {
  cursor: pointer;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options.select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__options .select2-results__option {
  cursor: pointer;
  padding: 2px;
}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 100%;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  font-size: 15px;
  text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 33px;
  display: block;
  padding-left: 10px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #aaaaaa transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #aaaaaa transparent;
  border-width: 0 4px 5px 4px;
}

report-pagination .page-item.disabled .page-link {
  pointer-events: unset;
  cursor: default;
}

[phone-action] .phone-action--disabled {
  cursor: default;
}
[phone-action] .intl-tel-input {
  display: flex;
  align-items: center;
}
[phone-action] .intl-tel-input input[international-phone-number] {
  border: none !important;
  color: #000000;
  cursor: pointer;
  padding-left: 0px;
  font-size: 15px;
  order: 1;
}
[phone-action] .intl-tel-input input[international-phone-number]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  border-bottom: 0px !important;
  color: unset;
}
[phone-action] .intl-tel-input input[international-phone-number]:hover, [phone-action] .intl-tel-input input[international-phone-number]:active, [phone-action] .intl-tel-input input[international-phone-number]:visited, [phone-action] .intl-tel-input input[international-phone-number]:focus {
  border-color: none;
  box-shadow: none;
}
[phone-action] .intl-tel-input input[international-phone-number]::-webkit-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]:-ms-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]::-ms-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]::placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number]::-webkit-input-placeholder {
  color: transparent !important;
}
[phone-action] .intl-tel-input input[international-phone-number][view-only=true]:invalid + .flag-dropdown {
  display: none;
}
[phone-action] .intl-tel-input .flag-dropdown {
  position: relative;
  order: 0;
  margin-right: 5px;
  cursor: pointer !important;
}
[phone-action] .intl-tel-input .flag-dropdown .selected-flag {
  width: 20px;
  padding: 0px;
}
[phone-action] .intl-tel-input .flag-dropdown .selected-flag .iti__flag {
  position: relative;
  top: 0px;
  margin-top: 0px;
}
[phone-action] .intl-tel-input .flag-dropdown .selected-flag .arrow {
  display: none;
}
[phone-action] .intl-tel-input.intl-tel-input--readonly .intl-tel-input__number {
  margin: 0px;
  white-space: nowrap;
}
[phone-action] .intl-tel-input.intl-tel-input--readonly .intl-tel-input__number:hover {
  color: #808080;
}

.custom-controls [phone-action] input[international-phone-number][type=text]:not([type=checkbox]):not([type=range]):not([type=radio]) {
  padding-left: 0px !important;
}

.cross-field input[type=radio],
.cross-field input[type=checkbox] {
  display: none;
}
.cross-field input[type=radio] + label::after,
.cross-field input[type=checkbox] + label::after {
  content: "X";
  font-family: sans-serif;
  color: transparent;
}
.cross-field input[type=radio]:checked + label.cross::after,
.cross-field input[type=checkbox]:checked + label.cross::after {
  color: black;
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 20px;
  top: 0px;
  left: 0px;
  text-align: center;
}
.cross-field input[type=radio] + label.cross,
.cross-field input[type=checkbox] + label.cross {
  margin-right: 5px;
  margin-bottom: 0px;
  border: solid black 1px;
  cursor: pointer;
  font-size: 15px;
  padding: 5px;
  height: 20px;
  width: 20px;
  border: solid 1px grey;
}

.tick-field input[type=checkbox],
.tick-field input[type=radio] {
  display: none;
}
.tick-field input[type=checkbox] + label.tick,
.tick-field input[type=radio] + label.tick {
  margin-right: 5px;
  display: inline-block;
  font-family: fontAwesome;
  font-size: 12px;
  content: "";
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  text-align: center;
  width: 17px;
  height: 17px;
  line-height: 15px;
  vertical-align: middle;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 3px rgb;
}
.tick-field input[type=checkbox]:checked + label.tick,
.tick-field input[type=radio]:checked + label.tick {
  background: #26a6eb;
  border: 1px solid #26a6eb;
}
.tick-field input[type=checkbox]:checked + label.tick::before,
.tick-field input[type=radio]:checked + label.tick::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Regular";
  font-style: normal;
  font-weight: 400;
  border-color: rgba(0, 0, 0, 0.2);
  font-size: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  text-shadow: 0 1px #fff;
  color: white;
}

ck-view.ck-view--borderless .ckTextbox {
  border: 0px !important;
}
ck-view.ck-view--paddingless .ckTextbox {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
}

input.fake-input:not([type=checkbox]):not([type=range]):not([type=radio]) {
  width: 0px !important;
  height: 0px !important;
  min-height: 0px !important;
  border: none !important;
  border-bottom: none !important;
}

[data-range-picker].custom-date-picker {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 20px;
}
[data-range-picker].custom-date-picker::before {
  font-family: Font Awesome\ 5 Pro;
  content: "\f133";
}

.cus-container-dropdown .dropdown-menu.show-force {
  display: block !important;
}
.cus-container-dropdown .dropdown-toggle[readonly], .cus-container-dropdown .dropdown-toggle[disabled] {
  background-color: #eceeef !important;
  opacity: 1;
}
.cus-container-dropdown .dropdown-toggle {
  background-color: #FFF !important;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #838383;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
  padding: 3px 8px;
}
.cus-container-dropdown .dropdown-toggle span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.cus-container-dropdown .bg-disable {
  background-color: #eceeef !important;
  opacity: 1 !important;
}
.cus-container-dropdown .dropdown-menu-custom {
  border-radius: 8px;
  padding: 12px 12px 0 !important;
  box-shadow: 0px 2px 16px rgba(1, 18, 34, 0.1);
}
.cus-container-dropdown .dropdown-menu-custom .dropdown-content {
  max-height: 325px;
  overflow-y: auto;
  overflow-x: hidden;
}
.cus-container-dropdown .dropdown-menu-custom .dropdown-content::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0);
}
.cus-container-dropdown .dropdown-menu-custom .dropdown-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.cus-container-dropdown .dropdown-menu-custom .dropdown-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.cus-container-dropdown .dropdown-menu-custom .dropdown-content:hover::-webkit-scrollbar {
  width: 8px;
}
.cus-container-dropdown .dropdown-menu-custom .dropdown-content:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 4px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
@media only screen and (max-width: 1366px) {
  .cus-container-dropdown .dropdown-menu-custom {
    padding: 12px 12px 0 !important;
  }
  .cus-container-dropdown .dropdown-menu-custom .dropdown-content {
    max-height: 250px;
  }
}
@media only screen and (max-width: 767.98px) {
  .cus-container-dropdown .dropdown-menu-custom .dropdown-content {
    max-height: 200px;
  }
}
.cus-container-dropdown .dropdown-menu-custom .input-group {
  border: 1px solid #838383;
  border-radius: 4px;
  padding: 0 0 0 8px;
}
.cus-container-dropdown .dropdown-menu-custom .input-group input {
  height: 27px;
}
.cus-container-dropdown .dropdown-menu-custom md-checkbox {
  height: 20px;
}
.cus-container-dropdown .dropdown-menu-custom md-checkbox .md-label {
  font-family: "Hind";
  font-size: 14px !important;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  display: block;
}
.cus-container-dropdown .dropdown-menu-custom md-checkbox.md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}
.cus-container-dropdown .dropdown-menu-custom md-radio-group {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 4px;
}
.cus-container-dropdown .dropdown-menu-custom md-radio-group md-radio-button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 10px;
}
.cus-container-dropdown .dropdown-menu-custom md-radio-group md-radio-button .md-label {
  margin-top: 0.25rem;
  white-space: nowrap;
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cus-container-dropdown .dropdown-menu-custom md-radio-group .md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}

.table-new-version .container-table .table-responsive {
  border-radius: 8px;
  border: 1px solid #838383;
  margin-top: 20px;
}
.table-new-version .container-table .table-responsive .rtc-wrapper::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
.table-new-version .container-table .table-responsive .total-title {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #000;
}
.table-new-version .container-table .table-responsive table {
  font-family: "Hind";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.table-new-version .container-table .table-responsive table thead tr th {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 24px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  white-space: normal;
}
.table-new-version .container-table .table-responsive table tbody tr td:not(:first-child, :last-child) {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.table-new-version .container-table .table-responsive table tbody tr td:not(:first-child, :last-child) md-checkbox {
  margin-bottom: 0 !important;
}
.table-new-version .container-table .table-responsive table tbody tr td:not(:first-child, :last-child) .open {
  background: rgba(255, 118, 3, 0.2);
  color: #FF7603;
  border-radius: 5px;
  padding: 2px 8px;
  font-weight: 700;
  font-family: "Nunito";
}
.table-new-version .container-table .table-responsive table tbody tr td:not(:first-child, :last-child) .resolve {
  background: rgba(74, 211, 171, 0.2);
  border-radius: 5px;
  color: #4AD3AB;
  font-weight: 700;
  padding: 2px 8px;
}
.table-new-version .container-table .table-responsive table.clip-text tbody tr td span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.table-new-version .container-table .table-responsive table.wrap-text thead tr th {
  vertical-align: middle;
}
.table-new-version .container-table .table-responsive table.wrap-text tbody tr td span {
  word-break: break-word;
  max-width: 275px;
}
.table-new-version .container-table .table-responsive table.wrap-text tbody tr td {
  overflow: auto;
  text-overflow: inherit;
  white-space: normal;
}
@media screen and (min-width: 1024px) {
  .table-new-version .container-table .table-responsive table tr > th:first-child, .table-new-version .container-table .table-responsive table tr > td:first-child {
    border: none !important;
    position: sticky;
    left: 0;
    outline: 1px solid #838383 !important;
  }
  .table-new-version .container-table .table-responsive table tr > th:last-child, .table-new-version .container-table .table-responsive table tr > td:last-child {
    border: none !important;
    position: sticky;
    right: 0;
    outline: 1px solid #838383 !important;
  }
  .table-new-version .container-table .table-responsive table tr > td:first-child, .table-new-version .container-table .table-responsive table tr > td:last-child {
    background-color: white;
  }
}
.table-new-version .container-table .table-responsive table#sub-table tbody tr td, .table-new-version .container-table .table-responsive table#sub-table tbody tr span {
  overflow: unset;
  text-overflow: unset;
  white-space: normal;
}
.table-new-version .container-table .table-responsive table#sub-table thead tr th {
  border: 0 !important;
  white-space: nowrap;
}
.table-new-version .container-table .table-responsive table#sub-table tr > th:first-child, .table-new-version .container-table .table-responsive table#sub-table tr > td:first-child {
  outline: 0px solid #838383 !important;
}
.table-new-version .container-table .table-responsive table#sub-table tr > th:last-child, .table-new-version .container-table .table-responsive table#sub-table tr > td:last-child {
  outline: 0px solid #838383 !important;
}
.table-new-version .container-table .container-pagination {
  margin-top: 20px;
}

.table-body-no-border .table-responsive {
  border-radius: 8px;
  border: 1px solid #838383;
}
.table-body-no-border .table-responsive .rtc-wrapper::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
.table-body-no-border .table-responsive table {
  font-family: "Hind";
  font-style: normal;
  margin: 0;
}
.table-body-no-border .table-responsive table thead tr th, .table-body-no-border .table-responsive table tfoot tr th {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  word-break: break-word;
  color: #000;
  border: none !important;
  white-space: normal;
  background-color: white;
}
.table-body-no-border .table-responsive table thead {
  border-bottom: 1px solid #838383 !important;
}
.table-body-no-border .table-responsive table tfoot {
  border-top: 1px solid #d5d5d5 !important;
}
.table-body-no-border .table-responsive table tbody tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  word-break: break-word;
  color: #000;
  border: none !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  background-color: white;
}

.hidden-radio .md-container {
  display: none !important;
}
.hidden-radio .md-label {
  margin-left: 0 !important;
}

.alert-notify {
  background: #FD2D57;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  color: #FFF;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.safari-height {
  height: calc(100vh - 220px);
}

.text-truncate-two {
  display: -webkit-box;
  width: auto;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-link {
  color: #0275d8 !important;
  text-decoration: underline !important;
}

.text-expire {
  font-family: "Hind";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #E6173E !important;
}

.drop-show-left__set-index {
  z-index: 991;
}
.drop-show-left {
  top: -26px;
  left: -195px;
  background: #FFFFFF;
  border-radius: 8px;
  width: 192px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.drop-show-left__contact-logs {
  padding: 8px !important;
  top: 20px;
  left: -170px;
}
.drop-show-left__custom-width {
  left: -220px;
  width: 220px;
}

.drop-show-bottom-left__set-index {
  z-index: 991;
}
.drop-show-bottom-left {
  left: -170px;
  top: 30px;
  background: #fff;
  border-radius: 8px;
  width: 200px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.drop-show-bottom-left__set-width {
  width: 200px;
  height: 81px;
  padding: 12px !important;
  left: -170px !important;
}
.drop-show-bottom-left__set-width h6 {
  font-size: 14px;
  font-family: "Hind";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.drop-show-bottom-left__set-width span {
  font-size: 14px;
  font-family: "Hind";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.button-cus {
  border-radius: 4px;
  width: auto;
  font-family: "Hind";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  color: #FFFFFF !important;
  padding: 2px 12px 0;
}

.btn-claim {
  background: #52C41A;
}

.btn-general {
  background: #1890FF;
}

.badge-payer {
  color: #FFF !important;
  width: 37px;
  height: 37px;
  border-radius: 8px;
  min-width: 37px;
}

.badge-red {
  background: #F5222D;
}

.badge-yellow {
  background: #FF7603;
}

.badge-blue {
  background: #1890FF;
}

.badge-gray {
  background: #595959;
}

.border-main {
  border: 1px solid #838383;
  border-radius: 8px;
}

.virtual-header {
  height: 16px;
  width: 100%;
}

.wrapper-cus-height::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.wrapper-cus-height::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.wrapper-cus-height::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.wrapper-cus-height:hover::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.wrapper-cus-height:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border: 0px solid transparent;
}
@media screen and (min-width: 1024px) {
  .wrapper-cus-height {
    height: 100%;
  }
}
@media screen and (max-width: 991.98px) {
  .wrapper-cus-height {
    height: 100%;
    overflow: auto;
  }
}

.wrapper-content-commom .load-more {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  color: #232323;
}
.wrapper-content-commom h5 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  color: #232323;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 0;
}
.wrapper-content-commom h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  color: #232323;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767.98px) {
  .wrapper-content-commom h5 {
    font-size: 16px;
    line-height: 24px;
  }
  .wrapper-content-commom h6 {
    font-size: 14px;
    line-height: 20px;
  }
}
.wrapper-content-commom .col-5, .wrapper-content-commom .col-6, .wrapper-content-commom .col-7 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  display: flex;
}
.wrapper-content-commom .col-5 label, .wrapper-content-commom .col-6 label, .wrapper-content-commom .col-7 label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
  word-break: break-word;
}

.content-tab-menu {
  display: block;
}
.content-tab-menu::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.content-tab-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.content-tab-menu::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.content-tab-menu:hover::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.content-tab-menu:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border: 0px solid transparent;
}
.content-tab-menu ul {
  background: #f0f2f5;
  border-radius: 100px;
  width: -webkit-max-content;
  width: max-content;
}
.content-tab-menu ul .nav-item {
  cursor: pointer;
  width: auto;
  height: auto;
  border-radius: 100px;
  padding: 0px;
  margin-left: 16px;
}
.content-tab-menu ul .nav-item .nav-link {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: none;
  background: #838383;
  color: #fff;
  border-radius: 100px;
  padding: 4px 8px;
}
.content-tab-menu ul .nav-item.active {
  background-color: var(--main-color) !important;
  color: #fff;
  border-left: none;
}
.content-tab-menu ul .nav-item.active .nav-link {
  background-color: var(--main-color) !important;
  color: #fff;
}
.content-tab-menu ul .nav-item:not(.active):hover {
  opacity: 0.7;
}
@media screen and (min-width: 1800px) {
  .content-tab-menu {
    display: flex;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .custom-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.cus-panel-default {
  background: #fff;
  padding: 16px !important;
  margin-bottom: 16px;
  border-radius: 8px;
  border: 1px solid #f0eaea;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.cus-panel-default .panel__toggle[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
.cus-panel-default .panel__title[aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.cus-panel-default .panel__title[aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
.cus-panel-default .panel__title[aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
.cus-panel-default .panel__title[aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}

.content-left-top {
  position: sticky;
  position: -webkit-sticky;
  top: -18px;
  background: #fff;
  z-index: 10;
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .content-left-top {
    background: #f0f2f5;
  }
}
@media screen and (max-width: 991.98px) {
  .content-left-top {
    top: 0;
  }
}

.left-content-section, .right-content-section {
  max-height: 100%;
  overflow-y: auto;
}
.left-content-section::-webkit-scrollbar, .right-content-section::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(0, 0, 0, 0);
}
.left-content-section::-webkit-scrollbar-thumb, .right-content-section::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.left-content-section::-webkit-scrollbar-track, .right-content-section::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.left-content-section:hover::-webkit-scrollbar, .right-content-section:hover::-webkit-scrollbar {
  width: 6px;
}
.left-content-section:hover::-webkit-scrollbar-thumb, .right-content-section:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 2px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
@media only screen and (max-width: 991.98px) {
  .left-content-section, .right-content-section {
    max-height: none;
    overflow-y: hidden;
    height: auto !important;
  }
  .left-content-section::-webkit-scrollbar, .right-content-section::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  .left-content-section:hover::-webkit-scrollbar, .right-content-section:hover::-webkit-scrollbar {
    width: 0;
  }
}

.left-content-section .f-size-16 {
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .left-content-section {
    flex: 0 0 43.333333% !important;
    max-width: 43.333333% !important;
    margin-top: 3px;
  }
}
.left-content-section .col-5, .left-content-section .col-7 {
  margin-top: 20px;
}
.left-content-section .col-5 {
  align-items: center;
}
.left-content-section .col-5 i {
  margin-right: 10px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 2px;
}
.left-content-section .col-5 img {
  margin-right: 10px;
  font-weight: 600;
  margin-bottom: 2px;
}
.left-content-section button {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-content-section .btn-activate {
  background: #52C41A;
  color: #fff;
  border: 1px solid #52C41A;
  padding: 5px 16px;
  width: 87px;
  height: 32px;
}
.left-content-section .btn-deactive {
  background: #f5222d;
  color: #fff;
  border: 1px solid #f5222d;
  padding: 5px 16px;
  width: 87px;
  height: 32px;
}
.left-content-section .btn-reset-password {
  background: #ff7603;
  color: #fff;
  border: 1px solid #ff7603;
  width: 134px;
  height: 32px;
}
.left-content-section .btn-lock-account {
  background: #fff;
  color: var(--alert-color);
  border: 1px solid var(--alert-color);
  width: 100px;
  height: 32px;
}
.left-content-section .btn-unlock-account {
  background: #fff;
  color: #0275D8;
  border: 1px solid #0275D8;
  width: 100px;
  height: 32px;
}
.left-content-section .content-info .patient-img {
  position: relative;
  width: 80px;
  height: 80px;
  padding: 0 !important;
  background: whitesmoke;
  box-shadow: 0 0 4px 2px whitesmoke;
  border-radius: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.left-content-section .content-info .patient-img .icon-camera {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: -5px;
}
.left-content-section .content-info .patient-img .icon-camera span {
  color: #FFF;
}
.left-content-section .content-info .content-info-left .btn-active {
  background: #fff;
  color: #52c41a;
  border: 1px solid #52c41a;
  padding: 0 15px;
  cursor: default;
}
.left-content-section .content-info .content-info-left .btn-active:focus {
  outline: none;
}
.left-content-section .content-info .content-info-left .btn-in-active {
  background: #fff;
  color: #f5222d;
  border: 1px solid #f5222d;
  padding: 0 15px;
  cursor: default;
}
.left-content-section .content-info .content-info-left .btn-in-active:focus {
  outline: none;
}
.left-content-section .content-info .content-info-left .btn-locked-out {
  background: #fff;
  color: var(--alert-color);
  border: 1px solid var(--alert-color);
  padding: 0 15px;
  cursor: default;
}
.left-content-section .content-info .content-info-left .btn-locked-out:focus {
  outline: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .right-content-section {
    flex: 0 0 56.333333%;
    max-width: 56.333333%;
    margin-top: 3px;
  }
}
.right-content-section .content-tab {
  background: #f0f2f5;
  position: sticky;
  position: -webkit-sticky;
  z-index: 10;
  top: 0;
  padding-bottom: 16px;
}
.right-content-section .content-tab .next, .right-content-section .content-tab .previous {
  display: none;
  width: 25px;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .right-content-section .content-tab .next, .right-content-section .content-tab .previous {
    display: block;
  }
}
.right-content-section .content-tab .next i, .right-content-section .content-tab .previous i {
  font-size: 18px;
  color: #232323;
}
.right-content-section .panel-content .content-parent .cus-width {
  width: 85%;
}
@media screen and (max-width: 1199.98px) {
  .right-content-section .panel-content .content-parent .cus-width {
    width: 75%;
  }
}
@media screen and (max-width: 991.98px) {
  .right-content-section .panel-content .content-parent .cus-width {
    width: 85%;
  }
}
@media screen and (max-width: 767.98px) {
  .right-content-section .panel-content .content-parent .cus-width {
    width: 64%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .right-content-section .panel-content .content-parent .cus-width {
    width: 70%;
  }
}
.right-content-section .panel-content .content-parent {
  border: 1px solid #838383;
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
}
.right-content-section .panel-content .content-parent__none {
  border: none;
  font-family: "Hind";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #838383;
  padding: 0 !important;
}
.right-content-section .panel-content .content-parent .collapse {
  border-top: 1px solid #838383;
}
.right-content-section .panel-content .content-parent .row .col-5, .right-content-section .panel-content .content-parent .row .col-6, .right-content-section .panel-content .content-parent .row .col-7 {
  margin-top: 12px;
}
@media screen and (max-width: 1366px) {
  .right-content-section .panel-content .content-parent .list-authorizations {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.right-content-section .panel-content .content-parent .list-authorizations {
  margin-top: 12px;
}
.right-content-section .panel-content .content-parent .list-authorizations .border-main {
  padding: 12px;
}
.right-content-section .panel-content .content-parent .list-authorizations .border-main p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.right-content-section .panel-content .content-parent .list-authorizations .border-main span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.right-content-section .panel-content .content-parent .insurance-information-child .dropleft {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1199.98px) {
  .left-content-section::-webkit-scrollbar, .right-content-section::-webkit-scrollbar {
    width: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .left-content-section::-webkit-scrollbar-thumb, .right-content-section::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .left-content-section::-webkit-scrollbar-track, .right-content-section::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .left-content-section:hover::-webkit-scrollbar, .right-content-section:hover::-webkit-scrollbar {
    width: 0px;
  }
  .left-content-section:hover::-webkit-scrollbar-thumb, .right-content-section:hover::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    border-left: 0px rgba(0, 0, 0, 0) solid;
    background-clip: padding-box;
  }
  .tab-content-div::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  .tab-content-div:hover::-webkit-scrollbar {
    width: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .content-tab-menu {
    padding-bottom: 16px;
    clip-path: inset(0 0 16px 0);
  }
  .content-tab-menu::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .content-tab-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .content-tab-menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .content-tab-menu:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .content-tab-menu:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid transparent;
  }
  .mg-top-revers-20 {
    margin-top: -18px;
  }
}
@media screen and (max-width: 767.98px) {
  .mg-top-revers-20 {
    margin-top: -16px;
  }
  .content-left-top ul {
    background: #FFF;
  }
  .cus-panel-default {
    padding: 12px !important;
    margin-bottom: 20px !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  }
  .left-content-section .content-info {
    width: 80%;
  }
  .left-content-section .col-5, .left-content-section .col-7 {
    margin-top: 8px;
  }
  .right-content-section .panel-content .content-parent {
    padding: 12px;
    margin-top: 12px;
  }
}
#progress-linear .md-container {
  background-color: #323232 !important;
}
#progress-linear .md-container .md-bar1 {
  background-color: #55B938 !important;
}
#progress-linear .md-container .md-bar2 {
  background-color: #55B938 !important;
}
#progress-linear.warning .md-bar1 {
  background-color: #F4A522 !important;
}
#progress-linear.warning .md-bar2 {
  background-color: #F4A522 !important;
}

.text-red-warning {
  color: #F5222D !important;
}

.drop-placeholder {
  border: 1px dashed var(--main-color);
  border-radius: 0.25rem;
  background-color: #f7f7f9;
  margin: 1rem 0;
  height: 5rem;
}

.dragging-item {
  opacity: 0.75;
}

#payrollReport .content-table,
#referralsNewReport .content-table,
#activePatientReport .content-table,
#logsReport .content-table,
#traveledDistanceReport .content-table,
#waitListReport .content-table,
#paymentsCollectionReport .content-table,
#generalVisitReportNew .content-table,
#promotionUsagesReport .content-table,
#transactionReport .content-table,
#generatePatientStatement .content-table,
#alertReport .content-table,
#patientReport .content-table,
#insurancePayments .content-table,
#authorizationsReport .content-table,
#aRAgingReport .content-table,
#clinicDetailsReport .content-table,
#payerAnalyticsReport .content-table,
#billingReport .content-table {
  margin-top: 10px;
  max-height: 600px;
  overflow-y: auto;
  position: relative;
  display: flex;
}
#payrollReport .content-table .table-responsive::-webkit-scrollbar,
#referralsNewReport .content-table .table-responsive::-webkit-scrollbar,
#activePatientReport .content-table .table-responsive::-webkit-scrollbar,
#logsReport .content-table .table-responsive::-webkit-scrollbar,
#traveledDistanceReport .content-table .table-responsive::-webkit-scrollbar,
#waitListReport .content-table .table-responsive::-webkit-scrollbar,
#paymentsCollectionReport .content-table .table-responsive::-webkit-scrollbar,
#generalVisitReportNew .content-table .table-responsive::-webkit-scrollbar,
#promotionUsagesReport .content-table .table-responsive::-webkit-scrollbar,
#transactionReport .content-table .table-responsive::-webkit-scrollbar,
#generatePatientStatement .content-table .table-responsive::-webkit-scrollbar,
#alertReport .content-table .table-responsive::-webkit-scrollbar,
#patientReport .content-table .table-responsive::-webkit-scrollbar,
#insurancePayments .content-table .table-responsive::-webkit-scrollbar,
#authorizationsReport .content-table .table-responsive::-webkit-scrollbar,
#aRAgingReport .content-table .table-responsive::-webkit-scrollbar,
#clinicDetailsReport .content-table .table-responsive::-webkit-scrollbar,
#payerAnalyticsReport .content-table .table-responsive::-webkit-scrollbar,
#billingReport .content-table .table-responsive::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#referralsNewReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#activePatientReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#logsReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#traveledDistanceReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#waitListReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#paymentsCollectionReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-table .table-responsive::-webkit-scrollbar-thumb,
#promotionUsagesReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#transactionReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#generatePatientStatement .content-table .table-responsive::-webkit-scrollbar-thumb,
#alertReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#patientReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#insurancePayments .content-table .table-responsive::-webkit-scrollbar-thumb,
#authorizationsReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#aRAgingReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#clinicDetailsReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#payerAnalyticsReport .content-table .table-responsive::-webkit-scrollbar-thumb,
#billingReport .content-table .table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-table .table-responsive::-webkit-scrollbar-track,
#referralsNewReport .content-table .table-responsive::-webkit-scrollbar-track,
#activePatientReport .content-table .table-responsive::-webkit-scrollbar-track,
#logsReport .content-table .table-responsive::-webkit-scrollbar-track,
#traveledDistanceReport .content-table .table-responsive::-webkit-scrollbar-track,
#waitListReport .content-table .table-responsive::-webkit-scrollbar-track,
#paymentsCollectionReport .content-table .table-responsive::-webkit-scrollbar-track,
#generalVisitReportNew .content-table .table-responsive::-webkit-scrollbar-track,
#promotionUsagesReport .content-table .table-responsive::-webkit-scrollbar-track,
#transactionReport .content-table .table-responsive::-webkit-scrollbar-track,
#generatePatientStatement .content-table .table-responsive::-webkit-scrollbar-track,
#alertReport .content-table .table-responsive::-webkit-scrollbar-track,
#patientReport .content-table .table-responsive::-webkit-scrollbar-track,
#insurancePayments .content-table .table-responsive::-webkit-scrollbar-track,
#authorizationsReport .content-table .table-responsive::-webkit-scrollbar-track,
#aRAgingReport .content-table .table-responsive::-webkit-scrollbar-track,
#clinicDetailsReport .content-table .table-responsive::-webkit-scrollbar-track,
#payerAnalyticsReport .content-table .table-responsive::-webkit-scrollbar-track,
#billingReport .content-table .table-responsive::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-table .table-responsive:hover::-webkit-scrollbar,
#referralsNewReport .content-table .table-responsive:hover::-webkit-scrollbar,
#activePatientReport .content-table .table-responsive:hover::-webkit-scrollbar,
#logsReport .content-table .table-responsive:hover::-webkit-scrollbar,
#traveledDistanceReport .content-table .table-responsive:hover::-webkit-scrollbar,
#waitListReport .content-table .table-responsive:hover::-webkit-scrollbar,
#paymentsCollectionReport .content-table .table-responsive:hover::-webkit-scrollbar,
#generalVisitReportNew .content-table .table-responsive:hover::-webkit-scrollbar,
#promotionUsagesReport .content-table .table-responsive:hover::-webkit-scrollbar,
#transactionReport .content-table .table-responsive:hover::-webkit-scrollbar,
#generatePatientStatement .content-table .table-responsive:hover::-webkit-scrollbar,
#alertReport .content-table .table-responsive:hover::-webkit-scrollbar,
#patientReport .content-table .table-responsive:hover::-webkit-scrollbar,
#insurancePayments .content-table .table-responsive:hover::-webkit-scrollbar,
#authorizationsReport .content-table .table-responsive:hover::-webkit-scrollbar,
#aRAgingReport .content-table .table-responsive:hover::-webkit-scrollbar,
#clinicDetailsReport .content-table .table-responsive:hover::-webkit-scrollbar,
#payerAnalyticsReport .content-table .table-responsive:hover::-webkit-scrollbar,
#billingReport .content-table .table-responsive:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#payrollReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#referralsNewReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#activePatientReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#logsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#traveledDistanceReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#waitListReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#paymentsCollectionReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#promotionUsagesReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#transactionReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#generatePatientStatement .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#alertReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#patientReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#insurancePayments .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#authorizationsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#aRAgingReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#clinicDetailsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#payerAnalyticsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
#billingReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
  border: 3px solid transparent;
}
@media only screen and (max-width: 767.98px) {
  #payrollReport .content-table .table-responsive::-webkit-scrollbar,
  #referralsNewReport .content-table .table-responsive::-webkit-scrollbar,
  #activePatientReport .content-table .table-responsive::-webkit-scrollbar,
  #logsReport .content-table .table-responsive::-webkit-scrollbar,
  #traveledDistanceReport .content-table .table-responsive::-webkit-scrollbar,
  #waitListReport .content-table .table-responsive::-webkit-scrollbar,
  #paymentsCollectionReport .content-table .table-responsive::-webkit-scrollbar,
  #generalVisitReportNew .content-table .table-responsive::-webkit-scrollbar,
  #promotionUsagesReport .content-table .table-responsive::-webkit-scrollbar,
  #transactionReport .content-table .table-responsive::-webkit-scrollbar,
  #generatePatientStatement .content-table .table-responsive::-webkit-scrollbar,
  #alertReport .content-table .table-responsive::-webkit-scrollbar,
  #patientReport .content-table .table-responsive::-webkit-scrollbar,
  #insurancePayments .content-table .table-responsive::-webkit-scrollbar,
  #authorizationsReport .content-table .table-responsive::-webkit-scrollbar,
  #aRAgingReport .content-table .table-responsive::-webkit-scrollbar,
  #clinicDetailsReport .content-table .table-responsive::-webkit-scrollbar,
  #payerAnalyticsReport .content-table .table-responsive::-webkit-scrollbar,
  #billingReport .content-table .table-responsive::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  #payrollReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #referralsNewReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #activePatientReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #logsReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #traveledDistanceReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #waitListReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #paymentsCollectionReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #generalVisitReportNew .content-table .table-responsive:hover::-webkit-scrollbar,
  #promotionUsagesReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #transactionReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #generatePatientStatement .content-table .table-responsive:hover::-webkit-scrollbar,
  #alertReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #patientReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #insurancePayments .content-table .table-responsive:hover::-webkit-scrollbar,
  #authorizationsReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #aRAgingReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #clinicDetailsReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #payerAnalyticsReport .content-table .table-responsive:hover::-webkit-scrollbar,
  #billingReport .content-table .table-responsive:hover::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  #payrollReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #referralsNewReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #activePatientReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #logsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #traveledDistanceReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #waitListReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #paymentsCollectionReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #generalVisitReportNew .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #promotionUsagesReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #transactionReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #generatePatientStatement .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #alertReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #patientReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #insurancePayments .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #authorizationsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #aRAgingReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #clinicDetailsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #payerAnalyticsReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb,
  #billingReport .content-table .table-responsive:hover::-webkit-scrollbar-thumb {
    background-color: rgba(50, 50, 50, 0.3);
    border: 0px solid transparent;
  }
}
#payrollReport .content-table .table-responsive table .w-4,
#referralsNewReport .content-table .table-responsive table .w-4,
#activePatientReport .content-table .table-responsive table .w-4,
#logsReport .content-table .table-responsive table .w-4,
#traveledDistanceReport .content-table .table-responsive table .w-4,
#waitListReport .content-table .table-responsive table .w-4,
#paymentsCollectionReport .content-table .table-responsive table .w-4,
#generalVisitReportNew .content-table .table-responsive table .w-4,
#promotionUsagesReport .content-table .table-responsive table .w-4,
#transactionReport .content-table .table-responsive table .w-4,
#generatePatientStatement .content-table .table-responsive table .w-4,
#alertReport .content-table .table-responsive table .w-4,
#patientReport .content-table .table-responsive table .w-4,
#insurancePayments .content-table .table-responsive table .w-4,
#authorizationsReport .content-table .table-responsive table .w-4,
#aRAgingReport .content-table .table-responsive table .w-4,
#clinicDetailsReport .content-table .table-responsive table .w-4,
#payerAnalyticsReport .content-table .table-responsive table .w-4,
#billingReport .content-table .table-responsive table .w-4 {
  width: 4%;
}
#payrollReport .content-table .table-responsive table .w-5,
#referralsNewReport .content-table .table-responsive table .w-5,
#activePatientReport .content-table .table-responsive table .w-5,
#logsReport .content-table .table-responsive table .w-5,
#traveledDistanceReport .content-table .table-responsive table .w-5,
#waitListReport .content-table .table-responsive table .w-5,
#paymentsCollectionReport .content-table .table-responsive table .w-5,
#generalVisitReportNew .content-table .table-responsive table .w-5,
#promotionUsagesReport .content-table .table-responsive table .w-5,
#transactionReport .content-table .table-responsive table .w-5,
#generatePatientStatement .content-table .table-responsive table .w-5,
#alertReport .content-table .table-responsive table .w-5,
#patientReport .content-table .table-responsive table .w-5,
#insurancePayments .content-table .table-responsive table .w-5,
#authorizationsReport .content-table .table-responsive table .w-5,
#aRAgingReport .content-table .table-responsive table .w-5,
#clinicDetailsReport .content-table .table-responsive table .w-5,
#payerAnalyticsReport .content-table .table-responsive table .w-5,
#billingReport .content-table .table-responsive table .w-5 {
  width: 5%;
}
#payrollReport .content-table .table-responsive table .w-6,
#referralsNewReport .content-table .table-responsive table .w-6,
#activePatientReport .content-table .table-responsive table .w-6,
#logsReport .content-table .table-responsive table .w-6,
#traveledDistanceReport .content-table .table-responsive table .w-6,
#waitListReport .content-table .table-responsive table .w-6,
#paymentsCollectionReport .content-table .table-responsive table .w-6,
#generalVisitReportNew .content-table .table-responsive table .w-6,
#promotionUsagesReport .content-table .table-responsive table .w-6,
#transactionReport .content-table .table-responsive table .w-6,
#generatePatientStatement .content-table .table-responsive table .w-6,
#alertReport .content-table .table-responsive table .w-6,
#patientReport .content-table .table-responsive table .w-6,
#insurancePayments .content-table .table-responsive table .w-6,
#authorizationsReport .content-table .table-responsive table .w-6,
#aRAgingReport .content-table .table-responsive table .w-6,
#clinicDetailsReport .content-table .table-responsive table .w-6,
#payerAnalyticsReport .content-table .table-responsive table .w-6,
#billingReport .content-table .table-responsive table .w-6 {
  width: 6%;
}
#payrollReport .content-table .table-responsive table .w-7,
#referralsNewReport .content-table .table-responsive table .w-7,
#activePatientReport .content-table .table-responsive table .w-7,
#logsReport .content-table .table-responsive table .w-7,
#traveledDistanceReport .content-table .table-responsive table .w-7,
#waitListReport .content-table .table-responsive table .w-7,
#paymentsCollectionReport .content-table .table-responsive table .w-7,
#generalVisitReportNew .content-table .table-responsive table .w-7,
#promotionUsagesReport .content-table .table-responsive table .w-7,
#transactionReport .content-table .table-responsive table .w-7,
#generatePatientStatement .content-table .table-responsive table .w-7,
#alertReport .content-table .table-responsive table .w-7,
#patientReport .content-table .table-responsive table .w-7,
#insurancePayments .content-table .table-responsive table .w-7,
#authorizationsReport .content-table .table-responsive table .w-7,
#aRAgingReport .content-table .table-responsive table .w-7,
#clinicDetailsReport .content-table .table-responsive table .w-7,
#payerAnalyticsReport .content-table .table-responsive table .w-7,
#billingReport .content-table .table-responsive table .w-7 {
  width: 7%;
}
#payrollReport .content-table .table-responsive table .w-8,
#referralsNewReport .content-table .table-responsive table .w-8,
#activePatientReport .content-table .table-responsive table .w-8,
#logsReport .content-table .table-responsive table .w-8,
#traveledDistanceReport .content-table .table-responsive table .w-8,
#waitListReport .content-table .table-responsive table .w-8,
#paymentsCollectionReport .content-table .table-responsive table .w-8,
#generalVisitReportNew .content-table .table-responsive table .w-8,
#promotionUsagesReport .content-table .table-responsive table .w-8,
#transactionReport .content-table .table-responsive table .w-8,
#generatePatientStatement .content-table .table-responsive table .w-8,
#alertReport .content-table .table-responsive table .w-8,
#patientReport .content-table .table-responsive table .w-8,
#insurancePayments .content-table .table-responsive table .w-8,
#authorizationsReport .content-table .table-responsive table .w-8,
#aRAgingReport .content-table .table-responsive table .w-8,
#clinicDetailsReport .content-table .table-responsive table .w-8,
#payerAnalyticsReport .content-table .table-responsive table .w-8,
#billingReport .content-table .table-responsive table .w-8 {
  width: 8%;
}
#payrollReport .content-table .table-responsive table .w-9,
#referralsNewReport .content-table .table-responsive table .w-9,
#activePatientReport .content-table .table-responsive table .w-9,
#logsReport .content-table .table-responsive table .w-9,
#traveledDistanceReport .content-table .table-responsive table .w-9,
#waitListReport .content-table .table-responsive table .w-9,
#paymentsCollectionReport .content-table .table-responsive table .w-9,
#generalVisitReportNew .content-table .table-responsive table .w-9,
#promotionUsagesReport .content-table .table-responsive table .w-9,
#transactionReport .content-table .table-responsive table .w-9,
#generatePatientStatement .content-table .table-responsive table .w-9,
#alertReport .content-table .table-responsive table .w-9,
#patientReport .content-table .table-responsive table .w-9,
#insurancePayments .content-table .table-responsive table .w-9,
#authorizationsReport .content-table .table-responsive table .w-9,
#aRAgingReport .content-table .table-responsive table .w-9,
#clinicDetailsReport .content-table .table-responsive table .w-9,
#payerAnalyticsReport .content-table .table-responsive table .w-9,
#billingReport .content-table .table-responsive table .w-9 {
  width: 9%;
}
#payrollReport .content-table .table-responsive table .w-10,
#referralsNewReport .content-table .table-responsive table .w-10,
#activePatientReport .content-table .table-responsive table .w-10,
#logsReport .content-table .table-responsive table .w-10,
#traveledDistanceReport .content-table .table-responsive table .w-10,
#waitListReport .content-table .table-responsive table .w-10,
#paymentsCollectionReport .content-table .table-responsive table .w-10,
#generalVisitReportNew .content-table .table-responsive table .w-10,
#promotionUsagesReport .content-table .table-responsive table .w-10,
#transactionReport .content-table .table-responsive table .w-10,
#generatePatientStatement .content-table .table-responsive table .w-10,
#alertReport .content-table .table-responsive table .w-10,
#patientReport .content-table .table-responsive table .w-10,
#insurancePayments .content-table .table-responsive table .w-10,
#authorizationsReport .content-table .table-responsive table .w-10,
#aRAgingReport .content-table .table-responsive table .w-10,
#clinicDetailsReport .content-table .table-responsive table .w-10,
#payerAnalyticsReport .content-table .table-responsive table .w-10,
#billingReport .content-table .table-responsive table .w-10 {
  width: 10%;
}
#payrollReport .content-table .table-responsive table .w-12,
#referralsNewReport .content-table .table-responsive table .w-12,
#activePatientReport .content-table .table-responsive table .w-12,
#logsReport .content-table .table-responsive table .w-12,
#traveledDistanceReport .content-table .table-responsive table .w-12,
#waitListReport .content-table .table-responsive table .w-12,
#paymentsCollectionReport .content-table .table-responsive table .w-12,
#generalVisitReportNew .content-table .table-responsive table .w-12,
#promotionUsagesReport .content-table .table-responsive table .w-12,
#transactionReport .content-table .table-responsive table .w-12,
#generatePatientStatement .content-table .table-responsive table .w-12,
#alertReport .content-table .table-responsive table .w-12,
#patientReport .content-table .table-responsive table .w-12,
#insurancePayments .content-table .table-responsive table .w-12,
#authorizationsReport .content-table .table-responsive table .w-12,
#aRAgingReport .content-table .table-responsive table .w-12,
#clinicDetailsReport .content-table .table-responsive table .w-12,
#payerAnalyticsReport .content-table .table-responsive table .w-12,
#billingReport .content-table .table-responsive table .w-12 {
  width: 12%;
}
#payrollReport .content-table .table-responsive table .w-15,
#referralsNewReport .content-table .table-responsive table .w-15,
#activePatientReport .content-table .table-responsive table .w-15,
#logsReport .content-table .table-responsive table .w-15,
#traveledDistanceReport .content-table .table-responsive table .w-15,
#waitListReport .content-table .table-responsive table .w-15,
#paymentsCollectionReport .content-table .table-responsive table .w-15,
#generalVisitReportNew .content-table .table-responsive table .w-15,
#promotionUsagesReport .content-table .table-responsive table .w-15,
#transactionReport .content-table .table-responsive table .w-15,
#generatePatientStatement .content-table .table-responsive table .w-15,
#alertReport .content-table .table-responsive table .w-15,
#patientReport .content-table .table-responsive table .w-15,
#insurancePayments .content-table .table-responsive table .w-15,
#authorizationsReport .content-table .table-responsive table .w-15,
#aRAgingReport .content-table .table-responsive table .w-15,
#clinicDetailsReport .content-table .table-responsive table .w-15,
#payerAnalyticsReport .content-table .table-responsive table .w-15,
#billingReport .content-table .table-responsive table .w-15 {
  width: 15%;
}
#payrollReport .content-table .table-responsive table .w-18,
#referralsNewReport .content-table .table-responsive table .w-18,
#activePatientReport .content-table .table-responsive table .w-18,
#logsReport .content-table .table-responsive table .w-18,
#traveledDistanceReport .content-table .table-responsive table .w-18,
#waitListReport .content-table .table-responsive table .w-18,
#paymentsCollectionReport .content-table .table-responsive table .w-18,
#generalVisitReportNew .content-table .table-responsive table .w-18,
#promotionUsagesReport .content-table .table-responsive table .w-18,
#transactionReport .content-table .table-responsive table .w-18,
#generatePatientStatement .content-table .table-responsive table .w-18,
#alertReport .content-table .table-responsive table .w-18,
#patientReport .content-table .table-responsive table .w-18,
#insurancePayments .content-table .table-responsive table .w-18,
#authorizationsReport .content-table .table-responsive table .w-18,
#aRAgingReport .content-table .table-responsive table .w-18,
#clinicDetailsReport .content-table .table-responsive table .w-18,
#payerAnalyticsReport .content-table .table-responsive table .w-18,
#billingReport .content-table .table-responsive table .w-18 {
  width: 18%;
}
#payrollReport .content-table .table-responsive table .w-23,
#referralsNewReport .content-table .table-responsive table .w-23,
#activePatientReport .content-table .table-responsive table .w-23,
#logsReport .content-table .table-responsive table .w-23,
#traveledDistanceReport .content-table .table-responsive table .w-23,
#waitListReport .content-table .table-responsive table .w-23,
#paymentsCollectionReport .content-table .table-responsive table .w-23,
#generalVisitReportNew .content-table .table-responsive table .w-23,
#promotionUsagesReport .content-table .table-responsive table .w-23,
#transactionReport .content-table .table-responsive table .w-23,
#generatePatientStatement .content-table .table-responsive table .w-23,
#alertReport .content-table .table-responsive table .w-23,
#patientReport .content-table .table-responsive table .w-23,
#insurancePayments .content-table .table-responsive table .w-23,
#authorizationsReport .content-table .table-responsive table .w-23,
#aRAgingReport .content-table .table-responsive table .w-23,
#clinicDetailsReport .content-table .table-responsive table .w-23,
#payerAnalyticsReport .content-table .table-responsive table .w-23,
#billingReport .content-table .table-responsive table .w-23 {
  width: 23%;
}
#payrollReport .content-table .table-responsive table .w-32,
#referralsNewReport .content-table .table-responsive table .w-32,
#activePatientReport .content-table .table-responsive table .w-32,
#logsReport .content-table .table-responsive table .w-32,
#traveledDistanceReport .content-table .table-responsive table .w-32,
#waitListReport .content-table .table-responsive table .w-32,
#paymentsCollectionReport .content-table .table-responsive table .w-32,
#generalVisitReportNew .content-table .table-responsive table .w-32,
#promotionUsagesReport .content-table .table-responsive table .w-32,
#transactionReport .content-table .table-responsive table .w-32,
#generatePatientStatement .content-table .table-responsive table .w-32,
#alertReport .content-table .table-responsive table .w-32,
#patientReport .content-table .table-responsive table .w-32,
#insurancePayments .content-table .table-responsive table .w-32,
#authorizationsReport .content-table .table-responsive table .w-32,
#aRAgingReport .content-table .table-responsive table .w-32,
#clinicDetailsReport .content-table .table-responsive table .w-32,
#payerAnalyticsReport .content-table .table-responsive table .w-32,
#billingReport .content-table .table-responsive table .w-32 {
  width: 32%;
}
#payrollReport .content-table .table-responsive table .w-35,
#referralsNewReport .content-table .table-responsive table .w-35,
#activePatientReport .content-table .table-responsive table .w-35,
#logsReport .content-table .table-responsive table .w-35,
#traveledDistanceReport .content-table .table-responsive table .w-35,
#waitListReport .content-table .table-responsive table .w-35,
#paymentsCollectionReport .content-table .table-responsive table .w-35,
#generalVisitReportNew .content-table .table-responsive table .w-35,
#promotionUsagesReport .content-table .table-responsive table .w-35,
#transactionReport .content-table .table-responsive table .w-35,
#generatePatientStatement .content-table .table-responsive table .w-35,
#alertReport .content-table .table-responsive table .w-35,
#patientReport .content-table .table-responsive table .w-35,
#insurancePayments .content-table .table-responsive table .w-35,
#authorizationsReport .content-table .table-responsive table .w-35,
#aRAgingReport .content-table .table-responsive table .w-35,
#clinicDetailsReport .content-table .table-responsive table .w-35,
#payerAnalyticsReport .content-table .table-responsive table .w-35,
#billingReport .content-table .table-responsive table .w-35 {
  width: 35%;
}
#payrollReport .content-table .table-responsive table thead tr :first-child,
#referralsNewReport .content-table .table-responsive table thead tr :first-child,
#activePatientReport .content-table .table-responsive table thead tr :first-child,
#logsReport .content-table .table-responsive table thead tr :first-child,
#traveledDistanceReport .content-table .table-responsive table thead tr :first-child,
#waitListReport .content-table .table-responsive table thead tr :first-child,
#paymentsCollectionReport .content-table .table-responsive table thead tr :first-child,
#generalVisitReportNew .content-table .table-responsive table thead tr :first-child,
#promotionUsagesReport .content-table .table-responsive table thead tr :first-child,
#transactionReport .content-table .table-responsive table thead tr :first-child,
#generatePatientStatement .content-table .table-responsive table thead tr :first-child,
#alertReport .content-table .table-responsive table thead tr :first-child,
#patientReport .content-table .table-responsive table thead tr :first-child,
#insurancePayments .content-table .table-responsive table thead tr :first-child,
#authorizationsReport .content-table .table-responsive table thead tr :first-child,
#aRAgingReport .content-table .table-responsive table thead tr :first-child,
#clinicDetailsReport .content-table .table-responsive table thead tr :first-child,
#payerAnalyticsReport .content-table .table-responsive table thead tr :first-child,
#billingReport .content-table .table-responsive table thead tr :first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#payrollReport .content-table .table-responsive table thead tr :last-child,
#referralsNewReport .content-table .table-responsive table thead tr :last-child,
#activePatientReport .content-table .table-responsive table thead tr :last-child,
#logsReport .content-table .table-responsive table thead tr :last-child,
#traveledDistanceReport .content-table .table-responsive table thead tr :last-child,
#waitListReport .content-table .table-responsive table thead tr :last-child,
#paymentsCollectionReport .content-table .table-responsive table thead tr :last-child,
#generalVisitReportNew .content-table .table-responsive table thead tr :last-child,
#promotionUsagesReport .content-table .table-responsive table thead tr :last-child,
#transactionReport .content-table .table-responsive table thead tr :last-child,
#generatePatientStatement .content-table .table-responsive table thead tr :last-child,
#alertReport .content-table .table-responsive table thead tr :last-child,
#patientReport .content-table .table-responsive table thead tr :last-child,
#insurancePayments .content-table .table-responsive table thead tr :last-child,
#authorizationsReport .content-table .table-responsive table thead tr :last-child,
#aRAgingReport .content-table .table-responsive table thead tr :last-child,
#clinicDetailsReport .content-table .table-responsive table thead tr :last-child,
#payerAnalyticsReport .content-table .table-responsive table thead tr :last-child,
#billingReport .content-table .table-responsive table thead tr :last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
#payrollReport .content-table .table-responsive table thead tr th,
#referralsNewReport .content-table .table-responsive table thead tr th,
#activePatientReport .content-table .table-responsive table thead tr th,
#logsReport .content-table .table-responsive table thead tr th,
#traveledDistanceReport .content-table .table-responsive table thead tr th,
#waitListReport .content-table .table-responsive table thead tr th,
#paymentsCollectionReport .content-table .table-responsive table thead tr th,
#generalVisitReportNew .content-table .table-responsive table thead tr th,
#promotionUsagesReport .content-table .table-responsive table thead tr th,
#transactionReport .content-table .table-responsive table thead tr th,
#generatePatientStatement .content-table .table-responsive table thead tr th,
#alertReport .content-table .table-responsive table thead tr th,
#patientReport .content-table .table-responsive table thead tr th,
#insurancePayments .content-table .table-responsive table thead tr th,
#authorizationsReport .content-table .table-responsive table thead tr th,
#aRAgingReport .content-table .table-responsive table thead tr th,
#clinicDetailsReport .content-table .table-responsive table thead tr th,
#payerAnalyticsReport .content-table .table-responsive table thead tr th,
#billingReport .content-table .table-responsive table thead tr th {
  vertical-align: middle;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 20px;
  border-top: none;
  border-bottom: none;
  word-break: break-word;
  padding: 6px !important;
}
#payrollReport .content-table .table-responsive table .thead-one,
#referralsNewReport .content-table .table-responsive table .thead-one,
#activePatientReport .content-table .table-responsive table .thead-one,
#logsReport .content-table .table-responsive table .thead-one,
#traveledDistanceReport .content-table .table-responsive table .thead-one,
#waitListReport .content-table .table-responsive table .thead-one,
#paymentsCollectionReport .content-table .table-responsive table .thead-one,
#generalVisitReportNew .content-table .table-responsive table .thead-one,
#promotionUsagesReport .content-table .table-responsive table .thead-one,
#transactionReport .content-table .table-responsive table .thead-one,
#generatePatientStatement .content-table .table-responsive table .thead-one,
#alertReport .content-table .table-responsive table .thead-one,
#patientReport .content-table .table-responsive table .thead-one,
#insurancePayments .content-table .table-responsive table .thead-one,
#authorizationsReport .content-table .table-responsive table .thead-one,
#aRAgingReport .content-table .table-responsive table .thead-one,
#clinicDetailsReport .content-table .table-responsive table .thead-one,
#payerAnalyticsReport .content-table .table-responsive table .thead-one,
#billingReport .content-table .table-responsive table .thead-one {
  background: #F5F5F7;
  box-shadow: 0px 1px 2px rgba(1, 18, 34, 0.1);
  border-radius: 8px !important;
  height: 48px;
}
#payrollReport .content-table .table-responsive table .thead-one tr th,
#referralsNewReport .content-table .table-responsive table .thead-one tr th,
#activePatientReport .content-table .table-responsive table .thead-one tr th,
#logsReport .content-table .table-responsive table .thead-one tr th,
#traveledDistanceReport .content-table .table-responsive table .thead-one tr th,
#waitListReport .content-table .table-responsive table .thead-one tr th,
#paymentsCollectionReport .content-table .table-responsive table .thead-one tr th,
#generalVisitReportNew .content-table .table-responsive table .thead-one tr th,
#promotionUsagesReport .content-table .table-responsive table .thead-one tr th,
#transactionReport .content-table .table-responsive table .thead-one tr th,
#generatePatientStatement .content-table .table-responsive table .thead-one tr th,
#alertReport .content-table .table-responsive table .thead-one tr th,
#patientReport .content-table .table-responsive table .thead-one tr th,
#insurancePayments .content-table .table-responsive table .thead-one tr th,
#authorizationsReport .content-table .table-responsive table .thead-one tr th,
#aRAgingReport .content-table .table-responsive table .thead-one tr th,
#clinicDetailsReport .content-table .table-responsive table .thead-one tr th,
#payerAnalyticsReport .content-table .table-responsive table .thead-one tr th,
#billingReport .content-table .table-responsive table .thead-one tr th {
  color: #232323;
}
#payrollReport .content-table .table-responsive table .thead-two,
#referralsNewReport .content-table .table-responsive table .thead-two,
#activePatientReport .content-table .table-responsive table .thead-two,
#logsReport .content-table .table-responsive table .thead-two,
#traveledDistanceReport .content-table .table-responsive table .thead-two,
#waitListReport .content-table .table-responsive table .thead-two,
#paymentsCollectionReport .content-table .table-responsive table .thead-two,
#generalVisitReportNew .content-table .table-responsive table .thead-two,
#promotionUsagesReport .content-table .table-responsive table .thead-two,
#transactionReport .content-table .table-responsive table .thead-two,
#generatePatientStatement .content-table .table-responsive table .thead-two,
#alertReport .content-table .table-responsive table .thead-two,
#patientReport .content-table .table-responsive table .thead-two,
#insurancePayments .content-table .table-responsive table .thead-two,
#authorizationsReport .content-table .table-responsive table .thead-two,
#aRAgingReport .content-table .table-responsive table .thead-two,
#clinicDetailsReport .content-table .table-responsive table .thead-two,
#payerAnalyticsReport .content-table .table-responsive table .thead-two,
#billingReport .content-table .table-responsive table .thead-two {
  box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
  border-radius: 8px !important;
  height: 48px;
}
#payrollReport .content-table .table-responsive table .thead-two tr th,
#referralsNewReport .content-table .table-responsive table .thead-two tr th,
#activePatientReport .content-table .table-responsive table .thead-two tr th,
#logsReport .content-table .table-responsive table .thead-two tr th,
#traveledDistanceReport .content-table .table-responsive table .thead-two tr th,
#waitListReport .content-table .table-responsive table .thead-two tr th,
#paymentsCollectionReport .content-table .table-responsive table .thead-two tr th,
#generalVisitReportNew .content-table .table-responsive table .thead-two tr th,
#promotionUsagesReport .content-table .table-responsive table .thead-two tr th,
#transactionReport .content-table .table-responsive table .thead-two tr th,
#generatePatientStatement .content-table .table-responsive table .thead-two tr th,
#alertReport .content-table .table-responsive table .thead-two tr th,
#patientReport .content-table .table-responsive table .thead-two tr th,
#insurancePayments .content-table .table-responsive table .thead-two tr th,
#authorizationsReport .content-table .table-responsive table .thead-two tr th,
#aRAgingReport .content-table .table-responsive table .thead-two tr th,
#clinicDetailsReport .content-table .table-responsive table .thead-two tr th,
#payerAnalyticsReport .content-table .table-responsive table .thead-two tr th,
#billingReport .content-table .table-responsive table .thead-two tr th {
  background: #FFFFFF;
}
#payrollReport .content-table .table-responsive table .thead-three,
#referralsNewReport .content-table .table-responsive table .thead-three,
#activePatientReport .content-table .table-responsive table .thead-three,
#logsReport .content-table .table-responsive table .thead-three,
#traveledDistanceReport .content-table .table-responsive table .thead-three,
#waitListReport .content-table .table-responsive table .thead-three,
#paymentsCollectionReport .content-table .table-responsive table .thead-three,
#generalVisitReportNew .content-table .table-responsive table .thead-three,
#promotionUsagesReport .content-table .table-responsive table .thead-three,
#transactionReport .content-table .table-responsive table .thead-three,
#generatePatientStatement .content-table .table-responsive table .thead-three,
#alertReport .content-table .table-responsive table .thead-three,
#patientReport .content-table .table-responsive table .thead-three,
#insurancePayments .content-table .table-responsive table .thead-three,
#authorizationsReport .content-table .table-responsive table .thead-three,
#aRAgingReport .content-table .table-responsive table .thead-three,
#clinicDetailsReport .content-table .table-responsive table .thead-three,
#payerAnalyticsReport .content-table .table-responsive table .thead-three,
#billingReport .content-table .table-responsive table .thead-three {
  box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
  border-radius: 8px !important;
  height: 48px;
  color: #232323;
}
#payrollReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#referralsNewReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#activePatientReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#logsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#traveledDistanceReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#waitListReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#paymentsCollectionReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#generalVisitReportNew .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#promotionUsagesReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#transactionReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#generatePatientStatement .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#alertReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#patientReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#insurancePayments .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#authorizationsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#aRAgingReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#clinicDetailsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#payerAnalyticsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before,
#billingReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse] .fa-angle-right:before {
  content: "\f107";
}
#payrollReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#referralsNewReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#activePatientReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#logsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#traveledDistanceReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#waitListReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#paymentsCollectionReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#generalVisitReportNew .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#promotionUsagesReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#transactionReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#generatePatientStatement .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#alertReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#patientReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#insurancePayments .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#authorizationsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#aRAgingReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#clinicDetailsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#payerAnalyticsReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before,
#billingReport .content-table .table-responsive table .thead-three tr :first-child [data-toggle=collapse].collapsed .fa-angle-right:before {
  content: "\f105";
}
#payrollReport .content-table .table-responsive table .thead-three tr :first-child,
#referralsNewReport .content-table .table-responsive table .thead-three tr :first-child,
#activePatientReport .content-table .table-responsive table .thead-three tr :first-child,
#logsReport .content-table .table-responsive table .thead-three tr :first-child,
#traveledDistanceReport .content-table .table-responsive table .thead-three tr :first-child,
#waitListReport .content-table .table-responsive table .thead-three tr :first-child,
#paymentsCollectionReport .content-table .table-responsive table .thead-three tr :first-child,
#generalVisitReportNew .content-table .table-responsive table .thead-three tr :first-child,
#promotionUsagesReport .content-table .table-responsive table .thead-three tr :first-child,
#transactionReport .content-table .table-responsive table .thead-three tr :first-child,
#generatePatientStatement .content-table .table-responsive table .thead-three tr :first-child,
#alertReport .content-table .table-responsive table .thead-three tr :first-child,
#patientReport .content-table .table-responsive table .thead-three tr :first-child,
#insurancePayments .content-table .table-responsive table .thead-three tr :first-child,
#authorizationsReport .content-table .table-responsive table .thead-three tr :first-child,
#aRAgingReport .content-table .table-responsive table .thead-three tr :first-child,
#clinicDetailsReport .content-table .table-responsive table .thead-three tr :first-child,
#payerAnalyticsReport .content-table .table-responsive table .thead-three tr :first-child,
#billingReport .content-table .table-responsive table .thead-three tr :first-child {
  color: #232323;
  text-align: left;
}
#payrollReport .content-table .table-responsive table .thead-three tr th,
#referralsNewReport .content-table .table-responsive table .thead-three tr th,
#activePatientReport .content-table .table-responsive table .thead-three tr th,
#logsReport .content-table .table-responsive table .thead-three tr th,
#traveledDistanceReport .content-table .table-responsive table .thead-three tr th,
#waitListReport .content-table .table-responsive table .thead-three tr th,
#paymentsCollectionReport .content-table .table-responsive table .thead-three tr th,
#generalVisitReportNew .content-table .table-responsive table .thead-three tr th,
#promotionUsagesReport .content-table .table-responsive table .thead-three tr th,
#transactionReport .content-table .table-responsive table .thead-three tr th,
#generatePatientStatement .content-table .table-responsive table .thead-three tr th,
#alertReport .content-table .table-responsive table .thead-three tr th,
#patientReport .content-table .table-responsive table .thead-three tr th,
#insurancePayments .content-table .table-responsive table .thead-three tr th,
#authorizationsReport .content-table .table-responsive table .thead-three tr th,
#aRAgingReport .content-table .table-responsive table .thead-three tr th,
#clinicDetailsReport .content-table .table-responsive table .thead-three tr th,
#payerAnalyticsReport .content-table .table-responsive table .thead-three tr th,
#billingReport .content-table .table-responsive table .thead-three tr th {
  background: #FFFFFF;
}
#payrollReport .content-table #accordion .accordion-content,
#referralsNewReport .content-table #accordion .accordion-content,
#activePatientReport .content-table #accordion .accordion-content,
#logsReport .content-table #accordion .accordion-content,
#traveledDistanceReport .content-table #accordion .accordion-content,
#waitListReport .content-table #accordion .accordion-content,
#paymentsCollectionReport .content-table #accordion .accordion-content,
#generalVisitReportNew .content-table #accordion .accordion-content,
#promotionUsagesReport .content-table #accordion .accordion-content,
#transactionReport .content-table #accordion .accordion-content,
#generatePatientStatement .content-table #accordion .accordion-content,
#alertReport .content-table #accordion .accordion-content,
#patientReport .content-table #accordion .accordion-content,
#insurancePayments .content-table #accordion .accordion-content,
#authorizationsReport .content-table #accordion .accordion-content,
#aRAgingReport .content-table #accordion .accordion-content,
#clinicDetailsReport .content-table #accordion .accordion-content,
#payerAnalyticsReport .content-table #accordion .accordion-content,
#billingReport .content-table #accordion .accordion-content {
  border-radius: 8px;
  margin-bottom: 16px;
}
#payrollReport .content-table #accordion .accordion-content .card-body tr td,
#referralsNewReport .content-table #accordion .accordion-content .card-body tr td,
#activePatientReport .content-table #accordion .accordion-content .card-body tr td,
#logsReport .content-table #accordion .accordion-content .card-body tr td,
#traveledDistanceReport .content-table #accordion .accordion-content .card-body tr td,
#waitListReport .content-table #accordion .accordion-content .card-body tr td,
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body tr td,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body tr td,
#promotionUsagesReport .content-table #accordion .accordion-content .card-body tr td,
#transactionReport .content-table #accordion .accordion-content .card-body tr td,
#generatePatientStatement .content-table #accordion .accordion-content .card-body tr td,
#alertReport .content-table #accordion .accordion-content .card-body tr td,
#patientReport .content-table #accordion .accordion-content .card-body tr td,
#insurancePayments .content-table #accordion .accordion-content .card-body tr td,
#authorizationsReport .content-table #accordion .accordion-content .card-body tr td,
#aRAgingReport .content-table #accordion .accordion-content .card-body tr td,
#clinicDetailsReport .content-table #accordion .accordion-content .card-body tr td,
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body tr td,
#billingReport .content-table #accordion .accordion-content .card-body tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  background: #FFFFFF;
  color: #232323;
  border-top: 1px solid #F5F5F7;
  border-bottom: 1px solid #F5F5F7;
  padding: 15px 8px !important;
  word-break: break-word;
}
#payrollReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#referralsNewReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#activePatientReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#logsReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#traveledDistanceReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#waitListReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#promotionUsagesReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#transactionReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#generatePatientStatement .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#alertReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#patientReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#insurancePayments .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#authorizationsReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#aRAgingReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#clinicDetailsReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child,
#billingReport .content-table #accordion .accordion-content .card-body tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
#payrollReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#referralsNewReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#activePatientReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#logsReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#traveledDistanceReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#waitListReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#promotionUsagesReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#transactionReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#generatePatientStatement .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#alertReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#patientReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#insurancePayments .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#authorizationsReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#aRAgingReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#clinicDetailsReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child,
#billingReport .content-table #accordion .accordion-content .card-body tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
#payrollReport .content-not-record,
#referralsNewReport .content-not-record,
#activePatientReport .content-not-record,
#logsReport .content-not-record,
#traveledDistanceReport .content-not-record,
#waitListReport .content-not-record,
#paymentsCollectionReport .content-not-record,
#generalVisitReportNew .content-not-record,
#promotionUsagesReport .content-not-record,
#transactionReport .content-not-record,
#generatePatientStatement .content-not-record,
#alertReport .content-not-record,
#patientReport .content-not-record,
#insurancePayments .content-not-record,
#authorizationsReport .content-not-record,
#aRAgingReport .content-not-record,
#clinicDetailsReport .content-not-record,
#payerAnalyticsReport .content-not-record,
#billingReport .content-not-record {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 315px);
  flex-direction: column;
}
#payrollReport .content-not-record img,
#referralsNewReport .content-not-record img,
#activePatientReport .content-not-record img,
#logsReport .content-not-record img,
#traveledDistanceReport .content-not-record img,
#waitListReport .content-not-record img,
#paymentsCollectionReport .content-not-record img,
#generalVisitReportNew .content-not-record img,
#promotionUsagesReport .content-not-record img,
#transactionReport .content-not-record img,
#generatePatientStatement .content-not-record img,
#alertReport .content-not-record img,
#patientReport .content-not-record img,
#insurancePayments .content-not-record img,
#authorizationsReport .content-not-record img,
#aRAgingReport .content-not-record img,
#clinicDetailsReport .content-not-record img,
#payerAnalyticsReport .content-not-record img,
#billingReport .content-not-record img {
  width: 218px;
}
#payrollReport .content-not-record h6,
#referralsNewReport .content-not-record h6,
#activePatientReport .content-not-record h6,
#logsReport .content-not-record h6,
#traveledDistanceReport .content-not-record h6,
#waitListReport .content-not-record h6,
#paymentsCollectionReport .content-not-record h6,
#generalVisitReportNew .content-not-record h6,
#promotionUsagesReport .content-not-record h6,
#transactionReport .content-not-record h6,
#generatePatientStatement .content-not-record h6,
#alertReport .content-not-record h6,
#patientReport .content-not-record h6,
#insurancePayments .content-not-record h6,
#authorizationsReport .content-not-record h6,
#aRAgingReport .content-not-record h6,
#clinicDetailsReport .content-not-record h6,
#payerAnalyticsReport .content-not-record h6,
#billingReport .content-not-record h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #838383;
  margin-top: 24px;
}
#payrollReport,
#referralsNewReport,
#activePatientReport,
#logsReport,
#traveledDistanceReport,
#waitListReport,
#paymentsCollectionReport,
#generalVisitReportNew,
#promotionUsagesReport,
#transactionReport,
#generatePatientStatement,
#alertReport,
#patientReport,
#insurancePayments,
#authorizationsReport,
#aRAgingReport,
#clinicDetailsReport,
#payerAnalyticsReport,
#billingReport {
  height: auto;
  min-height: 100%;
}
#payrollReport .load-more__border-radius,
#referralsNewReport .load-more__border-radius,
#activePatientReport .load-more__border-radius,
#logsReport .load-more__border-radius,
#traveledDistanceReport .load-more__border-radius,
#waitListReport .load-more__border-radius,
#paymentsCollectionReport .load-more__border-radius,
#generalVisitReportNew .load-more__border-radius,
#promotionUsagesReport .load-more__border-radius,
#transactionReport .load-more__border-radius,
#generatePatientStatement .load-more__border-radius,
#alertReport .load-more__border-radius,
#patientReport .load-more__border-radius,
#insurancePayments .load-more__border-radius,
#authorizationsReport .load-more__border-radius,
#aRAgingReport .load-more__border-radius,
#clinicDetailsReport .load-more__border-radius,
#payerAnalyticsReport .load-more__border-radius,
#billingReport .load-more__border-radius {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media only screen and (max-width: 1800px) {
  #payrollReport .load-more.cus-width-position,
  #referralsNewReport .load-more.cus-width-position,
  #activePatientReport .load-more.cus-width-position,
  #logsReport .load-more.cus-width-position,
  #traveledDistanceReport .load-more.cus-width-position,
  #waitListReport .load-more.cus-width-position,
  #paymentsCollectionReport .load-more.cus-width-position,
  #generalVisitReportNew .load-more.cus-width-position,
  #promotionUsagesReport .load-more.cus-width-position,
  #transactionReport .load-more.cus-width-position,
  #generatePatientStatement .load-more.cus-width-position,
  #alertReport .load-more.cus-width-position,
  #patientReport .load-more.cus-width-position,
  #insurancePayments .load-more.cus-width-position,
  #authorizationsReport .load-more.cus-width-position,
  #aRAgingReport .load-more.cus-width-position,
  #clinicDetailsReport .load-more.cus-width-position,
  #payerAnalyticsReport .load-more.cus-width-position,
  #billingReport .load-more.cus-width-position {
    width: 1800px !important;
    max-width: 1800px;
  }
}
#payrollReport .load-more,
#referralsNewReport .load-more,
#activePatientReport .load-more,
#logsReport .load-more,
#traveledDistanceReport .load-more,
#waitListReport .load-more,
#paymentsCollectionReport .load-more,
#generalVisitReportNew .load-more,
#promotionUsagesReport .load-more,
#transactionReport .load-more,
#generatePatientStatement .load-more,
#alertReport .load-more,
#patientReport .load-more,
#insurancePayments .load-more,
#authorizationsReport .load-more,
#aRAgingReport .load-more,
#clinicDetailsReport .load-more,
#payerAnalyticsReport .load-more,
#billingReport .load-more {
  background: #FFF;
  color: #232323;
  padding: 15px 0;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
#payrollReport .text-link,
#referralsNewReport .text-link,
#activePatientReport .text-link,
#logsReport .text-link,
#traveledDistanceReport .text-link,
#waitListReport .text-link,
#paymentsCollectionReport .text-link,
#generalVisitReportNew .text-link,
#promotionUsagesReport .text-link,
#transactionReport .text-link,
#generatePatientStatement .text-link,
#alertReport .text-link,
#patientReport .text-link,
#insurancePayments .text-link,
#authorizationsReport .text-link,
#aRAgingReport .text-link,
#clinicDetailsReport .text-link,
#payerAnalyticsReport .text-link,
#billingReport .text-link {
  color: #0275D8 !important;
}
#payrollReport .text-link:hover,
#referralsNewReport .text-link:hover,
#activePatientReport .text-link:hover,
#logsReport .text-link:hover,
#traveledDistanceReport .text-link:hover,
#waitListReport .text-link:hover,
#paymentsCollectionReport .text-link:hover,
#generalVisitReportNew .text-link:hover,
#promotionUsagesReport .text-link:hover,
#transactionReport .text-link:hover,
#generatePatientStatement .text-link:hover,
#alertReport .text-link:hover,
#patientReport .text-link:hover,
#insurancePayments .text-link:hover,
#authorizationsReport .text-link:hover,
#aRAgingReport .text-link:hover,
#clinicDetailsReport .text-link:hover,
#payerAnalyticsReport .text-link:hover,
#billingReport .text-link:hover {
  color: #0275D8 !important;
  opacity: 1;
}
#payrollReport .active-btn,
#referralsNewReport .active-btn,
#activePatientReport .active-btn,
#logsReport .active-btn,
#traveledDistanceReport .active-btn,
#waitListReport .active-btn,
#paymentsCollectionReport .active-btn,
#generalVisitReportNew .active-btn,
#promotionUsagesReport .active-btn,
#transactionReport .active-btn,
#generatePatientStatement .active-btn,
#alertReport .active-btn,
#patientReport .active-btn,
#insurancePayments .active-btn,
#authorizationsReport .active-btn,
#aRAgingReport .active-btn,
#clinicDetailsReport .active-btn,
#payerAnalyticsReport .active-btn,
#billingReport .active-btn {
  border: 1px solid var(--main-color) !important;
}
#payrollReport h3,
#referralsNewReport h3,
#activePatientReport h3,
#logsReport h3,
#traveledDistanceReport h3,
#waitListReport h3,
#paymentsCollectionReport h3,
#generalVisitReportNew h3,
#promotionUsagesReport h3,
#transactionReport h3,
#generatePatientStatement h3,
#alertReport h3,
#patientReport h3,
#insurancePayments h3,
#authorizationsReport h3,
#aRAgingReport h3,
#clinicDetailsReport h3,
#payerAnalyticsReport h3,
#billingReport h3 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  color: #1F1F1F;
  margin-bottom: 24px;
}
#payrollReport .content-report-search,
#referralsNewReport .content-report-search,
#activePatientReport .content-report-search,
#logsReport .content-report-search,
#traveledDistanceReport .content-report-search,
#waitListReport .content-report-search,
#paymentsCollectionReport .content-report-search,
#generalVisitReportNew .content-report-search,
#promotionUsagesReport .content-report-search,
#transactionReport .content-report-search,
#generatePatientStatement .content-report-search,
#alertReport .content-report-search,
#patientReport .content-report-search,
#insurancePayments .content-report-search,
#authorizationsReport .content-report-search,
#aRAgingReport .content-report-search,
#clinicDetailsReport .content-report-search,
#payerAnalyticsReport .content-report-search,
#billingReport .content-report-search {
  display: flex;
  align-items: center;
}
#payrollReport .content-report-search .tilte-total,
#referralsNewReport .content-report-search .tilte-total,
#activePatientReport .content-report-search .tilte-total,
#logsReport .content-report-search .tilte-total,
#traveledDistanceReport .content-report-search .tilte-total,
#waitListReport .content-report-search .tilte-total,
#paymentsCollectionReport .content-report-search .tilte-total,
#generalVisitReportNew .content-report-search .tilte-total,
#promotionUsagesReport .content-report-search .tilte-total,
#transactionReport .content-report-search .tilte-total,
#generatePatientStatement .content-report-search .tilte-total,
#alertReport .content-report-search .tilte-total,
#patientReport .content-report-search .tilte-total,
#insurancePayments .content-report-search .tilte-total,
#authorizationsReport .content-report-search .tilte-total,
#aRAgingReport .content-report-search .tilte-total,
#clinicDetailsReport .content-report-search .tilte-total,
#payerAnalyticsReport .content-report-search .tilte-total,
#billingReport .content-report-search .tilte-total {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #232323;
}
#payrollReport .content-report-search .cus-width-search,
#referralsNewReport .content-report-search .cus-width-search,
#activePatientReport .content-report-search .cus-width-search,
#logsReport .content-report-search .cus-width-search,
#traveledDistanceReport .content-report-search .cus-width-search,
#waitListReport .content-report-search .cus-width-search,
#paymentsCollectionReport .content-report-search .cus-width-search,
#generalVisitReportNew .content-report-search .cus-width-search,
#promotionUsagesReport .content-report-search .cus-width-search,
#transactionReport .content-report-search .cus-width-search,
#generatePatientStatement .content-report-search .cus-width-search,
#alertReport .content-report-search .cus-width-search,
#patientReport .content-report-search .cus-width-search,
#insurancePayments .content-report-search .cus-width-search,
#authorizationsReport .content-report-search .cus-width-search,
#aRAgingReport .content-report-search .cus-width-search,
#clinicDetailsReport .content-report-search .cus-width-search,
#payerAnalyticsReport .content-report-search .cus-width-search,
#billingReport .content-report-search .cus-width-search {
  max-width: 358px;
}
#payrollReport .content-report-search .width-search,
#referralsNewReport .content-report-search .width-search,
#activePatientReport .content-report-search .width-search,
#logsReport .content-report-search .width-search,
#traveledDistanceReport .content-report-search .width-search,
#waitListReport .content-report-search .width-search,
#paymentsCollectionReport .content-report-search .width-search,
#generalVisitReportNew .content-report-search .width-search,
#promotionUsagesReport .content-report-search .width-search,
#transactionReport .content-report-search .width-search,
#generatePatientStatement .content-report-search .width-search,
#alertReport .content-report-search .width-search,
#patientReport .content-report-search .width-search,
#insurancePayments .content-report-search .width-search,
#authorizationsReport .content-report-search .width-search,
#aRAgingReport .content-report-search .width-search,
#clinicDetailsReport .content-report-search .width-search,
#payerAnalyticsReport .content-report-search .width-search,
#billingReport .content-report-search .width-search {
  max-width: 358px;
  height: 40px;
  border: 1px solid #838383;
  border-radius: 4px;
}
#payrollReport .content-report-search .width-search input,
#referralsNewReport .content-report-search .width-search input,
#activePatientReport .content-report-search .width-search input,
#logsReport .content-report-search .width-search input,
#traveledDistanceReport .content-report-search .width-search input,
#waitListReport .content-report-search .width-search input,
#paymentsCollectionReport .content-report-search .width-search input,
#generalVisitReportNew .content-report-search .width-search input,
#promotionUsagesReport .content-report-search .width-search input,
#transactionReport .content-report-search .width-search input,
#generatePatientStatement .content-report-search .width-search input,
#alertReport .content-report-search .width-search input,
#patientReport .content-report-search .width-search input,
#insurancePayments .content-report-search .width-search input,
#authorizationsReport .content-report-search .width-search input,
#aRAgingReport .content-report-search .width-search input,
#clinicDetailsReport .content-report-search .width-search input,
#payerAnalyticsReport .content-report-search .width-search input,
#billingReport .content-report-search .width-search input {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#payrollReport .content-report-search .btn-search, #payrollReport .content-report-search .btn-export-dropdown,
#referralsNewReport .content-report-search .btn-search,
#referralsNewReport .content-report-search .btn-export-dropdown,
#activePatientReport .content-report-search .btn-search,
#activePatientReport .content-report-search .btn-export-dropdown,
#logsReport .content-report-search .btn-search,
#logsReport .content-report-search .btn-export-dropdown,
#traveledDistanceReport .content-report-search .btn-search,
#traveledDistanceReport .content-report-search .btn-export-dropdown,
#waitListReport .content-report-search .btn-search,
#waitListReport .content-report-search .btn-export-dropdown,
#paymentsCollectionReport .content-report-search .btn-search,
#paymentsCollectionReport .content-report-search .btn-export-dropdown,
#generalVisitReportNew .content-report-search .btn-search,
#generalVisitReportNew .content-report-search .btn-export-dropdown,
#promotionUsagesReport .content-report-search .btn-search,
#promotionUsagesReport .content-report-search .btn-export-dropdown,
#transactionReport .content-report-search .btn-search,
#transactionReport .content-report-search .btn-export-dropdown,
#generatePatientStatement .content-report-search .btn-search,
#generatePatientStatement .content-report-search .btn-export-dropdown,
#alertReport .content-report-search .btn-search,
#alertReport .content-report-search .btn-export-dropdown,
#patientReport .content-report-search .btn-search,
#patientReport .content-report-search .btn-export-dropdown,
#insurancePayments .content-report-search .btn-search,
#insurancePayments .content-report-search .btn-export-dropdown,
#authorizationsReport .content-report-search .btn-search,
#authorizationsReport .content-report-search .btn-export-dropdown,
#aRAgingReport .content-report-search .btn-search,
#aRAgingReport .content-report-search .btn-export-dropdown,
#clinicDetailsReport .content-report-search .btn-search,
#clinicDetailsReport .content-report-search .btn-export-dropdown,
#payerAnalyticsReport .content-report-search .btn-search,
#payerAnalyticsReport .content-report-search .btn-export-dropdown,
#billingReport .content-report-search .btn-search,
#billingReport .content-report-search .btn-export-dropdown {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
#payrollReport .content-report-search .btn-search i, #payrollReport .content-report-search .btn-export-dropdown i,
#referralsNewReport .content-report-search .btn-search i,
#referralsNewReport .content-report-search .btn-export-dropdown i,
#activePatientReport .content-report-search .btn-search i,
#activePatientReport .content-report-search .btn-export-dropdown i,
#logsReport .content-report-search .btn-search i,
#logsReport .content-report-search .btn-export-dropdown i,
#traveledDistanceReport .content-report-search .btn-search i,
#traveledDistanceReport .content-report-search .btn-export-dropdown i,
#waitListReport .content-report-search .btn-search i,
#waitListReport .content-report-search .btn-export-dropdown i,
#paymentsCollectionReport .content-report-search .btn-search i,
#paymentsCollectionReport .content-report-search .btn-export-dropdown i,
#generalVisitReportNew .content-report-search .btn-search i,
#generalVisitReportNew .content-report-search .btn-export-dropdown i,
#promotionUsagesReport .content-report-search .btn-search i,
#promotionUsagesReport .content-report-search .btn-export-dropdown i,
#transactionReport .content-report-search .btn-search i,
#transactionReport .content-report-search .btn-export-dropdown i,
#generatePatientStatement .content-report-search .btn-search i,
#generatePatientStatement .content-report-search .btn-export-dropdown i,
#alertReport .content-report-search .btn-search i,
#alertReport .content-report-search .btn-export-dropdown i,
#patientReport .content-report-search .btn-search i,
#patientReport .content-report-search .btn-export-dropdown i,
#insurancePayments .content-report-search .btn-search i,
#insurancePayments .content-report-search .btn-export-dropdown i,
#authorizationsReport .content-report-search .btn-search i,
#authorizationsReport .content-report-search .btn-export-dropdown i,
#aRAgingReport .content-report-search .btn-search i,
#aRAgingReport .content-report-search .btn-export-dropdown i,
#clinicDetailsReport .content-report-search .btn-search i,
#clinicDetailsReport .content-report-search .btn-export-dropdown i,
#payerAnalyticsReport .content-report-search .btn-search i,
#payerAnalyticsReport .content-report-search .btn-export-dropdown i,
#billingReport .content-report-search .btn-search i,
#billingReport .content-report-search .btn-export-dropdown i {
  font-size: 18px;
}
#payrollReport .content-report-search .btn-search button, #payrollReport .content-report-search .btn-export-dropdown button,
#referralsNewReport .content-report-search .btn-search button,
#referralsNewReport .content-report-search .btn-export-dropdown button,
#activePatientReport .content-report-search .btn-search button,
#activePatientReport .content-report-search .btn-export-dropdown button,
#logsReport .content-report-search .btn-search button,
#logsReport .content-report-search .btn-export-dropdown button,
#traveledDistanceReport .content-report-search .btn-search button,
#traveledDistanceReport .content-report-search .btn-export-dropdown button,
#waitListReport .content-report-search .btn-search button,
#waitListReport .content-report-search .btn-export-dropdown button,
#paymentsCollectionReport .content-report-search .btn-search button,
#paymentsCollectionReport .content-report-search .btn-export-dropdown button,
#generalVisitReportNew .content-report-search .btn-search button,
#generalVisitReportNew .content-report-search .btn-export-dropdown button,
#promotionUsagesReport .content-report-search .btn-search button,
#promotionUsagesReport .content-report-search .btn-export-dropdown button,
#transactionReport .content-report-search .btn-search button,
#transactionReport .content-report-search .btn-export-dropdown button,
#generatePatientStatement .content-report-search .btn-search button,
#generatePatientStatement .content-report-search .btn-export-dropdown button,
#alertReport .content-report-search .btn-search button,
#alertReport .content-report-search .btn-export-dropdown button,
#patientReport .content-report-search .btn-search button,
#patientReport .content-report-search .btn-export-dropdown button,
#insurancePayments .content-report-search .btn-search button,
#insurancePayments .content-report-search .btn-export-dropdown button,
#authorizationsReport .content-report-search .btn-search button,
#authorizationsReport .content-report-search .btn-export-dropdown button,
#aRAgingReport .content-report-search .btn-search button,
#aRAgingReport .content-report-search .btn-export-dropdown button,
#clinicDetailsReport .content-report-search .btn-search button,
#clinicDetailsReport .content-report-search .btn-export-dropdown button,
#payerAnalyticsReport .content-report-search .btn-search button,
#payerAnalyticsReport .content-report-search .btn-export-dropdown button,
#billingReport .content-report-search .btn-search button,
#billingReport .content-report-search .btn-export-dropdown button {
  background: #FFFFFF;
  border: 1px solid #838383;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-radius: 4px;
  height: 40px;
  color: #232323;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 5px 12px;
}
#payrollReport .content-report-search .btn-search button img, #payrollReport .content-report-search .btn-export-dropdown button img,
#referralsNewReport .content-report-search .btn-search button img,
#referralsNewReport .content-report-search .btn-export-dropdown button img,
#activePatientReport .content-report-search .btn-search button img,
#activePatientReport .content-report-search .btn-export-dropdown button img,
#logsReport .content-report-search .btn-search button img,
#logsReport .content-report-search .btn-export-dropdown button img,
#traveledDistanceReport .content-report-search .btn-search button img,
#traveledDistanceReport .content-report-search .btn-export-dropdown button img,
#waitListReport .content-report-search .btn-search button img,
#waitListReport .content-report-search .btn-export-dropdown button img,
#paymentsCollectionReport .content-report-search .btn-search button img,
#paymentsCollectionReport .content-report-search .btn-export-dropdown button img,
#generalVisitReportNew .content-report-search .btn-search button img,
#generalVisitReportNew .content-report-search .btn-export-dropdown button img,
#promotionUsagesReport .content-report-search .btn-search button img,
#promotionUsagesReport .content-report-search .btn-export-dropdown button img,
#transactionReport .content-report-search .btn-search button img,
#transactionReport .content-report-search .btn-export-dropdown button img,
#generatePatientStatement .content-report-search .btn-search button img,
#generatePatientStatement .content-report-search .btn-export-dropdown button img,
#alertReport .content-report-search .btn-search button img,
#alertReport .content-report-search .btn-export-dropdown button img,
#patientReport .content-report-search .btn-search button img,
#patientReport .content-report-search .btn-export-dropdown button img,
#insurancePayments .content-report-search .btn-search button img,
#insurancePayments .content-report-search .btn-export-dropdown button img,
#authorizationsReport .content-report-search .btn-search button img,
#authorizationsReport .content-report-search .btn-export-dropdown button img,
#aRAgingReport .content-report-search .btn-search button img,
#aRAgingReport .content-report-search .btn-export-dropdown button img,
#clinicDetailsReport .content-report-search .btn-search button img,
#clinicDetailsReport .content-report-search .btn-export-dropdown button img,
#payerAnalyticsReport .content-report-search .btn-search button img,
#payerAnalyticsReport .content-report-search .btn-export-dropdown button img,
#billingReport .content-report-search .btn-search button img,
#billingReport .content-report-search .btn-export-dropdown button img {
  width: 20px;
}
#payrollReport .content-report-search .btn-search .btn-filter, #payrollReport .content-report-search .btn-export-dropdown .btn-filter,
#referralsNewReport .content-report-search .btn-search .btn-filter,
#referralsNewReport .content-report-search .btn-export-dropdown .btn-filter,
#activePatientReport .content-report-search .btn-search .btn-filter,
#activePatientReport .content-report-search .btn-export-dropdown .btn-filter,
#logsReport .content-report-search .btn-search .btn-filter,
#logsReport .content-report-search .btn-export-dropdown .btn-filter,
#traveledDistanceReport .content-report-search .btn-search .btn-filter,
#traveledDistanceReport .content-report-search .btn-export-dropdown .btn-filter,
#waitListReport .content-report-search .btn-search .btn-filter,
#waitListReport .content-report-search .btn-export-dropdown .btn-filter,
#paymentsCollectionReport .content-report-search .btn-search .btn-filter,
#paymentsCollectionReport .content-report-search .btn-export-dropdown .btn-filter,
#generalVisitReportNew .content-report-search .btn-search .btn-filter,
#generalVisitReportNew .content-report-search .btn-export-dropdown .btn-filter,
#promotionUsagesReport .content-report-search .btn-search .btn-filter,
#promotionUsagesReport .content-report-search .btn-export-dropdown .btn-filter,
#transactionReport .content-report-search .btn-search .btn-filter,
#transactionReport .content-report-search .btn-export-dropdown .btn-filter,
#generatePatientStatement .content-report-search .btn-search .btn-filter,
#generatePatientStatement .content-report-search .btn-export-dropdown .btn-filter,
#alertReport .content-report-search .btn-search .btn-filter,
#alertReport .content-report-search .btn-export-dropdown .btn-filter,
#patientReport .content-report-search .btn-search .btn-filter,
#patientReport .content-report-search .btn-export-dropdown .btn-filter,
#insurancePayments .content-report-search .btn-search .btn-filter,
#insurancePayments .content-report-search .btn-export-dropdown .btn-filter,
#authorizationsReport .content-report-search .btn-search .btn-filter,
#authorizationsReport .content-report-search .btn-export-dropdown .btn-filter,
#aRAgingReport .content-report-search .btn-search .btn-filter,
#aRAgingReport .content-report-search .btn-export-dropdown .btn-filter,
#clinicDetailsReport .content-report-search .btn-search .btn-filter,
#clinicDetailsReport .content-report-search .btn-export-dropdown .btn-filter,
#payerAnalyticsReport .content-report-search .btn-search .btn-filter,
#payerAnalyticsReport .content-report-search .btn-export-dropdown .btn-filter,
#billingReport .content-report-search .btn-search .btn-filter,
#billingReport .content-report-search .btn-export-dropdown .btn-filter {
  width: 140px;
}
#payrollReport .content-report-search .btn-search .btn-filter .notify-filter, #payrollReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#referralsNewReport .content-report-search .btn-search .btn-filter .notify-filter,
#referralsNewReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#activePatientReport .content-report-search .btn-search .btn-filter .notify-filter,
#activePatientReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#logsReport .content-report-search .btn-search .btn-filter .notify-filter,
#logsReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#traveledDistanceReport .content-report-search .btn-search .btn-filter .notify-filter,
#traveledDistanceReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#waitListReport .content-report-search .btn-search .btn-filter .notify-filter,
#waitListReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#paymentsCollectionReport .content-report-search .btn-search .btn-filter .notify-filter,
#paymentsCollectionReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#generalVisitReportNew .content-report-search .btn-search .btn-filter .notify-filter,
#generalVisitReportNew .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#promotionUsagesReport .content-report-search .btn-search .btn-filter .notify-filter,
#promotionUsagesReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#transactionReport .content-report-search .btn-search .btn-filter .notify-filter,
#transactionReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#generatePatientStatement .content-report-search .btn-search .btn-filter .notify-filter,
#generatePatientStatement .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#alertReport .content-report-search .btn-search .btn-filter .notify-filter,
#alertReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#patientReport .content-report-search .btn-search .btn-filter .notify-filter,
#patientReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#insurancePayments .content-report-search .btn-search .btn-filter .notify-filter,
#insurancePayments .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#authorizationsReport .content-report-search .btn-search .btn-filter .notify-filter,
#authorizationsReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#aRAgingReport .content-report-search .btn-search .btn-filter .notify-filter,
#aRAgingReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#clinicDetailsReport .content-report-search .btn-search .btn-filter .notify-filter,
#clinicDetailsReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#payerAnalyticsReport .content-report-search .btn-search .btn-filter .notify-filter,
#payerAnalyticsReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter,
#billingReport .content-report-search .btn-search .btn-filter .notify-filter,
#billingReport .content-report-search .btn-export-dropdown .btn-filter .notify-filter {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--main-color);
  color: #FFF;
  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#payrollReport .content-report-search .btn-search .btn-expand, #payrollReport .content-report-search .btn-export-dropdown .btn-expand,
#referralsNewReport .content-report-search .btn-search .btn-expand,
#referralsNewReport .content-report-search .btn-export-dropdown .btn-expand,
#activePatientReport .content-report-search .btn-search .btn-expand,
#activePatientReport .content-report-search .btn-export-dropdown .btn-expand,
#logsReport .content-report-search .btn-search .btn-expand,
#logsReport .content-report-search .btn-export-dropdown .btn-expand,
#traveledDistanceReport .content-report-search .btn-search .btn-expand,
#traveledDistanceReport .content-report-search .btn-export-dropdown .btn-expand,
#waitListReport .content-report-search .btn-search .btn-expand,
#waitListReport .content-report-search .btn-export-dropdown .btn-expand,
#paymentsCollectionReport .content-report-search .btn-search .btn-expand,
#paymentsCollectionReport .content-report-search .btn-export-dropdown .btn-expand,
#generalVisitReportNew .content-report-search .btn-search .btn-expand,
#generalVisitReportNew .content-report-search .btn-export-dropdown .btn-expand,
#promotionUsagesReport .content-report-search .btn-search .btn-expand,
#promotionUsagesReport .content-report-search .btn-export-dropdown .btn-expand,
#transactionReport .content-report-search .btn-search .btn-expand,
#transactionReport .content-report-search .btn-export-dropdown .btn-expand,
#generatePatientStatement .content-report-search .btn-search .btn-expand,
#generatePatientStatement .content-report-search .btn-export-dropdown .btn-expand,
#alertReport .content-report-search .btn-search .btn-expand,
#alertReport .content-report-search .btn-export-dropdown .btn-expand,
#patientReport .content-report-search .btn-search .btn-expand,
#patientReport .content-report-search .btn-export-dropdown .btn-expand,
#insurancePayments .content-report-search .btn-search .btn-expand,
#insurancePayments .content-report-search .btn-export-dropdown .btn-expand,
#authorizationsReport .content-report-search .btn-search .btn-expand,
#authorizationsReport .content-report-search .btn-export-dropdown .btn-expand,
#aRAgingReport .content-report-search .btn-search .btn-expand,
#aRAgingReport .content-report-search .btn-export-dropdown .btn-expand,
#clinicDetailsReport .content-report-search .btn-search .btn-expand,
#clinicDetailsReport .content-report-search .btn-export-dropdown .btn-expand,
#payerAnalyticsReport .content-report-search .btn-search .btn-expand,
#payerAnalyticsReport .content-report-search .btn-export-dropdown .btn-expand,
#billingReport .content-report-search .btn-search .btn-expand,
#billingReport .content-report-search .btn-export-dropdown .btn-expand {
  width: 109px;
  margin-left: 16px;
}
#payrollReport .content-report-search .btn-search .btn-export, #payrollReport .content-report-search .btn-export-dropdown .btn-export,
#referralsNewReport .content-report-search .btn-search .btn-export,
#referralsNewReport .content-report-search .btn-export-dropdown .btn-export,
#activePatientReport .content-report-search .btn-search .btn-export,
#activePatientReport .content-report-search .btn-export-dropdown .btn-export,
#logsReport .content-report-search .btn-search .btn-export,
#logsReport .content-report-search .btn-export-dropdown .btn-export,
#traveledDistanceReport .content-report-search .btn-search .btn-export,
#traveledDistanceReport .content-report-search .btn-export-dropdown .btn-export,
#waitListReport .content-report-search .btn-search .btn-export,
#waitListReport .content-report-search .btn-export-dropdown .btn-export,
#paymentsCollectionReport .content-report-search .btn-search .btn-export,
#paymentsCollectionReport .content-report-search .btn-export-dropdown .btn-export,
#generalVisitReportNew .content-report-search .btn-search .btn-export,
#generalVisitReportNew .content-report-search .btn-export-dropdown .btn-export,
#promotionUsagesReport .content-report-search .btn-search .btn-export,
#promotionUsagesReport .content-report-search .btn-export-dropdown .btn-export,
#transactionReport .content-report-search .btn-search .btn-export,
#transactionReport .content-report-search .btn-export-dropdown .btn-export,
#generatePatientStatement .content-report-search .btn-search .btn-export,
#generatePatientStatement .content-report-search .btn-export-dropdown .btn-export,
#alertReport .content-report-search .btn-search .btn-export,
#alertReport .content-report-search .btn-export-dropdown .btn-export,
#patientReport .content-report-search .btn-search .btn-export,
#patientReport .content-report-search .btn-export-dropdown .btn-export,
#insurancePayments .content-report-search .btn-search .btn-export,
#insurancePayments .content-report-search .btn-export-dropdown .btn-export,
#authorizationsReport .content-report-search .btn-search .btn-export,
#authorizationsReport .content-report-search .btn-export-dropdown .btn-export,
#aRAgingReport .content-report-search .btn-search .btn-export,
#aRAgingReport .content-report-search .btn-export-dropdown .btn-export,
#clinicDetailsReport .content-report-search .btn-search .btn-export,
#clinicDetailsReport .content-report-search .btn-export-dropdown .btn-export,
#payerAnalyticsReport .content-report-search .btn-search .btn-export,
#payerAnalyticsReport .content-report-search .btn-export-dropdown .btn-export,
#billingReport .content-report-search .btn-search .btn-export,
#billingReport .content-report-search .btn-export-dropdown .btn-export {
  width: 154px;
  margin-left: 16px;
}
#payrollReport .content-report-search .btn-export-dropdown,
#referralsNewReport .content-report-search .btn-export-dropdown,
#activePatientReport .content-report-search .btn-export-dropdown,
#logsReport .content-report-search .btn-export-dropdown,
#traveledDistanceReport .content-report-search .btn-export-dropdown,
#waitListReport .content-report-search .btn-export-dropdown,
#paymentsCollectionReport .content-report-search .btn-export-dropdown,
#generalVisitReportNew .content-report-search .btn-export-dropdown,
#promotionUsagesReport .content-report-search .btn-export-dropdown,
#transactionReport .content-report-search .btn-export-dropdown,
#generatePatientStatement .content-report-search .btn-export-dropdown,
#alertReport .content-report-search .btn-export-dropdown,
#patientReport .content-report-search .btn-export-dropdown,
#insurancePayments .content-report-search .btn-export-dropdown,
#authorizationsReport .content-report-search .btn-export-dropdown,
#aRAgingReport .content-report-search .btn-export-dropdown,
#clinicDetailsReport .content-report-search .btn-export-dropdown,
#payerAnalyticsReport .content-report-search .btn-export-dropdown,
#billingReport .content-report-search .btn-export-dropdown {
  overflow-x: unset;
  margin-left: 16px;
}
#payrollReport .content-report-search .btn-search::-webkit-scrollbar,
#referralsNewReport .content-report-search .btn-search::-webkit-scrollbar,
#activePatientReport .content-report-search .btn-search::-webkit-scrollbar,
#logsReport .content-report-search .btn-search::-webkit-scrollbar,
#traveledDistanceReport .content-report-search .btn-search::-webkit-scrollbar,
#waitListReport .content-report-search .btn-search::-webkit-scrollbar,
#paymentsCollectionReport .content-report-search .btn-search::-webkit-scrollbar,
#generalVisitReportNew .content-report-search .btn-search::-webkit-scrollbar,
#promotionUsagesReport .content-report-search .btn-search::-webkit-scrollbar,
#transactionReport .content-report-search .btn-search::-webkit-scrollbar,
#generatePatientStatement .content-report-search .btn-search::-webkit-scrollbar,
#alertReport .content-report-search .btn-search::-webkit-scrollbar,
#patientReport .content-report-search .btn-search::-webkit-scrollbar,
#insurancePayments .content-report-search .btn-search::-webkit-scrollbar,
#authorizationsReport .content-report-search .btn-search::-webkit-scrollbar,
#aRAgingReport .content-report-search .btn-search::-webkit-scrollbar,
#clinicDetailsReport .content-report-search .btn-search::-webkit-scrollbar,
#payerAnalyticsReport .content-report-search .btn-search::-webkit-scrollbar,
#billingReport .content-report-search .btn-search::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#referralsNewReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#activePatientReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#logsReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#traveledDistanceReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#waitListReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#paymentsCollectionReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-report-search .btn-search::-webkit-scrollbar-thumb,
#promotionUsagesReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#transactionReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#generatePatientStatement .content-report-search .btn-search::-webkit-scrollbar-thumb,
#alertReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#patientReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#insurancePayments .content-report-search .btn-search::-webkit-scrollbar-thumb,
#authorizationsReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#aRAgingReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#clinicDetailsReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#payerAnalyticsReport .content-report-search .btn-search::-webkit-scrollbar-thumb,
#billingReport .content-report-search .btn-search::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-report-search .btn-search::-webkit-scrollbar-track,
#referralsNewReport .content-report-search .btn-search::-webkit-scrollbar-track,
#activePatientReport .content-report-search .btn-search::-webkit-scrollbar-track,
#logsReport .content-report-search .btn-search::-webkit-scrollbar-track,
#traveledDistanceReport .content-report-search .btn-search::-webkit-scrollbar-track,
#waitListReport .content-report-search .btn-search::-webkit-scrollbar-track,
#paymentsCollectionReport .content-report-search .btn-search::-webkit-scrollbar-track,
#generalVisitReportNew .content-report-search .btn-search::-webkit-scrollbar-track,
#promotionUsagesReport .content-report-search .btn-search::-webkit-scrollbar-track,
#transactionReport .content-report-search .btn-search::-webkit-scrollbar-track,
#generatePatientStatement .content-report-search .btn-search::-webkit-scrollbar-track,
#alertReport .content-report-search .btn-search::-webkit-scrollbar-track,
#patientReport .content-report-search .btn-search::-webkit-scrollbar-track,
#insurancePayments .content-report-search .btn-search::-webkit-scrollbar-track,
#authorizationsReport .content-report-search .btn-search::-webkit-scrollbar-track,
#aRAgingReport .content-report-search .btn-search::-webkit-scrollbar-track,
#clinicDetailsReport .content-report-search .btn-search::-webkit-scrollbar-track,
#payerAnalyticsReport .content-report-search .btn-search::-webkit-scrollbar-track,
#billingReport .content-report-search .btn-search::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#referralsNewReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#activePatientReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#logsReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#traveledDistanceReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#waitListReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#paymentsCollectionReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#generalVisitReportNew .content-report-search .btn-search:hover::-webkit-scrollbar,
#promotionUsagesReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#transactionReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#generatePatientStatement .content-report-search .btn-search:hover::-webkit-scrollbar,
#alertReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#patientReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#insurancePayments .content-report-search .btn-search:hover::-webkit-scrollbar,
#authorizationsReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#aRAgingReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#clinicDetailsReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#payerAnalyticsReport .content-report-search .btn-search:hover::-webkit-scrollbar,
#billingReport .content-report-search .btn-search:hover::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#payrollReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#referralsNewReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#activePatientReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#logsReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#traveledDistanceReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#waitListReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#paymentsCollectionReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#promotionUsagesReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#transactionReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#generatePatientStatement .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#alertReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#patientReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#insurancePayments .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#authorizationsReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#aRAgingReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#clinicDetailsReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#payerAnalyticsReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb,
#billingReport .content-report-search .btn-search:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border: 0px solid transparent;
}
#payrollReport .content-tab,
#referralsNewReport .content-tab,
#activePatientReport .content-tab,
#logsReport .content-tab,
#traveledDistanceReport .content-tab,
#waitListReport .content-tab,
#paymentsCollectionReport .content-tab,
#generalVisitReportNew .content-tab,
#promotionUsagesReport .content-tab,
#transactionReport .content-tab,
#generatePatientStatement .content-tab,
#alertReport .content-tab,
#patientReport .content-tab,
#insurancePayments .content-tab,
#authorizationsReport .content-tab,
#aRAgingReport .content-tab,
#clinicDetailsReport .content-tab,
#payerAnalyticsReport .content-tab,
#billingReport .content-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
}
#payrollReport .content-tab ul,
#referralsNewReport .content-tab ul,
#activePatientReport .content-tab ul,
#logsReport .content-tab ul,
#traveledDistanceReport .content-tab ul,
#waitListReport .content-tab ul,
#paymentsCollectionReport .content-tab ul,
#generalVisitReportNew .content-tab ul,
#promotionUsagesReport .content-tab ul,
#transactionReport .content-tab ul,
#generatePatientStatement .content-tab ul,
#alertReport .content-tab ul,
#patientReport .content-tab ul,
#insurancePayments .content-tab ul,
#authorizationsReport .content-tab ul,
#aRAgingReport .content-tab ul,
#clinicDetailsReport .content-tab ul,
#payerAnalyticsReport .content-tab ul,
#billingReport .content-tab ul {
  background: #F5F5F7;
  border-radius: 100px;
  width: 415px;
  padding: 2px;
}
#payrollReport .content-tab ul .nav-item,
#referralsNewReport .content-tab ul .nav-item,
#activePatientReport .content-tab ul .nav-item,
#logsReport .content-tab ul .nav-item,
#traveledDistanceReport .content-tab ul .nav-item,
#waitListReport .content-tab ul .nav-item,
#paymentsCollectionReport .content-tab ul .nav-item,
#generalVisitReportNew .content-tab ul .nav-item,
#promotionUsagesReport .content-tab ul .nav-item,
#transactionReport .content-tab ul .nav-item,
#generatePatientStatement .content-tab ul .nav-item,
#alertReport .content-tab ul .nav-item,
#patientReport .content-tab ul .nav-item,
#insurancePayments .content-tab ul .nav-item,
#authorizationsReport .content-tab ul .nav-item,
#aRAgingReport .content-tab ul .nav-item,
#clinicDetailsReport .content-tab ul .nav-item,
#payerAnalyticsReport .content-tab ul .nav-item,
#billingReport .content-tab ul .nav-item {
  padding: 0px;
  cursor: pointer;
  width: 50% !important;
  border-radius: 100px;
  height: auto !important;
}
#payrollReport .content-tab ul .nav-item .nav-link,
#referralsNewReport .content-tab ul .nav-item .nav-link,
#activePatientReport .content-tab ul .nav-item .nav-link,
#logsReport .content-tab ul .nav-item .nav-link,
#traveledDistanceReport .content-tab ul .nav-item .nav-link,
#waitListReport .content-tab ul .nav-item .nav-link,
#paymentsCollectionReport .content-tab ul .nav-item .nav-link,
#generalVisitReportNew .content-tab ul .nav-item .nav-link,
#promotionUsagesReport .content-tab ul .nav-item .nav-link,
#transactionReport .content-tab ul .nav-item .nav-link,
#generatePatientStatement .content-tab ul .nav-item .nav-link,
#alertReport .content-tab ul .nav-item .nav-link,
#patientReport .content-tab ul .nav-item .nav-link,
#insurancePayments .content-tab ul .nav-item .nav-link,
#authorizationsReport .content-tab ul .nav-item .nav-link,
#aRAgingReport .content-tab ul .nav-item .nav-link,
#clinicDetailsReport .content-tab ul .nav-item .nav-link,
#payerAnalyticsReport .content-tab ul .nav-item .nav-link,
#billingReport .content-tab ul .nav-item .nav-link {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #232323;
  cursor: pointer;
  background-color: #f0f2f9;
  border-radius: 100px;
  justify-content: center;
  padding: 0px 5px;
  height: 36px;
  transition: none;
}
#payrollReport .content-tab ul .nav-item.active,
#referralsNewReport .content-tab ul .nav-item.active,
#activePatientReport .content-tab ul .nav-item.active,
#logsReport .content-tab ul .nav-item.active,
#traveledDistanceReport .content-tab ul .nav-item.active,
#waitListReport .content-tab ul .nav-item.active,
#paymentsCollectionReport .content-tab ul .nav-item.active,
#generalVisitReportNew .content-tab ul .nav-item.active,
#promotionUsagesReport .content-tab ul .nav-item.active,
#transactionReport .content-tab ul .nav-item.active,
#generatePatientStatement .content-tab ul .nav-item.active,
#alertReport .content-tab ul .nav-item.active,
#patientReport .content-tab ul .nav-item.active,
#insurancePayments .content-tab ul .nav-item.active,
#authorizationsReport .content-tab ul .nav-item.active,
#aRAgingReport .content-tab ul .nav-item.active,
#clinicDetailsReport .content-tab ul .nav-item.active,
#payerAnalyticsReport .content-tab ul .nav-item.active,
#billingReport .content-tab ul .nav-item.active {
  border-left: none;
  background-color: #fff;
  color: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}
#payrollReport .content-tab ul .nav-item.active .nav-link,
#referralsNewReport .content-tab ul .nav-item.active .nav-link,
#activePatientReport .content-tab ul .nav-item.active .nav-link,
#logsReport .content-tab ul .nav-item.active .nav-link,
#traveledDistanceReport .content-tab ul .nav-item.active .nav-link,
#waitListReport .content-tab ul .nav-item.active .nav-link,
#paymentsCollectionReport .content-tab ul .nav-item.active .nav-link,
#generalVisitReportNew .content-tab ul .nav-item.active .nav-link,
#promotionUsagesReport .content-tab ul .nav-item.active .nav-link,
#transactionReport .content-tab ul .nav-item.active .nav-link,
#generatePatientStatement .content-tab ul .nav-item.active .nav-link,
#alertReport .content-tab ul .nav-item.active .nav-link,
#patientReport .content-tab ul .nav-item.active .nav-link,
#insurancePayments .content-tab ul .nav-item.active .nav-link,
#authorizationsReport .content-tab ul .nav-item.active .nav-link,
#aRAgingReport .content-tab ul .nav-item.active .nav-link,
#clinicDetailsReport .content-tab ul .nav-item.active .nav-link,
#payerAnalyticsReport .content-tab ul .nav-item.active .nav-link,
#billingReport .content-tab ul .nav-item.active .nav-link {
  background: #FFF;
  color: var(--main-color) !important;
}
#payrollReport .content-tab ul .nav-item:not(.active):hover,
#referralsNewReport .content-tab ul .nav-item:not(.active):hover,
#activePatientReport .content-tab ul .nav-item:not(.active):hover,
#logsReport .content-tab ul .nav-item:not(.active):hover,
#traveledDistanceReport .content-tab ul .nav-item:not(.active):hover,
#waitListReport .content-tab ul .nav-item:not(.active):hover,
#paymentsCollectionReport .content-tab ul .nav-item:not(.active):hover,
#generalVisitReportNew .content-tab ul .nav-item:not(.active):hover,
#promotionUsagesReport .content-tab ul .nav-item:not(.active):hover,
#transactionReport .content-tab ul .nav-item:not(.active):hover,
#generatePatientStatement .content-tab ul .nav-item:not(.active):hover,
#alertReport .content-tab ul .nav-item:not(.active):hover,
#patientReport .content-tab ul .nav-item:not(.active):hover,
#insurancePayments .content-tab ul .nav-item:not(.active):hover,
#authorizationsReport .content-tab ul .nav-item:not(.active):hover,
#aRAgingReport .content-tab ul .nav-item:not(.active):hover,
#clinicDetailsReport .content-tab ul .nav-item:not(.active):hover,
#payerAnalyticsReport .content-tab ul .nav-item:not(.active):hover,
#billingReport .content-tab ul .nav-item:not(.active):hover {
  opacity: 0.7;
}
#payrollReport .height-content-chart-araging,
#referralsNewReport .height-content-chart-araging,
#activePatientReport .height-content-chart-araging,
#logsReport .height-content-chart-araging,
#traveledDistanceReport .height-content-chart-araging,
#waitListReport .height-content-chart-araging,
#paymentsCollectionReport .height-content-chart-araging,
#generalVisitReportNew .height-content-chart-araging,
#promotionUsagesReport .height-content-chart-araging,
#transactionReport .height-content-chart-araging,
#generatePatientStatement .height-content-chart-araging,
#alertReport .height-content-chart-araging,
#patientReport .height-content-chart-araging,
#insurancePayments .height-content-chart-araging,
#authorizationsReport .height-content-chart-araging,
#aRAgingReport .height-content-chart-araging,
#clinicDetailsReport .height-content-chart-araging,
#payerAnalyticsReport .height-content-chart-araging,
#billingReport .height-content-chart-araging {
  height: 525px !important;
}
#payrollReport .content-chart,
#referralsNewReport .content-chart,
#activePatientReport .content-chart,
#logsReport .content-chart,
#traveledDistanceReport .content-chart,
#waitListReport .content-chart,
#paymentsCollectionReport .content-chart,
#generalVisitReportNew .content-chart,
#promotionUsagesReport .content-chart,
#transactionReport .content-chart,
#generatePatientStatement .content-chart,
#alertReport .content-chart,
#patientReport .content-chart,
#insurancePayments .content-chart,
#authorizationsReport .content-chart,
#aRAgingReport .content-chart,
#clinicDetailsReport .content-chart,
#payerAnalyticsReport .content-chart,
#billingReport .content-chart {
  height: 400px;
  overflow-y: hidden;
}
#payrollReport .content-chart::-webkit-scrollbar,
#referralsNewReport .content-chart::-webkit-scrollbar,
#activePatientReport .content-chart::-webkit-scrollbar,
#logsReport .content-chart::-webkit-scrollbar,
#traveledDistanceReport .content-chart::-webkit-scrollbar,
#waitListReport .content-chart::-webkit-scrollbar,
#paymentsCollectionReport .content-chart::-webkit-scrollbar,
#generalVisitReportNew .content-chart::-webkit-scrollbar,
#promotionUsagesReport .content-chart::-webkit-scrollbar,
#transactionReport .content-chart::-webkit-scrollbar,
#generatePatientStatement .content-chart::-webkit-scrollbar,
#alertReport .content-chart::-webkit-scrollbar,
#patientReport .content-chart::-webkit-scrollbar,
#insurancePayments .content-chart::-webkit-scrollbar,
#authorizationsReport .content-chart::-webkit-scrollbar,
#aRAgingReport .content-chart::-webkit-scrollbar,
#clinicDetailsReport .content-chart::-webkit-scrollbar,
#payerAnalyticsReport .content-chart::-webkit-scrollbar,
#billingReport .content-chart::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-chart::-webkit-scrollbar-thumb,
#referralsNewReport .content-chart::-webkit-scrollbar-thumb,
#activePatientReport .content-chart::-webkit-scrollbar-thumb,
#logsReport .content-chart::-webkit-scrollbar-thumb,
#traveledDistanceReport .content-chart::-webkit-scrollbar-thumb,
#waitListReport .content-chart::-webkit-scrollbar-thumb,
#paymentsCollectionReport .content-chart::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-chart::-webkit-scrollbar-thumb,
#promotionUsagesReport .content-chart::-webkit-scrollbar-thumb,
#transactionReport .content-chart::-webkit-scrollbar-thumb,
#generatePatientStatement .content-chart::-webkit-scrollbar-thumb,
#alertReport .content-chart::-webkit-scrollbar-thumb,
#patientReport .content-chart::-webkit-scrollbar-thumb,
#insurancePayments .content-chart::-webkit-scrollbar-thumb,
#authorizationsReport .content-chart::-webkit-scrollbar-thumb,
#aRAgingReport .content-chart::-webkit-scrollbar-thumb,
#clinicDetailsReport .content-chart::-webkit-scrollbar-thumb,
#payerAnalyticsReport .content-chart::-webkit-scrollbar-thumb,
#billingReport .content-chart::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-chart::-webkit-scrollbar-track,
#referralsNewReport .content-chart::-webkit-scrollbar-track,
#activePatientReport .content-chart::-webkit-scrollbar-track,
#logsReport .content-chart::-webkit-scrollbar-track,
#traveledDistanceReport .content-chart::-webkit-scrollbar-track,
#waitListReport .content-chart::-webkit-scrollbar-track,
#paymentsCollectionReport .content-chart::-webkit-scrollbar-track,
#generalVisitReportNew .content-chart::-webkit-scrollbar-track,
#promotionUsagesReport .content-chart::-webkit-scrollbar-track,
#transactionReport .content-chart::-webkit-scrollbar-track,
#generatePatientStatement .content-chart::-webkit-scrollbar-track,
#alertReport .content-chart::-webkit-scrollbar-track,
#patientReport .content-chart::-webkit-scrollbar-track,
#insurancePayments .content-chart::-webkit-scrollbar-track,
#authorizationsReport .content-chart::-webkit-scrollbar-track,
#aRAgingReport .content-chart::-webkit-scrollbar-track,
#clinicDetailsReport .content-chart::-webkit-scrollbar-track,
#payerAnalyticsReport .content-chart::-webkit-scrollbar-track,
#billingReport .content-chart::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#payrollReport .content-chart:hover::-webkit-scrollbar,
#referralsNewReport .content-chart:hover::-webkit-scrollbar,
#activePatientReport .content-chart:hover::-webkit-scrollbar,
#logsReport .content-chart:hover::-webkit-scrollbar,
#traveledDistanceReport .content-chart:hover::-webkit-scrollbar,
#waitListReport .content-chart:hover::-webkit-scrollbar,
#paymentsCollectionReport .content-chart:hover::-webkit-scrollbar,
#generalVisitReportNew .content-chart:hover::-webkit-scrollbar,
#promotionUsagesReport .content-chart:hover::-webkit-scrollbar,
#transactionReport .content-chart:hover::-webkit-scrollbar,
#generatePatientStatement .content-chart:hover::-webkit-scrollbar,
#alertReport .content-chart:hover::-webkit-scrollbar,
#patientReport .content-chart:hover::-webkit-scrollbar,
#insurancePayments .content-chart:hover::-webkit-scrollbar,
#authorizationsReport .content-chart:hover::-webkit-scrollbar,
#aRAgingReport .content-chart:hover::-webkit-scrollbar,
#clinicDetailsReport .content-chart:hover::-webkit-scrollbar,
#payerAnalyticsReport .content-chart:hover::-webkit-scrollbar,
#billingReport .content-chart:hover::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#payrollReport .content-chart:hover::-webkit-scrollbar-thumb,
#referralsNewReport .content-chart:hover::-webkit-scrollbar-thumb,
#activePatientReport .content-chart:hover::-webkit-scrollbar-thumb,
#logsReport .content-chart:hover::-webkit-scrollbar-thumb,
#traveledDistanceReport .content-chart:hover::-webkit-scrollbar-thumb,
#waitListReport .content-chart:hover::-webkit-scrollbar-thumb,
#paymentsCollectionReport .content-chart:hover::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-chart:hover::-webkit-scrollbar-thumb,
#promotionUsagesReport .content-chart:hover::-webkit-scrollbar-thumb,
#transactionReport .content-chart:hover::-webkit-scrollbar-thumb,
#generatePatientStatement .content-chart:hover::-webkit-scrollbar-thumb,
#alertReport .content-chart:hover::-webkit-scrollbar-thumb,
#patientReport .content-chart:hover::-webkit-scrollbar-thumb,
#insurancePayments .content-chart:hover::-webkit-scrollbar-thumb,
#authorizationsReport .content-chart:hover::-webkit-scrollbar-thumb,
#aRAgingReport .content-chart:hover::-webkit-scrollbar-thumb,
#clinicDetailsReport .content-chart:hover::-webkit-scrollbar-thumb,
#payerAnalyticsReport .content-chart:hover::-webkit-scrollbar-thumb,
#billingReport .content-chart:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border: 0px solid transparent;
}
#payrollReport .content-chart .chartBar,
#referralsNewReport .content-chart .chartBar,
#activePatientReport .content-chart .chartBar,
#logsReport .content-chart .chartBar,
#traveledDistanceReport .content-chart .chartBar,
#waitListReport .content-chart .chartBar,
#paymentsCollectionReport .content-chart .chartBar,
#generalVisitReportNew .content-chart .chartBar,
#promotionUsagesReport .content-chart .chartBar,
#transactionReport .content-chart .chartBar,
#generatePatientStatement .content-chart .chartBar,
#alertReport .content-chart .chartBar,
#patientReport .content-chart .chartBar,
#insurancePayments .content-chart .chartBar,
#authorizationsReport .content-chart .chartBar,
#aRAgingReport .content-chart .chartBar,
#clinicDetailsReport .content-chart .chartBar,
#payerAnalyticsReport .content-chart .chartBar,
#billingReport .content-chart .chartBar {
  height: 400px;
}
#payrollReport .content-chart .content-legend,
#referralsNewReport .content-chart .content-legend,
#activePatientReport .content-chart .content-legend,
#logsReport .content-chart .content-legend,
#traveledDistanceReport .content-chart .content-legend,
#waitListReport .content-chart .content-legend,
#paymentsCollectionReport .content-chart .content-legend,
#generalVisitReportNew .content-chart .content-legend,
#promotionUsagesReport .content-chart .content-legend,
#transactionReport .content-chart .content-legend,
#generatePatientStatement .content-chart .content-legend,
#alertReport .content-chart .content-legend,
#patientReport .content-chart .content-legend,
#insurancePayments .content-chart .content-legend,
#authorizationsReport .content-chart .content-legend,
#aRAgingReport .content-chart .content-legend,
#clinicDetailsReport .content-chart .content-legend,
#payerAnalyticsReport .content-chart .content-legend,
#billingReport .content-chart .content-legend {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
#payrollReport .content-chart .content-legend label,
#referralsNewReport .content-chart .content-legend label,
#activePatientReport .content-chart .content-legend label,
#logsReport .content-chart .content-legend label,
#traveledDistanceReport .content-chart .content-legend label,
#waitListReport .content-chart .content-legend label,
#paymentsCollectionReport .content-chart .content-legend label,
#generalVisitReportNew .content-chart .content-legend label,
#promotionUsagesReport .content-chart .content-legend label,
#transactionReport .content-chart .content-legend label,
#generatePatientStatement .content-chart .content-legend label,
#alertReport .content-chart .content-legend label,
#patientReport .content-chart .content-legend label,
#insurancePayments .content-chart .content-legend label,
#authorizationsReport .content-chart .content-legend label,
#aRAgingReport .content-chart .content-legend label,
#clinicDetailsReport .content-chart .content-legend label,
#payerAnalyticsReport .content-chart .content-legend label,
#billingReport .content-chart .content-legend label {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--main-color);
}
#payrollReport .content-chart .content-legend span,
#referralsNewReport .content-chart .content-legend span,
#activePatientReport .content-chart .content-legend span,
#logsReport .content-chart .content-legend span,
#traveledDistanceReport .content-chart .content-legend span,
#waitListReport .content-chart .content-legend span,
#paymentsCollectionReport .content-chart .content-legend span,
#generalVisitReportNew .content-chart .content-legend span,
#promotionUsagesReport .content-chart .content-legend span,
#transactionReport .content-chart .content-legend span,
#generatePatientStatement .content-chart .content-legend span,
#alertReport .content-chart .content-legend span,
#patientReport .content-chart .content-legend span,
#insurancePayments .content-chart .content-legend span,
#authorizationsReport .content-chart .content-legend span,
#aRAgingReport .content-chart .content-legend span,
#clinicDetailsReport .content-chart .content-legend span,
#payerAnalyticsReport .content-chart .content-legend span,
#billingReport .content-chart .content-legend span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}
#payrollReport .content-chart .content-legend .legend-claim label,
#referralsNewReport .content-chart .content-legend .legend-claim label,
#activePatientReport .content-chart .content-legend .legend-claim label,
#logsReport .content-chart .content-legend .legend-claim label,
#traveledDistanceReport .content-chart .content-legend .legend-claim label,
#waitListReport .content-chart .content-legend .legend-claim label,
#paymentsCollectionReport .content-chart .content-legend .legend-claim label,
#generalVisitReportNew .content-chart .content-legend .legend-claim label,
#promotionUsagesReport .content-chart .content-legend .legend-claim label,
#transactionReport .content-chart .content-legend .legend-claim label,
#generatePatientStatement .content-chart .content-legend .legend-claim label,
#alertReport .content-chart .content-legend .legend-claim label,
#patientReport .content-chart .content-legend .legend-claim label,
#insurancePayments .content-chart .content-legend .legend-claim label,
#authorizationsReport .content-chart .content-legend .legend-claim label,
#aRAgingReport .content-chart .content-legend .legend-claim label,
#clinicDetailsReport .content-chart .content-legend .legend-claim label,
#payerAnalyticsReport .content-chart .content-legend .legend-claim label,
#billingReport .content-chart .content-legend .legend-claim label {
  background: #FF7603;
}
#payrollReport .content-chart .content-legend .legend-charge label,
#referralsNewReport .content-chart .content-legend .legend-charge label,
#activePatientReport .content-chart .content-legend .legend-charge label,
#logsReport .content-chart .content-legend .legend-charge label,
#traveledDistanceReport .content-chart .content-legend .legend-charge label,
#waitListReport .content-chart .content-legend .legend-charge label,
#paymentsCollectionReport .content-chart .content-legend .legend-charge label,
#generalVisitReportNew .content-chart .content-legend .legend-charge label,
#promotionUsagesReport .content-chart .content-legend .legend-charge label,
#transactionReport .content-chart .content-legend .legend-charge label,
#generatePatientStatement .content-chart .content-legend .legend-charge label,
#alertReport .content-chart .content-legend .legend-charge label,
#patientReport .content-chart .content-legend .legend-charge label,
#insurancePayments .content-chart .content-legend .legend-charge label,
#authorizationsReport .content-chart .content-legend .legend-charge label,
#aRAgingReport .content-chart .content-legend .legend-charge label,
#clinicDetailsReport .content-chart .content-legend .legend-charge label,
#payerAnalyticsReport .content-chart .content-legend .legend-charge label,
#billingReport .content-chart .content-legend .legend-charge label {
  background: #F5222D;
}
#payrollReport .content-chart .content-legend .legend-payment label,
#referralsNewReport .content-chart .content-legend .legend-payment label,
#activePatientReport .content-chart .content-legend .legend-payment label,
#logsReport .content-chart .content-legend .legend-payment label,
#traveledDistanceReport .content-chart .content-legend .legend-payment label,
#waitListReport .content-chart .content-legend .legend-payment label,
#paymentsCollectionReport .content-chart .content-legend .legend-payment label,
#generalVisitReportNew .content-chart .content-legend .legend-payment label,
#promotionUsagesReport .content-chart .content-legend .legend-payment label,
#transactionReport .content-chart .content-legend .legend-payment label,
#generatePatientStatement .content-chart .content-legend .legend-payment label,
#alertReport .content-chart .content-legend .legend-payment label,
#patientReport .content-chart .content-legend .legend-payment label,
#insurancePayments .content-chart .content-legend .legend-payment label,
#authorizationsReport .content-chart .content-legend .legend-payment label,
#aRAgingReport .content-chart .content-legend .legend-payment label,
#clinicDetailsReport .content-chart .content-legend .legend-payment label,
#payerAnalyticsReport .content-chart .content-legend .legend-payment label,
#billingReport .content-chart .content-legend .legend-payment label {
  background: #52C41A;
}
#payrollReport .content-chart .content-legend .legend-balance label,
#referralsNewReport .content-chart .content-legend .legend-balance label,
#activePatientReport .content-chart .content-legend .legend-balance label,
#logsReport .content-chart .content-legend .legend-balance label,
#traveledDistanceReport .content-chart .content-legend .legend-balance label,
#waitListReport .content-chart .content-legend .legend-balance label,
#paymentsCollectionReport .content-chart .content-legend .legend-balance label,
#generalVisitReportNew .content-chart .content-legend .legend-balance label,
#promotionUsagesReport .content-chart .content-legend .legend-balance label,
#transactionReport .content-chart .content-legend .legend-balance label,
#generatePatientStatement .content-chart .content-legend .legend-balance label,
#alertReport .content-chart .content-legend .legend-balance label,
#patientReport .content-chart .content-legend .legend-balance label,
#insurancePayments .content-chart .content-legend .legend-balance label,
#authorizationsReport .content-chart .content-legend .legend-balance label,
#aRAgingReport .content-chart .content-legend .legend-balance label,
#clinicDetailsReport .content-chart .content-legend .legend-balance label,
#payerAnalyticsReport .content-chart .content-legend .legend-balance label,
#billingReport .content-chart .content-legend .legend-balance label {
  background: #3364FF;
}
#payrollReport .content-chart .content-legend .legend-adjustment label,
#referralsNewReport .content-chart .content-legend .legend-adjustment label,
#activePatientReport .content-chart .content-legend .legend-adjustment label,
#logsReport .content-chart .content-legend .legend-adjustment label,
#traveledDistanceReport .content-chart .content-legend .legend-adjustment label,
#waitListReport .content-chart .content-legend .legend-adjustment label,
#paymentsCollectionReport .content-chart .content-legend .legend-adjustment label,
#generalVisitReportNew .content-chart .content-legend .legend-adjustment label,
#promotionUsagesReport .content-chart .content-legend .legend-adjustment label,
#transactionReport .content-chart .content-legend .legend-adjustment label,
#generatePatientStatement .content-chart .content-legend .legend-adjustment label,
#alertReport .content-chart .content-legend .legend-adjustment label,
#patientReport .content-chart .content-legend .legend-adjustment label,
#insurancePayments .content-chart .content-legend .legend-adjustment label,
#authorizationsReport .content-chart .content-legend .legend-adjustment label,
#aRAgingReport .content-chart .content-legend .legend-adjustment label,
#clinicDetailsReport .content-chart .content-legend .legend-adjustment label,
#payerAnalyticsReport .content-chart .content-legend .legend-adjustment label,
#billingReport .content-chart .content-legend .legend-adjustment label {
  background: #F5222D;
}
#payrollReport .content-chart .content-legend .legend-adjustment-main-color label,
#referralsNewReport .content-chart .content-legend .legend-adjustment-main-color label,
#activePatientReport .content-chart .content-legend .legend-adjustment-main-color label,
#logsReport .content-chart .content-legend .legend-adjustment-main-color label,
#traveledDistanceReport .content-chart .content-legend .legend-adjustment-main-color label,
#waitListReport .content-chart .content-legend .legend-adjustment-main-color label,
#paymentsCollectionReport .content-chart .content-legend .legend-adjustment-main-color label,
#generalVisitReportNew .content-chart .content-legend .legend-adjustment-main-color label,
#promotionUsagesReport .content-chart .content-legend .legend-adjustment-main-color label,
#transactionReport .content-chart .content-legend .legend-adjustment-main-color label,
#generatePatientStatement .content-chart .content-legend .legend-adjustment-main-color label,
#alertReport .content-chart .content-legend .legend-adjustment-main-color label,
#patientReport .content-chart .content-legend .legend-adjustment-main-color label,
#insurancePayments .content-chart .content-legend .legend-adjustment-main-color label,
#authorizationsReport .content-chart .content-legend .legend-adjustment-main-color label,
#aRAgingReport .content-chart .content-legend .legend-adjustment-main-color label,
#clinicDetailsReport .content-chart .content-legend .legend-adjustment-main-color label,
#payerAnalyticsReport .content-chart .content-legend .legend-adjustment-main-color label,
#billingReport .content-chart .content-legend .legend-adjustment-main-color label {
  background: var(--main-color);
}
#payrollReport .content-chart h4,
#referralsNewReport .content-chart h4,
#activePatientReport .content-chart h4,
#logsReport .content-chart h4,
#traveledDistanceReport .content-chart h4,
#waitListReport .content-chart h4,
#paymentsCollectionReport .content-chart h4,
#generalVisitReportNew .content-chart h4,
#promotionUsagesReport .content-chart h4,
#transactionReport .content-chart h4,
#generatePatientStatement .content-chart h4,
#alertReport .content-chart h4,
#patientReport .content-chart h4,
#insurancePayments .content-chart h4,
#authorizationsReport .content-chart h4,
#aRAgingReport .content-chart h4,
#clinicDetailsReport .content-chart h4,
#payerAnalyticsReport .content-chart h4,
#billingReport .content-chart h4 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #1F1F1F;
}
#payrollReport .content-chart p,
#referralsNewReport .content-chart p,
#activePatientReport .content-chart p,
#logsReport .content-chart p,
#traveledDistanceReport .content-chart p,
#waitListReport .content-chart p,
#paymentsCollectionReport .content-chart p,
#generalVisitReportNew .content-chart p,
#promotionUsagesReport .content-chart p,
#transactionReport .content-chart p,
#generatePatientStatement .content-chart p,
#alertReport .content-chart p,
#patientReport .content-chart p,
#insurancePayments .content-chart p,
#authorizationsReport .content-chart p,
#aRAgingReport .content-chart p,
#clinicDetailsReport .content-chart p,
#payerAnalyticsReport .content-chart p,
#billingReport .content-chart p {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
@media only screen and (max-width: 767.98px) {
  #payrollReport .content-not-record img,
  #referralsNewReport .content-not-record img,
  #activePatientReport .content-not-record img,
  #logsReport .content-not-record img,
  #traveledDistanceReport .content-not-record img,
  #waitListReport .content-not-record img,
  #paymentsCollectionReport .content-not-record img,
  #generalVisitReportNew .content-not-record img,
  #promotionUsagesReport .content-not-record img,
  #transactionReport .content-not-record img,
  #generatePatientStatement .content-not-record img,
  #alertReport .content-not-record img,
  #patientReport .content-not-record img,
  #insurancePayments .content-not-record img,
  #authorizationsReport .content-not-record img,
  #aRAgingReport .content-not-record img,
  #clinicDetailsReport .content-not-record img,
  #payerAnalyticsReport .content-not-record img,
  #billingReport .content-not-record img {
    width: 160px;
  }
  #payrollReport .content-not-record h6,
  #referralsNewReport .content-not-record h6,
  #activePatientReport .content-not-record h6,
  #logsReport .content-not-record h6,
  #traveledDistanceReport .content-not-record h6,
  #waitListReport .content-not-record h6,
  #paymentsCollectionReport .content-not-record h6,
  #generalVisitReportNew .content-not-record h6,
  #promotionUsagesReport .content-not-record h6,
  #transactionReport .content-not-record h6,
  #generatePatientStatement .content-not-record h6,
  #alertReport .content-not-record h6,
  #patientReport .content-not-record h6,
  #insurancePayments .content-not-record h6,
  #authorizationsReport .content-not-record h6,
  #aRAgingReport .content-not-record h6,
  #clinicDetailsReport .content-not-record h6,
  #payerAnalyticsReport .content-not-record h6,
  #billingReport .content-not-record h6 {
    font-size: 16px;
    line-height: 24px;
    color: #838383;
    margin-top: 12px;
  }
  #payrollReport h3,
  #referralsNewReport h3,
  #activePatientReport h3,
  #logsReport h3,
  #traveledDistanceReport h3,
  #waitListReport h3,
  #paymentsCollectionReport h3,
  #generalVisitReportNew h3,
  #promotionUsagesReport h3,
  #transactionReport h3,
  #generatePatientStatement h3,
  #alertReport h3,
  #patientReport h3,
  #insurancePayments h3,
  #authorizationsReport h3,
  #aRAgingReport h3,
  #clinicDetailsReport h3,
  #payerAnalyticsReport h3,
  #billingReport h3 {
    font-size: 22px;
    line-height: 32px;
  }
  #payrollReport .content-report-search .cus-width-search,
  #referralsNewReport .content-report-search .cus-width-search,
  #activePatientReport .content-report-search .cus-width-search,
  #logsReport .content-report-search .cus-width-search,
  #traveledDistanceReport .content-report-search .cus-width-search,
  #waitListReport .content-report-search .cus-width-search,
  #paymentsCollectionReport .content-report-search .cus-width-search,
  #generalVisitReportNew .content-report-search .cus-width-search,
  #promotionUsagesReport .content-report-search .cus-width-search,
  #transactionReport .content-report-search .cus-width-search,
  #generatePatientStatement .content-report-search .cus-width-search,
  #alertReport .content-report-search .cus-width-search,
  #patientReport .content-report-search .cus-width-search,
  #insurancePayments .content-report-search .cus-width-search,
  #authorizationsReport .content-report-search .cus-width-search,
  #aRAgingReport .content-report-search .cus-width-search,
  #clinicDetailsReport .content-report-search .cus-width-search,
  #payerAnalyticsReport .content-report-search .cus-width-search,
  #billingReport .content-report-search .cus-width-search {
    max-width: 100%;
  }
  #payrollReport .content-report-search .width-search,
  #referralsNewReport .content-report-search .width-search,
  #activePatientReport .content-report-search .width-search,
  #logsReport .content-report-search .width-search,
  #traveledDistanceReport .content-report-search .width-search,
  #waitListReport .content-report-search .width-search,
  #paymentsCollectionReport .content-report-search .width-search,
  #generalVisitReportNew .content-report-search .width-search,
  #promotionUsagesReport .content-report-search .width-search,
  #transactionReport .content-report-search .width-search,
  #generatePatientStatement .content-report-search .width-search,
  #alertReport .content-report-search .width-search,
  #patientReport .content-report-search .width-search,
  #insurancePayments .content-report-search .width-search,
  #authorizationsReport .content-report-search .width-search,
  #aRAgingReport .content-report-search .width-search,
  #clinicDetailsReport .content-report-search .width-search,
  #payerAnalyticsReport .content-report-search .width-search,
  #billingReport .content-report-search .width-search {
    max-width: 100%;
    height: 48px;
    border-radius: 8px;
  }
  #payrollReport .content-report-search .width-search i,
  #referralsNewReport .content-report-search .width-search i,
  #activePatientReport .content-report-search .width-search i,
  #logsReport .content-report-search .width-search i,
  #traveledDistanceReport .content-report-search .width-search i,
  #waitListReport .content-report-search .width-search i,
  #paymentsCollectionReport .content-report-search .width-search i,
  #generalVisitReportNew .content-report-search .width-search i,
  #promotionUsagesReport .content-report-search .width-search i,
  #transactionReport .content-report-search .width-search i,
  #generatePatientStatement .content-report-search .width-search i,
  #alertReport .content-report-search .width-search i,
  #patientReport .content-report-search .width-search i,
  #insurancePayments .content-report-search .width-search i,
  #authorizationsReport .content-report-search .width-search i,
  #aRAgingReport .content-report-search .width-search i,
  #clinicDetailsReport .content-report-search .width-search i,
  #payerAnalyticsReport .content-report-search .width-search i,
  #billingReport .content-report-search .width-search i {
    color: #838383;
  }
  #payrollReport .content-report-search .btn-search button,
  #referralsNewReport .content-report-search .btn-search button,
  #activePatientReport .content-report-search .btn-search button,
  #logsReport .content-report-search .btn-search button,
  #traveledDistanceReport .content-report-search .btn-search button,
  #waitListReport .content-report-search .btn-search button,
  #paymentsCollectionReport .content-report-search .btn-search button,
  #generalVisitReportNew .content-report-search .btn-search button,
  #promotionUsagesReport .content-report-search .btn-search button,
  #transactionReport .content-report-search .btn-search button,
  #generatePatientStatement .content-report-search .btn-search button,
  #alertReport .content-report-search .btn-search button,
  #patientReport .content-report-search .btn-search button,
  #insurancePayments .content-report-search .btn-search button,
  #authorizationsReport .content-report-search .btn-search button,
  #aRAgingReport .content-report-search .btn-search button,
  #clinicDetailsReport .content-report-search .btn-search button,
  #payerAnalyticsReport .content-report-search .btn-search button,
  #billingReport .content-report-search .btn-search button {
    padding: 5px;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
    font-size: 12px;
    line-height: 18px;
    color: #232323;
  }
  #payrollReport .content-report-search .btn-search .btn-filter,
  #referralsNewReport .content-report-search .btn-search .btn-filter,
  #activePatientReport .content-report-search .btn-search .btn-filter,
  #logsReport .content-report-search .btn-search .btn-filter,
  #traveledDistanceReport .content-report-search .btn-search .btn-filter,
  #waitListReport .content-report-search .btn-search .btn-filter,
  #paymentsCollectionReport .content-report-search .btn-search .btn-filter,
  #generalVisitReportNew .content-report-search .btn-search .btn-filter,
  #promotionUsagesReport .content-report-search .btn-search .btn-filter,
  #transactionReport .content-report-search .btn-search .btn-filter,
  #generatePatientStatement .content-report-search .btn-search .btn-filter,
  #alertReport .content-report-search .btn-search .btn-filter,
  #patientReport .content-report-search .btn-search .btn-filter,
  #insurancePayments .content-report-search .btn-search .btn-filter,
  #authorizationsReport .content-report-search .btn-search .btn-filter,
  #aRAgingReport .content-report-search .btn-search .btn-filter,
  #clinicDetailsReport .content-report-search .btn-search .btn-filter,
  #payerAnalyticsReport .content-report-search .btn-search .btn-filter,
  #billingReport .content-report-search .btn-search .btn-filter {
    border: 1px solid #838383;
  }
  #payrollReport .content-report-search .btn-search .btn-filter .notify-filter,
  #referralsNewReport .content-report-search .btn-search .btn-filter .notify-filter,
  #activePatientReport .content-report-search .btn-search .btn-filter .notify-filter,
  #logsReport .content-report-search .btn-search .btn-filter .notify-filter,
  #traveledDistanceReport .content-report-search .btn-search .btn-filter .notify-filter,
  #waitListReport .content-report-search .btn-search .btn-filter .notify-filter,
  #paymentsCollectionReport .content-report-search .btn-search .btn-filter .notify-filter,
  #generalVisitReportNew .content-report-search .btn-search .btn-filter .notify-filter,
  #promotionUsagesReport .content-report-search .btn-search .btn-filter .notify-filter,
  #transactionReport .content-report-search .btn-search .btn-filter .notify-filter,
  #generatePatientStatement .content-report-search .btn-search .btn-filter .notify-filter,
  #alertReport .content-report-search .btn-search .btn-filter .notify-filter,
  #patientReport .content-report-search .btn-search .btn-filter .notify-filter,
  #insurancePayments .content-report-search .btn-search .btn-filter .notify-filter,
  #authorizationsReport .content-report-search .btn-search .btn-filter .notify-filter,
  #aRAgingReport .content-report-search .btn-search .btn-filter .notify-filter,
  #clinicDetailsReport .content-report-search .btn-search .btn-filter .notify-filter,
  #payerAnalyticsReport .content-report-search .btn-search .btn-filter .notify-filter,
  #billingReport .content-report-search .btn-search .btn-filter .notify-filter {
    width: 20px;
    height: 20px;
  }
  #payrollReport .content-report-search .btn-search .btn-expand,
  #referralsNewReport .content-report-search .btn-search .btn-expand,
  #activePatientReport .content-report-search .btn-search .btn-expand,
  #logsReport .content-report-search .btn-search .btn-expand,
  #traveledDistanceReport .content-report-search .btn-search .btn-expand,
  #waitListReport .content-report-search .btn-search .btn-expand,
  #paymentsCollectionReport .content-report-search .btn-search .btn-expand,
  #generalVisitReportNew .content-report-search .btn-search .btn-expand,
  #promotionUsagesReport .content-report-search .btn-search .btn-expand,
  #transactionReport .content-report-search .btn-search .btn-expand,
  #generatePatientStatement .content-report-search .btn-search .btn-expand,
  #alertReport .content-report-search .btn-search .btn-expand,
  #patientReport .content-report-search .btn-search .btn-expand,
  #insurancePayments .content-report-search .btn-search .btn-expand,
  #authorizationsReport .content-report-search .btn-search .btn-expand,
  #aRAgingReport .content-report-search .btn-search .btn-expand,
  #clinicDetailsReport .content-report-search .btn-search .btn-expand,
  #payerAnalyticsReport .content-report-search .btn-search .btn-expand,
  #billingReport .content-report-search .btn-search .btn-expand {
    margin-left: 10px;
  }
  #payrollReport .content-report-search .btn-search .btn-export,
  #referralsNewReport .content-report-search .btn-search .btn-export,
  #activePatientReport .content-report-search .btn-search .btn-export,
  #logsReport .content-report-search .btn-search .btn-export,
  #traveledDistanceReport .content-report-search .btn-search .btn-export,
  #waitListReport .content-report-search .btn-search .btn-export,
  #paymentsCollectionReport .content-report-search .btn-search .btn-export,
  #generalVisitReportNew .content-report-search .btn-search .btn-export,
  #promotionUsagesReport .content-report-search .btn-search .btn-export,
  #transactionReport .content-report-search .btn-search .btn-export,
  #generatePatientStatement .content-report-search .btn-search .btn-export,
  #alertReport .content-report-search .btn-search .btn-export,
  #patientReport .content-report-search .btn-search .btn-export,
  #insurancePayments .content-report-search .btn-search .btn-export,
  #authorizationsReport .content-report-search .btn-search .btn-export,
  #aRAgingReport .content-report-search .btn-search .btn-export,
  #clinicDetailsReport .content-report-search .btn-search .btn-export,
  #payerAnalyticsReport .content-report-search .btn-search .btn-export,
  #billingReport .content-report-search .btn-search .btn-export {
    margin-left: 10px;
  }
  #payrollReport .content-tab ul .nav-item .nav-link,
  #referralsNewReport .content-tab ul .nav-item .nav-link,
  #activePatientReport .content-tab ul .nav-item .nav-link,
  #logsReport .content-tab ul .nav-item .nav-link,
  #traveledDistanceReport .content-tab ul .nav-item .nav-link,
  #waitListReport .content-tab ul .nav-item .nav-link,
  #paymentsCollectionReport .content-tab ul .nav-item .nav-link,
  #generalVisitReportNew .content-tab ul .nav-item .nav-link,
  #promotionUsagesReport .content-tab ul .nav-item .nav-link,
  #transactionReport .content-tab ul .nav-item .nav-link,
  #generatePatientStatement .content-tab ul .nav-item .nav-link,
  #alertReport .content-tab ul .nav-item .nav-link,
  #patientReport .content-tab ul .nav-item .nav-link,
  #insurancePayments .content-tab ul .nav-item .nav-link,
  #authorizationsReport .content-tab ul .nav-item .nav-link,
  #aRAgingReport .content-tab ul .nav-item .nav-link,
  #clinicDetailsReport .content-tab ul .nav-item .nav-link,
  #payerAnalyticsReport .content-tab ul .nav-item .nav-link,
  #billingReport .content-tab ul .nav-item .nav-link {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  #payrollReport .content-chart h4,
  #referralsNewReport .content-chart h4,
  #activePatientReport .content-chart h4,
  #logsReport .content-chart h4,
  #traveledDistanceReport .content-chart h4,
  #waitListReport .content-chart h4,
  #paymentsCollectionReport .content-chart h4,
  #generalVisitReportNew .content-chart h4,
  #promotionUsagesReport .content-chart h4,
  #transactionReport .content-chart h4,
  #generatePatientStatement .content-chart h4,
  #alertReport .content-chart h4,
  #patientReport .content-chart h4,
  #insurancePayments .content-chart h4,
  #authorizationsReport .content-chart h4,
  #aRAgingReport .content-chart h4,
  #clinicDetailsReport .content-chart h4,
  #payerAnalyticsReport .content-chart h4,
  #billingReport .content-chart h4 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
  #payrollReport .content-chart p,
  #referralsNewReport .content-chart p,
  #activePatientReport .content-chart p,
  #logsReport .content-chart p,
  #traveledDistanceReport .content-chart p,
  #waitListReport .content-chart p,
  #paymentsCollectionReport .content-chart p,
  #generalVisitReportNew .content-chart p,
  #promotionUsagesReport .content-chart p,
  #transactionReport .content-chart p,
  #generatePatientStatement .content-chart p,
  #alertReport .content-chart p,
  #patientReport .content-chart p,
  #insurancePayments .content-chart p,
  #authorizationsReport .content-chart p,
  #aRAgingReport .content-chart p,
  #clinicDetailsReport .content-chart p,
  #payerAnalyticsReport .content-chart p,
  #billingReport .content-chart p {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
  #payrollReport .content-chart .content-legend label,
  #referralsNewReport .content-chart .content-legend label,
  #activePatientReport .content-chart .content-legend label,
  #logsReport .content-chart .content-legend label,
  #traveledDistanceReport .content-chart .content-legend label,
  #waitListReport .content-chart .content-legend label,
  #paymentsCollectionReport .content-chart .content-legend label,
  #generalVisitReportNew .content-chart .content-legend label,
  #promotionUsagesReport .content-chart .content-legend label,
  #transactionReport .content-chart .content-legend label,
  #generatePatientStatement .content-chart .content-legend label,
  #alertReport .content-chart .content-legend label,
  #patientReport .content-chart .content-legend label,
  #insurancePayments .content-chart .content-legend label,
  #authorizationsReport .content-chart .content-legend label,
  #aRAgingReport .content-chart .content-legend label,
  #clinicDetailsReport .content-chart .content-legend label,
  #payerAnalyticsReport .content-chart .content-legend label,
  #billingReport .content-chart .content-legend label {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--main-color);
  }
  #payrollReport .content-chart .content-legend span,
  #referralsNewReport .content-chart .content-legend span,
  #activePatientReport .content-chart .content-legend span,
  #logsReport .content-chart .content-legend span,
  #traveledDistanceReport .content-chart .content-legend span,
  #waitListReport .content-chart .content-legend span,
  #paymentsCollectionReport .content-chart .content-legend span,
  #generalVisitReportNew .content-chart .content-legend span,
  #promotionUsagesReport .content-chart .content-legend span,
  #transactionReport .content-chart .content-legend span,
  #generatePatientStatement .content-chart .content-legend span,
  #alertReport .content-chart .content-legend span,
  #patientReport .content-chart .content-legend span,
  #insurancePayments .content-chart .content-legend span,
  #authorizationsReport .content-chart .content-legend span,
  #aRAgingReport .content-chart .content-legend span,
  #clinicDetailsReport .content-chart .content-legend span,
  #payerAnalyticsReport .content-chart .content-legend span,
  #billingReport .content-chart .content-legend span {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
  }
  #payrollReport .content-chart .chartBar,
  #referralsNewReport .content-chart .chartBar,
  #activePatientReport .content-chart .chartBar,
  #logsReport .content-chart .chartBar,
  #traveledDistanceReport .content-chart .chartBar,
  #waitListReport .content-chart .chartBar,
  #paymentsCollectionReport .content-chart .chartBar,
  #generalVisitReportNew .content-chart .chartBar,
  #promotionUsagesReport .content-chart .chartBar,
  #transactionReport .content-chart .chartBar,
  #generatePatientStatement .content-chart .chartBar,
  #alertReport .content-chart .chartBar,
  #patientReport .content-chart .chartBar,
  #insurancePayments .content-chart .chartBar,
  #authorizationsReport .content-chart .chartBar,
  #aRAgingReport .content-chart .chartBar,
  #clinicDetailsReport .content-chart .chartBar,
  #payerAnalyticsReport .content-chart .chartBar,
  #billingReport .content-chart .chartBar {
    width: 1006px;
  }
}

@media only screen and (max-width: 991.98px) {
  #billingReport .content-table .table-responsive .table-sticky {
    width: 954px;
    max-width: 954px;
  }
}
#billingReport .content-table .table .thead-one tr :first-child {
  text-align: left;
}
#billingReport .content-table .table .thead-one tr th {
  color: #232323;
  text-align: right;
}
#billingReport .content-table .table .thead-two tr :first-child {
  color: #232323;
  text-align: left;
}
#billingReport .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#billingReport .content-table .table .thead-two tr th {
  text-align: right;
}
#billingReport .content-table .table .thead-three tr :first-child {
  color: #232323;
  text-align: left;
}
#billingReport .content-table .table .thead-three tr th {
  text-align: right;
}
@media only screen and (max-width: 991.98px) {
  #billingReport .content-table .table {
    width: 954px;
    max-width: 954px;
  }
}
#billingReport .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#billingReport .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#billingReport .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#billingReport .content-table #accordion .accordion-content .card-body .thead-four tr .width-td-n {
  width: 15%;
}
#billingReport .content-table #accordion .accordion-content .card-body .thead-four tr .width-td-3 {
  width: 15%;
  max-width: 200px;
}
#billingReport .content-table #accordion .accordion-content .card-body .thead-four tr .width-td-4 {
  width: 12%;
}
#billingReport .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-bottom-left-radius: 0;
}
#billingReport .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-bottom-right-radius: 0;
}
#billingReport .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 991.98px) {
  #billingReport .content-table #accordion .accordion-content {
    width: 954px;
    max-width: 954px;
  }
  #billingReport .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}

#aRAgingReport .content-table {
  margin-top: 16px;
}
@media only screen and (max-width: 1445px) {
  #aRAgingReport .content-table .table-sticky {
    width: 1125px;
    max-width: 1125px;
  }
}
#aRAgingReport .content-table .table .thead-one tr th {
  text-align: right;
}
#aRAgingReport .content-table .table .thead-two tr :first-child {
  color: #232323;
}
#aRAgingReport .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#aRAgingReport .content-table .table .thead-two tr th {
  text-align: right;
}
#aRAgingReport .content-table .table .thead-three tr :first-child {
  color: #232323;
  text-align: left;
}
#aRAgingReport .content-table .table .thead-three tr th {
  text-align: right;
}
@media only screen and (max-width: 1445px) {
  #aRAgingReport .content-table .table {
    width: 1225px;
    max-width: 1225px;
  }
  #aRAgingReport .content-table .table .thead-one, #aRAgingReport .content-table .table .thead-two, #aRAgingReport .content-table .table .thead-three {
    height: 48px;
  }
}
#aRAgingReport .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body {
  overflow-x: auto;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0);
}
#aRAgingReport .content-table #accordion .accordion-content .card-body::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body:hover::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
  background-clip: padding-box;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body__cus-body {
  padding: 0px !important;
  border-radius: 8px;
  border: 1px solid #f5f5f7;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
}
#aRAgingReport .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 1445px) {
  #aRAgingReport .content-table #accordion .accordion-content {
    width: 1225px;
    max-width: 1225px;
  }
  #aRAgingReport .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}

#payerAnalyticsReport .content-tab .width-tab {
  width: 930px;
}
#payerAnalyticsReport .content-tab::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
}
#payerAnalyticsReport .content-tab::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#payerAnalyticsReport .content-tab::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#payerAnalyticsReport .content-tab:hover::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#payerAnalyticsReport .content-tab:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border: 0px solid transparent;
}
#payerAnalyticsReport .content-table {
  margin-top: 16px;
}
@media only screen and (max-width: 991.98px) {
  #payerAnalyticsReport .content-table .table-sticky {
    width: 1024px;
    max-width: 1024px;
  }
}
#payerAnalyticsReport .content-table .table thead tr .w-th-1 {
  width: 16%;
  min-width: 165px;
  max-width: 165px;
}
#payerAnalyticsReport .content-table .table thead tr .w-th-n {
  width: 10%;
}
#payerAnalyticsReport .content-table .table thead tr .w-th-8 {
  width: 11%;
}
#payerAnalyticsReport .content-table .table thead tr .w-th-9 {
  width: 11%;
}
#payerAnalyticsReport .content-table .table .thead-one tr :first-child {
  text-align: left;
}
#payerAnalyticsReport .content-table .table .thead-one tr th {
  color: #232323;
  text-align: right;
}
#payerAnalyticsReport .content-table .table .thead-two tr :first-child {
  color: #1F1F1F;
  text-align: left;
}
#payerAnalyticsReport .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#payerAnalyticsReport .content-table .table .thead-two tr th {
  text-align: right;
}
#payerAnalyticsReport .content-table .table .thead-three tr :first-child {
  color: #1F1F1F;
  text-align: left;
}
#payerAnalyticsReport .content-table .table .thead-three tr th {
  text-align: right;
}
@media only screen and (max-width: 991.98px) {
  #payerAnalyticsReport .content-table .table {
    width: 1024px;
    max-width: 1024px;
  }
}
#payerAnalyticsReport .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body .thead-four tr td {
  width: 10%;
}
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-top-left-radius: 8px;
}
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-top-right-radius: 8px;
}
#payerAnalyticsReport .content-table #accordion .accordion-content .card-body .thead-four tr th {
  color: #232323;
  background: #FFFFFF;
  border-bottom: none !important;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 991.98px) {
  #payerAnalyticsReport .content-table #accordion .accordion-content {
    width: 1024px;
    max-width: 1024px;
  }
  #payerAnalyticsReport .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}

#insurancePayments .content-tab .width-tab {
  width: 930px;
}
#insurancePayments .content-tab::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
}
#insurancePayments .content-tab::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#insurancePayments .content-tab::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#insurancePayments .content-tab:hover::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#insurancePayments .content-tab:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border: 0px solid transparent;
}
#insurancePayments .content-table {
  margin-top: 16px;
}
@media only screen and (max-width: 1600px) {
  #insurancePayments .content-table .table-sticky__table-two {
    width: 1560px !important;
    max-width: 1560px !important;
  }
}
@media only screen and (max-width: 1475px) {
  #insurancePayments .content-table .table-sticky {
    width: 1375px;
    max-width: 1375px;
  }
}
#insurancePayments .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
@media only screen and (max-width: 1600px) {
  #insurancePayments .content-table .table.table-two {
    width: 1560px;
    max-width: 1560px;
  }
}
@media only screen and (max-width: 1475px) {
  #insurancePayments .content-table .table {
    width: 1375px;
    max-width: 1375px;
  }
}
#insurancePayments .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
@media only screen and (max-width: 1600px) {
  #insurancePayments .content-table #accordion .accordion-content.table-two {
    width: 1560px;
    max-width: 1560px;
  }
}
@media only screen and (max-width: 1475px) {
  #insurancePayments .content-table #accordion .accordion-content {
    width: 1375px;
    max-width: 1375px;
  }
}
#insurancePayments .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .profile-menu .content-level-three {
  padding: 0 !important;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .profile-menu .content-level-three .bg-near-max {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .thead-four #accordionc tr td:first-child {
  border-bottom-left-radius: 8px;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .thead-four #accordionc tr td:last-child {
  border-bottom-right-radius: 8px;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-bottom-left-radius: 0;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-bottom-right-radius: 0;
}
#insurancePayments .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  border-bottom: none !important;
  padding-top: 1rem !important;
}

#transactionReport .content-table {
  margin-top: 16px;
}
@media only screen and (max-width: 1600px) {
  #transactionReport .content-table .table-sticky {
    width: 1500px;
    max-width: 1500px;
  }
}
#transactionReport .content-table .table .w-20 {
  width: 20%;
}
#transactionReport .content-table .table .thead-one tr th {
  color: #232323;
  text-align: right;
}
#transactionReport .content-table .table .thead-two tr :first-child {
  color: #232323;
}
#transactionReport .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#transactionReport .content-table .table .thead-two tr th {
  background: #FFFFFF;
  text-align: right;
}
#transactionReport .content-table .table .thead-three {
  color: #232323;
}
#transactionReport .content-table .table .thead-three tr th {
  background: #FFFFFF;
  text-align: right;
}
#transactionReport .content-table .table .thead-three tr th .mw-365 {
  max-width: 365px;
}
#transactionReport .content-table .table .thead-three tr th .mw-300 {
  max-width: 300px;
}
@media only screen and (max-width: 1600px) {
  #transactionReport .content-table .table {
    width: 1500px;
    max-width: 1500px;
  }
  #transactionReport .content-table .table .thead-one, #transactionReport .content-table .table .thead-two, #transactionReport .content-table .table .thead-three {
    height: 48px;
  }
}
#transactionReport .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#transactionReport .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#transactionReport .content-table #accordion .accordion-content .card-body__cus-body {
  padding: 0px !important;
  border-radius: 8px;
  border: 1px solid #f5f5f7;
}
#transactionReport .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#transactionReport .content-table #accordion .accordion-content .card-body .thead-four tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  background: #FFFFFF;
  color: #232323;
  border-top: 1px solid #EBECF0;
  border-bottom: 1px solid #EBECF0;
  padding: 8px 6px !important;
  word-break: break-word;
}
#transactionReport .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
}
#transactionReport .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
}
#transactionReport .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 1600px) {
  #transactionReport .content-table #accordion .accordion-content {
    width: 1500px;
    max-width: 1500px;
  }
  #transactionReport .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}

#authorizationsReport h4, #logsReport h4 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #232323;
  margin-bottom: 0;
}
#authorizationsReport h6, #logsReport h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
}
#authorizationsReport .content-table, #logsReport .content-table {
  margin-top: 16px;
  max-height: 585px !important;
}
@media only screen and (max-width: 1024px) {
  #authorizationsReport .content-table, #logsReport .content-table {
    max-height: calc(100vh - 425px) !important;
  }
}
@media only screen and (max-width: 767.98px) {
  #authorizationsReport .content-table, #logsReport .content-table {
    max-height: calc(100vh - 352px) !important;
  }
}
@media only screen and (max-width: 991.98px) {
  #authorizationsReport .content-table .table-sticky, #logsReport .content-table .table-sticky {
    width: 1042px;
    max-width: 1042px;
  }
}
@media only screen and (max-width: 991.98px) {
  #authorizationsReport .content-table .table, #logsReport .content-table .table {
    width: 1042px;
    max-width: 1042px;
  }
}
#authorizationsReport .content-table .table .thead-one tr th, #logsReport .content-table .table .thead-one tr th {
  color: #232323;
  text-align: left;
}
#authorizationsReport .content-table .table .thead-two, #logsReport .content-table .table .thead-two {
  border-radius: 8px !important;
  height: 48px;
}
#authorizationsReport .content-table .table .thead-two tr, #logsReport .content-table .table .thead-two tr {
  border-top: 1px solid #f5f5f7 !important;
  border-bottom: 1px solid #f5f5f7 !important;
}
#authorizationsReport .content-table .table .thead-two tr:last-child, #logsReport .content-table .table .thead-two tr:last-child {
  border-bottom: 0px solid #f5f5f7 !important;
}
#authorizationsReport .content-table .table .thead-two tr th, #logsReport .content-table .table .thead-two tr th {
  vertical-align: middle;
  font-weight: 400 !important;
  color: #232323;
  text-align: left;
  background: #FFFFFF;
}
#authorizationsReport .content-table .table .thead-two tr th span, #logsReport .content-table .table .thead-two tr th span {
  font-weight: normal !important;
  color: #0275D8 !important;
}
@media only screen and (max-width: 991.98px) {
  #authorizationsReport .content-table #accordion .accordion-content, #logsReport .content-table #accordion .accordion-content {
    width: 1042px;
    max-width: 1042px;
  }
}
#authorizationsReport .content-table #accordion .accordion-content, #logsReport .content-table #accordion .accordion-content {
  margin-top: 10px;
}
#authorizationsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up, #logsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#authorizationsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down, #logsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#authorizationsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up, #logsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#authorizationsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down, #logsReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#authorizationsReport .content-table #accordion .accordion-content, #logsReport .content-table #accordion .accordion-content {
  box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #F5F5F7 !important;
  padding: 14px 0px 6px;
}
#authorizationsReport .content-table #accordion .accordion-content .card-body, #logsReport .content-table #accordion .accordion-content .card-body {
  padding: 0 !important;
}
#authorizationsReport .content-table #accordion .accordion-content .card-body table tr td, #logsReport .content-table #accordion .accordion-content .card-body table tr td {
  padding: 15px 6px !important;
}

#alertReport {
  border-radius: 8px;
}
#alertReport .mt-13 {
  margin-top: 13px;
}
#alertReport h4 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #232323;
  margin-bottom: 0;
}
#alertReport h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
}
#alertReport .content-table {
  max-height: 610px !important;
}
@media only screen and (max-width: 1024px) {
  #alertReport .content-table {
    max-height: calc(100vh - 425px);
  }
}
@media only screen and (max-width: 767.98px) {
  #alertReport .content-table {
    max-height: calc(100vh - 352px);
  }
}
#alertReport .content-table .table .thead-one tr th {
  color: #232323;
  text-align: right;
  padding: 0 !important;
  height: 44px;
}
@media only screen and (max-width: 991.98px) {
  #alertReport .content-table .table {
    width: 875px;
    max-width: 875px;
  }
}
#alertReport .content-table #accordion .accordion-content {
  margin-top: 10px;
}
#alertReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#alertReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#alertReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#alertReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#alertReport .content-table #accordion .accordion-content {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #F5F5F7 !important;
  padding: 14px 20px;
}
#alertReport .content-table #accordion .accordion-content .card-body {
  padding: 0 !important;
}
@media only screen and (max-width: 991.98px) {
  #alertReport .content-table #accordion .accordion-content {
    width: 875px;
    max-width: 875px;
  }
  #alertReport .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}
#alertReport .content-table #accordion .accordion-content #thead-four tr {
  border-top: 1px solid #f5f5f7 !important;
  border-bottom: 1px solid #f5f5f7 !important;
}
#alertReport .content-table #accordion .accordion-content #thead-four tr .w-35 {
  width: 35%;
}
#alertReport .content-table #accordion .accordion-content #thead-four tr td {
  padding: 15px 0 !important;
}

#patientReport .content-table {
  max-height: 590px !important;
  margin-top: 16px;
}
@media only screen and (max-width: 1024px) {
  #patientReport .content-table {
    max-height: calc(100vh - 425px) !important;
  }
}
@media only screen and (max-width: 767.98px) {
  #patientReport .content-table {
    max-height: calc(100vh - 352px) !important;
  }
}
#patientReport .content-table .table .thead-two tr th {
  font-weight: 400 !important;
  color: #1f1f1f;
}
#patientReport .content-table .table .total-row tr th {
  font-weight: 600 !important;
}
@media only screen and (max-width: 1920px) {
  #patientReport .content-table .table {
    width: 2375px;
    max-width: 2375px;
  }
}
#patientReport #accordion .accordion-content {
  margin-top: 10px;
}
#patientReport #accordion .accordion-content h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
}
@media only screen and (max-width: 1920px) {
  #patientReport #accordion .accordion-content {
    width: 2375px;
    max-width: 2375px;
    padding: 0 !important;
  }
  #patientReport #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}
#patientReport #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#patientReport #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#patientReport #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#patientReport #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#patientReport #accordion .accordion-content {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #F5F5F7 !important;
  padding: 14px 20px;
}
#patientReport #accordion .accordion-content .card-body {
  padding: 0 !important;
}
#patientReport #accordion .accordion-content #thead-four tr {
  border-top: 1px solid #f5f5f7 !important;
  border-bottom: 1px solid #f5f5f7 !important;
}
#patientReport #accordion .accordion-content #thead-four tr td {
  padding: 15px 0 !important;
}

#generatePatientStatement {
  padding: 12px 20px 0;
}
@media only screen and (max-width: 767.98px) {
  #generatePatientStatement {
    padding: 0 16px;
  }
}
#generatePatientStatement .content-report-search {
  display: flex;
  align-items: center;
}
#generatePatientStatement .content-report-search .cus-width-search {
  max-width: 358px;
}
#generatePatientStatement .content-report-search .width-search {
  max-width: 358px;
  height: 40px;
  border: 1px solid #838383;
  border-radius: 4px;
}
#generatePatientStatement .content-report-search .width-search input {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#generatePatientStatement .content-report-search .btn-search {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
#generatePatientStatement .content-report-search .btn-search i {
  font-size: 18px;
}
#generatePatientStatement .content-report-search .btn-search button {
  padding: 9px 16px;
}
#generatePatientStatement .content-report-search .btn-search button img {
  width: 18px;
  margin-right: 12px;
}
#generatePatientStatement .content-report-search .btn-search .btn-filter {
  width: 110px;
}
#generatePatientStatement .content-report-search .btn-search .btn-print {
  width: 130px;
  margin-left: 16px;
}
#generatePatientStatement .content-report-search .btn-search .btn-download {
  width: 164px;
  margin-left: 16px;
}
#generatePatientStatement .content-report-search .btn-search .btn-upload-inbox-health {
  margin-left: 16px;
}
#generatePatientStatement .content-report-search .btn-search .btn-access-inbox-health {
  margin-left: 16px;
}
#generatePatientStatement .content-table {
  margin-top: 0;
  max-height: 525px;
  overflow-y: auto;
  position: relative;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  #generatePatientStatement .content-table {
    max-height: calc(100vh - 475px);
  }
}
@media only screen and (max-width: 767.98px) {
  #generatePatientStatement .content-table {
    max-height: calc(100vh - 352px);
  }
}
@media only screen and (max-width: 991.98px) {
  #generatePatientStatement .content-table .table-responsive .table-sticky {
    width: 1024px;
    max-width: 1024px;
  }
}
#generatePatientStatement .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#generatePatientStatement .content-table .table .thead-two tr th {
  color: var(--main-color);
  background: #FFFFFF;
}
#generatePatientStatement .content-table .table .thead-three {
  color: #232323;
}
#generatePatientStatement .content-table .table .thead-three tr :first-child {
  color: #232323;
}
#generatePatientStatement .content-table .table .thead-three tr th {
  background: #FFFFFF;
}
#generatePatientStatement .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#generatePatientStatement .content-table #accordion .accordion-content .card-body {
  padding: 16px !important;
}
#generatePatientStatement .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#generatePatientStatement .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-top-left-radius: 8px;
}
#generatePatientStatement .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-top-right-radius: 8px;
}
#generatePatientStatement .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  border-bottom: none !important;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 991.98px) {
  #generatePatientStatement .content-table #accordion .accordion-content {
    width: 1024px;
    max-width: 1024px;
  }
  #generatePatientStatement .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}
#generatePatientStatement .w-8 {
  width: 8%;
}
#generatePatientStatement .w-10 {
  width: 10%;
}
#generatePatientStatement .w-15 {
  width: 15%;
}
#generatePatientStatement h3 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  color: #1F1F1F;
  margin-bottom: 16px;
}

#promotionUsagesReport .content-table,
#generalVisitReportNew .content-table {
  max-height: calc(100vh - 335px);
}
@media only screen and (max-width: 1200px) {
  #promotionUsagesReport .content-table,
  #generalVisitReportNew .content-table {
    max-height: calc(100vh - 385px);
  }
}
@media only screen and (max-width: 767.98px) {
  #promotionUsagesReport .content-table,
  #generalVisitReportNew .content-table {
    max-height: calc(100vh - 225px);
  }
}
@media only screen and (max-width: 1800px) {
  #promotionUsagesReport .content-table .table-sticky,
  #generalVisitReportNew .content-table .table-sticky {
    width: 1800px;
    max-width: 1800px;
  }
}
#promotionUsagesReport .content-table .table .thead-one tr th,
#generalVisitReportNew .content-table .table .thead-one tr th {
  color: #232323;
  text-align: right;
}
#promotionUsagesReport .content-table .table .thead-two tr :first-child,
#generalVisitReportNew .content-table .table .thead-two tr :first-child {
  color: #232323;
}
#promotionUsagesReport .content-table .table .thead-two tr :first-child span,
#generalVisitReportNew .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#promotionUsagesReport .content-table .table .thead-two tr th,
#generalVisitReportNew .content-table .table .thead-two tr th {
  text-align: right;
}
#promotionUsagesReport .content-table .table .thead-three tr :first-child,
#generalVisitReportNew .content-table .table .thead-three tr :first-child {
  color: #232323;
  text-align: left;
}
#promotionUsagesReport .content-table .table .thead-three tr th,
#generalVisitReportNew .content-table .table .thead-three tr th {
  text-align: right;
}
@media only screen and (max-width: 1800px) {
  #promotionUsagesReport .content-table .table,
  #generalVisitReportNew .content-table .table {
    width: 1800px;
    max-width: 1800px;
  }
  #promotionUsagesReport .content-table .table .thead-one, #promotionUsagesReport .content-table .table .thead-two, #promotionUsagesReport .content-table .table .thead-three,
  #generalVisitReportNew .content-table .table .thead-one,
  #generalVisitReportNew .content-table .table .thead-two,
  #generalVisitReportNew .content-table .table .thead-three {
    height: 48px;
  }
}
#promotionUsagesReport .content-table #accordion .accordion-content,
#generalVisitReportNew .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
  overflow-x: auto;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body::-webkit-scrollbar,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0);
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body::-webkit-scrollbar-track,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body:hover::-webkit-scrollbar,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body:hover::-webkit-scrollbar {
  width: 6px;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body:hover::-webkit-scrollbar-thumb,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body:hover::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
  background-clip: padding-box;
  border-radius: 8px;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body__cus-body,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body__cus-body {
  padding: 0px !important;
  border-radius: 8px;
  border: 1px solid #f5f5f7;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body .thead-four,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
}
#promotionUsagesReport .content-table #accordion .accordion-content .card-body .thead-four tr th,
#generalVisitReportNew .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 1800px) {
  #promotionUsagesReport .content-table #accordion .accordion-content,
  #generalVisitReportNew .content-table #accordion .accordion-content {
    width: 1800px;
    max-width: 1800px;
  }
  #promotionUsagesReport .content-table #accordion .accordion-content .table,
  #generalVisitReportNew .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}

#waitListReport .content-table {
  max-height: 590px !important;
  margin-top: 16px;
}
@media only screen and (max-width: 1024px) {
  #waitListReport .content-table {
    max-height: calc(100vh - 425px) !important;
  }
}
@media only screen and (max-width: 767.98px) {
  #waitListReport .content-table {
    max-height: calc(100vh - 352px) !important;
  }
}
#waitListReport .content-table .table .w-7 {
  width: 7%;
}
#waitListReport .content-table .table .w-8 {
  width: 8%;
}
#waitListReport .content-table .table .w-10 {
  width: 10%;
}
#waitListReport .content-table .table .w-12 {
  width: 12%;
}
#waitListReport .content-table .table .w-16 {
  width: 16%;
}
#waitListReport .content-table .table .thead-two tr .custom-th {
  overflow: auto;
  max-height: 60px;
  display: block;
  max-width: 142px;
}
#waitListReport .content-table .table .thead-two tr .custom-th :first-child {
  border-radius: 0 !important;
}
#waitListReport .content-table .table .thead-two tr .custom-th :last-child {
  border-radius: 0 !important;
}
#waitListReport .content-table .table .thead-two tr .custom-th::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#waitListReport .content-table .table .thead-two tr .custom-th::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
#waitListReport .content-table .table .thead-two tr .custom-th::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#waitListReport .content-table .table .thead-two tr .custom-th:hover::-webkit-scrollbar {
  width: 4px;
}
#waitListReport .content-table .table .thead-two tr .custom-th:hover::-webkit-scrollbar-thumb {
  background-color: #838383;
  background-clip: padding-box;
}
#waitListReport .content-table .table .thead-two tr th {
  color: #1f1f1f;
  font-weight: 400 !important;
  vertical-align: top !important;
  max-height: 60px;
}
#waitListReport .content-table .table .thead-two tr .content-notes[data-toggle][data-target][aria-expanded=true] .text-truncate-three-line {
  display: block;
}
#waitListReport .content-table .table .thead-two tr .content-notes[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: inline-block;
}
#waitListReport .content-table .table .thead-two tr .content-notes[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: none;
}
#waitListReport .content-table .table .thead-two tr .content-notes[data-toggle][data-target][aria-expanded=false] .text-truncate-three-line {
  display: -webkit-box;
}
#waitListReport .content-table .table .thead-two tr .content-notes[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: none;
}
#waitListReport .content-table .table .thead-two tr .content-notes[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: inline-block;
}
#waitListReport .content-table .table .thead-two tr .content-notes .collapse {
  display: block;
  min-height: 60px;
  min-width: calc(100% - 25px);
}
@media only screen and (max-width: 1440px) {
  #waitListReport .content-table .table {
    width: 1575px;
    max-width: 1575px;
  }
}

#paymentsCollectionReport .content-table {
  margin-top: 16px;
}
@media only screen and (max-width: 1200px) {
  #paymentsCollectionReport .content-table .table-sticky {
    width: 1375px;
    max-width: 1375px;
  }
}
#paymentsCollectionReport .content-table .table .thead-two tr :first-child {
  color: #232323;
}
#paymentsCollectionReport .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#paymentsCollectionReport .content-table .table .thead-three tr :first-child {
  color: #232323;
  text-align: left;
}
@media only screen and (max-width: 1200px) {
  #paymentsCollectionReport .content-table .table {
    width: 1375px;
    max-width: 1375px;
  }
  #paymentsCollectionReport .content-table .table .thead-one, #paymentsCollectionReport .content-table .table .thead-two, #paymentsCollectionReport .content-table .table .thead-three {
    height: 48px;
  }
}
#paymentsCollectionReport .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body__cus-body {
  padding: 0px !important;
  border-radius: 8px;
  border: 1px solid #f5f5f7;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  padding-top: 1rem !important;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr td label {
  font-size: 14px;
  font-family: "Hind";
  font-weight: 400;
  line-height: 20px;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr td .panel-content .panel__title[data-toggle][data-target][aria-expanded=true] .text-truncate-three-line {
  display: block !important;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr td .panel-content .panel__title[data-toggle][data-target][aria-expanded=true] i.fas.fa-angle-up {
  display: none;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr td .panel-content .panel__title[data-toggle][data-target][aria-expanded=true] i.fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr td .panel-content .panel__title[data-toggle][data-target][aria-expanded=false] .text-truncate-three-line {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr td .panel-content .panel__title[data-toggle][data-target][aria-expanded=false] i.fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#paymentsCollectionReport .content-table #accordion .accordion-content .card-body .thead-four tr td .panel-content .panel__title[data-toggle][data-target][aria-expanded=false] i.fas.fa-angle-down {
  display: none;
}
@media only screen and (max-width: 1200px) {
  #paymentsCollectionReport .content-table #accordion .accordion-content {
    width: 1375px;
    max-width: 1375px;
  }
  #paymentsCollectionReport .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}

.popup-content-filter {
  position: absolute;
  right: 0px;
  max-width: 487px;
  width: 487px;
  background: #ffffff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  max-height: 84% !important;
  height: 84%;
}
.popup-content-filter#popup-patient-claim .full-height {
  height: calc(100% - 65px);
}
.popup-content-filter#popup-patient-claim .content-column {
  max-height: calc(100% - 65px);
}
@media only screen and (max-width: 767.98px) {
  .popup-content-filter#popup-patient-claim .content-column {
    max-height: calc(100% - 90px);
  }
}
.popup-content-filter#popup-patient-claim customize-column-pte .cus-container-dropdown {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #FFF;
}
.popup-content-filter#filter-araging .content-as-one {
  min-width: 95px;
}
.popup-content-filter#filter-araging .content-as-two {
  width: calc(100% - 95px);
}
.popup-content-filter#filter-araging dropdown-box-pte .cus-container-dropdown .dropdown-menu-custom {
  padding: 8px !important;
}
.popup-content-filter#filter-araging .calendar-picker__wrapper input {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.popup-content-filter#filter-araging .calendar-picker__wrapper .input-group-addon {
  padding-left: 4px !important;
  padding-right: 8px !important;
}
@media only screen and (max-width: 767.98px) {
  .popup-content-filter#filter-araging .content-as-one {
    min-width: 105px;
  }
  .popup-content-filter#filter-araging .content-as-two {
    width: calc(100% - 105px);
  }
}
.popup-content-filter.popup-filter-payroll md-radio-group md-radio-button.based-on {
  width: 50%;
}
@media only screen and (max-width: 767.98px) {
  .popup-content-filter.popup-filter-payroll md-radio-group md-radio-button.based-on {
    width: 100%;
  }
}
.popup-content-filter .md-dialog-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .md-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .md-dialog-content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .md-dialog-content:hover::-webkit-scrollbar {
  width: 4px;
}
.popup-content-filter .md-dialog-content:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  background-clip: padding-box;
}
.popup-content-filter .md-dialog-content .container-tab {
  margin-bottom: 20px;
}
.popup-content-filter .md-dialog-content .container-tab .nav-tabs--strong-style {
  width: 100% !important;
  flex-direction: row;
  background: #f0f2f9;
  border-radius: 100px;
  box-shadow: inset 0px 0px 0px #e3e3e3;
  padding: 2px 2px !important;
  height: 36px !important;
}
.popup-content-filter .md-dialog-content .container-tab .nav-tabs--strong-style .nav-item {
  padding: 0px;
  cursor: pointer;
  width: 50% !important;
  border-radius: 100px;
  height: 34px !important;
}
.popup-content-filter .md-dialog-content .container-tab .nav-tabs--strong-style .nav-item .nav-link {
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: flex;
  align-items: center;
  color: #595959 !important;
  cursor: pointer;
  background-color: #f0f2f9;
  border-radius: 100px;
  justify-content: center;
  padding: 0px 5px;
  height: 32px;
  transition: none;
}
.popup-content-filter .md-dialog-content .container-tab .nav-tabs--strong-style .nav-item.active {
  border-left: none;
  background-color: #fff;
  color: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}
.popup-content-filter .md-dialog-content .container-tab .nav-tabs--strong-style .nav-item.active .nav-link {
  background: #fff;
  color: var(--main-color) !important;
}
.popup-content-filter .md-dialog-content .container-tab .nav-tabs--strong-style .nav-item:not(.active):hover {
  opacity: 0.7;
}
.popup-content-filter .md-dialog-content .filter-settings .title-columns {
  text-transform: uppercase;
}
.popup-content-filter .md-dialog-content .filter-settings .row .col-12 i {
  font-size: 17px;
  margin-right: 8px;
}
.popup-content-filter .md-dialog-content .filter-settings .row .col-12 multiple-select-with-search-pte .row {
  display: block !important;
  padding-left: 15px;
  padding-right: 15px;
}
.popup-content-filter .md-dialog-content .filter-settings .row .col-12 multiple-select-with-search-pte .row h6 {
  margin-bottom: 0 !important;
}
.popup-content-filter .md-dialog-content .filter-settings .row .col-12 multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container {
  margin-right: 0;
}
.popup-content-filter .md-dialog-content .filter-settings .row .col-12 multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container input {
  min-height: 32px !important;
  border-bottom: 1px solid #838383 !important;
}
.popup-content-filter .md-dialog-content .filter-settings .calendar-picker__wrapper input {
  padding: 0.25rem !important;
}
.popup-content-filter .md-dialog-content .filter-settings .calendar-picker__wrapper .input-group-addon {
  padding: 8px 0;
}
.popup-content-filter .md-dialog-content .filter-settings dropdown-list-pte md-menu .btn-secondary, .popup-content-filter .md-dialog-content .filter-settings dropdown-list-multiple-pte md-menu .btn-secondary {
  margin-top: 32px;
  min-height: 32px;
  border: 1px solid #838383;
  border-radius: 5px;
}
.popup-content-filter .md-dialog-content .column-settings ul li {
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  min-height: 42px;
  padding: 0 15px;
  margin-top: 16px;
}
.popup-content-filter .md-dialog-content .column-settings ul li .title-columns {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #232323;
}
.popup-content-filter .md-dialog-content .column-settings ul li i {
  font-size: 20px;
}
.popup-content-filter .md-dialog-content .column-settings ul li:first-child {
  margin-top: 0;
}
.popup-content-filter .md-dialog-content .column-settings ul li .fa-arrows-alt:hover {
  cursor: move;
}
.popup-content-filter .md-dialog-content .column-settings table .initSortableColumns tr {
  border-radius: 8px;
  margin-bottom: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.popup-content-filter .md-dialog-content .column-settings table .initSortableColumns tr td.handle .fa-arrows-alt {
  font-size: 18px;
  color: #232323;
}
.popup-content-filter .md-dialog-content .column-settings table .initSortableColumns tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #232323;
  border-top: 0 !important;
}
.popup-content-filter .cus-container::-webkit-scrollbar {
  width: 12px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .cus-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .cus-container::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .cus-container:hover::-webkit-scrollbar {
  width: 12px;
}
.popup-content-filter .cus-container:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 8px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
.popup-content-filter .cus-container {
  max-height: 100%;
  height: 100%;
}
.popup-content-filter .cus-container h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
  margin-bottom: 4px;
}
.popup-content-filter .cus-container .form-group {
  margin-bottom: 12px;
}
.popup-content-filter .cus-container .form-group input {
  border-radius: 5px;
}
.popup-content-filter .cus-container .form-group input.boder-cus {
  border: 1px solid #838383;
  height: 32px !important;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
.popup-content-filter .cus-container .form-group.filter-line {
  padding-top: 8px;
  border-top: 1px solid #D9D9D9;
}
@media only screen and (max-width: 991.98px) {
  .popup-content-filter .cus-container .form-group.filter-line {
    margin-bottom: 10px;
  }
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-toggle {
  background-color: #FFF !important;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #838383;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-toggle span {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom {
  border-radius: 8px;
  max-height: 225px;
  padding: 8px 16px 0 16px !important;
  margin-top: 8px;
  overflow-y: overlay;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom.dropdown-not-scroll {
  max-height: none;
  overflow-y: hidden;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom:hover::-webkit-scrollbar {
  width: 8px;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom:hover::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-left: 4px rgba(0, 0, 0, 0) solid;
  background-clip: padding-box;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom .input-group {
  border: 1px solid #838383;
  border-radius: 4px;
  padding: 0 8px;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom .input-group input {
  font-family: "Hind";
  font-size: 14px;
  line-height: 20px;
  color: #838383;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom md-checkbox {
  height: 20px;
  margin-right: 0;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom md-checkbox .md-label {
  font-family: "Hind";
  font-size: 14px !important;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-menu-custom md-radio-group md-radio-button {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}
.popup-content-filter .cus-container .form-group .calendar-picker__wrapper {
  height: 32px;
  border: 1px solid #838383;
  border-radius: 5px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hind";
}
.popup-content-filter .cus-container .form-group .calendar-picker__wrapper input {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}
.popup-content-filter .cus-container .form-group md-radio-group .md-checked .md-label {
  font-weight: 600;
}
.popup-content-filter .cus-container .form-group md-radio-group md-radio-button .md-label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-top: 3px;
}
.popup-content-filter .cus-container .form-group md-checkbox.md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}
.popup-content-filter .cus-container .form-group .fa-times {
  font-size: 18px;
  font-weight: 500;
}
.popup-content-filter .cus-container .form-group h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 4px;
}
.popup-content-filter .cus-container .form-group label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #838383 !important;
  margin-bottom: 4px !important;
}
.popup-content-filter .footer-btn {
  height: 72px;
  position: absolute;
  bottom: 0px;
  right: 0;
  background: #FAFAFA;
  z-index: 999;
}
.popup-content-filter .footer-btn .btn-apply {
  height: 40px;
  font-family: "Hind";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  border-radius: 8px;
}
.popup-content-filter .footer-btn.footer-clinic-details-filter {
  height: auto;
  position: relative;
  padding: 0px;
}
@media only screen and (max-width: 991.98px) {
  .popup-content-filter {
    max-height: 87% !important;
    height: 87%;
  }
  .popup-content-filter.cus-height {
    max-height: 90% !important;
    height: 90% !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-content-filter {
    width: 100%;
    max-width: 100%;
    z-index: 99;
    height: auto;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #FFF;
    max-height: 100% !important;
  }
  .popup-content-filter .cus-container {
    height: 100%;
  }
  .popup-content-filter .cus-container::-webkit-scrollbar {
    width: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .popup-content-filter .cus-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .popup-content-filter .cus-container::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .popup-content-filter .cus-container:hover::-webkit-scrollbar {
    width: 0px;
  }
  .popup-content-filter .cus-container:hover::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    border-left: 0px rgba(0, 0, 0, 0) solid;
    background-clip: padding-box;
  }
  .popup-content-filter .cus-container h6 {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
  }
  .popup-content-filter .cus-container .form-group input {
    border-radius: 8px;
  }
  .popup-content-filter .cus-container .form-group input.boder-cus {
    height: 48px !important;
  }
  .popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-toggle {
    height: 48px;
    border-radius: 8px;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .popup-content-filter .cus-container .form-group .cus-container-dropdown .dropdown-toggle span {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .popup-content-filter .cus-container .form-group .calendar-picker__wrapper {
    height: 48px;
    border-radius: 8px;
  }
  .popup-content-filter .cus-container .form-group .calendar-picker__wrapper input {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .popup-content-filter .cus-container .form-group md-radio-group md-radio-button .md-label {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #232323;
    margin-top: 3px;
  }
  .popup-content-filter .cus-container .form-group h6 {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
  }
  .popup-content-filter .footer-btn {
    background: #FFF;
    position: absolute;
    height: 50px;
    bottom: 10px;
  }
  .popup-content-filter .footer-btn .btn-apply {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .popup-content-filter .footer-btn.footer-clinic-details-filter {
    height: auto;
    position: relative;
    bottom: 0;
  }
}
.popup-content-filter .content-checkbox .md-label {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
}
.popup-content-filter .disclaimer {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background-color: #FEC;
}
.popup-content-filter .disclaimer .normal-content {
  color: #232323;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.popup-content-filter.popup-active-report md-dialog-content .form-group md-checkbox.md-checked .md-label {
  margin-left: 26px;
}

#traveledDistanceReport .content-table {
  margin-top: 16px;
  max-height: calc(100vh - 350px) !important;
}
@media only screen and (max-width: 1024px) {
  #traveledDistanceReport .content-table {
    max-height: calc(100vh - 395px) !important;
  }
}
@media only screen and (max-width: 767.98px) {
  #traveledDistanceReport .content-table {
    max-height: calc(100vh - 325px) !important;
  }
}
@media only screen and (max-width: 991.98px) {
  #traveledDistanceReport .content-table .table-sticky {
    width: 1042px;
    max-width: 1042px;
  }
}
@media only screen and (max-width: 991.98px) {
  #traveledDistanceReport .content-table .table {
    width: 1042px;
    max-width: 1042px;
  }
}
#traveledDistanceReport .content-table .table .thead-two {
  border-radius: 8px !important;
  height: 48px;
}
#traveledDistanceReport .content-table .table .thead-two tr {
  border-top: 1px solid #f5f5f7 !important;
  border-bottom: 1px solid #f5f5f7 !important;
}
#traveledDistanceReport .content-table .table .thead-two tr:last-child {
  border-bottom: 0px solid #f5f5f7 !important;
}
#traveledDistanceReport .content-table .table .thead-two tr th {
  vertical-align: middle;
  font-weight: 400 !important;
  color: #232323;
  text-align: left;
  background: #FFFFFF;
}
#traveledDistanceReport .content-table #accordion .accordion-content h6 {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  #traveledDistanceReport .content-table #accordion .accordion-content {
    width: 1042px;
    max-width: 1042px;
  }
}
#traveledDistanceReport .content-table #accordion .accordion-content {
  margin-top: 10px;
}
#traveledDistanceReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-up {
  display: none;
}
#traveledDistanceReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=true] .fas.fa-angle-down {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#traveledDistanceReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-up {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
#traveledDistanceReport .content-table #accordion .accordion-content .title[data-toggle][data-target][aria-expanded=false] .fas.fa-angle-down {
  display: none;
}
#traveledDistanceReport .content-table #accordion .accordion-content {
  box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #F5F5F7 !important;
  padding: 0px;
}
#traveledDistanceReport .content-table #accordion .accordion-content .card-body {
  padding: 0 !important;
}
#traveledDistanceReport .content-table #accordion .accordion-content .card-body table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 8px;
}
#traveledDistanceReport .content-table #accordion .accordion-content .card-body table tbody tr:last-child th:last-child {
  border-bottom-right-radius: 8px;
}

#referralsNewReport .content-table .table-responsive .intl-tel-input .flag-dropdown .iti__flag {
  border-radius: 0 !important;
}
#referralsNewReport .content-table .table-responsive .fa-copy {
  color: var(--main-color) !important;
}
#referralsNewReport .content-table .table-responsive #accordion .accordion-content {
  background: #F5F6F8;
}
#referralsNewReport .content-table .table-responsive #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#referralsNewReport .content-table .table-responsive #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#referralsNewReport .content-table .table-responsive #accordion .accordion-content .card-body .thead-four .mw-175 {
  max-width: 175px;
}
#referralsNewReport .content-table .table-responsive #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
}
#referralsNewReport .content-table .table-responsive #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
}
#referralsNewReport .content-table .table-responsive #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 1775px) {
  #referralsNewReport .content-table .table-responsive #accordion .accordion-content {
    width: 1575px;
    max-width: 1575px;
  }
  #referralsNewReport .content-table .table-responsive #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1775px) {
  #referralsNewReport .content-table .table-sticky, #referralsNewReport .content-table .table {
    width: 1575px;
    max-width: 1575px;
  }
}

#activePatientReport .content-report-search .btn-search {
  flex-wrap: inherit;
  overflow-x: visible;
}
#activePatientReport .content-report-search .btn-search .export {
  width: 138px;
  max-width: 138px;
}
#activePatientReport .content-report-search .btn-search .export .dropdown-menu {
  border: 1px solid #838383;
  border-radius: 8px;
  padding: 5px 16px;
  font-family: "Nunito Sans";
  color: #000;
}
#activePatientReport .content-table .table-responsive table .intl-tel-input .flag-dropdown .iti__flag {
  border-radius: 0 !important;
}
#activePatientReport .content-table .table-responsive table .thead-one .main-header-table :first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
}
#activePatientReport .content-table .table-responsive table .thead-one .main-header-table :last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
}
#activePatientReport .content-table .table-responsive table .thead-one .main-header-table th {
  padding: 10px 8px !important;
  vertical-align: middle !important;
}
#activePatientReport .content-table .table-responsive table .thead-one .sub-table :first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 8px;
}
#activePatientReport .content-table .table-responsive table .thead-one .sub-table :last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
}
#activePatientReport .content-table .table-responsive table .thead-one .sub-table .sub-tilte {
  color: #838383;
  font-size: 12px;
  line-height: 28px;
}
#activePatientReport .content-table .table-responsive table .thead-one .sub-table th {
  background: #f5f5f7;
}
#activePatientReport .content-table .table-responsive table.table-separate .w-19 {
  width: 19%;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .action-collapsed[aria-expanded=true] .icon:before {
  content: "\f107" !important;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .action-collapsed[aria-expanded=false] .icon:before {
  content: "\f106" !important;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .spacer {
  height: 16px;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .tr-one, #activePatientReport .content-table .table-responsive table.table-separate tbody .tr-two {
  background: #FFF;
  box-shadow: 0px 2px 8px rgba(1, 18, 34, 0.1);
  border-radius: 8px !important;
  height: 48px;
  color: #232323;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .tr-one td, #activePatientReport .content-table .table-responsive table.table-separate tbody .tr-two td {
  font-weight: 600;
  vertical-align: middle !important;
  border-top: none !important;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .tr-one td:first-child, #activePatientReport .content-table .table-responsive table.table-separate tbody .tr-two td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .tr-one td:last-child, #activePatientReport .content-table .table-responsive table.table-separate tbody .tr-two td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .no-group td {
  font-weight: 400 !important;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody .table-sub tr td {
  padding: 12px 8px !important;
}
#activePatientReport .content-table .table-responsive table.table-separate tbody tr td {
  word-break: break-word;
}
@media only screen and (max-width: 1800px) {
  #activePatientReport .content-table .table-responsive .table-container, #activePatientReport .content-table .table-responsive .load-more {
    width: 1590px !important;
    max-width: 1590px;
  }
  #activePatientReport .content-table .table-responsive #accordion .accordion-content {
    width: 1590px;
    max-width: 1590px;
  }
}

@media only screen and (max-width: 1675px) {
  #payrollReport .content-table .table-responsive .table-sticky {
    width: 1525px;
    max-width: 1525px;
  }
}
#payrollReport .content-table .table .thead-one tr :first-child {
  text-align: left;
}
#payrollReport .content-table .table .thead-one tr th {
  color: #232323;
  text-align: right;
}
#payrollReport .content-table .table .thead-two tr :first-child {
  color: #232323;
  text-align: left;
}
#payrollReport .content-table .table .thead-two tr :first-child span {
  font-weight: 700;
}
#payrollReport .content-table .table .thead-two tr th {
  text-align: right;
}
#payrollReport .content-table .table .thead-three tr :first-child {
  color: #232323;
  text-align: left;
}
#payrollReport .content-table .table .thead-three tr th {
  text-align: right;
}
@media only screen and (max-width: 1675px) {
  #payrollReport .content-table .table {
    width: 1525px;
    max-width: 1525px;
  }
}
#payrollReport .content-table #accordion .accordion-content {
  background: #F5F6F8;
}
#payrollReport .content-table #accordion .accordion-content .card-body {
  padding: 8px 16px 16px !important;
}
#payrollReport .content-table #accordion .accordion-content .card-body .thead-four {
  border: none !important;
  border-radius: 8px !important;
}
#payrollReport .content-table #accordion .accordion-content .card-body .thead-four tr th:first-child {
  border-bottom-left-radius: 0;
}
#payrollReport .content-table #accordion .accordion-content .card-body .thead-four tr th:last-child {
  border-bottom-right-radius: 0;
}
#payrollReport .content-table #accordion .accordion-content .card-body .thead-four tr th {
  background: #FFFFFF;
  color: #232323;
  padding-top: 1rem !important;
}
@media only screen and (max-width: 1625px) {
  #payrollReport .content-table #accordion .accordion-content {
    width: 1525px;
    max-width: 1525px;
  }
  #payrollReport .content-table #accordion .accordion-content .table {
    width: 100%;
    max-width: 100%;
  }
}

.automation-rule-settings .container-claim-data-population-rules .btn-new-rule {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  border-radius: 8px;
  padding: 5px 16px;
}
.automation-rule-settings .container-claim-data-population-rules .container-table {
  border-radius: 8px;
  padding: 16px;
}
.automation-rule-settings .container-claim-data-population-rules .container-table .total-title {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #000;
}
.automation-rule-settings .container-claim-data-population-rules .container-table .table-responsive {
  border-radius: 8px;
  border: 1px solid #838383;
  margin-top: 20px;
}
@media only screen and (max-width: 991.98px) {
  .automation-rule-settings .container-claim-data-population-rules .container-table .table-responsive table {
    max-width: 1000px;
    width: 1000px;
  }
}
.automation-rule-settings .container-claim-data-population-rules .container-table .table-responsive table thead tr th {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  border-top: 0px !important;
}
.automation-rule-settings .container-claim-data-population-rules .container-table .table-responsive table tbody tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  border-bottom: 0px !important;
}
.automation-rule-settings .container-claim-data-population-rules .container-table .container-pagination {
  margin-top: 40px;
}

.status-active {
  font-weight: 700;
  color: #4AD3AB;
  background-color: rgba(74, 211, 171, 0.2);
  border-radius: 5px;
  padding: 2px 8px;
}

.status-archived {
  font-weight: 700;
  color: #FF7603;
  background-color: #ffe4cd;
  border-radius: 5px;
  padding: 2px 8px;
}

.claim-settings .container-claim-data-population-rules .btn-new-rule {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  border-radius: 8px;
  padding: 5px 16px;
  height: 32px !important;
}
.claim-settings .container-claim-data-population-rules .btn-new-rule .fa-plus {
  font-size: 11px;
  margin-bottom: 3px;
}
.claim-settings .container-claim-data-population-rules .container-table {
  border-radius: 8px;
  padding: 16px;
}
.claim-settings .container-claim-data-population-rules .container-table .total-title {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #000;
}
.claim-settings .container-claim-data-population-rules .container-table .table-responsive {
  border-radius: 8px;
  border: 1px solid #838383;
  margin-top: 20px;
}
.claim-settings .container-claim-data-population-rules .container-table .table-responsive table .mw-275 {
  max-width: 275px;
}
@media only screen and (max-width: 991.98px) {
  .claim-settings .container-claim-data-population-rules .container-table .table-responsive table {
    max-width: 1000px;
    width: 1000px;
  }
}
.claim-settings .container-claim-data-population-rules .container-table .table-responsive table thead tr th {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  border-top: 0px !important;
  padding: 14px 8px !important;
}
.claim-settings .container-claim-data-population-rules .container-table .table-responsive table tbody tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  border-bottom: 0px !important;
  padding: 14px 8px !important;
}
.claim-settings .container-claim-data-population-rules .container-table .container-pagination {
  margin-top: 40px;
}
.claim-settings__refering-provider .container-table .inline-icon {
  border: 1px solid #838383;
  border-radius: 5px;
  padding: 2px 8px;
}
.claim-settings__refering-provider .container-table .table-responsive table .w-15 {
  width: 15%;
}
.claim-settings__refering-provider .container-table .table-responsive table .w-12 {
  width: 12%;
}
.claim-settings__refering-provider .container-table .table-responsive table .w-10 {
  width: 10%;
}
.claim-settings__refering-provider .container-table .table-responsive table .w-8 {
  width: 8%;
}
.claim-settings__refering-provider .container-table .table-responsive table .w-7 {
  width: 7%;
}
.claim-settings__refering-provider .container-table .table-responsive table.clip-text tbody tr td span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.claim-settings__refering-provider .container-table .table-responsive table.wrap-text tbody tr td span {
  word-break: break-word;
}
@media only screen and (max-width: 1366px) {
  .claim-settings__refering-provider .container-table .table-responsive table {
    max-width: 1525px !important;
    width: 1525px !important;
  }
}

.status-active {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #4AD3AB;
  background-color: #dbf6ee;
  border-radius: 5px;
  padding: 2px 8px;
  text-align: center;
}

.status-scheduled {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #56CCF2;
  background-color: #ddf5fc;
  border-radius: 5px;
  padding: 2px 8px;
  text-align: center;
}

.status-archived {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #FF7603;
  background-color: #FFEECC;
  border-radius: 5px;
  padding: 2px 8px;
  text-align: center;
}

.status-expired {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #FD2D57;
  background-color: rgba(253, 45, 87, 0.2);
  border-radius: 5px;
  padding: 2px 8px;
  text-align: center;
}

#insuranceClaim .title-red,
#insuranceInvoice .title-red {
  color: #f5222d;
}
#insuranceClaim .title-green,
#insuranceInvoice .title-green {
  color: #389e0d;
}
#insuranceClaim .grip,
#insuranceInvoice .grip {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -5px;
  position: relative;
  z-index: 88;
  cursor: e-resize;
}
#insuranceClaim .grip:hover,
#insuranceInvoice .grip:hover {
  background-position: 20px 0px;
}
#insuranceClaim .dragging .grip,
#insuranceInvoice .dragging .grip {
  background-position: 40px 0px;
}
#insuranceClaim ::-webkit-scrollbar-thumb,
#insuranceInvoice ::-webkit-scrollbar-thumb {
  border-radius: 5px;
}
#insuranceClaim ::-webkit-scrollbar-track,
#insuranceInvoice ::-webkit-scrollbar-track {
  border-radius: 5px;
  margin: 5px;
}
#insuranceClaim #left-content,
#insuranceInvoice #left-content {
  padding: 16px;
}
#insuranceClaim #left-content .wrapper .quick-views .title,
#insuranceInvoice #left-content .wrapper .quick-views .title {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
#insuranceClaim #left-content .wrapper .quick-views .btn-pay-all, #insuranceClaim #left-content .wrapper .quick-views .btn-invoice,
#insuranceInvoice #left-content .wrapper .quick-views .btn-pay-all,
#insuranceInvoice #left-content .wrapper .quick-views .btn-invoice {
  background: var(--main-color);
  color: #FFF;
  border-radius: 8px;
  height: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-right: 8px;
  padding: 0 8px;
}
#insuranceClaim #left-content .wrapper .quick-views .btn-pay-all,
#insuranceInvoice #left-content .wrapper .quick-views .btn-pay-all {
  width: 72px;
}
#insuranceClaim #left-content .wrapper .quick-views .btn-invoice,
#insuranceInvoice #left-content .wrapper .quick-views .btn-invoice {
  width: 104px;
}
#insuranceClaim #left-content .wrapper .quick-views .btn-outline-main:hover a,
#insuranceInvoice #left-content .wrapper .quick-views .btn-outline-main:hover a {
  color: #FFF !important;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag {
  background: #838383;
  border-radius: 8px;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 8px 8px 0;
  padding: 0 8px;
  height: 28px;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag i,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag i {
  display: none;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag.active,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag.active {
  background: var(--main-color);
  color: #fff;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag.active .icon-time,
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag.active i,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag.active .icon-time,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag.active i {
  display: none;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag:hover,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag:hover {
  background: white;
  border: 1px solid var(--main-color);
  color: var(--main-color);
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag:hover .icon-time,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag:hover .icon-time {
  position: relative;
  background: var(--main-color);
  width: 16px;
  min-width: 16px !important;
  height: 16px;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag:hover .icon-time .fa-times,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag:hover .icon-time .fa-times {
  font-size: 12px;
  font-weight: 400;
  position: absolute;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag:hover i,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag:hover i {
  display: block;
}
#insuranceClaim #left-content .wrapper #container-tag .list-tag .tag:hover i.fa-pen,
#insuranceInvoice #left-content .wrapper #container-tag .list-tag .tag:hover i.fa-pen {
  font-weight: 600;
}
#insuranceClaim #left-content .wrapper .container-table,
#insuranceInvoice #left-content .wrapper .container-table {
  border-radius: 8px;
  padding: 16px;
}
#insuranceClaim #left-content .wrapper .container-table .total-title,
#insuranceInvoice #left-content .wrapper .container-table .total-title {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #000;
}
#insuranceClaim #left-content .wrapper .container-table .partial-paid,
#insuranceInvoice #left-content .wrapper .container-table .partial-paid {
  background: rgba(253, 45, 87, 0.2);
  border-radius: 5px;
  color: #FD2D57;
  font-weight: 700;
  padding: 2px 8px;
}
#insuranceClaim #left-content .wrapper .container-table .paid,
#insuranceInvoice #left-content .wrapper .container-table .paid {
  background: rgba(74, 211, 171, 0.2);
  border-radius: 5px;
  color: #4AD3AB;
  font-weight: 700;
  padding: 2px 8px;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive {
  border-radius: 8px;
  border: 1px solid #838383;
  margin-top: 20px;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table thead tr th,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table thead tr th {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 20px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  border-top: 0px !important;
  white-space: normal;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td {
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  word-break: break-word;
  color: #000;
  border: 1px solid #838383 !important;
  border-bottom: 0px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td md-checkbox,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td md-checkbox {
  margin-bottom: 0 !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span a,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span a {
  color: #0275d8;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.text-pay-full,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.text-pay-full {
  color: #389E0D;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.text-partial-paid,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.text-partial-paid {
  color: #F5222D;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.status-partial-paid,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.status-partial-paid {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #FD2D57;
  background-color: rgba(253, 45, 87, 0.2);
  border-radius: 5px;
  padding: 2px 8px;
  display: inherit !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.status-pay-full,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.status-pay-full {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #4AD3AB;
  background-color: rgba(74, 211, 171, 0.2);
  border-radius: 5px;
  padding: 2px 8px;
  display: inherit !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.status-voided,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.status-voided {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #838383;
  background-color: rgb(245, 245, 247);
  border-radius: 5px;
  padding: 2px 8px;
  display: inherit !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.claim-status-yellow,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.claim-status-yellow {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #E7A74C;
  background-color: rgba(231, 167, 76, 0.1);
  border-radius: 5px;
  padding: 2px 8px;
  display: inherit !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.claim-status-red,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.claim-status-red {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #FD2D57;
  background-color: rgba(253, 45, 87, 0.1);
  border-radius: 5px;
  padding: 2px 8px;
  display: inherit !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.claim-status-green,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.claim-status-green {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #4AD3AB;
  background-color: rgba(74, 211, 171, 0.1);
  border-radius: 5px;
  padding: 2px 8px;
  display: inherit !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table tbody tr td span.text-right,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table tbody tr td span.text-right {
  float: right;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table.clip-text thead tr th,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table.clip-text thead tr th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table.clip-text tbody tr td span,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table.clip-text tbody tr td span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table.wrap-text tbody tr td span,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table.wrap-text tbody tr td span {
  word-break: break-word;
  max-width: 275px;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table.wrap-text tbody tr td,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table.wrap-text tbody tr td {
  overflow: auto;
  text-overflow: inherit;
  white-space: normal;
}
@media screen and (min-width: 1024px) {
  #insuranceClaim #left-content .wrapper .container-table .table-responsive table tr > th:first-child, #insuranceClaim #left-content .wrapper .container-table .table-responsive table tr > td:first-child,
  #insuranceInvoice #left-content .wrapper .container-table .table-responsive table tr > th:first-child,
  #insuranceInvoice #left-content .wrapper .container-table .table-responsive table tr > td:first-child {
    border: none !important;
    position: sticky;
    left: 0;
    outline: 1px solid #838383 !important;
  }
  #insuranceClaim #left-content .wrapper .container-table .table-responsive table tr > td:first-child, #insuranceClaim #left-content .wrapper .container-table .table-responsive table tr > td:last-child,
  #insuranceInvoice #left-content .wrapper .container-table .table-responsive table tr > td:first-child,
  #insuranceInvoice #left-content .wrapper .container-table .table-responsive table tr > td:last-child {
    background-color: white;
  }
  #insuranceClaim #left-content .wrapper .container-table .table-responsive table tr > th:last-child, #insuranceClaim #left-content .wrapper .container-table .table-responsive table tr > td:last-child,
  #insuranceInvoice #left-content .wrapper .container-table .table-responsive table tr > th:last-child,
  #insuranceInvoice #left-content .wrapper .container-table .table-responsive table tr > td:last-child {
    border: none !important;
    position: sticky;
    right: 0;
    outline: 1px solid #838383 !important;
  }
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table#claim-list tbody tr td.actions,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table#claim-list tbody tr td.actions {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#insuranceClaim #left-content .wrapper .container-table .table-responsive table#claim-list tbody tr td.actions i,
#insuranceInvoice #left-content .wrapper .container-table .table-responsive table#claim-list tbody tr td.actions i {
  padding: 5px 8px !important;
}
#insuranceClaim #left-content .wrapper .container-table .container-pagination,
#insuranceInvoice #left-content .wrapper .container-table .container-pagination {
  margin-top: 20px;
}
#insuranceClaim .transition,
#insuranceInvoice .transition {
  transition-duration: 0.5s !important;
  -moz-transition-duration: 0.5s !important;
  -webkit-transition-duration: 0.5s !important;
  -o-transition-duration: 0.5s !important;
  -ms-transition-duration: 0.5s !important;
}
#insuranceClaim #right-filter-panel:not(:hover),
#insuranceInvoice #right-filter-panel:not(:hover) {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
#insuranceClaim #right-filter-panel:hover,
#insuranceInvoice #right-filter-panel:hover {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
#insuranceClaim #right-filter-panel,
#insuranceInvoice #right-filter-panel {
  padding: 0;
  background: #fff;
  height: 81%;
  max-height: calc(100vh - 190px);
  width: 460px;
  position: fixed;
  z-index: 998;
  top: 112px;
  right: 0;
  box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.1);
}
#insuranceClaim #right-filter-panel .action-panel,
#insuranceInvoice #right-filter-panel .action-panel {
  border-radius: 5px;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  position: absolute;
  left: -14px;
  top: 50px;
  z-index: 999;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
#insuranceClaim #right-filter-panel .action-panel .number-filter,
#insuranceInvoice #right-filter-panel .action-panel .number-filter {
  width: 20px;
  height: 20px;
  color: #FFF;
  background: #F5222D;
  position: absolute;
  left: 15px;
  top: -10px;
  font-size: 14px;
  border-radius: 50%;
}
#insuranceClaim #right-filter-panel .title-columns,
#insuranceInvoice #right-filter-panel .title-columns {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #232323;
}
#insuranceClaim #right-filter-panel .header,
#insuranceInvoice #right-filter-panel .header {
  height: 48px;
  min-height: 48px;
  background: white;
  display: flex;
  align-items: center;
  color: var(--main-color);
}
#insuranceClaim #right-filter-panel .header .header-left,
#insuranceInvoice #right-filter-panel .header .header-left {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}
#insuranceClaim #right-filter-panel .header .header-center,
#insuranceInvoice #right-filter-panel .header .header-center {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
  text-transform: uppercase;
}
#insuranceClaim #right-filter-panel .header .header-center span,
#insuranceInvoice #right-filter-panel .header .header-center span {
  font-size: 12px;
  color: #838383;
}
#insuranceClaim #right-filter-panel .header .header-right i,
#insuranceInvoice #right-filter-panel .header .header-right i {
  font-size: 16px;
  color: #232323;
}
#insuranceClaim #right-filter-panel .header .header-right i.fa-save, #insuranceClaim #right-filter-panel .header .header-right i.fa-sync-alt,
#insuranceInvoice #right-filter-panel .header .header-right i.fa-save,
#insuranceInvoice #right-filter-panel .header .header-right i.fa-sync-alt {
  margin-right: 12px;
  color: var(--main-color);
}
#insuranceClaim #right-filter-panel .container-tab,
#insuranceInvoice #right-filter-panel .container-tab {
  margin-top: 20px;
  margin-bottom: 20px;
}
#insuranceClaim #right-filter-panel .container-tab .nav-tabs--strong-style,
#insuranceInvoice #right-filter-panel .container-tab .nav-tabs--strong-style {
  width: 100% !important;
  flex-direction: row;
  background: #f0f2f9;
  border-radius: 100px;
  box-shadow: inset 0px 0px 0px #e3e3e3;
  padding: 2px 3px !important;
  height: 36px !important;
}
#insuranceClaim #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item,
#insuranceInvoice #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item {
  padding: 0px;
  cursor: pointer;
  width: 50% !important;
  border-radius: 100px;
  height: 34px !important;
}
#insuranceClaim #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item .nav-link,
#insuranceInvoice #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item .nav-link {
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: flex;
  align-items: center;
  color: #595959 !important;
  cursor: pointer;
  background-color: #f0f2f9;
  border-radius: 100px;
  justify-content: center;
  padding: 0px 5px;
  height: 32px;
  transition: none;
}
#insuranceClaim #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item.active,
#insuranceInvoice #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item.active {
  border-left: none;
  background-color: #fff;
  color: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}
#insuranceClaim #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item.active .nav-link,
#insuranceInvoice #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item.active .nav-link {
  background: #fff;
  color: var(--main-color) !important;
}
#insuranceClaim #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item:not(.active):hover,
#insuranceInvoice #right-filter-panel .container-tab .nav-tabs--strong-style .nav-item:not(.active):hover {
  opacity: 0.7;
}
#insuranceClaim #right-filter-panel .filter-settings .title-columns,
#insuranceInvoice #right-filter-panel .filter-settings .title-columns {
  text-transform: capitalize;
}
@media screen and (min-width: 1200px) {
  #insuranceClaim #right-filter-panel .filter-settings .cus-pr-11,
  #insuranceInvoice #right-filter-panel .filter-settings .cus-pr-11 {
    padding-right: 11px;
  }
}
#insuranceClaim #right-filter-panel .filter-settings .row .col-12 i,
#insuranceInvoice #right-filter-panel .filter-settings .row .col-12 i {
  font-size: 17px;
  margin-right: 8px;
}
#insuranceClaim #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte .row,
#insuranceInvoice #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte .row {
  display: block !important;
  padding-left: 15px;
  padding-right: 15px;
}
#insuranceClaim #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte .row h6,
#insuranceInvoice #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte .row h6 {
  margin-bottom: 0 !important;
}
#insuranceClaim #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container,
#insuranceInvoice #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container {
  margin-right: 0;
}
#insuranceClaim #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container input,
#insuranceInvoice #right-filter-panel .filter-settings .row .col-12 multiple-select-with-search-pte md-chips md-chips-wrap .md-chip-input-container input {
  min-height: 32px !important;
  border-bottom: 1px solid #838383 !important;
}
#insuranceClaim #right-filter-panel .filter-settings .calendar-picker__wrapper.input-group,
#insuranceInvoice #right-filter-panel .filter-settings .calendar-picker__wrapper.input-group {
  max-width: 100%;
  max-height: 32px;
  border-radius: 5px;
}
#insuranceClaim #right-filter-panel .filter-settings .calendar-picker__wrapper input,
#insuranceInvoice #right-filter-panel .filter-settings .calendar-picker__wrapper input {
  padding: 0.25rem !important;
}
#insuranceClaim #right-filter-panel .filter-settings .calendar-picker__wrapper .input-group-addon,
#insuranceInvoice #right-filter-panel .filter-settings .calendar-picker__wrapper .input-group-addon {
  padding: 8px 0;
}
#insuranceClaim #right-filter-panel .filter-settings dropdown-list-pte md-menu .btn-secondary, #insuranceClaim #right-filter-panel .filter-settings dropdown-list-multiple-pte md-menu .btn-secondary,
#insuranceInvoice #right-filter-panel .filter-settings dropdown-list-pte md-menu .btn-secondary,
#insuranceInvoice #right-filter-panel .filter-settings dropdown-list-multiple-pte md-menu .btn-secondary {
  margin-top: 32px;
  min-height: 32px;
  border: 1px solid #838383;
  border-radius: 5px;
}
#insuranceClaim #right-filter-panel .column-settings ul li,
#insuranceInvoice #right-filter-panel .column-settings ul li {
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  min-height: 42px;
  padding: 0 15px;
  margin-top: 16px;
}
#insuranceClaim #right-filter-panel .column-settings ul li i,
#insuranceInvoice #right-filter-panel .column-settings ul li i {
  font-size: 20px;
}
#insuranceClaim #right-filter-panel .column-settings ul li:first-child,
#insuranceInvoice #right-filter-panel .column-settings ul li:first-child {
  margin-top: 0;
}
#insuranceClaim #right-filter-panel .column-settings ul li i, #insuranceClaim #right-filter-panel .column-settings ul li img:hover,
#insuranceInvoice #right-filter-panel .column-settings ul li i,
#insuranceInvoice #right-filter-panel .column-settings ul li img:hover {
  cursor: move;
}
#insuranceClaim #right-filter-panel .column-settings ul li i.fa-minus-circle, #insuranceClaim #right-filter-panel .column-settings ul li img:hover.fa-minus-circle,
#insuranceInvoice #right-filter-panel .column-settings ul li i.fa-minus-circle,
#insuranceInvoice #right-filter-panel .column-settings ul li img:hover.fa-minus-circle {
  cursor: pointer;
}
#insuranceClaim #right-filter-panel input,
#insuranceInvoice #right-filter-panel input {
  background: #fff;
  max-height: 32px;
  border: 1px solid #838383;
  border-radius: 5px;
  font-family: "Hind" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323;
}
#insuranceClaim #right-filter-panel button,
#insuranceInvoice #right-filter-panel button {
  max-height: 32px;
  padding: 6px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  display: flex;
  align-items: center;
  justify-content: center;
}
#insuranceClaim #right-filter-panel button.btn-save,
#insuranceInvoice #right-filter-panel button.btn-save {
  border: 1px solid var(--main-color);
  color: var(--main-color);
  background: #fff;
  border-radius: 8px;
}
#insuranceClaim #right-filter-panel button.btn-delete,
#insuranceInvoice #right-filter-panel button.btn-delete {
  border: 1px solid #f5222d;
  color: #f5222d;
  background: #fff;
  border-radius: 8px;
}
#insuranceClaim #right-filter-panel button.btn-main,
#insuranceInvoice #right-filter-panel button.btn-main {
  border-radius: 8px;
}
@media screen and (max-width: 1199.98px) {
  #insuranceClaim #right-filter-panel,
  #insuranceInvoice #right-filter-panel {
    min-width: 100%;
    min-height: calc(100% - 65px);
    width: 100%;
    top: 67px;
    z-index: 999;
  }
  #insuranceClaim #left-content,
  #insuranceInvoice #left-content {
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 767.98px) {
  #insuranceClaim #left-content .wrapper .container-table,
  #insuranceInvoice #left-content .wrapper .container-table {
    padding: 0;
  }
  #insuranceClaim #right-filter-panel,
  #insuranceInvoice #right-filter-panel {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    top: 0;
    padding: 0;
  }
  #insuranceClaim #right-filter-panel .header,
  #insuranceInvoice #right-filter-panel .header {
    background: var(--main-color);
    color: #FFF;
  }
  #insuranceClaim #right-filter-panel .header .header-left i,
  #insuranceInvoice #right-filter-panel .header .header-left i {
    color: #FFF;
  }
  #insuranceClaim #right-filter-panel .header .header-center,
  #insuranceInvoice #right-filter-panel .header .header-center {
    color: #FFF;
  }
  #insuranceClaim #right-filter-panel .header .header-right i,
  #insuranceInvoice #right-filter-panel .header .header-right i {
    color: #FFF;
  }
  #insuranceClaim #right-filter-panel .header .header-right i.fa-save, #insuranceClaim #right-filter-panel .header .header-right i.fa-sync-alt,
  #insuranceInvoice #right-filter-panel .header .header-right i.fa-save,
  #insuranceInvoice #right-filter-panel .header .header-right i.fa-sync-alt {
    color: #FFF;
  }
  #insuranceClaim #right-filter-panel .filter-settings .calendar-picker__wrapper input,
  #insuranceInvoice #right-filter-panel .filter-settings .calendar-picker__wrapper input {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #insuranceClaim #right-filter-panel .container-tab,
  #insuranceInvoice #right-filter-panel .container-tab {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

#TasksManagement .task-actions .title {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
#TasksManagement .task-actions .btn {
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 14px;
  max-height: 32px;
  line-height: 1;
}
#TasksManagement .task-actions .btn-quickview {
  background-color: gray;
  color: white;
}
#TasksManagement .task-actions .btn-quickview.active, #TasksManagement .task-actions .btn-quickview:hover {
  background-color: var(--main-color);
}
#TasksManagement .left-content {
  padding: 16px;
  transition: width 400ms ease-in-out;
}
#TasksManagement .left-content .wrapper .container-table {
  border-radius: 8px;
  padding: 16px;
}
#TasksManagement .left-content .container-table .rtc-wrapper {
  overflow-y: hidden;
}
#TasksManagement .left-content .total-title {
  color: black;
}
#TasksManagement .left-content .open, #TasksManagement .left-content .resolve {
  display: inline-block !important;
}
@media screen and (min-width: 1200px) {
  #TasksManagement .left-content {
    width: calc(100% - 16px) !important;
  }
  #TasksManagement .left-content:has(+ .right-filter-panel.open) {
    width: calc(100% - 456px) !important;
  }
}
#TasksManagement .right-filter-panel {
  padding: 0;
  background: #fff;
  position: fixed;
  z-index: 998;
  right: 0;
  top: 65px;
  box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: auto;
  max-width: 100% !important;
  min-width: 20px;
}
#TasksManagement .right-filter-panel.open {
  min-width: 460px;
  width: 460px;
}
#TasksManagement .right-filter-panel.open .content-panel-right {
  width: 460px;
  transition: unset;
}
#TasksManagement .right-filter-panel.open .content-panel-right > div {
  visibility: visible;
}
#TasksManagement .right-filter-panel .content-panel-right {
  width: 20px;
  display: flex;
  flex-direction: column;
  transition: all 300ms;
}
#TasksManagement .right-filter-panel .content-panel-right > div {
  visibility: hidden;
}
#TasksManagement .right-filter-panel .content-panel-right > div:first-child {
  height: 48px;
}
#TasksManagement .right-filter-panel .content-panel-right > div:last-child {
  height: 210px;
}
#TasksManagement .right-filter-panel .content-panel-right .filter-settings {
  overflow: auto;
  height: auto;
  flex: 1;
}
#TasksManagement .right-filter-panel .content-panel-right .pr-22 {
  padding-right: 22px !important;
}
@media screen and (max-width: 767.98px) {
  #TasksManagement .right-filter-panel .content-panel-right .pr-22 {
    padding-right: 15px !important;
  }
}
#TasksManagement .right-filter-panel md-contact-chips md-chips md-chips-wrap .md-chip-input-container {
  margin-right: 0 !important;
}
#TasksManagement .right-filter-panel md-contact-chips md-chips md-chips-wrap .md-chip-input-container md-autocomplete-wrap input {
  border: 1px solid #838383 !important;
  min-height: 32px !important;
}
#TasksManagement .right-filter-panel .action-panel {
  left: -30px;
  top: 75px;
  z-index: 999;
  position: absolute;
  width: 50px;
  height: 50px;
}
#TasksManagement .right-filter-panel .action-panel .action-panel-inner {
  border-radius: 5px;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
#TasksManagement .right-filter-panel .action-panel .number-filter {
  width: 20px;
  height: 20px;
  color: #FFF;
  background: #F5222D;
  position: absolute;
  left: 25px;
  top: 5px;
  font-size: 14px;
  border-radius: 50%;
}
#TasksManagement .right-filter-panel .title-columns {
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #232323;
  margin-bottom: 4px;
}
#TasksManagement .right-filter-panel .header {
  height: 48px;
  min-height: 48px;
  background: white;
  display: flex;
  align-items: center;
  color: var(--main-color);
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
#TasksManagement .right-filter-panel .header .header-left {
  color: #232323;
}
#TasksManagement .right-filter-panel .header .header-center {
  color: #232323;
  text-transform: uppercase;
}
#TasksManagement .right-filter-panel .header .header-center span {
  font-size: 12px;
  color: #838383;
}
#TasksManagement .right-filter-panel .header .header-right i {
  font-size: 16px;
  color: #232323;
}
#TasksManagement .right-filter-panel .header .header-right i.fa-sync-alt {
  color: var(--main-color);
}
#TasksManagement .right-filter-panel .row .col-12 .form-group dropdown-list-multiple-pte .modifier-search__wrapper {
  height: 34px;
}
#TasksManagement .right-filter-panel .row .col-12 .form-group dropdown-list-multiple-pte .modifier-search__wrapper .btn-secondary {
  margin-top: 0 !important;
}
#TasksManagement .right-filter-panel .row .col-12 i {
  font-size: 17px;
  margin-right: 8px;
}
#TasksManagement .right-filter-panel .calendar-picker__wrapper.input-group {
  max-width: 100%;
  max-height: 32px;
  border-radius: 5px;
}
#TasksManagement .right-filter-panel .calendar-picker__wrapper input {
  padding: 0.25rem !important;
}
#TasksManagement .right-filter-panel .calendar-picker__wrapper .input-group-addon {
  padding: 8px 0;
}
#TasksManagement .right-filter-panel dropdown-list-pte md-menu .btn-secondary, #TasksManagement .right-filter-panel dropdown-list-multiple-pte md-menu .btn-secondary {
  margin-top: 32px;
  min-height: 32px;
  border: 1px solid #838383;
  border-radius: 5px;
}
#TasksManagement .right-filter-panel input {
  background: #fff;
  max-height: 32px;
  border-radius: 5px;
  font-weight: 400;
  font-family: "Hind" !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #232323;
}
#TasksManagement .right-filter-panel button {
  max-height: 32px;
  padding: 6px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  display: flex;
  align-items: center;
  justify-content: center;
}
#TasksManagement .right-filter-panel button.btn-main {
  border-radius: 8px;
}
#TasksManagement .toggle-filter-mobile {
  display: none;
}
@media screen and (max-width: 1199.98px) {
  #TasksManagement .toggle-filter-mobile {
    display: flex;
  }
  #TasksManagement .right-filter-panel {
    width: 0;
    min-width: 0;
  }
  #TasksManagement .right-filter-panel.open {
    min-width: 100%;
    min-height: calc(100% - 65px);
    width: 100%;
    top: 67px;
    z-index: 999;
  }
  #TasksManagement .right-filter-panel.open .content-panel-right {
    width: 100%;
  }
  #TasksManagement .right-filter-panel.open .content-panel-right > div:last-child {
    height: 140px;
  }
  #TasksManagement .left-content {
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 767.98px) {
  #TasksManagement .left-content {
    background: white;
  }
  #TasksManagement .right-filter-panel.open {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    top: 0;
    padding: 0;
  }
  #TasksManagement .right-filter-panel.open .content-panel-right > div:last-child {
    height: 75px;
  }
  #TasksManagement .right-filter-panel.open .header {
    height: 65px;
    background: var(--main-color);
    color: #FFF;
  }
  #TasksManagement .right-filter-panel.open .header .header-left i {
    color: #FFF;
  }
  #TasksManagement .right-filter-panel.open .header .header-center {
    color: #FFF;
  }
  #TasksManagement .right-filter-panel.open .header .header-right i {
    color: #FFF;
  }
  #TasksManagement .right-filter-panel.open .header .header-right i.fa-save, #TasksManagement .right-filter-panel.open .header .header-right i.fa-sync-alt {
    color: #FFF;
  }
  #TasksManagement .right-filter-panel.open .calendar-picker__wrapper input {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

#TaskManagementForm input:disabled, #TaskManagementForm button:disabled, #TaskManagementForm select:disabled,
#TaskManagementForm .ckTextbox[disabled] {
  background-color: #eceeef;
  opacity: 1;
}
#TaskManagementForm .form-group md-select.custom-form-control md-select-value {
  padding: 3px 0 3px 8px !important;
  color: black;
}
#TaskManagementForm .form-group md-select.custom-form-control md-select-value .md-select-icon {
  color: black;
}
#TaskManagementForm dropdown-list-pte, #TaskManagementForm dropdown-list-multiple-pte {
  width: 100%;
}
#TaskManagementForm dropdown-list-pte .modifier-search__wrapper, #TaskManagementForm dropdown-list-multiple-pte .modifier-search__wrapper {
  height: auto;
}
#TaskManagementForm dropdown-list-pte .modifier-search__wrapper .button-dropdown-toggle, #TaskManagementForm dropdown-list-multiple-pte .modifier-search__wrapper .button-dropdown-toggle {
  height: 32px;
  margin-top: 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 5px 10px;
  border: 1px solid #838383;
  border-radius: 5px;
  overflow: hidden;
}
#TaskManagementForm .cus-ck-textbox .ckTextbox-toolBar {
  background-color: transparent;
  border: none;
}
#TaskManagementForm .cus-ck-textbox .ckTextbox {
  border: 1px solid rgb(131, 131, 131) !important;
  border-radius: 8px;
  min-height: 100px;
}
#TaskManagementForm .calendar-picker__wrapper {
  max-width: 100% !important;
}
@media screen and (max-width: 767.98px) {
  #TaskManagementForm .md-dialog-actions button:first-child:not(:last-child) {
    border: 1px solid rgb(131, 131, 131);
    background-color: white;
  }
}

.task-select md-select-menu md-content {
  min-width: auto;
}

.contentSingleDropdownBox md-checkbox .md-label {
  white-space: nowrap;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #232323;
  font-family: "Hind";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.contentSingleDropdownBox md-checkbox.md-checked .md-label {
  color: #232323 !important;
  font-weight: 600 !important;
}

.content-multiple-dropdown-box div.list-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
/*# sourceMappingURL=mainATP.css.map */