:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@charset "UTF-8";
/*Vendors*/
/*Jqvmap*/
.jqvmap-label,
.jqvmap-pin {
  pointer-events: none;
}

.jqvmap-label {
  position: absolute;
  display: none;
  border-radius: 3px;
  background: #292929;
  color: #fff;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #000;
  padding: 3px;
  color: #fff;
  width: 10px;
  height: 10px;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
}

.jqvmap-zoomin {
  top: 10px;
}

.jqvmap-zoomout {
  top: 30px;
}

.jqvmap-region {
  cursor: pointer;
}

.jqvmap-ajax_response {
  width: 100%;
  height: 500px;
}

/*SummerNote*/
[class*=" note-icon-"]:before,
[class^=note-icon-]:before {
  display: inline-block;
  font: normal normal normal 14px summernote;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
  speak: none;
  -moz-osx-font-smoothing: grayscale;
}

.note-icon-align-center:before,
.note-icon-align-indent:before,
.note-icon-align-justify:before,
.note-icon-align-left:before,
.note-icon-align-outdent:before,
.note-icon-align-right:before,
.note-icon-align:before,
.note-icon-arrow-circle-down:before,
.note-icon-arrow-circle-left:before,
.note-icon-arrow-circle-right:before,
.note-icon-arrow-circle-up:before,
.note-icon-arrows-alt:before,
.note-icon-arrows-h:before,
.note-icon-arrows-v:before,
.note-icon-bold:before,
.note-icon-caret:before,
.note-icon-chain-broken:before,
.note-icon-circle:before,
.note-icon-close:before,
.note-icon-code:before,
.note-icon-col-after:before,
.note-icon-col-before:before,
.note-icon-col-remove:before,
.note-icon-eraser:before,
.note-icon-font:before,
.note-icon-frame:before,
.note-icon-italic:before,
.note-icon-link:before,
.note-icon-magic:before,
.note-icon-menu-check:before,
.note-icon-minus:before,
.note-icon-orderedlist:before,
.note-icon-pencil:before,
.note-icon-picture:before,
.note-icon-question:before,
.note-icon-redo:before,
.note-icon-row-above:before,
.note-icon-row-below:before,
.note-icon-row-remove:before,
.note-icon-special-character:before,
.note-icon-square:before,
.note-icon-strikethrough:before,
.note-icon-subscript:before,
.note-icon-summernote:before,
.note-icon-superscript:before,
.note-icon-table:before,
.note-icon-text-height:before,
.note-icon-trash:before,
.note-icon-underline:before,
.note-icon-undo:before,
.note-icon-unorderedlist:before,
.note-icon-video:before {
  display: inline-block;
  font-family: summernote;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
}

.note-icon-align-center:before {
  content: "\f101";
}

.note-icon-align-indent:before {
  content: "\f102";
}

.note-icon-align-justify:before {
  content: "\f103";
}

.note-icon-align-left:before {
  content: "\f104";
}

.note-icon-align-outdent:before {
  content: "\f105";
}

.note-icon-align-right:before {
  content: "\f106";
}

.note-icon-align:before {
  content: "\f107";
}

.note-icon-arrow-circle-down:before {
  content: "\f108";
}

.note-icon-arrow-circle-left:before {
  content: "\f109";
}

.note-icon-arrow-circle-right:before {
  content: "\f10a";
}

.note-icon-arrow-circle-up:before {
  content: "\f10b";
}

.note-icon-arrows-alt:before {
  content: "\f10c";
}

.note-icon-arrows-h:before {
  content: "\f10d";
}

.note-icon-arrows-v:before {
  content: "\f10e";
}

.note-icon-bold:before {
  content: "\f10f";
}

.note-icon-caret:before {
  content: "\f110";
}

.note-icon-chain-broken:before {
  content: "\f111";
}

.note-icon-circle:before {
  content: "\f112";
}

.note-icon-close:before {
  content: "\f113";
}

.note-icon-code:before {
  content: "\f114";
}

.note-icon-col-after:before {
  content: "\f115";
}

.note-icon-col-before:before {
  content: "\f116";
}

.note-icon-col-remove:before {
  content: "\f117";
}

.note-icon-eraser:before {
  content: "\f118";
}

.note-icon-font:before {
  content: "\f119";
}

.note-icon-frame:before {
  content: "\f11a";
}

.note-icon-italic:before {
  content: "\f11b";
}

.note-icon-link:before {
  content: "\f11c";
}

.note-icon-magic:before {
  content: "\f11d";
}

.note-icon-menu-check:before {
  content: "\f11e";
}

.note-icon-minus:before {
  content: "\f11f";
}

.note-icon-orderedlist:before {
  content: "\f120";
}

.note-icon-pencil:before {
  content: "\f121";
}

.note-icon-picture:before {
  content: "\f122";
}

.note-icon-question:before {
  content: "\f123";
}

.note-icon-redo:before {
  content: "\f124";
}

.note-icon-row-above:before {
  content: "\f125";
}

.note-icon-row-below:before {
  content: "\f126";
}

.note-icon-row-remove:before {
  content: "\f127";
}

.note-icon-special-character:before {
  content: "\f128";
}

.note-icon-square:before {
  content: "\f129";
}

.note-icon-strikethrough:before {
  content: "\f12a";
}

.note-icon-subscript:before {
  content: "\f12b";
}

.note-icon-summernote:before {
  content: "\f12c";
}

.note-icon-superscript:before {
  content: "\f12d";
}

.note-icon-table:before {
  content: "\f12e";
}

.note-icon-text-height:before {
  content: "\f12f";
}

.note-icon-trash:before {
  content: "\f130";
}

.note-icon-underline:before {
  content: "\f131";
}

.note-icon-undo:before {
  content: "\f132";
}

.note-icon-unorderedlist:before {
  content: "\f133";
}

.note-icon-video:before {
  content: "\f134";
}

.note-editor {
  position: relative;
}

.note-editor .note-dropzone {
  position: absolute;
  z-index: 100;
  display: none;
  color: #87cefa;
  background-color: #fff;
  opacity: 0.95;
}

.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

.note-editor .note-dropzone.hover {
  color: #098ddf;
}

.note-editor.dragover .note-dropzone {
  display: table;
}

.note-editor.note-frame.codeview .note-editing-area .note-editable,
.note-editor.note-frame.fullscreen .note-resizebar,
.note-popover.popover {
  display: none;
}

.note-editor .note-editing-area {
  position: relative;
}

.note-editor .note-editing-area .note-editable {
  outline: 0;
}

.note-editor .note-editing-area .note-editable sup {
  vertical-align: super;
}

.note-editor .note-editing-area .note-editable sub {
  vertical-align: sub;
}

.note-editor .note-editing-area img.note-float-left {
  margin-right: 10px;
}

.note-editor .note-editing-area img.note-float-right {
  margin-left: 10px;
}

.note-editor.note-frame {
  border: 1px solid #a9a9a9;
}

.note-editor.note-frame.codeview .note-editing-area .note-codable {
  display: block;
}

.note-editor.note-frame .note-editing-area {
  overflow: hidden;
}

.note-editor.note-frame .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  color: #000;
  word-wrap: break-word;
  background-color: #fff;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
  background-color: #e5e5e5;
}

.note-editor.note-frame .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  margin-bottom: 0;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
}

.note-editor.note-frame.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100% !important;
}

.note-editor.note-frame.fullscreen .note-editable {
  background-color: #fff;
}

.note-editor.note-frame .note-statusbar {
  background-color: #f5f5f5;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.note-editor.note-frame .note-statusbar .note-resizebar {
  width: 100%;
  height: 8px;
  padding-top: 1px;
  cursor: ns-resize;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
  width: 20px;
  margin: 1px auto;
  border-top: 1px solid #a9a9a9;
}

.note-editor.note-frame .note-placeholder {
  padding: 10px;
}

.note-popover.popover {
  max-width: none;
}

.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.note-popover.popover .arrow {
  left: 20px !important;
}

.note-toolbar {
  position: relative;
  z-index: 500;
}

.card-header.note-toolbar,
.note-popover .popover-content {
  padding: 0 0 5px 5px;
  margin: 0;
}

.card-header.note-toolbar > .btn-group,
.note-popover .popover-content > .btn-group {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 0;
}

.card-header.note-toolbar .btn-group .note-table,
.note-popover .popover-content .btn-group .note-table {
  min-width: 0;
  padding: 5px;
}

.card-header.note-toolbar .btn-group .note-table .note-dimension-picker,
.note-popover .popover-content .btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}

.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  position: absolute !important;
  z-index: 3;
  width: 10em;
  height: 10em;
  cursor: pointer;
}

.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  position: relative !important;
  z-index: 1;
  width: 5em;
  height: 5em;
  background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC");
}

.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  position: absolute !important;
  z-index: 2;
  width: 1em;
  height: 1em;
  background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC");
}

.note-handle .note-control-selection > div,
.note-placeholder {
  position: absolute;
}

.card-header.note-toolbar .note-style .dropdown-style blockquote,
.card-header.note-toolbar .note-style .dropdown-style pre,
.note-popover .popover-content .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre {
  padding: 5px 10px;
  margin: 0;
}

.card-header.note-toolbar .note-style .dropdown-style h1,
.card-header.note-toolbar .note-style .dropdown-style h2,
.card-header.note-toolbar .note-style .dropdown-style h3,
.card-header.note-toolbar .note-style .dropdown-style h4,
.card-header.note-toolbar .note-style .dropdown-style h5,
.card-header.note-toolbar .note-style .dropdown-style h6,
.card-header.note-toolbar .note-style .dropdown-style p,
.note-popover .popover-content .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p {
  padding: 0;
  margin: 0;
}

.card-header.note-toolbar .note-color .dropdown-toggle,
.note-popover .popover-content .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px;
}

.card-header.note-toolbar .note-color .dropdown-menu,
.note-popover .popover-content .note-color .dropdown-menu {
  min-width: 337px;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette,
.note-popover .popover-content .note-color .dropdown-menu .note-palette {
  display: inline-block;
  width: 160px;
  margin: 0;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child,
.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child {
  margin: 0 5px;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title,
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title {
  margin: 2px 7px;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset {
  width: 100%;
  padding: 0 3px;
  margin: 3px;
  font-size: 11px;
  cursor: pointer;
  border-radius: 5px;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row,
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row {
  height: 20px;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover,
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover {
  background: #eee;
}

.card-header.note-toolbar .note-para .dropdown-menu,
.note-popover .popover-content .note-para .dropdown-menu {
  min-width: 216px;
  padding: 5px;
}

.card-header.note-toolbar .note-para .dropdown-menu > div:first-child,
.note-popover .popover-content .note-para .dropdown-menu > div:first-child {
  margin-right: 5px;
}

.card-header.note-toolbar .dropdown-menu,
.note-popover .popover-content .dropdown-menu {
  min-width: 90px;
}

.card-header.note-toolbar .dropdown-menu.right,
.note-popover .popover-content .dropdown-menu.right {
  right: 0;
  left: auto;
}

.card-header.note-toolbar .dropdown-menu.right::before,
.note-popover .popover-content .dropdown-menu.right::before {
  right: 9px;
  left: auto !important;
}

.card-header.note-toolbar .dropdown-menu.right::after,
.note-popover .popover-content .dropdown-menu.right::after {
  right: 10px;
  left: auto !important;
}

.card-header.note-toolbar .dropdown-menu.note-check a i,
.note-popover .popover-content .dropdown-menu.note-check a i {
  color: #00bfff;
  visibility: hidden;
}

.card-header.note-toolbar .dropdown-menu.note-check a.checked i,
.note-popover .popover-content .dropdown-menu.note-check a.checked i {
  visibility: visible;
}

.card-header.note-toolbar .note-fontsize-10,
.note-popover .popover-content .note-fontsize-10 {
  font-size: 10px;
}

.card-header.note-toolbar .note-color-palette,
.note-popover .popover-content .note-color-palette {
  line-height: 1;
}

.card-header.note-toolbar .note-color-palette div .note-color-btn,
.note-popover .popover-content .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
}

.card-header.note-toolbar .note-color-palette div .note-color-btn:hover,
.note-popover .popover-content .note-color-palette div .note-color-btn:hover {
  border: 1px solid #000;
}

.note-dialog > div {
  display: none;
}

.note-dialog .form-group {
  margin-right: 0;
  margin-left: 0;
}

.note-dialog .note-modal-form {
  margin: 0;
}

.note-dialog .note-image-dialog .note-dropzone {
  min-height: 100px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 4;
  color: #d3d3d3;
  text-align: center;
  border: 4px dashed #d3d3d3;
}

@-moz-document url-prefix() {
  .note-image-input {
    height: auto;
  }
}
.note-placeholder {
  display: none;
  color: gray;
}

.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid #000;
}

.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: alpha(opacity=30);
  filter: alpha(opacity=30);
}

.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid #000;
}

.note-handle .note-control-selection .note-control-sizing {
  width: 7px;
  height: 7px;
  background-color: #fff;
  border: 1px solid #000;
}

.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: 0;
  border-bottom: 0;
}

.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: 0;
  border-left: none;
}

.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: 0;
  border-right: 0;
}

.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: 0;
  border-left: none;
}

.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: alpha(opacity=70);
  filter: alpha(opacity=70);
}

.note-hint-popover {
  min-width: 100px;
  padding: 2px;
}

.note-hint-popover .popover-content {
  max-height: 150px;
  padding: 3px;
  overflow: auto;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: #428bca;
  outline: 0;
}

/*Datepicker*/
/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #fde19a;
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
  background-color: #fbf069\9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
  background-color: #f3d17a;
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
  background-color: #efe24b\9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, grey);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: grey grey #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
  background-color: grey;
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
  background-color: #666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background-color: #04c;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
  background-color: #039 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
  background-color: #04c;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  background-color: #039 \9 ;
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}


/*Theme Components*/
.article,
.author-box .author-box-picture,
.avatar-item .avatar-badge {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}

.article {
  background-color: #fff;
  border-radius: 3px;
  border: none;
  position: relative;
  margin-bottom: 30px;
}

.article .article-header {
  height: 170px;
  position: relative;
  overflow: hidden;
}

.article .article-header .article-image {
  background-color: #fbfbfb;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.article .article-header .article-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%);
  padding: 10px;
}

.article .article-header .article-title h2 {
  font-size: 16px;
  line-height: 24px;
}

.article .article-header .article-title h2 a {
  font-weight: 700;
  text-decoration: none;
  color: #fff;
}

.article .article-details {
  background-color: #fff;
  padding: 20px;
  line-height: 24px;
}

.article.article-style-b .article-details .article-title h2,
.article.article-style-c .article-details .article-title h2 {
  line-height: 22px;
}

.article .article-details .article-cta {
  text-align: center;
}

.article .article-header .article-badge {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.article .article-header .article-badge .article-badge-item {
  padding: 7px 15px;
  font-weight: 600;
  color: #fff;
  border-radius: 30px;
  font-size: 12px;
}

.article .article-header .article-badge .article-badge-item .fab,
.article .article-header .article-badge .article-badge-item .fal,
.article .article-header .article-badge .article-badge-item .far,
.article .article-header .article-badge .article-badge-item .fas,
.article .article-header .article-badge .article-badge-item .ion {
  margin-right: 3px;
}

.article.article-style-b .article-details .article-title {
  margin-bottom: 10px;
}

.article.article-style-b .article-details .article-title a {
  font-size: 16px;
  font-weight: 600;
}

.article.article-style-b .article-details p {
  color: #34395e;
}

.article.article-style-b .article-details .article-cta {
  text-align: right;
}

.article.article-style-c .article-header {
  height: 233px;
}

.article.article-style-c .article-details .article-category {
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 1px;
  color: #34395e;
}

.article.article-style-c .article-details .article-category a {
  font-size: 10px;
  color: #34395e;
  font-weight: 700;
}

.article.article-style-c .article-details .article-title {
  margin-bottom: 10px;
}

.article.article-style-c .article-details .article-title a {
  font-size: 16px;
  font-weight: 600;
}

.article.article-style-c .article-details p {
  color: #34395e;
}

.article.article-style-c .article-user {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.article.article-style-c .article-user img {
  border-radius: 50%;
  float: left;
  width: 45px;
  margin-right: 15px;
}

.article.article-style-c .article-user .user-detail-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.article.article-style-c .article-user .user-detail-name a {
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .article .article-style-c .article-header {
    height: 225px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .article {
    margin-bottom: 40px;
  }
  .article .article-header {
    height: 195px !important;
  }
  .article.article-style-c .article-header {
    height: 155px;
  }
}
@media (max-width: 1024px) {
  .article.article-style-c .article-header {
    height: 216px;
  }
  .article .article-header {
    height: 155px;
  }
}
.author-box .author-box-left {
  float: left;
  text-align: center;
  padding-left: 5px;
}

.author-box .author-box-left .btn {
  padding: 5px 15px;
  font-size: 12px;
  border-radius: 30px;
}

.author-box .author-box-picture {
  width: 100px;
}

.author-box .author-box-details {
  margin-left: 135px;
}

.author-box .author-box-name {
  font-size: 18px;
}

.author-box .author-box-name a {
  font-weight: 600;
}

.author-box .author-box-job {
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 12px;
  color: #34395e;
}

.author-box .author-box-description {
  line-height: 26px;
  margin-top: 15px;
}

@media (max-width: 575.98px) {
  .author-box .author-box-left {
    float: none;
  }
  .author-box .author-box-details {
    margin-left: 0;
    margin-top: 15px;
    text-align: center;
  }
}
.avatar-item {
  position: relative;
  margin-bottom: 20px;
}

.avatar-item img {
  border-radius: 50%;
}

.avatar-item .avatar-badge {
  position: absolute;
  bottom: -5px;
  right: 0;
  background-color: #fff;
  color: #000;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  width: 25px;
  height: 25px;
}

.browser {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: 100%;
}

.chat-box .chat-content {
  background-color: #f9f9f9 !important;
  height: 300px;
  overflow: hidden;
  padding-top: 25px !important;
}

.chat-box .chat-content .chat-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
}

.chat-box .chat-content .chat-item.chat-right img {
  float: right;
}

.chat-box .chat-content .chat-item.chat-right .chat-details {
  margin-left: 0;
  margin-right: 70px;
  text-align: right;
}

.chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  text-align: left;
  background-color: #6777ef;
  color: #fff;
}

.chat-box .chat-content .chat-item > img {
  float: left;
  width: 50px;
  border-radius: 50%;
}

.chat-box .chat-content .chat-item .chat-details {
  margin-left: 70px;
}

.chat-box .chat-content .chat-item .chat-details .chat-text {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 3px;
  width: auto;
  display: inline-block;
  font-size: 12px;
}

.chat-box .chat-content .chat-item .chat-details .chat-text img {
  max-width: 100%;
  margin-bottom: 10px;
}

.chat-box .chat-content .chat-item.chat-typing .chat-details .chat-text {
  height: 40px;
  width: 60px;
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
}

.chat-box .chat-content .chat-item .chat-details .chat-time {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.6;
}

.chat-box .chat-form {
  padding: 0;
  position: relative;
}

.chat-box .chat-form .form-control {
  border: none;
  padding: 15px 70px 15px 15px;
  height: 50px;
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
  outline: 0;
}

.chat-box .chat-form .btn,
.fc-day-grid-event .fc-content,
.flag-icon.flag-icon-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}

.chat-box .chat-form .btn {
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translate(-50%, -50%);
}

.chat-box .chat-form .btn i {
  margin-left: 0;
}

.chocolat-wrapper {
  z-index: 890;
}

.chocolat-overlay {
  background-color: #000;
}

[data-tab-group] {
  display: none;
}

[data-tab-group].active {
  display: block;
}

.flag-icon,
.gallery {
  display: inline-block;
}

table.dataTable {
  border-collapse: collapse !important;
}

table.dataTable thead td,
table.dataTable thead th,
table.dataTable.no-footer {
  border-bottom: 1px solid #ddd !important;
}

.dataTables_wrapper {
  padding: 0 !important;
  font-size: 13px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0 !important;
  margin: 0 !important;
  float: left;
}

div.dataTables_wrapper div.dataTables_processing {
  font-size: 0 !important;
  background-color: #fff;
  background-size: 100%;
  width: 50px !important;
  height: 50px;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  opacity: 1 !important;
}

.daterangepicker.dropdown-menu {
  width: auto;
}

.daterangepicker .input-mini {
  padding-left: 28px !important;
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
  padding: 5px;
  font-size: 12px;
}

.ranges li {
  color: #6777ef;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.ranges li.active,
.ranges li:hover {
  background-color: #6777ef;
}

.fc-state-default,
.fc-unthemed td.fc-today {
  background-color: #f2f2f2;
}

.dropzone {
  border: 2px dashed #6777ef;
  min-height: 240px;
  text-align: center;
}

.dropzone .dz-preview .dz-image,
.fc-state-default {
  border-radius: 3px;
}

.dropzone .dz-message {
  font-size: 24px;
  color: #34395e;
  margin: 3.4em;
}

.dropzone .dz-preview .dz-details {
  padding: 2.2em 1em;
}

.fc-view,
.fc-view > table th {
  border-color: #f2f2f2;
  color: #34395e !important;
  padding: 10px;
  font-weight: 500;
}

@media (max-width: 575.98px) {
  .dropzone .dz-message {
    margin: 2em;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .dropzone .dz-message {
    margin: 2.75em;
  }
}
.flag-icon {
  width: 50px;
  height: 35px;
  background-size: 100%;
}

.fc-toolbar h2 {
  font-size: 16px;
  margin-top: 4px;
}

.fc-view > table,
.fc-view > table td,
.fc-view > table tr {
  border-color: #f2f2f2;
}

.fc-view-container > .fc-view {
  padding: 0;
}

.fc-view,
.fc-view > table td {
  color: #666;
  text-align: right;
}

.fc button .fc-icon {
  top: -0.09em;
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
  padding: 10px;
}

.fc-day-grid-event .fc-content {
  padding: 5px 10px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-bottom: 10px;
}

.fc-state-default {
  background-image: none;
  border: none;
  box-shadow: none;
  text-transform: capitalize;
  font-weight: 500;
}

.fc button {
  height: auto;
  padding: 10px 15px;
  text-shadow: none;
  border-radius: 0;
}

.fc button.fc-state-active {
  background-color: #6777ef;
  color: #fff;
}

.gallery {
  width: 100%;
}

.gallery .gallery-item {
  float: left;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  margin-right: 7px;
  margin-bottom: 7px;
  cursor: pointer;
  transition: all 0.5s;
  position: relative;
}

.gallery .gallery-item:hover {
  opacity: 0.8;
}

.gallery .gallery-hide {
  display: none;
}

.gallery .gallery-more:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.gallery .gallery-more div {
  text-align: center;
  line-height: 50px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  color: #fff;
}

.gallery.gallery-md .gallery-item {
  width: 78px;
  height: 78px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.gallery.gallery-md .gallery-more div {
  line-height: 78px;
}

.gallery.gallery-fw .gallery-item {
  width: 100%;
  margin-bottom: 15px;
}

.gallery.gallery-fw .gallery-more div {
  font-size: 20px;
}

#callback-preview,
.image-preview {
  width: 250px;
  height: 250px;
  border: 2px dashed #ddd;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  color: #ecf0f1;
}

#callback-preview input,
.image-preview input {
  line-height: 200px;
  font-size: 200px;
  position: absolute;
  opacity: 0;
  z-index: 10;
}

#callback-preview label,
.image-preview label {
  position: absolute;
  z-index: 5;
  opacity: 0.8;
  cursor: pointer;
  background-color: #bdc3c7;
  width: 150px;
  height: 50px;
  font-size: 12px;
  line-height: 50px;
  text-transform: uppercase;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.audio-preview {
  background: #fff;
  width: auto;
  padding: 20px;
  display: inline-block;
}

.audio-upload {
  cursor: pointer;
  background-color: #bdc3c7;
  color: #ecf0f1;
  padding: 20px;
  font-size: 20px;
  text-transform: uppercase;
}

.ionicons {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.ionicons li {
  width: 12.5%;
  font-size: 40px;
  padding: 40px 20px;
  list-style: none;
  text-align: center;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.ionicons li:hover {
  opacity: 0.8;
}

.ionicons li .icon-name {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -100%);
  font-family: "Segoe UI";
  font-size: 12px;
  margin-top: 10px;
  line-height: 22px;
  background-color: #f9f9f9;
  border-radius: 3px;
  padding: 10px;
  display: none;
}

.jqvmap-circle {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border: 3px solid #6777ef;
  border-radius: 50%;
}

.jqvmap-label {
  z-index: 889;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  height: auto;
  width: auto;
}

.profile-widget {
  margin-top: 35px;
}

.profile-widget .profile-widget-picture {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  float: left;
  width: 100px;
  margin: -35px -5px 0 30px;
  position: relative;
  z-index: 1;
}

.profile-widget .profile-widget-header {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.profile-widget .profile-widget-items {
  display: flex;
  position: relative;
}

.profile-widget .profile-widget-items:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: -25px;
  right: 0;
  height: 1px;
  background-color: #f2f2f2;
}

.profile-widget .profile-widget-items .profile-widget-item {
  flex: 1;
  text-align: center;
  border-right: 1px solid #f2f2f2;
  padding: 10px 0;
}

.profile-widget .profile-widget-items .profile-widget-item:last-child {
  border-right: none;
}

.profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-label {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #34395e;
}

.profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-value {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.profile-widget .profile-widget-description {
  padding: 20px;
  line-height: 26px;
}

.profile-widget .profile-widget-description .profile-widget-name {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .profile-widget .profile-widget-picture {
    left: 50%;
    transform: translate(-50%, 0);
    margin: 40px 0;
    float: none;
  }
  .profile-widget .profile-widget-items .profile-widget-item {
    border-top: 1px solid #f2f2f2;
  }
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
  box-shadow: none;
}

.select2-container .select2-selection--multiple,
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 42px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  outline: 0;
  background-color: #fdfdff;
  border-color: #e4e6fc;
}

.select2-dropdown {
  border-color: #e4e6fc !important;
}

.select2-container.select2-container--focus .select2-selection--multiple,
.select2-container.select2-container--focus .select2-selection--single,
.select2-container.select2-container--open .select2-selection--multiple,
.select2-container.select2-container--open .select2-selection--single {
  background-color: #fefeff;
  border-color: #95a0f4;
}

.select2-results__option {
  padding: 10px;
}

.select2-search--dropdown .select2-search__field {
  padding: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  min-height: 42px;
  line-height: 42px;
  padding-left: 20px;
  padding-right: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 40px;
  min-height: 42px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  padding-left: 10px;
  padding-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 10px;
  padding-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6777ef;
  color: #fff;
}

.selectric,
.selectric:hover {
  background-color: #fdfdff;
  border-color: #e4e6fc;
}

.select2-results__option {
  padding-right: 10px 15px;
}

.selectric {
  min-height: 42px;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.selectric:focus {
  background-color: #fefeff;
  border-color: #95a0f4;
}

.selectric .button,
.selectric .label {
  background-color: transparent;
  line-height: 44px;
  min-height: 42px;
}

.selectric .label {
  font-size: 13px;
}

.selectric-open .selectric {
  border-color: #6777ef;
}

.selectric-above .selectric-items,
.selectric-below .selectric-items {
  margin-bottom: 10px;
}

.selectric-items {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  border-radius: 3px;
  background-color: #fff;
  border: none;
}

.selectric-items li {
  font-size: 13px;
  padding: 10px 15px;
}

.selectric-items li:hover {
  background-color: #f2f2f2;
}

.selectric-items li.highlighted,
.selectric-items li.selected {
  background-color: #6777ef;
  color: #fff;
}

.slider .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translate(-50%, -50%);
  margin: 0;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 34px;
  opacity: 0.3;
}

.slider .owl-nav [class*=owl-]:hover {
  background-color: #000;
}

.slider .owl-nav .owl-next {
  right: 0;
  left: initial;
}

.slider:hover .owl-nav [class*=owl-] {
  opacity: 1;
}

.slider .slider-caption {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 10px;
}

.slider .slider-caption .slider-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.slider .slider-caption .slider-description {
  line-height: 26px;
  opacity: 0.8;
}

.jqstooltip {
  box-sizing: content-box;
}

.sparkline-bar,
.sparkline-inline,
.sparkline-line {
  width: 100%;
}

.sparkline-bar canvas,
.sparkline-inline canvas,
.sparkline-line canvas {
  width: 100% !important;
}

.statistic-details {
  display: flex;
  flex-wrap: wrap;
}

.statistic-details .statistic-details-item {
  flex: 1;
  padding: 17px 10px;
  text-align: center;
}

.statistic-details .statistic-details-item .detail-chart {
  margin-bottom: 10px;
  padding: 0 20px;
}

.statistic-details .statistic-details-item .detail-name {
  font-size: 12px;
  margin-top: 5px;
  color: #34395e;
  letter-spacing: 0.3px;
}

.statistic-details .statistic-details-item .detail-value {
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .statistic-details {
    flex-wrap: wrap;
  }
  .statistic-details .statistic-details-item {
    flex: initial;
    width: 50%;
  }
}
.summary {
  display: inline-block;
  width: 100%;
}

.summary .summary-info {
  background-color: #eaf2f4;
  padding: 50px 0;
  text-align: center;
  border-radius: 3px;
}

.summary .summary-info h4 {
  font-weight: 600;
}

.summary .summary-item {
  margin-top: 20px;
}

.summary .summary-item h6 {
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 20px;
}

.note-editor.note-frame {
  border-radius: 3px;
  border: 1px solid #ededed;
  box-shadow: none;
}

.note-toolbar {
  padding: 0 0 5px 5px !important;
  position: relative !important;
}

.note-toolbar.card-header {
  height: auto;
  display: block;
  min-height: auto;
}

.note-toolbar .note-btn {
  font-size: 12px;
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
}

.swal-button {
  border-radius: 3px;
  font-size: 16px;
}

.swal-button:focus {
  box-shadow: none;
}

.swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
}

.swal-button.swal-button--confirm:focus {
  opacity: 0.8;
}

.swal-footer {
  text-align: center;
}

.swal-text {
  text-align: center;
  line-height: 24px;
  font-weight: 500;
}

.bootstrap-tagsinput {
  background-color: #fdfdff;
  border-color: #e4e6fc;
  display: block;
  height: 46px;
  box-shadow: none;
  overflow: auto;
}

.bootstrap-tagsinput input {
  height: 100%;
  padding: 0 8px;
}

.bootstrap-tagsinput .tag {
  background-color: #6777ef;
  border-radius: 3px;
  padding: 5px 10px;
}

.bootstrap-tagsinput .tag:first-child {
  margin-left: 5px;
}

.bootstrap-tagsinput:focus {
  background-color: #fefeff;
  border-color: #95a0f4;
}

.bootstrap-timepicker-widget table td a span {
  margin-left: 0 !important;
}

#toast-container > div {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  padding: 20px 20px 20px 50px;
  opacity: 1;
}

#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast:before {
  position: absolute;
  left: 17px;
  top: 25px;
  font-family: Ionicons;
  font-size: 24px;
  line-height: 18px;
  color: #fff;
}

#toast-container > .toast-warning:before {
  content: "\f100";
}

#toast-container > .toast-error:before {
  content: "\f2d7";
}

#toast-container > .toast-info:before {
  content: "\f44c";
  color: #000;
}

#toast-container > .toast-success:before {
  content: "\f121";
}

.toast.toast-error {
  background-color: #fc544b;
}

.toast.toast-warning {
  background-color: #ffa426;
}

.toast.toast-success {
  background-color: #63ed7a;
}

.toast.toast-info {
  background-color: #fff;
}

.toast.toast-info .toast-title {
  color: #000;
}

.toast.toast-info .toast-message {
  color: #000;
  margin-top: 5px;
}

.user-item .user-details,
.user-item .user-details .user-cta {
  margin-top: 10px;
}

.user-item {
  text-align: center;
}

.user-item img {
  border-radius: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.user-item .user-details .user-name {
  font-weight: 600;
  color: #191d21;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-item .user-details .user-cta .btn {
  padding: 5px 15px;
  font-size: 12px;
  border-radius: 30px;
}

@media (max-width: 575.98px) {
  .user-details .media,
  .user-progress .media {
    text-align: center;
    display: inline-block;
    width: 100%;
  }
  .user-details .media img,
  .user-progress .media img {
    margin: 0 0 10px !important;
  }
  .user-details .media .media-body,
  .user-progress .media .media-body {
    width: 100%;
  }
  .user-details .media .media-items,
  .user-progress .media .media-items {
    margin: 20px 0;
    width: 100%;
  }
  .user-details .list-unstyled-noborder li:last-child,
  .user-progress .list-unstyled-noborder li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .user-progress .media .media-progressbar {
    margin-top: 10px;
  }
  .user-progress .media .media-cta {
    margin-top: 20px;
    margin-left: 0;
  }
}
.weather .weather-icon {
  float: left;
  width: 150px;
  text-align: center;
  line-height: 40px;
}

.weather .weather-icon span {
  font-size: 60px;
  margin-top: 30px;
}

.weather .weather-desc {
  margin-left: 160px;
}

.weather .weather-desc h4 {
  font-size: 70px;
  font-weight: 200;
  margin: 30px 0 5px;
  line-height: 56px;
}

.weather .weather-desc .weather-text {
  font-size: 12px;
  color: #34395e;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 10px;
}

.weather .weather-desc ul {
  margin: 15px 0 13px;
  padding: 0;
}

.weather ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 10px;
  line-height: 1;
  border-radius: 3px;
  border: 2px solid #6777ef;
  font-size: 10px;
  font-weight: 500;
  color: #6777ef;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

@media (max-width: 575.98px) {
  .weather {
    text-align: center;
  }
  .weather .weather-icon {
    float: none;
    width: auto;
  }
  .weather .weather-icon span {
    margin-top: 20px;
  }
  .weather .weather-desc {
    margin-left: 0;
  }
}
.icon-wrap {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 25px;
  width: 25%;
}

.icon-wrap .icon {
  float: left;
  font-family: weathericons;
}

.icon-wrap .icon_unicode {
  width: 100%;
  padding-left: 45px;
  color: #34395e;
}

.pw-very-weak .label,
.pw-weak .label {
  color: #d00;
}

.new-icons ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.new-icons ul li {
  padding: 10px;
}

.icon-wrap .icon,
.new-icons ul li .wi {
  font-size: 24px;
  margin-right: 15px;
  width: 30px;
  text-align: center;
}

.pwindicator {
  margin-top: 4px;
  width: 150px;
}

.pwindicator .bar {
  height: 2px;
}

.pw-very-weak .bar {
  background: #d00;
  width: 30px;
}

.pw-weak .bar {
  background: #d00;
  width: 60px;
}

.pw-mediocre .bar {
  background: #f3f01a;
  width: 90px;
}

.pw-mediocre .label {
  color: #f3f01a;
}

.pw-strong .bar {
  background: #f3b31a;
  width: 120px;
}

.pw-strong .label {
  color: #f3b31a;
}

.pw-very-strong .bar {
  background: #0d0;
  width: 150px;
}

.pw-very-strong .label {
  color: #0d0;
}

.product-item {
  text-align: center;
}

.product-item .product-image {
  display: inline-block;
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 3px;
  margin-bottom: 10px;
}

.product-item .product-name {
  color: #34395e;
  font-weight: 700;
  margin-bottom: 3px;
}

.product-item .product-review {
  color: #ffa426;
  margin-bottom: 3px;
}

.product-item .product-cta {
  margin-top: 5px;
}

.product-item .product-cta a {
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.tickets-list .ticket-item {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #f9f9f9;
}

.tickets-list .ticket-item.ticket-more {
  padding: 15px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}

.tickets-list .ticket-item .ticket-title h4 {
  font-size: 16px;
  font-weight: 700;
}

.tickets-list .ticket-item .ticket-info {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  color: #34395e;
  letter-spacing: 0.5px;
}

.tickets-list .ticket-item .ticket-info .bullet {
  margin: 0 10px;
}

.tickets {
  display: flex;
}

.tickets .ticket-items {
  width: 30%;
  padding-right: 30px;
}

.tickets .ticket-items .ticket-item {
  display: inline-block;
  width: 100%;
  padding: 25px 15px;
  border-bottom: 1px solid #f9f9f9;
  cursor: pointer;
  transition: all 0.5s;
}

.tickets .ticket-items .ticket-item:hover {
  background-color: rgba(63, 82, 227, 0.03);
}

.tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #6777ef;
}

.tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #acb5f6;
  border-radius: 3px;
  background-color: #6777ef;
  border-bottom: none;
}

.tickets .ticket-items .ticket-item.active .ticket-desc,
.tickets .ticket-items .ticket-item.active .ticket-title {
  color: #fff !important;
}

.tickets .ticket-items .ticket-item .ticket-title h4 {
  font-size: 13px;
  letter-spacing: 0.3px;
}

.tickets .ticket-items .ticket-item .ticket-title h4 .badge {
  padding: 7px 10px;
  margin-left: 5px;
}

.tickets .ticket-items .ticket-item .ticket-desc {
  display: flex;
  font-size: 11px;
  font-weight: 500;
  color: #34395e;
  letter-spacing: 0.5px;
}

.tickets .ticket-items .ticket-item .ticket-desc .bullet {
  margin: 0 10px;
}

.tickets .ticket-content {
  width: 70%;
}

.tickets .ticket-content .ticket-header {
  display: flex;
}

.tickets .ticket-content .ticket-header .ticket-sender-picture {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 20px;
}

.tickets .ticket-content .ticket-header .ticket-sender-picture img {
  width: 100%;
}

.tickets .ticket-content .ticket-header .ticket-detail .ticket-title h4 {
  font-size: 18px;
  font-weight: 700;
}

.tickets .ticket-description,
.tickets .ticket-description .ticket-form .note-editable {
  color: #34395e;
  font-weight: 500;
}

.tickets .ticket-content .ticket-header .ticket-detail .ticket-info {
  display: flex;
  letter-spacing: 0.3px;
  font-size: 12px;
  font-weight: 500;
  color: #34395e;
}

.tickets .ticket-content .ticket-header .ticket-detail .ticket-info .bullet {
  margin: 0 10px;
}

.tickets .ticket-divider {
  height: 1px;
  width: 100%;
  display: inline-block;
  background-color: #f2f2f2;
}

.tickets .ticket-description {
  margin-top: 30px;
  line-height: 28px;
}

.tickets .ticket-description p {
  margin-bottom: 20px;
}

.tickets .ticket-description .ticket-form {
  margin-top: 40px;
}

.tickets .ticket-description .ticket-form .note-editable p {
  margin-bottom: 5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .tickets {
    display: inline-block;
  }
  .tickets .ticket-items {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
    display: none;
  }
  .tickets .ticket-content {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .tickets {
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .tickets .ticket-items {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    padding: 15px;
    overflow: auto;
  }
  .tickets .ticket-items .ticket-item {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tickets .ticket-content {
    margin: 15px;
    width: 100%;
  }
  .table-invoice table {
    min-width: 800px;
  }
}
.owl-theme .owl-item {
  padding: 10px 0;
}

.owl-theme .owl-dots {
  margin-top: 20px !important;
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #6777ef;
}

.activities {
  display: flex;
  flex-wrap: wrap;
}

.activities .activity {
  width: 100%;
  display: flex;
  position: relative;
}

.activities .activity:before {
  content: " ";
  position: absolute;
  left: 25px;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #6777ef;
}

.activities .activity .activity-detail,
.invoice {
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}

.activities .activity:last-child:before {
  display: none;
}

.activities .activity .activity-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  margin-right: 20px;
  border-radius: 50%;
  flex-shrink: 0;
  text-align: center;
  z-index: 1;
}

.activities .activity .activity-detail {
  border-radius: 3px;
  border: none;
  margin-bottom: 30px;
  position: relative;
  padding: 15px;
}

.empty-state,
.invoice,
.pricing .pricing-padding {
  padding: 40px;
}

.activities .activity .activity-detail:before {
  content: "\f0d9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  left: -8px;
  color: #fff;
}

.activities .activity .activity-detail h4 {
  font-size: 18px;
  color: #191d21;
}

.activities .activity .activity-detail p {
  margin-bottom: 0;
}

.invoice {
  border-radius: 3px;
  border: none;
  position: relative;
  margin-bottom: 30px;
}

.invoice .invoice-title .invoice-number {
  float: right;
  font-size: 20px;
  font-weight: 700;
  margin-top: -45px;
}

.invoice hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border-top-color: #f9f9f9;
}

.invoice .invoice-detail-item {
  margin-bottom: 15px;
}

.invoice .invoice-detail-item .invoice-detail-name {
  letter-spacing: 0.3px;
  color: #98a6ad;
  margin-bottom: 4px;
}

.invoice .invoice-detail-item .invoice-detail-value {
  font-size: 18px;
  color: #34395e;
  font-weight: 700;
}

.invoice .invoice-detail-item .invoice-detail-value.invoice-detail-value-lg {
  font-size: 24px;
}

.empty-state {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.empty-state .empty-state-icon {
  position: relative;
  background-color: #6777ef;
  width: 80px;
  height: 80px;
  line-height: 100px;
  border-radius: 5px;
}

.empty-state .empty-state-icon i {
  font-size: 40px;
  color: #fff;
  position: relative;
  z-index: 1;
}

.empty-state h2 {
  font-size: 20px;
  margin-top: 30px;
}

.empty-state p {
  font-size: 16px;
}

.pricing {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  border-radius: 3px;
  border: none;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.pricing.pricing-highlight .pricing-cta a,
.pricing.pricing-highlight .pricing-title {
  background-color: #6777ef;
  color: #fff;
}

.pricing.pricing-highlight .pricing-cta a:hover {
  background-color: #394eea !important;
}

.pricing .pricing-title {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  background-color: #f3f6f8;
  color: #6777ef;
  border-radius: 0 0 3px 3px;
  display: inline-block;
  padding: 5px 15px;
}

.pricing .pricing-price {
  margin-bottom: 45px;
}

.pricing .pricing-price div:first-child {
  font-weight: 600;
  font-size: 50px;
}

.pricing .pricing-details {
  text-align: left;
  display: inline-block;
}

.pricing .pricing-details .pricing-item {
  display: flex;
  margin-bottom: 15px;
}

.pricing .pricing-details .pricing-item .pricing-item-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  background-color: #63ed7a;
  color: #fff;
  margin-right: 10px;
}

.pricing .pricing-details .pricing-item .pricing-item-icon i {
  font-size: 11px;
}

.pricing .pricing-cta {
  margin-top: 20px;
}

.pricing .pricing-cta a {
  display: block;
  padding: 20px 40px;
  background-color: #f3f6f8;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 0 0 3px 3px;
}

.pricing .pricing-cta a .fab,
.pricing .pricing-cta a .fal,
.pricing .pricing-cta a .far,
.pricing .pricing-cta a .fas,
.pricing .pricing-cta a .ion {
  margin-left: 5px;
}

.pricing .pricing-cta a:hover {
  background-color: #e3eaef;
}

.hero {
  border-radius: 3px;
  padding: 55px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.hero.hero-bg-image {
  background-position: center;
  background-size: cover;
}

.hero.hero-bg-image:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
  border-radius: 3px;
}

.avatar img,
.hero .hero-inner {
  position: relative;
  z-index: 1;
}

.hero.hero-bg-image.hero-bg-parallax {
  background-attachment: fixed;
}

.hero h2 {
  font-size: 24px;
}

.hero p {
  margin-bottom: 0;
  font-size: 16px;
  letter-spacing: 0.3px;
}

.avatar {
  background: #6777ef;
  border-radius: 50%;
  color: #e3eaef;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  position: relative;
  vertical-align: middle;
  line-height: 1.28;
  height: 45px;
  width: 45px;
}

.avatar.avatar-xs {
  font-size: 6px;
  height: 15px;
  width: 15px;
}

.avatar.avatar-sm {
  font-size: 12px;
  height: 30px;
  width: 30px;
}

.avatar.avatar-lg {
  font-size: 23px;
  height: 60px;
  width: 60px;
}

.avatar.avatar-xl {
  font-size: 30px;
  height: 75px;
  width: 75px;
}

.avatar img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.avatar .avatar-icon,
.avatar .avatar-presence {
  bottom: 14.64%;
  padding: 0.1rem;
  right: 14.64%;
  transform: translate(50%, 50%);
  z-index: 2;
  position: absolute;
}

.avatar .avatar-icon {
  background: #fff;
  height: 50%;
  width: 50%;
}

.avatar .avatar-presence {
  background: #bcc3ce;
  border-radius: 50%;
  box-shadow: 0 0 0 0.1rem #fff;
  height: 0.5em;
  width: 0.5em;
}

.avatar .avatar-presence.online {
  background: #63ed7a;
}

.avatar .avatar-presence.busy {
  background: #fc544b;
}

.avatar .avatar-presence.away {
  background: #ffa426;
}

.avatar[data-initial]::before {
  color: currentColor;
  content: attr(data-initial);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.wizard-steps {
  display: flex;
  margin: 0 -10px 60px;
  counter-reset: wizard-counter;
}

.wizard-steps .wizard-step {
  background-color: #fff;
  border-radius: 3px;
  border: none;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  padding: 30px;
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  margin: 0 10px;
}

.wizard-steps .wizard-step:before {
  counter-increment: wizard-counter;
  content: counter(wizard-counter);
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  line-height: 21px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 50%;
  background-color: #e3eaef;
}

.wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
  color: #fff;
}

.wizard-steps .wizard-step.wizard-step-active:before {
  background-color: #6777ef;
  color: #fff;
}

.wizard-steps .wizard-step.wizard-step-success,
.wizard-steps .wizard-step.wizard-step-success:before {
  background-color: #63ed7a;
  color: #fff;
}

.wizard-steps .wizard-step.wizard-step-danger,
.wizard-steps .wizard-step.wizard-step-danger:before {
  background-color: #fc544b;
  color: #fff;
}

.wizard-steps .wizard-step.wizard-step-warning,
.wizard-steps .wizard-step.wizard-step-warning:before {
  background-color: #ffa426;
  color: #fff;
}

.wizard-steps .wizard-step.wizard-step-info,
.wizard-steps .wizard-step.wizard-step-info:before {
  background-color: #3abaf4;
  color: #fff;
}

.wizard-steps .wizard-step .wizard-step-icon .fab,
.wizard-steps .wizard-step .wizard-step-icon .fal,
.wizard-steps .wizard-step .wizard-step-icon .far,
.wizard-steps .wizard-step .wizard-step-icon .fas,
.wizard-steps .wizard-step .wizard-step-icon .ion {
  font-size: 34px;
  margin-bottom: 15px;
}

.wizard-steps .wizard-step .wizard-step-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .wizard-steps {
    display: block;
  }
  .wizard-steps .wizard-step {
    margin-bottom: 50px;
  }
}
.custom-switch,
.selectgroup-button {
  -moz-user-select: none;
  -ms-user-select: none;
}

.btn-progress,
.pe-none {
  pointer-events: none;
}

.btn:active,
.btn:active:focus,
.btn:focus,
.custom-select:focus,
.form-control:focus {
  box-shadow: none !important;
  outline: 0;
}

a {
  color: #6777ef;
  font-weight: 500;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion {
  margin-left: 4px;
}

.bg-primary {
  background-color: #6777ef !important;
}

.bg-secondary {
  background-color: #cdd3d8 !important;
}

.bg-success {
  background-color: #63ed7a !important;
}

.bg-info {
  background-color: #3abaf4 !important;
}

.bg-warning {
  background-color: #ffa426 !important;
}

.bg-danger {
  background-color: #fc544b !important;
}

.bg-light {
  background-color: #e3eaef !important;
}

.bg-dark {
  background-color: #191d21 !important;
}

.text-primary,
.text-primary-all *,
.text-primary-all :after,
.text-primary-all :before {
  color: #6777ef !important;
}

.text-secondary,
.text-secondary-all *,
.text-secondary-all :after,
.text-secondary-all :before {
  color: #cdd3d8 !important;
}

.text-success,
.text-success-all *,
.text-success-all :after,
.text-success-all :before {
  color: #63ed7a !important;
}

.text-info,
.text-info-all *,
.text-info-all :after,
.text-info-all :before {
  color: #3abaf4 !important;
}

.text-warning,
.ant-typography-warning,
.text-warning-all *,
.text-warning-all :after,
.text-warning-all :before {
  color: rgb(242, 201, 76) !important;
}

.text-danger,
.text-danger-all *,
.text-danger-all :after,
.text-danger-all :before {
  color: #fc544b !important;
}

.text-light,
.text-light-all *,
.text-light-all :after,
.text-light-all :before {
  color: #e3eaef !important;
}

.text-white,
.text-white-all *,
.text-white-all :after,
.text-white-all :before {
  color: #fff !important;
}

.text-dark,
.text-dark-all *,
.text-dark-all :after,
.text-dark-all :before {
  color: #191d21 !important;
}

.font-weight-normal {
  font-weight: 500 !important;
}

.lead {
  line-height: 34px;
}

@media (max-width: 575.98px) {
  .lead {
    font-size: 17px;
    line-height: 30px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

ol,
p,
ul:not(.list-unstyled) {
  line-height: 28px;
}

.shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}

.text-muted {
  color: #98a6ad !important;
}

.custom-file-label,
.custom-select,
.form-control,
.input-group-text {
  background-color: #fdfdff;
  border-color: #e4e6fc;
}

.custom-file-label:focus,
.custom-select:focus,
.form-control:focus,
.input-group-text:focus {
  background-color: #fefeff;
  border-color: #95a0f4;
}

.form-control:not(.form-control-sm):not(.form-control-lg),
.input-group-text,
select.form-control:not([size]):not([multiple]) {
  font-size: 14px;
  padding: 10px 15px;
  height: 42px;
}

textarea.form-control {
  height: 64px !important;
}

.custom-control {
  line-height: 1.6rem;
}

.custom-file,
.custom-file-label,
.custom-file-label:after,
.custom-select,
.form-control[type=color],
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 6px);
}

.form-control.creditcard {
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 40px;
  padding-right: 60px;
}

.form-group {
  margin-bottom: 25px;
}

.form-group .control-label,
.form-group > label {
  font-weight: 600;
  color: #34395e;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.form-group.floating-addon {
  position: relative;
}

.form-group.floating-addon .input-group-prepend {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 5;
}

.form-group.floating-addon:not(.floating-addon-not-append) .input-group-append {
  position: absolute;
  top: 0;
  z-index: 5;
  left: initial;
  right: 0;
}

.form-group.floating-addon .input-group-append .input-group-text,
.form-group.floating-addon .input-group-prepend .input-group-text {
  border-color: transparent;
  background-color: transparent;
  font-size: 20px;
}

.form-group.floating-addon .form-control {
  border-radius: 3px;
  padding-left: 40px;
}

.form-group.floating-addon .form-control + .form-control {
  border-radius: 0 3px 3px 0;
  padding-left: 15px;
}

.input-group-append [class*=btn-outline-] {
  background-color: #fdfdff;
}

.form-text {
  font-size: 12px;
  line-height: 22px;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #6777ef !important;
}

.custom-file-label {
  line-height: 2.2;
}

.custom-file-label:after {
  height: calc(2.25rem + 4px);
  line-height: 2.2;
  border-color: transparent;
}

.custom-file-label:active,
.custom-file-label:focus {
  box-shadow: none;
  outline: 0;
}

.custom-file-input:focus + .custom-file-label {
  box-shadow: none;
  border-color: #6777ef;
}

.custom-file-input:focus + .custom-file-label:after {
  border-color: transparent;
}

.selectgroup {
  display: inline-flex;
}

.selectgroup-item {
  flex-grow: 1;
  position: relative;
}

.selectgroup-item + .selectgroup-item {
  margin-left: -1px;
}

.selectgroup-item:not(:first-child) .selectgroup-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.selectgroup-item:not(:last-child) .selectgroup-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.selectgroup-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.selectgroup-button {
  background-color: #fdfdff;
  border-color: #e4e6fc;
  border-width: 1px;
  border-style: solid;
  display: block;
  text-align: center;
  padding: 0 1rem;
  height: 35px;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  font-size: 13px;
  min-width: 2.375rem;
  line-height: 36px;
}

.selectgroup-button-icon {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.selectgroup-button-icon i {
  font-size: 14px;
}

.selectgroup-input:checked + .selectgroup-button,
.selectgroup-input:focus + .selectgroup-button {
  background-color: #6777ef;
  color: #fff;
  z-index: 1;
}

.selectgroup-pills {
  display: block;
  flex-wrap: wrap;
  align-items: flex-start;
}

.selectgroup-pills .selectgroup-item {
  margin-right: 0.5rem;
  flex-grow: 0;
}

.selectgroup-pills .selectgroup-button {
  border-radius: 50px !important;
}

.custom-switch {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: default;
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.colorinput,
.imagecheck {
  cursor: pointer;
  margin: 0;
}

.custom-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-switches-stacked {
  display: flex;
  flex-direction: column;
}

.alert.alert-has-icon .alert-body,
.media .media-progressbar {
  flex: 1;
}

.custom-switches-stacked .custom-switch {
  margin-bottom: 0.5rem;
}

.custom-switch-indicator {
  display: inline-block;
  height: 1.25rem;
  width: 2.25rem;
  background: #e9ecef;
  border-radius: 50px;
  position: relative;
  vertical-align: bottom;
  border: 1px solid rgba(0, 40, 100, 0.12);
  transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-indicator:before {
  content: "";
  position: absolute;
  height: calc(1.25rem - 4px);
  width: calc(1.25rem - 4px);
  top: 1px;
  left: 1px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s left;
}

.colorinput-color:before,
.imagecheck-figure:before {
  content: "";
  top: 0.25rem;
}

.custom-switch-input:checked ~ .custom-switch-indicator {
  background: #6777ef;
}

.custom-switch-input:checked ~ .custom-switch-indicator:before {
  left: calc(1rem + 1px);
}

.custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #6777ef;
}

.colorinput-color,
.imagecheck-figure {
  border-color: #e4e6fc;
  border-width: 1px;
  border-style: solid;
}

.custom-switch-description {
  margin-left: 0.5rem;
  color: #6e7687;
  transition: 0.3s color;
}

.custom-switch-input:checked ~ .custom-switch-description {
  color: #495057;
}

.imagecheck {
  position: relative;
}

.imagecheck-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.imagecheck-figure {
  background-color: #fdfdff;
  border-radius: 3px;
  margin: 0;
  position: relative;
}

.imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #6777ef;
}

.imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24);
}

.imagecheck-figure:before {
  position: absolute;
  left: 0.25rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: 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") center center/50% 50% no-repeat #6777ef;
  color: #fff;
  z-index: 1;
  border-radius: 3px;
  opacity: 0;
  transition: 0.3s opacity;
}

.imagecheck-input:checked ~ .imagecheck-figure:before {
  opacity: 1;
}

.imagecheck-image {
  max-width: 100%;
  opacity: 0.64;
  transition: 0.3s opacity;
}

.imagecheck-image:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.imagecheck-image:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image,
.imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image,
.imagecheck:hover .imagecheck-image {
  opacity: 1;
}

.imagecheck-caption {
  text-align: center;
  padding: 0.25rem;
  color: #9aa0ac;
  font-size: 0.875rem;
  transition: 0.3s color;
}

.imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption,
.imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption,
.imagecheck:hover .imagecheck-caption {
  color: #495057;
}

.colorinput {
  position: relative;
}

.colorinput-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.colorinput-color {
  background-color: #fdfdff;
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 3px;
  color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.colorinput-color:before {
  opacity: 0;
  position: absolute;
  left: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  transition: 0.3s opacity;
  background: 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") center center/50% 50% no-repeat;
}

.card.card-progress:after,
.modal-progress .modal-content:after,
.navbar-bg {
  content: " ";
}

.list-group-item-primary,
.list-group-item.active {
  background-color: #6777ef;
}

.btn-progress,
.card.card-progress:not(.remove-spinner):after,
.modal-progress .modal-content:after {
  background-position: center;
  background-repeat: no-repeat;
}

.colorinput-input:checked ~ .colorinput-color:before {
  opacity: 1;
}

.list-unstyled-border li {
  border-bottom: 1px solid #f9f9f9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.list-unstyled-border li .custom-checkbox {
  margin-right: 15px;
}

.list-unstyled-border li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.list-unstyled-noborder li:last-child {
  border-bottom: none;
}

.list-group-item.disabled {
  color: #c9d7e0;
}

.list-group-item-primary {
  color: #fff;
}

.list-group-item-secondary {
  background-color: #cdd3d8;
  color: #fff;
}

.list-group-item-success {
  background-color: #63ed7a;
  color: #fff;
}

.list-group-item-danger {
  background-color: #fc544b;
  color: #fff;
}

.list-group-item-warning {
  background-color: #ffa426;
  color: #fff;
}

.list-group-item-info {
  background-color: #3abaf4;
  color: #fff;
}

.list-group-item-light {
  background-color: #e3eaef;
  color: #191d21;
}

.alert,
.alert:not(.alert-light) a {
  color: #fff;
}

.list-group-item-dark {
  background-color: #191d21;
  color: #fff;
}

.alert {
  border: none;
  padding: 15px 20px;
}

.alert code,
.card {
  border-radius: 3px;
}

.alert .alert-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.alert code {
  background-color: #fff;
  padding: 1px 4px;
}

.alert p {
  margin-bottom: 0;
}

.alert.alert-has-icon {
  display: flex;
}

.alert.alert-has-icon .alert-icon {
  margin-top: 4px;
  width: 30px;
}

.alert.alert-has-icon .alert-icon .fab,
.alert.alert-has-icon .alert-icon .fal,
.alert.alert-has-icon .alert-icon .far,
.alert.alert-has-icon .alert-icon .fas,
.alert.alert-has-icon .alert-icon .ion {
  font-size: 20px;
}

.alert.alert-primary {
  background-color: #6777ef;
}

.alert.alert-secondary {
  background-color: #cdd3d8;
}

.alert.alert-success {
  background-color: #63ed7a;
}

.alert.alert-info {
  background-color: #3abaf4;
}

.alert.alert-warning {
  background-color: #ffa426;
}

.alert.alert-danger {
  background-color: #fc544b;
}

.alert.alert-light {
  background-color: #e3eaef;
  color: #191d21;
}

.alert.alert-dark {
  background-color: #191d21;
}

.card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  border: none;
  position: relative;
  margin-bottom: 30px;
}

.card .card-body,
.card .card-footer,
.card .card-header {
  background-color: transparent;
  padding: 20px 25px;
}

.card .navbar {
  position: static;
}

.card .card-body {
  padding-top: 20px;
  padding-bottom: 20px;
}

.card .card-body .section-title {
  margin: 30px 0 10px;
  font-size: 16px;
}

.card .card-body .section-title:before {
  margin-top: 8px;
}

.card .card-body .section-title + .section-lead {
  margin-top: -5px;
}

.card .card-body p {
  font-weight: 500;
}

.card .card-header {
  border-bottom-color: #f9f9f9;
  line-height: 30px;
  align-self: center;
  width: 100%;
  min-height: 70px;
  padding: 15px 25px;
  display: flex;
  align-items: center;
}

.card .card-header .btn {
  margin-top: 1px;
  padding: 2px 15px;
}

.card .card-header .btn:not(.note-btn) {
  border-radius: 30px;
}

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

.card .card-header .form-control {
  height: 31px;
  font-size: 13px;
  border-radius: 30px;
}

.card .card-header .form-control + .input-group-btn .btn {
  margin-top: -1px;
}

.card .card-header h4 {
  font-size: 16px;
  line-height: 28px;
  padding-right: 10px;
  margin-bottom: 0;
}

.card .card-header h4 + .card-header-action,
.card .card-header h4 + .card-header-form {
  margin-left: auto;
}

.card .card-header h4 + .card-header-action .btn,
.card .card-header h4 + .card-header-form .btn {
  font-size: 12px;
  border-radius: 30px !important;
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.card .card-header h4 + .card-header-action .btn.active,
.card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
  color: #fff;
}

.card .card-header h4 + .card-header-action .dropdown,
.card .card-header h4 + .card-header-form .dropdown {
  display: inline;
}

.card .card-header h4 + .card-header-action .btn-group .btn,
.card .card-header h4 + .card-header-form .btn-group .btn {
  border-radius: 0 !important;
}

.card .card-header h4 + .card-header-action .btn-group .btn:first-child,
.card .card-header h4 + .card-header-form .btn-group .btn:first-child {
  border-radius: 30px 0 0 30px !important;
}

.card .card-header h4 + .card-header-action .btn-group .btn:last-child,
.card .card-header h4 + .card-header-form .btn-group .btn:last-child {
  border-radius: 0 30px 30px 0 !important;
}

.card .card-header h4 + .card-header-action .input-group .form-control,
.card .card-header h4 + .card-header-form .input-group .form-control {
  border-radius: 30px 0 0 30px !important;
}

.card .card-header h4 + .card-header-action .input-group .form-control + .input-group-btn .btn,
.card .card-header h4 + .card-header-action .input-group .input-group-btn + .form-control,
.card .card-header h4 + .card-header-form .input-group .form-control + .input-group-btn .btn,
.card .card-header h4 + .card-header-form .input-group .input-group-btn + .form-control {
  border-radius: 0 30px 30px 0 !important;
}

.card .card-header h4 + .card-header-action .input-group .input-group-btn .btn,
.card .card-header h4 + .card-header-form .input-group .input-group-btn .btn {
  margin-top: -1px;
  border-radius: 30px 0 0 30px !important;
}

.card .card-footer {
  background-color: transparent;
  border: none;
}

.card.card-mt {
  margin-top: 30px;
}

.card.card-progress:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 99;
}

.card.card-progress .card-progress-dismiss {
  position: absolute;
  top: 66%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  color: #fff !important;
  padding: 5px 13px;
}

.card.card-progress.remove-spinner .card-progress-dismiss {
  top: 50%;
  transform: translate(-50%, -50%);
}

.card.card-progress:not(.remove-spinner):after {
  background-size: 80px;
}

.card.card-primary {
  border-top: 2px solid #6777ef;
}

.card.card-secondary {
  border-top: 2px solid #34395e;
}

.card.card-success {
  border-top: 2px solid #63ed7a;
}

.card.card-danger {
  border-top: 2px solid #fc544b;
}

.card.card-warning {
  border-top: 2px solid #ffa426;
}

.card.card-info {
  border-top: 2px solid #3abaf4;
}

.card.card-dark {
  border-top: 2px solid #191d21;
}

.card.card-hero .card-header {
  padding: 40px;
  background-image: linear-gradient(to bottom, #6777ef, #95a0f4);
  color: #fff;
  overflow: hidden;
  height: auto;
  min-height: auto;
  display: block;
}

.dropdown-list .dropdown-list-content:not(.is-end):after,
.gradient-bottom:after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
}

.card.card-hero .card-header h4 {
  font-size: 40px;
  line-height: 1;
}

.card.card-hero .card-header .card-description {
  margin-top: 5px;
  font-size: 16px;
}

.card.card-hero .card-header .card-icon {
  float: right;
  color: #8c98f3;
  margin: -60px;
}

.card.card-hero .card-header .card-icon .fab,
.card.card-hero .card-header .card-icon .fal,
.card.card-hero .card-header .card-icon .far,
.card.card-hero .card-header .card-icon .fas,
.card.card-hero .card-header .card-icon .ion {
  font-size: 140px;
}

.card.card-statistic-1 .card-header,
.card.card-statistic-2 .card-header {
  border-color: transparent;
  height: auto;
  min-height: auto;
  display: block;
}

.card.card-statistic-1 .card-header h4,
.card.card-statistic-2 .card-header h4 {
  line-height: 1.2;
  color: #98a6ad;
}

.card.card-statistic-1 .card-body,
.card.card-statistic-2 .card-body {
  padding-top: 0;
  font-size: 26px;
  font-weight: 700;
  color: #34395e;
  padding-bottom: 0;
}

.card.card-statistic-1,
.card.card-statistic-2 {
  display: inline-block;
  width: 100%;
}

.card.card-statistic-1 .card-icon,
.card.card-statistic-2 .card-icon {
  width: 80px;
  height: 80px;
  margin: 10px 15px 10px 10px;
  border-radius: 3px;
  line-height: 94px;
  text-align: center;
  float: left;
}

.card.card-statistic-1 .card-icon .fab,
.card.card-statistic-1 .card-icon .fal,
.card.card-statistic-1 .card-icon .far,
.card.card-statistic-1 .card-icon .fas,
.card.card-statistic-1 .card-icon .ion,
.card.card-statistic-2 .card-icon .fab,
.card.card-statistic-2 .card-icon .fal,
.card.card-statistic-2 .card-icon .far,
.card.card-statistic-2 .card-icon .fas,
.card.card-statistic-2 .card-icon .ion {
  font-size: 22px;
  color: #fff;
}

.card.card-statistic-1 .card-icon {
  line-height: 90px;
}

.card.card-statistic-2 .card-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  margin: 25px;
}

.card.card-statistic-1 .card-header,
.card.card-statistic-2 .card-header {
  padding-bottom: 0;
  padding-top: 25px;
}

.card.card-statistic-2 .card-body {
  padding-top: 20px;
}

.card.card-statistic-2 .card-body + .card-header,
.card.card-statistic-2 .card-header + .card-body {
  padding-top: 0;
}

.card.card-statistic-1 .card-header h4,
.card.card-statistic-2 .card-header h4 {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.card.card-statistic-1 .card-header h4 {
  margin-bottom: 0;
}

.card.card-statistic-2 .card-header h4 {
  text-transform: none;
  margin-bottom: 0;
}

.card.card-statistic-1 .card-body {
  font-size: 20px;
}

.card.card-statistic-2 .card-chart {
  padding-top: 20px;
  margin-left: -9px;
  margin-right: -1px;
  margin-bottom: -15px;
}

.card.card-statistic-2 .card-chart canvas {
  height: 90px !important;
}

.card .card-stats {
  width: 100%;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: -6px;
}

.card .card-stats .card-stats-title {
  padding: 15px 25px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.card .card-stats .card-stats-items {
  display: flex;
  height: 50px;
  align-items: center;
}

.card .card-stats .card-stats-item {
  width: 33.3333333333%;
  text-align: center;
  padding: 5px 20px;
}

.card .card-stats .card-stats-item .card-stats-item-label {
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.card .card-stats .card-stats-item .card-stats-item-count {
  line-height: 1;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.card.card-large-icons {
  display: flex;
  flex-direction: row;
}

.card.card-large-icons .card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 150px;
  border-radius: 3px 0 0 3px;
}

.card.card-large-icons .card-icon .fab,
.card.card-large-icons .card-icon .fal,
.card.card-large-icons .card-icon .far,
.card.card-large-icons .card-icon .fas,
.card.card-large-icons .card-icon .ion {
  font-size: 60px;
}

.card.card-large-icons .card-body {
  padding: 25px 30px;
}

.card.card-large-icons .card-body h4 {
  font-size: 18px;
}

.card.card-large-icons .card-body p {
  opacity: 0.6;
  font-weight: 500;
}

.badge,
.btn,
.page-link {
  font-weight: 600;
}

.card.card-large-icons .card-body a.card-cta {
  text-decoration: none;
}

.card.card-large-icons .card-body a.card-cta i {
  margin-left: 7px;
}

.card.bg-danger,
.card.bg-dark,
.card.bg-info,
.card.bg-primary,
.card.bg-success,
.card.bg-warning {
  color: #fff;
}

.card.bg-danger .card-header,
.card.bg-dark .card-header,
.card.bg-info .card-header,
.card.bg-primary .card-header,
.card.bg-success .card-header,
.card.bg-warning .card-header {
  color: #fff;
  opacity: 0.9;
}

@media (max-width: 575.98px) {
  .card.card-large-icons {
    display: inline-block;
  }
  .card.card-large-icons .card-icon {
    width: 100%;
    height: 200px;
  }
  .table-responsive table {
    min-width: 800px;
  }
}
@media (max-width: 767.98px) {
  .card .card-header {
    height: auto;
    flex-wrap: wrap;
  }
  .card .card-header h4 + .card-header-action,
  .card .card-header h4 + .card-header-form {
    flex-grow: 0;
    width: 100%;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .card .card-stats .card-stats-items {
    height: 49px;
  }
  .card .card-stats .card-stats-items .card-stats-item {
    padding: 5px 7px;
  }
  .card .card-stats .card-stats-items .card-stats-item .card-stats-item-count {
    font-size: 16px;
  }
  .card.card-sm-6 .card-chart canvas {
    height: 85px !important;
  }
  .card.card-hero .card-header {
    padding: 25px;
  }
}
.table-links,
.tooltip {
  font-size: 12px;
}

.table td,
.table:not(.table-bordered) th {
  border-top: none;
}

.table:not(.table-sm):not(.table-md):not(.dataTable) td,
.table:not(.table-sm):not(.table-md):not(.dataTable) th {
  padding: 0 25px;
  height: 60px;
  vertical-align: middle;
}

.table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: rgba(0, 0, 0, 0.04);
  color: #666;
  padding-top: 15px;
  padding-bottom: 15px;
}

.table.table-md td,
.table.table-md th {
  padding: 10px 15px;
}

.table.table-bordered td,
.table.table-bordered th {
  border-color: #f6f6f6;
}

.table-links {
  color: #34395e;
  margin-top: 5px;
  opacity: 0;
  transition: all 0.3s;
}

.table-links a {
  color: #666;
}

table tr:hover .table-links {
  opacity: 1;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.02);
}

.tooltip-inner {
  padding: 7px 13px;
}

.modal-body,
.modal-footer,
.modal-header {
  padding: 25px;
}

.modal-body,
.modal-footer {
  padding-top: 15px;
}

.modal-footer {
  padding-bottom: 15px;
  border-top: none;
  border-radius: 0 0 3px 3px;
}

.modal-header {
  border-bottom: none;
  padding-bottom: 5px;
}

.modal-header h5 {
  font-size: 18px;
}

.modal-content {
  max-width: 100%;
  border: none;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.modal.show .modal-content {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.modal-progress .modal-content {
  position: relative;
}

.modal-progress .modal-content:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 999;
  background-size: 80px;
  border-radius: 3px;
}

.modal-part {
  display: none;
}

.nav-tabs .nav-item .nav-link {
  color: #6777ef;
}

.nav-tabs .nav-item .nav-link.active {
  color: #000;
}

.tab-content > .tab-pane {
  padding: 10px 0;
}

.tab-bordered .tab-pane {
  padding: 15px;
  border: 1px solid #ededed;
  margin-top: -1px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #6777ef;
}

.nav-pills .nav-item .nav-link {
  color: #6777ef;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.nav-pills .nav-item .nav-link:hover {
  background-color: #f6f7fe;
}

.nav-pills .nav-item .nav-link.active {
  box-shadow: 0 2px 6px #acb5f6;
  color: #fff;
  background-color: #6777ef;
}

.nav-pills .nav-item .nav-link .badge {
  padding: 5px 8px;
  margin-left: 5px;
}

.nav .nav-item .nav-link .fab,
.nav .nav-item .nav-link .fal,
.nav .nav-item .nav-link .far,
.nav .nav-item .nav-link .fas,
.nav .nav-item .nav-link .ion {
  margin-right: 3px;
  font-size: 12px;
}

.page-item .page-link {
  color: #6777ef;
  border-radius: 3px;
  margin: 0 3px;
}

.page-item.active .page-link {
  background-color: #6777ef;
  border-color: #6777ef;
}

.page-item.disabled .page-link,
.page-link {
  background-color: #f9fafe;
  border-color: transparent;
}

.page-item.disabled .page-link {
  color: #6777ef;
  opacity: 0.6;
}

.badge.badge-primary,
.page-link:hover {
  background-color: #6777ef;
}

.page-link:hover {
  color: #fff;
  border-color: transparent;
}

.page-link:focus {
  box-shadow: none;
}

.badges .badge {
  margin: 0 8px 10px 0;
}

.badge {
  vertical-align: middle;
  padding: 7px 12px;
  letter-spacing: 0.3px;
  border-radius: 30px;
  font-size: 12px;
}

.badge.badge-warning {
  color: #fff;
}

.badge.badge-secondary {
  background-color: #34395e;
}

.badge.badge-success {
  background-color: #63ed7a;
}

.badge.badge-info {
  background-color: #3abaf4;
}

.badge.badge-danger {
  background-color: #fc544b;
}

.badge.badge-light {
  background-color: #e3eaef;
  color: #191d21;
}

.badge.badge-white {
  background-color: #fff;
  color: #191d21;
}

.badge.badge-dark {
  background-color: #191d21;
}

h1 .badge {
  font-size: 24px;
  padding: 16px 21px;
}

h2 .badge {
  font-size: 22px;
  padding: 14px 19px;
}

h3 .badge {
  font-size: 18px;
  padding: 11px 16px;
}

h4 .badge {
  font-size: 16px;
  padding: 8px 13px;
}

h5 .badge {
  font-size: 14px;
  padding: 5px 10px;
}

h6 .badge {
  font-size: 11px;
  padding: 3px 8px;
}

.btn .badge {
  margin-left: 5px;
  padding: 4px 7px;
}

.btn .badge.badge-transparent {
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}

.buttons .btn {
  margin: 0 8px 10px 0;
}

.btn:active,
.btn:active:focus,
.btn:focus {
  box-shadow: none !important;
  outline: 0;
}

.btn.btn-icon-split i,
.dropdown-item.has-icon i {
  text-align: center;
  width: 15px;
  font-size: 15px;
  float: left;
  margin-right: 10px;
}

.btn,
.btn-action,
.btn.btn-lg,
.btn.btn-sm {
  font-size: 12px;
}

.btn {
  line-height: 24px;
  padding: 0.3rem 0.8rem;
  letter-spacing: 0.5px;
}

.btn.btn-icon-split {
  position: relative;
}

.btn.btn-icon-split i {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 45px;
  border-radius: 3px 0 0 3px;
  line-height: 32px;
}

.btn.btn-icon-split div {
  margin-left: 40px;
}

.btn.btn-icon-noflo-splitat {
  display: table;
  text-align: right;
}

.btn.btn-icon-noflo-splitat i {
  float: none;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  width: 30%;
}

.btn.btn-icon-noflo-splitat div {
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  text-align: left;
  padding-left: 10px;
}

.btn:not(.btn-borderoly):not(.btn-borderoly):active,
.btn:not(.btn-borderoly):not(.btn-borderoly):focus,
.btn:not(.btn-borderoly):not(.btn-borderoly):hover,
.btn:not(.btn-social):not(.btn-social-icon):active,
.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn:not(.btn-social):not(.btn-social-icon):hover {
  border-color: transparent;
}

.btn > i {
  margin-left: 0 !important;
}

.btn.btn-lg {
  padding: 0.55rem 1.5rem;
}

.btn.btn-lg.btn-icon-split i {
  line-height: 42px;
}

.btn.btn-lg.btn-icon-split div {
  margin-left: 25px;
}

.btn.btn-sm {
  padding: 0.1rem 0.4rem;
}

.btn.btn-icon .fab,
.btn.btn-icon .fal,
.btn.btn-icon .far,
.btn.btn-icon .fas,
.btn.btn-icon .ion {
  margin-left: 0 !important;
  font-size: 12px;
}

.btn.btn-icon.icon-left .fab,
.btn.btn-icon.icon-left .fal,
.btn.btn-icon.icon-left .far,
.btn.btn-icon.icon-left .fas,
.btn.btn-icon.icon-left .ion {
  margin-right: 3px;
}

.btn.btn-icon.icon-right .fab,
.btn.btn-icon.icon-right .fal,
.btn.btn-icon.icon-right .far,
.btn.btn-icon.icon-right .fas,
.btn.btn-icon.icon-right .ion {
  margin-left: 3px !important;
}

.btn-action {
  color: #fff !important;
  line-height: 25px;
  min-width: 35px;
  min-height: 35px;
}

.btn-secondary,
.btn-secondary.disabled {
  box-shadow: 0 2px 6px #e1e5e8;
  background-color: #cdd3d8;
  border-color: #cdd3d8;
  color: #fff;
}

.btn-secondary.disabled:active,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #bfc6cd !important;
  color: #fff !important;
}

.btn-outline-secondary.disabled:active,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover {
  background-color: #cdd3d8 !important;
  color: #fff !important;
}

.btn-success,
.btn-success.disabled {
  box-shadow: 0 2px 6px #a8f5b4;
  background-color: #63ed7a;
  border-color: #63ed7a;
  color: #fff;
}

.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:hover {
  background-color: #4cea67 !important;
  color: #fff !important;
}

.btn-outline-success.disabled:active,
.btn-outline-success.disabled:focus,
.btn-outline-success.disabled:hover,
.btn-outline-success:active,
.btn-outline-success:focus,
.btn-outline-success:hover {
  background-color: #63ed7a !important;
  color: #fff !important;
}

.btn-danger,
.btn-danger.disabled {
  box-shadow: 0 2px 6px #fd9b96;
  background-color: #fc544b;
  border-color: #fc544b;
  color: #fff;
}

.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #fb160a !important;
}

.btn-outline-danger.disabled:active,
.btn-outline-danger.disabled:focus,
.btn-outline-danger.disabled:hover,
.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:hover {
  background-color: #fb160a !important;
  color: #fff !important;
}

.btn-dark,
.btn-dark.disabled {
  box-shadow: 0 2px 6px #728394;
  background-color: #191d21;
  border-color: #191d21;
  color: #fff;
}

.btn-dark.disabled:active,
.btn-dark.disabled:focus,
.btn-dark.disabled:hover,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
  background-color: #000 !important;
}

.btn-outline-dark.disabled:active,
.btn-outline-dark.disabled:focus,
.btn-outline-dark.disabled:hover,
.btn-outline-dark:active,
.btn-outline-dark:focus,
.btn-outline-dark:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.btn-light,
.btn-light.disabled {
  box-shadow: 0 2px 6px #e6ecf1;
  background-color: #e3eaef;
  border-color: #e3eaef;
  color: #191d21;
}

.btn-light.disabled:active,
.btn-light.disabled:focus,
.btn-light.disabled:hover,
.btn-light:active,
.btn-light:focus,
.btn-light:hover {
  background-color: #c3d2dc !important;
}

.btn-outline-light,
.btn-outline-light.disabled {
  border-color: #e3eaef;
  color: #e3eaef;
}

.btn-outline-light.disabled:active,
.btn-outline-light.disabled:focus,
.btn-outline-light.disabled:hover,
.btn-outline-light:active,
.btn-outline-light:focus,
.btn-outline-light:hover {
  background-color: #e3eaef !important;
  color: #fff !important;
}

.btn-warning,
.btn-warning.disabled {
  box-shadow: 0 2px 6px #ffc473;
  background-color: #ffa426;
  border-color: #ffa426;
  color: #fff;
}

.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
  background-color: #ff990d !important;
  color: #fff !important;
}

.btn-outline-warning.disabled:active,
.btn-outline-warning.disabled:focus,
.btn-outline-warning.disabled:hover,
.btn-outline-warning:active,
.btn-outline-warning:focus,
.btn-outline-warning:hover {
  background-color: #ffa426 !important;
  color: #fff !important;
}

.btn-info,
.btn-info.disabled {
  box-shadow: 0 2px 6px #82d3f8;
  background-color: #3abaf4;
  border-color: #3abaf4;
  color: #fff;
}

.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:hover {
  background-color: #0da8ee !important;
}

.btn-outline-info.disabled:active,
.btn-outline-info.disabled:focus,
.btn-outline-info.disabled:hover,
.btn-outline-info:active,
.btn-outline-info:focus,
.btn-outline-info:hover {
  background-color: #0da8ee !important;
  color: #fff !important;
}

.btn-primary,
.btn-primary.disabled {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
  border-color: #6777ef;
}

.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:focus:active,
.btn-primary.disabled:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus:active,
.btn-primary:hover {
  background-color: #394eea !important;
}

.btn-outline-primary,
.btn-outline-primary.disabled {
  border-color: #6777ef;
  color: #6777ef;
}

.btn-outline-white,
.btn-outline-white.disabled {
  border-color: #fff;
  color: #fff;
}

.btn-outline-white.disabled:active,
.btn-outline-white.disabled:focus,
.btn-outline-white.disabled:hover,
.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover {
  background-color: #fff;
  color: #6777ef;
}

.btn-round {
  border-radius: 30px;
  padding-left: 34px;
  padding-right: 34px;
}

.btn-social,
.btn-social-icon {
  border: none;
  border-radius: 3px;
}

.btn-social-icon {
  color: #fff !important;
  padding-left: 18px;
  padding-right: 18px;
}

.btn-social-icon > :first-child {
  font-size: 16px;
}

.btn-social {
  padding: 12px 12px 12px 50px;
  color: #fff !important;
  font-weight: 500;
}

.btn-social > :first-child {
  width: 55px;
  line-height: 50px;
  border-right: none;
}

.btn-reddit {
  color: #000 !important;
}

.btn-group .btn.active {
  background-color: #6777ef;
  color: #fff;
}

.btn-progress {
  position: relative;
  background-size: 30px;
  color: transparent !important;
}

.media .media-right {
  float: right;
  color: #6777ef;
  font-weight: 600;
  font-size: 16px;
}

.media .media-icon {
  font-size: 20px;
  margin-right: 15px;
  line-height: 1;
}

.media .media-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 15px;
  color: #34395e;
}

.media .media-title a {
  font-weight: inherit;
  color: #000;
}

.media .media-description {
  line-height: 24px;
  color: #34395e;
}

.media .media-links {
  margin-top: 10px;
}

.media .media-links a {
  font-size: 12px;
  color: #999;
}

.media .media-progressbar .progress-text {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #34395e;
}

.media .media-cta {
  margin-left: 40px;
}

.media .media-cta .btn {
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 12px;
}

.media .media-items {
  display: flex;
}

.media .media-items .media-item {
  flex: 1;
  text-align: center;
  padding: 0 15px;
}

.media .media-items .media-item .media-label {
  font-weight: 600;
  font-size: 12px;
  color: #34395e;
  letter-spacing: 0.5px;
}

.media .media-items .media-item .media-value {
  font-weight: 700;
  font-size: 18px;
}

.breadcrumb {
  background-color: #f9f9f9;
}

.breadcrumb .breadcrumb-item {
  line-height: 1;
}

.breadcrumb .breadcrumb-item i {
  margin-right: 5px;
}

.accordion {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.accordion .accordion-body,
.accordion .accordion-header {
  padding: 10px 15px;
}

.accordion .accordion-header {
  background-color: #f9f9f9;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.5s;
}

.accordion .accordion-header h4 {
  line-height: 1;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.accordion .accordion-header:hover {
  background-color: #f2f2f2;
}

.accordion .accordion-header[aria-expanded=true] {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
  color: #fff;
}

.accordion .accordion-body {
  line-height: 24px;
}

.popover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  border-color: transparent;
}

.popover .manual-arrow {
  position: absolute;
  bottom: -15px;
  font-size: 26px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::before {
  border-left-color: #f2f2f2;
}

.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::before {
  border-bottom-color: #f2f2f2;
}

.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
  border-top-color: #f2f2f2;
}

.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::before {
  border-right-color: #f2f2f2;
}

.popover .popover-header {
  background-color: transparent;
  border: none;
  padding-bottom: 0;
  padding-top: 10px;
}

.popover .popover-body {
  padding: 15px;
  line-height: 24px;
}

.sm-gutters {
  margin-left: -5px;
  margin-right: -5px;
}

.sm-gutters > .col,
.sm-gutters > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.navbar {
  height: 70px;
  left: 250px;
  right: 5px;
  position: absolute;
  z-index: 890;
  background-color: transparent;
  align-items: center;
}

.navbar.active {
  background-color: #6777ef;
  box-shadow: rgba(103, 119, 239, 0.2) rgba(0, 0, 0, 0.03);
}

.navbar-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  background-color: #6777ef;
  z-index: -1;
}

.navbar .navbar-brand {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}

.navbar .form-inline .form-control {
  background-color: #fff;
  border-color: transparent;
  padding-left: 20px;
  padding-right: 0;
  margin-right: -6px;
  min-height: 46px;
  font-weight: 500;
  border-radius: 3px 0 0 3px;
  transition: all 1s;
}

.navbar .form-inline .form-control:focus,
.navbar .form-inline .form-control:focus + .btn {
  position: relative;
  z-index: 9001;
}

.navbar .form-inline .form-control:focus + .btn + .search-backdrop {
  opacity: 0.6;
  visibility: visible;
}

.navbar .form-inline .form-control:focus + .btn + .search-backdrop + .search-result {
  opacity: 1;
  visibility: visible;
  top: 80px;
}

.navbar .form-inline .search-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.navbar .form-inline .search-result {
  position: absolute;
  z-index: 9002;
  top: 100px;
  background-color: #fff;
  border-radius: 3px;
  width: 450px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.navbar .form-inline .search-result:before {
  position: absolute;
  top: -26px;
  left: 34px;
  content: "\f0d8";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-size: 30px;
}

.navbar .form-inline .search-result .search-header {
  padding: 13px 18px 2px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 600;
  font-size: 10px;
  color: #bcc1c6;
}

.navbar .form-inline .search-result .search-item {
  display: flex;
}

.navbar .form-inline .search-result .search-item a {
  padding: 13px 18px;
  text-decoration: none;
  color: #34395e;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.navbar .form-inline .search-result .search-item a:hover {
  background-color: #fbfbff;
}

.navbar .form-inline .search-result .search-item a:not(.search-close) {
  width: 100%;
}

.navbar .form-inline .search-result .search-item a i {
  margin-left: 0 !important;
}

.navbar .form-inline .search-result .search-item .search-icon {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
}

.navbar .active .nav-link {
  color: #fff;
  font-weight: 700;
}

.navbar .navbar-text {
  color: #fff;
}

.navbar .nav-link {
  color: #f2f2f2;
  height: 100%;
  padding: 0 15px !important;
}

.navbar .nav-link.nav-link-lg div {
  margin-top: 3px;
}

.navbar .nav-link.nav-link-lg i {
  margin-left: 0 !important;
  font-size: 18px;
  line-height: 32px;
}

.navbar .nav-link.nav-link-user {
  color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 600;
}

.navbar .nav-link.nav-link-user img {
  width: 30px;
}

.navbar .nav-link.nav-link-img {
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 50%;
  overflow: hidden;
}

.navbar .nav-link.nav-link-img .flag-icon {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  line-height: 18px;
  height: 22px;
  width: 22px;
  background-size: cover;
}

.remove-caret:after {
  display: none;
}

.navbar .nav-link:hover {
  color: #fff;
}

.navbar .nav-link.disabled {
  color: #fff;
  opacity: 0.6;
}

.nav-collapse {
  display: flex;
}

@media (max-width: 575.98px) {
  body.search-show .navbar .form-inline .search-element {
    display: block;
  }
  .navbar .form-inline .search-element {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 892;
    display: none;
  }
  .navbar .form-inline .search-element .form-control {
    float: left;
    border-radius: 3px 0 0 3px;
    width: calc(100% - 43px) !important;
  }
  .navbar .form-inline .search-element .btn {
    margin-top: 1px;
    border-radius: 0 3px 3px 0;
  }
  .navbar .form-inline .search-result {
    width: 100%;
  }
  .navbar .form-inline .search-backdrop,
  .navbar .nav-link.nav-link-lg div {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar .form-inline .search-element {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .collapse {
    position: relative;
  }
  .collapse .navbar-nav {
    position: absolute;
  }
}
@media (max-width: 1024px) {
  .nav-collapse {
    position: relative;
  }
  .nav-collapse .navbar-nav {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 40px;
    left: 0;
    width: 200px;
    display: none;
  }
  .nav-collapse .navbar-nav.show {
    display: block;
  }
  .nav-collapse .navbar-nav .nav-item:first-child {
    border-radius: 3px 3px 0 0;
  }
  .nav-collapse .navbar-nav .nav-item:last-child {
    border-radius: 0 0 3px 3px;
  }
  .nav-collapse .navbar-nav .nav-item .nav-link {
    background-color: #fff;
    color: #6c757d;
  }
  .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    background-color: #fcfcfd;
    color: #6777ef;
  }
  .nav-collapse .navbar-nav .nav-item.active > a,
  .nav-collapse .navbar-nav .nav-item:focus > a {
    background-color: #6777ef;
    color: #fff;
  }
  .navbar {
    left: 5px;
    right: 0;
  }
  .navbar .dropdown-menu {
    position: absolute;
  }
  .navbar .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
}
.dropdown-item.has-icon i {
  margin-top: -1px;
  font-size: 13px;
}

.dropdown-menu {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
  border: none;
  width: 200px;
}

.dropdown-menu.show {
  display: block !important;
}

.dropdown-menu a {
  font-size: 13px;
}

.dropdown-menu .dropdown-title {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #191d21 !important;
  padding: 10px 20px;
  line-height: 20px;
}

.dropdown-menu.dropdown-menu-sm a {
  font-size: 14px;
  letter-spacing: normal;
  padding: 10px 20px;
  color: #6c757d;
}

a.dropdown-item {
  padding: 10px 20px;
  font-weight: 500;
  line-height: 1.2;
}

a.dropdown-item.active,
a.dropdown-item:active,
a.dropdown-item:focus {
  background-color: #6777ef;
  color: #fff !important;
}

.dropdown-divider {
  border-top-color: #f9f9f9;
}

.dropdown-list {
  width: 350px;
  padding: 0;
}

.dropdown-list .dropdown-item {
  display: inline-block;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 13px;
  border-bottom: 1px solid #f9f9f9;
}

.dropdown-list .dropdown-item.dropdown-item-header:hover {
  background-color: transparent;
}

.dropdown-list .dropdown-item .time {
  margin-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
}

.dropdown-list .dropdown-item .dropdown-item-avatar {
  float: left;
  width: 40px;
  text-align: right;
  position: relative;
}

.dropdown-list .dropdown-item .dropdown-item-avatar img {
  width: 100%;
}

.dropdown-list .dropdown-item .dropdown-item-avatar .is-online {
  position: absolute;
  bottom: 0;
  right: 0;
}

.dropdown-list .dropdown-item .dropdown-item-desc {
  line-height: 24px;
  white-space: normal;
  color: #34395e;
  margin-left: 60px;
}

.dropdown-list .dropdown-item .dropdown-item-desc b {
  font-weight: 600;
  color: #666;
}

.dropdown-list .dropdown-item .dropdown-item-desc p {
  margin-bottom: 0;
}

.dropdown-list .dropdown-item:focus {
  background-color: #6777ef;
}

.dropdown-list .dropdown-item:focus .dropdown-item-desc,
.dropdown-list .dropdown-item:focus .dropdown-item-desc b {
  color: #fff !important;
}

.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc,
.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
  color: #6c757d;
}

.dropdown-list .dropdown-item:active .dropdown-item-desc,
.dropdown-list .dropdown-item:active .dropdown-item-desc b {
  color: #fff;
}

.dropdown-list .dropdown-item.dropdown-item-unread {
  background-color: #fbfbfb;
  border-bottom-color: #f2f2f2;
}

.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc,
.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b {
  color: #6c757d !important;
}

.dropdown-list .dropdown-footer,
.dropdown-list .dropdown-header {
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 15px;
}

.dropdown-list .dropdown-footer a,
.dropdown-list .dropdown-header a {
  font-weight: 600;
}

.dropdown-list .dropdown-list-content {
  height: 350px;
  overflow: hidden;
}

.dropdown-list .dropdown-list-content:not(.is-end):after {
  content: " ";
  position: absolute;
  bottom: 46px;
  left: 0;
  width: 100%;
  height: 60px;
}

.dropdown-list .dropdown-list-icons .dropdown-item {
  display: flex;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
  flex-shrink: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
}

.colors .color,
blockquote,
pre {
  border-radius: 3px;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i {
  margin: 0;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
  margin-left: 15px;
  line-height: 20px;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time {
  margin-top: 5px;
}

.dropdown-flag .dropdown-item {
  font-weight: 600;
}

.dropdown-flag .dropdown-item .flag-icon {
  width: 20px;
  height: 13px;
  margin-right: 7px;
  margin-top: -6px;
}

.dropdown-flag .dropdown-item.active {
  background-color: #6777ef;
  color: #fff;
}

@media (max-width: 575.98px) {
  .dropdown-list-toggle {
    position: static;
  }
  .dropdown-list-toggle .dropdown-list {
    left: 10px !important;
    width: calc(100% - 20px);
  }
}
.tab-content.no-padding > .tab-pane {
  padding: 0;
}

.tab-content > .tab-pane {
  line-height: 28px;
}

.progress-bar {
  background-color: #6777ef;
}

.jumbotron {
  background-color: #e3eaef;
}

.carousel .carousel-caption p {
  font-size: 13px;
  line-height: 24px;
}

:root {
  --primary: color(primary);
  --secondary: color(fontdark);
  --success: color(success);
  --info: color(info);
  --warning: color(warning);
  --danger: color(danger);
  --light: color(light);
  --dark: color(dark);
}

body {
  background-color: #fafdfb;
  font-size: 14px;
  font-weight: 400;
  font-family: Nunito, "Segoe UI", arial;
  color: #6c757d;
}

a.bb {
  text-decoration: none;
  border-bottom: 1px solid #6777ef;
  padding-bottom: 1px;
}

.form-divider {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  font-size: 16px;
  font-weight: 600;
}

.sort-handler,
.ui-sortable-handle {
  cursor: move;
}

.text-job {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #34395e;
}

.text-time {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  margin-bottom: 10px;
}

.bullet,
.slash {
  display: inline;
  margin: 0 4px;
}

.bullet:after {
  content: "•";
}

.slash:after {
  content: "/";
}

.login-brand {
  margin: 20px 0;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #666;
  text-align: center;
}

.login-brand img {
  width: 80%;
}

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

.budget-price {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.budget-price .budget-price-square {
  width: 15px;
  height: 3px;
  background-color: #f9f9f9;
}

.budget-price .budget-price-label {
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
}

.gradient-bottom {
  position: relative;
}

.gradient-bottom:after {
  content: " ";
  position: absolute;
  bottom: 41px;
  left: 0;
  width: 100%;
  height: 60px;
}

.text-small {
  font-size: 12px;
  line-height: 20px;
}

.text-title {
  font-size: 14px;
  color: #34395e;
  font-weight: 600;
}

.img-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}

.colors {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.colors .color {
  width: calc(25% - 10px);
  padding: 10px;
  height: 60px;
  line-height: 40px;
  text-align: center;
  margin: 5px;
}

blockquote {
  padding: 20px 20px 20px 40px;
  font-style: oblique;
  background-color: #f9f9f9;
  position: relative;
  font-family: "Time new Romans";
  font-size: 16px;
  letter-spacing: 0.3px;
}

blockquote:before {
  content: '"';
  font-size: 30px;
  position: absolute;
  top: 10px;
  left: 20px;
  opacity: 0.2;
}

blockquote .blockquote-footer {
  margin-top: 10px;
}

.bg-whitesmoke {
  background-color: #f7f9f9 !important;
}

.ion {
  font-size: 15px;
}

.fab,
.fal,
.far,
.fas {
  font-size: 13px;
}

#visitorMap {
  height: 210px;
}

.sidebar-gone-show {
  display: none !important;
}

.circle-step {
  display: flex;
  margin-bottom: 10px;
}

.circle-step .circle,
.is-online {
  display: inline-block;
  border-radius: 50%;
}

.circle-step .circle-content {
  margin-top: 3px;
  margin-left: 13px;
}

.circle-step .circle {
  border-width: 2px;
  border-style: solid;
  width: 32px;
  height: 32px;
  line-height: 30px;
  font-size: 11px;
  text-align: center;
}

.circle-step .circle.circle-primary {
  border-color: #6777ef;
  color: #6777ef;
}

.contact-map {
  width: 100%;
  height: 100%;
  min-height: 400px;
}

#visitorMap2,
#visitorMap3 {
  height: 350px;
}

.shadow-primary {
  box-shadow: 0 2px 6px #acb5f6;
}

.shadow-secondary {
  box-shadow: 0 2px 6px #e1e5e8;
}

.shadow-success {
  box-shadow: 0 2px 6px #a8f5b4;
}

.shadow-warning {
  box-shadow: 0 2px 6px #ffc473;
}

.shadow-danger {
  box-shadow: 0 2px 6px #fd9b96;
}

.shadow-info {
  box-shadow: 0 2px 6px #82d3f8;
}

.shadow-light {
  box-shadow: 0 2px 6px #e6ecf1;
}

.shadow-dark {
  box-shadow: 0 2px 6px #728394;
}

.is-online {
  width: 10px;
  height: 10px;
  background-color: #63ed7a;
}

.gutters-xs {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.gutters-xs > .col,
.gutters-xs > [class*=col-] {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.beep {
  position: relative;
}

.beep:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 8px;
  width: 7px;
  height: 7px;
  background-color: #ffa426;
  border-radius: 50%;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 1;
}

.beep.beep-sidebar:after {
  position: static;
  margin-left: 10px;
}

@media (max-width: 575.98px) {
  .fc-overflow {
    width: 100%;
    overflow: auto;
  }
  .fc-overflow #myEvent {
    width: 800px;
  }
  .ionicons li {
    width: 25%;
  }
  .icon-wrap {
    width: 100%;
  }
}
.section {
  position: relative;
  z-index: 1;
}

.section .section-header {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  border-radius: 3px;
  border: none;
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
  align-items: center;
}

.section .section-header h1 {
  margin-bottom: 0;
  font-weight: 700;
  display: inline-block;
  font-size: 24px;
  margin-top: 3px;
  color: #34395e;
}

.section .section-header .section-header-back {
  margin-right: 15px;
}

.section .section-header .section-header-back .btn:hover {
  background-color: #6777ef;
  color: #fff;
}

.section .section-header .section-header-button {
  margin-left: 20px;
}

.section .section-header .section-header-breadcrumb {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.section .section-header .btn,
.section .section-header .section-header-breadcrumb .breadcrumb-item {
  font-size: 12px;
}

.section .section-title {
  font-size: 18px;
  color: #191d21;
  font-weight: 600;
  position: relative;
  margin: 30px 0 25px;
}

.section .section-title:before {
  content: " ";
  border-radius: 5px;
  height: 8px;
  width: 30px;
  background-color: #6777ef;
  display: inline-block;
  float: left;
  margin-top: 6px;
  margin-right: 15px;
}

.section .section-title + .section-lead {
  margin-top: -20px;
}

.section .section-lead {
  margin-left: 45px;
}

.main-wrapper-1 .section .section-header {
  margin-left: -30px;
  margin-right: -30px;
  border-radius: 0;
  border-top: 1px solid #f9f9f9;
  padding-left: 35px;
  padding-right: 35px;
}

@media (max-width: 575.98px) {
  .section .section-title {
    font-size: 14px;
  }
  .section .section-header {
    flex-wrap: wrap;
    margin-bottom: 20px !important;
  }
  .section .section-header h1 {
    font-size: 18px;
  }
  .section .section-header .float-right {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
  }
  .section .section-header .section-header-breadcrumb {
    flex-basis: 100%;
    margin-top: 10px;
  }
}
.page-error {
  height: 100%;
  width: 100%;
  padding-top: 60px;
  text-align: center;
  display: table;
}

.page-error .page-inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.page-error h1 {
  font-size: 10em;
  font-weight: 700;
}

.page-error .page-description {
  font-size: 18px;
  font-weight: 400;
  color: #34395e;
}

.page-error .page-search {
  margin: 40px auto;
  max-width: 100%;
  width: 350px;
}

.page-error .page-search .form-control {
  border-radius: 30px;
}

.page-error .page-search .btn {
  border-radius: 30px;
  margin-left: 10px;
}

@media (max-width: 575.98px) {
  .page-error .page-search {
    width: 100%;
  }
}
.main-sidebar {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  position: fixed;
  top: 0;
  height: 100%;
  width: 250px;
  background-color: #fff;
  z-index: 880;
  left: 0;
}

.main-content,
.main-footer,
.main-sidebar,
.navbar {
  transition: all 0.5s;
}

body.sidebar-gone .main-sidebar {
  left: -250px;
}

body.sidebar-mini .hide-sidebar-mini {
  display: none !important;
}

body.sidebar-mini .main-sidebar {
  width: 65px;
  overflow: initial !important;
  position: absolute;
  box-shadow: none;
}

body.sidebar-mini .main-sidebar:after {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  content: " ";
  position: fixed;
  background-color: #fff;
  width: 65px;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  animation-name: mini-sidebar;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes mini-sidebar {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.sidebar-mini .main-sidebar .sidebar-brand {
  display: none;
}

body.sidebar-mini .main-sidebar .sidebar-brand-sm {
  display: block;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li {
  padding: 10px;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.menu-header {
  padding: 0;
  font-size: 0;
  height: 2px;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
  border-radius: 3px;
  height: 45px;
  padding: 0;
  justify-content: center;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fab,
body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fal,
body.sidebar-mini .main-sidebar .sidebar-menu > li > a .far,
body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fas,
body.sidebar-mini .main-sidebar .sidebar-menu > li > a .ion {
  margin: 0;
  font-size: 20px;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a span {
  display: none;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a .badge {
  padding: 5px;
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 10px;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a.has-dropdown:after {
  content: initial;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #acb5f6;
  background-color: #6777ef;
  color: #fff;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {
  position: absolute;
  background-color: #fff;
  left: 65px;
  top: 10px;
  width: 200px;
  display: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus {
  color: #fff;
  background-color: #6777ef !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {
  height: 40px;
  padding: 0 20px;
  background-color: #fff;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a.has-dropdown:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  font-size: 12px;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu {
  display: block !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
  background-color: #fcfcfd;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li .dropdown-menu {
  left: 200px;
  padding: 0;
}

body.sidebar-mini .navbar {
  left: 65px;
}

body.sidebar-mini .main-content,
body.sidebar-mini .main-footer {
  padding-left: 90px;
}

body.layout-2 .navbar-bg {
  z-index: 889;
  height: 70px;
}

body.layout-2 .navbar {
  left: 0;
  z-index: 890;
}

body.layout-2 .main-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0 50px;
}

body.layout-2 .main-content,
body.layout-2 .main-footer,
body.layout-2 .main-sidebar {
  flex-shrink: 0;
  flex-grow: 0;
}

body.layout-2 .main-sidebar {
  background-color: transparent;
  box-shadow: none;
  position: static;
  margin-top: 100px;
  width: 200px;
}

body.layout-2 .main-sidebar .sidebar-menu li a,
body.layout-2 .main-sidebar .sidebar-menu li.menu-header {
  padding: 0;
}

body.layout-2 .main-sidebar .sidebar-menu li a i {
  width: 10px;
}

body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown:after {
  right: 0;
}

body.layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #6777ef;
  background-color: transparent;
}

body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  padding-left: 34px;
}

body.layout-2 .main-content {
  padding-top: 107px;
  padding-left: 30px;
  padding-right: 0;
  width: calc(100% - 200px);
}

body.layout-2 .main-footer {
  margin-left: 230px;
  width: calc(100% - 230px);
  padding-left: 0;
  padding-right: 0;
}

body.layout-3 .navbar {
  left: 0;
  right: 0;
}

body.layout-3 .navbar.navbar-secondary {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  top: 70px;
  padding: 0;
  z-index: 889;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #6777ef;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link:before {
  left: 35px;
  right: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:first-child .nav-link {
  margin-left: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:last-child .nav-link {
  margin-right: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link {
  color: #868e96;
  font-size: 13px;
  letter-spacing: 0.3px;
  height: 70px;
  padding: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown {
  margin-right: 35px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 12px;
  right: -20px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  content: " ";
  position: absolute;
  left: initial;
  right: initial;
  bottom: 0;
  height: 2px;
  background-color: #6777ef;
  transition: all 0.5s;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link span {
  line-height: 74px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link i {
  width: 30px;
  font-size: 16px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:hover {
  color: #191d21 !important;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu {
  padding: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link {
  color: #6c757d;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 7px 20px !important;
}

body.layout-3 .main-content,
body.layout-3 .main-footer {
  padding-left: 0;
  padding-right: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link.has-dropdown:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 12px;
  right: 15px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .nav-link {
  background-color: #fcfcfd;
  color: #191d21;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .dropdown-menu {
  display: block !important;
  top: -5px;
  left: 200px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #6777ef;
  color: #fff;
}

.main-sidebar .sidebar-menu li a:hover,
.main-sidebar .sidebar-menu li.active ul.dropdown-menu,
.main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
  background-color: #fcfcfd;
}

body.layout-3 .main-content {
  padding-top: 170px;
}

.main-sidebar .sidebar-brand {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 60px;
  line-height: 60px;
}

.main-sidebar .sidebar-brand.sidebar-brand-sm {
  display: none;
}

.main-sidebar .sidebar-brand a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #000;
}

.main-sidebar .sidebar-user {
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

.main-sidebar .sidebar-user .sidebar-user-picture {
  float: left;
  margin-right: 10px;
}

.main-sidebar .sidebar-user .sidebar-user-picture img {
  width: 50px;
  border-radius: 50%;
}

.main-sidebar .sidebar-menu {
  padding: 0;
  margin: 0;
}

.main-sidebar .sidebar-menu li {
  display: block;
}

.main-sidebar .sidebar-menu li.menu-header {
  padding: 3px 15px;
  color: #bcc1c6;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 600;
}

.main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
  margin-top: 10px;
}

.main-sidebar .sidebar-menu li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  width: 100%;
  letter-spacing: 0.3px;
  color: #868e96;
  text-decoration: none;
}

.main-sidebar .sidebar-menu li a .badge {
  float: right;
  padding: 5px 10px;
  margin-top: 2px;
}

.main-sidebar .sidebar-menu li a i {
  width: 28px;
  margin-right: 20px;
  text-align: center;
}

.main-sidebar .sidebar-menu li a span {
  margin-top: 3px;
  width: auto;
  margin-right: 10px;
}

.main-sidebar .sidebar-menu li.active a {
  color: #6777ef;
  font-weight: 600;
  background-color: #fcfcfd;
}

.main-sidebar .sidebar-menu li a.has-dropdown:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  font-size: 12px;
}

.main-sidebar .sidebar-menu li.active > ul.dropdown-menu {
  display: block;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu {
  padding: 0;
  margin: 0;
  display: none;
  position: static;
  float: none;
  width: 100%;
  box-shadow: none;
  background-color: transparent;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  color: #868e96;
  height: 35px;
  padding-left: 65px;
  font-weight: 400;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #6777ef;
  background-color: inherit;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #6777ef;
  font-weight: 600;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
  margin-top: 1px;
  text-align: center;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu {
  padding-left: 10px;
}

.main-content {
  padding-left: 280px;
  padding-right: 30px;
  padding-top: 80px;
  width: 100%;
  position: relative;
}

.main-footer {
  padding: 20px 30px 20px 280px;
  margin-top: 40px;
  color: #98a6ad;
  border-top: 1px solid #e3eaef;
  display: inline-block;
  width: 100%;
}

.main-footer .footer-left {
  float: left;
}

.main-footer .footer-right {
  float: right;
}

.simple-footer {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #6777ef;
  color: #fff;
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #e8ebfd;
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
  background-color: #6777ef;
  color: #fff;
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a {
  color: #fff;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
  padding-left: 16px;
  background-color: transparent;
  position: relative;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 25px;
  width: 4px;
  background-color: #6777ef;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
  padding-left: 61px;
  background-color: #fff;
}

@media (max-width: 1024px) {
  body.search-show,
  body.sidebar-show {
    overflow: hidden;
  }
  .sidebar-gone-hide {
    display: none !important;
  }
  .sidebar-gone-show {
    display: block !important;
  }
  .main-sidebar {
    position: fixed !important;
    margin-top: 0 !important;
    z-index: 891;
  }
  body.layout-2 .main-wrapper,
  body.layout-3 .main-wrapper {
    width: 100%;
    padding: 0;
    display: block;
  }
  .main-content,
  .main-footer {
    padding-left: 30px;
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
  }
  .main-content {
    padding-right: 30px;
    width: 100% !important;
  }
  body.search-show .navbar {
    z-index: 892;
  }
  body.search-show:before,
  body.sidebar-show:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 891;
    animation-name: fadeinbackdrop;
    animation-duration: 1s;
    animation-fill-mode: forwards;
  }
}
@keyframes fadeinbackdrop {
  to {
    opacity: 0.6;
  }
}
.pulsate {
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 1;
}
.c-search__eligibility {
  background-color: #fff;
  border-radius: 50px;
  margin-left: 15px;
}

.c-search__eligibility .clicktoshow {
  background-color: #fff;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  border: 2px solid #d74630;
  cursor: pointer;
}

.c-search__eligibility .clicktoshow i {
  opacity: 0;
}

.c-search__eligibility .clicktoshow.checked {
  background-color: #d74630;
  position: relative;
  color: #fff;
}

.navbar .nav-link.nav-link-user,
.notification-toggle {
  background-color: #fff;
}

.c-search__eligibility .clicktoshow.checked i {
  opacity: 1;
  transition: all 0.5s;
  position: absolute;
  left: 7px;
  top: 8px;
}

.c-search__eligibility .c-check {
  display: none;
}

.c-search__eligibility p {
  margin-bottom: 0;
  padding: 5px 15px 5px 8px;
}

.c-search__addition button {
  background-color: #fff;
  border: none;
  padding: 11px;
  border-radius: 50%;
  margin-left: 9px;
  font-size: 32px;
  font-weight: 300;
  color: #919191;
  line-height: 18px;
  cursor: pointer;
  outline: 0;
}

.notification-toggle {
  margin-right: 6px;
}

.notification-toggle i {
  font-size: 20px !important;
  color: #c3c3c3;
}

.navbar-expand-lg .navbar-nav.user-notification li a {
  padding: 4px 11px !important;
  border-radius: 3px;
}

.user-icon {
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px !important;
  vertical-align: middle;
}

.user-icon i {
  background-color: #c3c3c3;
  border-radius: 50%;
  padding: 0 6px;
  font-size: 17px !important;
  line-height: 27px !important;
}

.user-info {
  color: #606060;
  font-weight: 400;
  margin-right: 3px;
  vertical-align: middle;
  margin-top: 0 !important;
}

.dropdown-toggle::after {
  border-top: 5px solid #aaa;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  vertical-align: middle;
}

.c-eligibility {
  background-color: #f3f3f3;
  padding: 12px 5px;
  margin: 0 -30px 20px;
  display: none;
  box-shadow: 0 1px 8px 0 #d8d8d8;
}

.c-eligibility .row {
  margin-left: 0;
  margin-right: 0;
  align-items: center;
}

.c-eligibility p {
  margin-bottom: 0;
  padding-left: 15px;
}

.c-eligibility .col {
  padding-left: 5px;
  padding-right: 5px;
}

.c-input {
  width: 100%;
  border-radius: 50px;
  padding: 8px 18px;
  border: none;
  outline: 0;
}

.brn-search {
  border-radius: 20px;
  padding: 5px 25px;
  font-weight: 300;
}

.record-area {
  display: inline-block;
  border: 1px solid #6fee66;
  padding: 6px 7px 6px 12px;
  border-radius: 25px;
  margin-right: 6px;
  cursor: pointer;
  font-size: 12px;
  line-height: 17px;
}

.record-area:hover {
  background-color: #6fee66;
  transition: all 0.5s;
  color: #fff;
}

.record-area i {
  margin: 0 10px;
}

.record-area span {
  background-color: #e8ffe8;
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 11px;
  color: #3ba720;
  margin-left: 5px;
}

.cls-round,
span.round {
  border-radius: 50%;
  display: inline-block;
}

.c-eligibility-result {
  overflow-x: scroll;
  background-color: #fff;
  padding: 15px;
  margin: 0 -30px 40px;
  box-shadow: 0 1px 8px 0 #d8d8d8;
}

.c-eligibility-result__inner {
  width: 130%;
}

.c-eligibility-result__inner > p {
  margin-bottom: 0;
  margin-right: 15px;
}

.c-eligibility-result__inner > div,
.c-eligibility-result__inner > p,
button {
  display: inline-block;
  vertical-align: middle;
}

span.round {
  width: 34px;
  background: #b3b2b2;
  height: 34px;
  vertical-align: middle;
  margin-left: 5px;
}

.record-details {
  background-color: #fff;
  padding: 0 15px;
  margin-bottom: 50px;
}

.record-details h4 {
  margin-bottom: 0;
  font-weight: 400;
}

.record-details .col {
  padding: 0 5px;
}

.record-details .row {
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}

.record-bg {
  background-color: #ddd;
  width: 100%;
  min-height: 35px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  background-color: #fff;
  border-color: transparent;
  border-bottom: 2px solid #8a8888;
  color: #8a8888 !important;
}

.c-editrecord,
.sidebar-wrap {
  border-left: 1px solid #ddd;
}

.c-editrecord {
  border-right: 1px solid #ddd;
  background-color: #fff;
}

.c-editrecord__top {
  padding: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.cls-round {
  background-color: #ddd;
  height: 55px;
  width: 55px;
}

.detail-record-2 {
  font-size: 12px;
}

.detail-record-2 ul {
  margin-bottom: 0;
  padding-left: 25px;
}

.detail-record-2 ul li {
  display: inline-block;
  margin-right: 25px;
}

.detail-record-2 ul li span {
  font-weight: 500;
}

.record-tab {
  padding: 0;
  margin-right: -15px;
  border-right: none;
  background-color: #fff;
}

.record-sidebar {
  padding-right: 15px;
}

.record-sidebar aside {
  margin-top: 15px;
  margin-bottom: 15px;
}

.record-sidebar aside h4 {
  font-size: 20px;
  font-weight: 400;
}

.record-sidebar aside textarea {
  min-height: 200px;
  resize: none;
  width: 100%;
  background-color: #f3f3f3;
  border: none;
  padding: 10px;
}

.btn-eligible {
  background-color: #63ed7a;
  font-weight: 400;
  font-size: 11px;
  border: 1px solid #63ed7a;
  padding: 0 10px;
}

.btn-eligible:hover {
  background-color: #1dc31d !important;
  border: 1px solid #1dc31d;
}

.edit-recordinfo {
  color: #049c0a;
  margin: 0 7px;
  font-size: 15px;
  cursor: pointer;
}

.edit-recordinfo:hover {
  color: #000;
}

.btn-eligible:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-right: 3px;
}

.patient-record-table tbody tr {
  border-top: 1px solid #ececec;
}

.patient-record-table thead tr th a {
  color: #666;
}

.patient-record-table tbody tr a i {
  color: #6773f8;
}

.patient-record-table tbody tr a i.fa-trash-alt {
  color: #db4437;
}

.patient-record-table tbody tr:hover {
  background-color: #f5f5f5;
}

.notes-section .card-header {
  padding-top: 15px !important;
}

.notes-section .card-header .btn {
  position: absolute;
  right: 35px;
  border-radius: 50%;
  padding: 0 !important;
  font-size: 20px;
  font-weight: 500;
  height: 30px;
  width: 30px;
  margin: 0;
  line-height: 16px;
}

.notes-section .card-body {
  padding: 20px 25px;
  border-bottom: 1px solid #000;
  max-height: 300px;
  overflow: auto;
}

.notes-section .card-body ul li {
  padding-top: 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #000 !important;
}

.notes-section .card-body ul li:last-child {
  border-bottom: 0 solid #000 !important;
}

.notes-section .card-body h6 {
  font-style: normal;
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #a5b3c1;
  font-weight: 600;
}

.notes-section .card-body p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
  font-size: 14px;
  color: #606060;
  font-weight: 400;
}

.notes-section .card-body .notes-date-section p {
  line-height: normal;
  font-size: 12px;
  text-align: right;
  color: #2e3333;
  font-weight: 700;
}

.notes-section .card-body .btn-light i {
  color: #a1abbe;
}

.notes-section .card-body .btn-light:focus i,
.notes-section .card-body .btn-light:hover i {
  color: #fff;
}

#add-notes-modal .modal-header {
  padding: 15px 25px !important;
  border-bottom: 1px solid #000;
}

#add-notes-modal textarea {
  width: 100%;
  padding: 15px;
  border: 0;
  font-size: 14px;
}

#add-notes-modal .modal-footer {
  padding: 15px 25px !important;
  border-top: 1px solid #000;
}

#add-notes-modal .modal-footer .btn-modal-blue.border-blue,
#add-notes-modal .modal-footer .btn-save-notes {
  font-family: TT Norms;
  line-height: normal;
  font-size: 12px;
  text-align: center;
  padding: 6px 15px;
  min-width: 100px;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pd-0 {
  padding: 0 !important;
}

.pd-5 {
  padding: 5px !important;
}

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

.pd-15 {
  padding: 15px !important;
}

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

.pd-25 {
  padding: 25px !important;
}

.pd-30 {
  padding: 30px !important;
}

.pd-40 {
  padding: 40px !important;
}

.pd-50 {
  padding: 50px !important;
}

.pd-60 {
  padding: 60px !important;
}

.pd-80 {
  padding: 80px !important;
}

.pd-0-scrollbar {
  padding: 0 10px 0 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.fs9 {
  font-size: 9px;
}

.fs10 {
  font-size: 10px;
}

.fs11 {
  font-size: 11px;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs19 {
  font-size: 19px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs30 {
  font-size: 30px;
}

.fs40 {
  font-size: 40px;
}

.fs50 {
  font-size: 50px;
}

.fs60 {
  font-size: 60px;
}

.fs70 {
  font-size: 70px;
}

.fs80 {
  font-size: 80px;
}

.fs90 {
  font-size: 90px;
}

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

.text-black {
  color: #2e3333 !important;
}

.text-green {
  color: #27ae60 !important;
}

.text-normal {
  font-weight: 400;
}

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

.text-semibold {
  font-weight: 500 !important;
}

.text-regular {
  font-weight: 400 !important;
}

.text-light {
  font-weight: 300;
}

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

.text-italic {
  font-style: italic;
}

.text-highlight {
  padding: 4px 6px;
}

.text-size-large {
  font-size: 14px;
}

.text-size-base {
  font-size: 13px;
}

.text-size-small {
  font-size: 12px;
}

.text-size-mini {
  font-size: 11px;
}

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

/*
	helpers
	--> variables
	--> functions
	--> mixins
*/
.shadow-small {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}

.shadow-medium {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.shadow-large {
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.08);
}

.shadow-light {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.shadow-natural {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}

.shadow-dark {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
}

/*
	base
	--> reset
	--> typography
	--> color
*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 10, 2018 */
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Thin.woff2?d4aef48ef31cf25fcb3127649bfd53dd) format("woff2"), url(/fonts/TTNorms-Thin.woff?8af7333d4806a95e4d47bf2b7faf81a5) format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Light.woff2?1a59604b34dfca63645272cc427f8a2a) format("woff2"), url(/fonts/TTNorms-Light.woff?b2ca06dacd0a72e121fa6be5516e9e2d) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-ExtraLightItalic.woff2?460cfd25e478053263f7172c74306491) format("woff2"), url(/fonts/TTNorms-ExtraLightItalic.woff?f5084a315760c1290e747280123f6977) format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-ExtraLight.woff2?39d1c58260bdff32801346fe6032f5aa) format("woff2"), url(/fonts/TTNorms-ExtraLight.woff?7e7d046501afb1cfe3daa22041976948) format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-ExtraBold.woff2?f5ce9ab64475fb094674e8d60b19082f) format("woff2"), url(/fonts/TTNorms-ExtraBold.woff?353e4a4e4cd565941a1b3ac8fa6c1dbe) format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-BlackItalic.woff2?67d4f96c024313a5645e444b0d493782) format("woff2"), url(/fonts/TTNorms-BlackItalic.woff?64168893d41cfb80e2a1746c45a0ed35) format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Italic.woff2?4490f2e30183ce7d91ed44ac4de1b1b9) format("woff2"), url(/fonts/TTNorms-Italic.woff?c8fcf5943f7fe15909d358fa70fe7073) format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-MediumItalic.woff2?4fcdda3f04da8487d2d3a994386335c4) format("woff2"), url(/fonts/TTNorms-MediumItalic.woff?079e9317c465cffa45d7321c0dcee4c8) format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-BoldItalic.woff2?de423a262812132b35cc52b8b57c88f5) format("woff2"), url(/fonts/TTNorms-BoldItalic.woff?d793d78ee64861f5ac4104c57bd43f21) format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Heavy.woff2?975c99a5a6c656d63b652162792cf899) format("woff2"), url(/fonts/TTNorms-Heavy.woff?f5ac8445ef92713a25e54da1150b191a) format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Black.woff2?fd72db839627f68b30c53af1c81e140b) format("woff2"), url(/fonts/TTNorms-Black.woff?7e663f5d7ed56f72f0e55ddba8bb21f7) format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Bold.woff2?a8bed11e8f6e96d228b3694f0b3862ba) format("woff2"), url(/fonts/TTNorms-Bold.woff?424450231088d8fd153e5e49857a6dd1) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-ThinItalic.woff2?0d5b638e28d94ee074a06696019e49e6) format("woff2"), url(/fonts/TTNorms-ThinItalic.woff?7328dfb18affc07ddbc10f6f2e4fc1e9) format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Medium.woff2?16a0dc73a2d1f7f5ea8be5b70f61b69e) format("woff2"), url(/fonts/TTNorms-Medium.woff?b4237fb0a980e31863fc8865f5014ddb) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-HeavyItalic.woff2?0f7f43cdbf5a922936c15bf96b15a0b0) format("woff2"), url(/fonts/TTNorms-HeavyItalic.woff?bd42b3754ac0970adcdf0150a847f9a6) format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-LightItalic.woff2?436e6558cdbf00bde7a4f253b8ee7ab1) format("woff2"), url(/fonts/TTNorms-LightItalic.woff?62088b4fac43c0075ef20e9b9d6b6b26) format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-ExtraBoldItalic.woff2?247427693fa5dfa9e32c536eb186b255) format("woff2"), url(/fonts/TTNorms-ExtraBoldItalic.woff?1fe109dddc0178348c4658ee969b901d) format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url(/fonts/TTNorms-Regular.woff2?5982d00bff284879ad2e159ee772776c) format("woff2"), url(/fonts/TTNorms-Regular.woff?57c23459ef845424a65bb69072314bb9) format("woff");
  font-weight: normal;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
  print-color-adjust: exact !important; /*Firefox*/
}

div {
  box-sizing: border-box;
}

.c-alignLeft {
  float: left;
}

.c-alignCenter {
  margin: 0 auto;
}

.c-alignRight {
  float: right;
}

.c-text--alignleft {
  text-align: left;
}

.c-text--aligncenter {
  text-align: center;
}

.c-text--alignRight {
  text-align: right;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  width: 100%;
}

ul {
  list-style-type: none;
}

input {
  outline: none;
}

a {
  outline: none;
}

p a {
  font-weight: 600;
  line-height: 20px;
}

button {
  outline: none;
}

.space-remove {
  padding-left: 0px;
  padding-right: 0px;
}
.space-remove-right {
  padding-left: 15px;
  padding-right: 0px;
}

.clearfix:before,
.clearfix:before {
  content: " ";
  clear: both;
  width: 100%;
  display: block;
}

.u-aligncenter {
  text-align: center;
}

.u-viewmore {
  text-align: center;
}
.u-viewmore a {
  color: #36B4FB;
  font-size: 20px;
  font-weight: 400;
}
.u-viewmore a:hover {
  text-decoration: none;
  color: #152C64;
}
@media (min-width: 992px) {
  .u-viewmore {
    margin-top: 15px;
  }
}

.lds-ripple {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple span {
  position: absolute;
  bottom: -15px;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
.u-loader {
  position: fixed;
  background: #000000;
  height: 100%;
  width: 100%;
  z-index: 99;
  opacity: 0.8;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}

:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}

.o-app {
  min-height: 768px;
}

.default-margin {
  margin-left: 0px;
  margin-right: 0px;
}

/*Tooltio*/
.tip-content {
  display: none;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 20px;
  z-index: 99;
  margin-top: 7px;
  max-width: 260px;
}
.tip-content p {
  font-size: 14px;
  line-height: 20px;
}
.tip-content a {
  text-decoration: underline;
  font-size: 14px;
  line-height: 20px;
}
.tip-content:before {
  content: " ";
  background-image: url(/images/tooltip-arrow.png?483ef5d7525adc942096b3b0ae572e69);
  position: absolute;
  top: -7px;
  left: 113px;
  width: 14px;
  height: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.c-tooltip__link:hover .tip-content {
  opacity: 1;
}

.breadcrumb {
  background-color: transparent;
}

body.sidebar-mini .main-content {
  padding-left: 65px;
}
body.sidebar-mini .main-footer {
  padding-left: 65px;
}

.hidden-tablet {
  display: none;
}
@media (min-width: 1025px) {
  .hidden-tablet {
    display: table-cell;
  }
}

.modal-dialog {
  top: 50% !important;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* The switch - the box around the slider */
.cus-switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 34px;
  margin-bottom: 0px;
}
.cus-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Hide default HTML checkbox */
.switch-module {
  position: absolute;
  right: 22px;
  margin-top: 7px;
  z-index: 2;
}
.switch-module p {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-weight: 400;
  margin-bottom: 0px;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3 !important;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  transform: translateX(26px);
}

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

/*Modified scrollbar*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #2879D9 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgb(156, 203, 255) !important;
}

.animated .close {
  color: #fff;
  opacity: 0.8;
}
.animated .close:hover {
  opacity: 1;
}

/*Loading*/
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #177dfd;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
.min-height {
  min-height: 110px;
}

.btn-dark-blue {
  background-color: #2879D9 !important;
  font-size: 31px !important;
  padding: 19px 36px 18px 77px !important;
}

.btn-dark-blue.btn.btn-eligibility:before {
  /*    top: 16px;
      left: 15px;*/
  top: 11px;
  left: 13px;
}

.btn-dark-blue.btn.btn-eligibility:before {
  font-size: 20px;
  padding: 8px 10px;
}

.btn-dark-blue.search-progress:before {
  width: 38px;
  height: 38px;
}

.btn-dark-blue.search-progress {
  background-color: #5B9CEC !important;
}

.main-wrapper {
  background: #fff;
}

.main-sidebar {
  box-shadow: none;
  border-right: 2px solid #D7D7D7;
  position: fixed !important;
  top: 0;
  height: 100%;
}

.rechek-eli {
  color: #5B9CEC;
  font-size: 14px;
}

.clickable-tr:hover {
  cursor: pointer;
}

#pswd_info {
  z-index: 999;
  position: absolute;
  /*bottom:5px;*/
  margin-top: 7px;
  bottom: -115px\9 ; /* IE Specific */
  width: 250px;
  padding: 15px;
  background: #fefefe;
  font-size: 0.875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
}

#pswd_info h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
}

#pswd_info::before {
  content: "▲";
  position: absolute;
  top: -12px;
  left: 45%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
}

.invalid {
  padding-left: 22px;
  line-height: 24px;
  color: #ec3f41;
}

.valid {
  padding-left: 22px;
  line-height: 24px;
  color: #3a7d34;
}

.valid .p-status:before {
  content: "\f00c";
}

.invalid .p-status:before {
  content: "\f00d";
}

#pswd_info.reset-password {
  width: 350px;
  bottom: -22px;
}

#pswd_info {
  display: none;
}

.privacy-content-full ul {
  list-style-type: disc;
  margin-bottom: 15px;
  margin-left: 20px;
}
.privacy-content-full ul li {
  margin-bottom: 5px;
  font-weight: 300;
  color: #2E3333;
}
.privacy-content-full ul li u {
  font-weight: 500;
}
.privacy-content-full .text-red {
  color: #ff0000;
}
.privacy-content-full .color-orange {
  color: #ff6a00;
}

.terms-content-full h4.align-center {
  text-align: center !important;
}
.terms-content-full h4.align-center.hipaa-section {
  font-size: 25px;
  margin-bottom: 16px;
  margin-top: 40px;
}
.terms-content-full h5 {
  margin-bottom: 0px;
}
.terms-content-full h5.align-center {
  text-align: center;
}
.terms-content-full ul {
  list-style-type: lower-alpha;
  margin-bottom: 15px;
  margin-left: 20px;
}
.terms-content-full ul li {
  margin-bottom: 5px;
  font-weight: 300;
  color: #2E3333;
}
.terms-content-full ul li u {
  font-weight: 500;
}
.terms-content-full ul li u.color-blue {
  color: #2879D9;
  font-size: 14px;
}
.terms-content-full ul.no-listing {
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 15px;
}
.terms-content-full ul.no-listing li {
  margin-bottom: 5px;
}
.terms-content-full ol {
  list-style-type: lower-alpha;
  margin-bottom: 15px;
  margin-left: 20px;
}
.terms-content-full ol li {
  margin-bottom: 5px;
  font-weight: 300;
  color: #2E3333;
}
.terms-content-full ol li u {
  font-weight: 500;
}
.terms-content-full ul.child-list {
  list-style-type: lower-roman;
}

.react-content .Toastify__toast--info {
  background: #3abaf4 !important;
}
.react-content .custom-control-label::before {
  background-color: transparent;
  border: #dee2e6 1px solid;
}
.react-content .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}
.react-content .custom-control {
  line-height: 0px;
}
.react-content .modal {
  background: rgba(0, 0, 0, 0.5);
}
.react-content .inventory-record {
  margin-top: 0px;
}
.react-content .rdt_TableHeader {
  display: none;
}
.react-content .inventory-table-wrap > div {
  overflow-x: initial;
}
.react-content .inventory-table-wrap .custom-tooltip {
  overflow: initial;
}
.react-content .inventory-table-wrap .custom-tooltip .tooltop-pop {
  left: 50%;
  white-space: normal;
}
.react-content .frame-filter-sl__control {
  border-radius: 50px;
}
.react-content .frame-filter-sl__multi-value {
  border-radius: 8px;
  line-height: 17px;
}
.react-content .frame-filter-sl__multi-value__remove {
  border-radius: 0px 8px 8px 0px;
}
@media (max-width: 1100px) {
  .react-content.main-content {
    padding-top: 0px;
  }
}

.terms-content-full a {
  color: #2879D9;
  font-weight: 500;
}

.list-type-number {
  list-style-type: decimal !important;
}
.list-type-number strong {
  font-size: 14px;
  font-weight: 600;
}
.list-type-number strong.area-block {
  display: block;
  margin-left: -15px;
  margin-top: 20px;
  margin-bottom: 20px;
}

body {
  font-family: "TT Norms";
  font-size: 16px;
  font-weight: 300;
  color: #868C8D;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

a {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  color: #868C8D;
  display: inline-block;
  line-height: 24px;
  transition-duration: 500ms;
  outline: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #000000;
  transition-duration: 500ms;
  text-decoration: none;
}

h1, h2, h3, h4, h5, .h2, .h3, .h4, .h5, .h6 {
  font-family: "TT Norms";
  font-weight: 500;
  color: #2E3333;
  margin-bottom: 10px;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.h1, .h2 {
  line-height: 1.1;
}

.h3, .h4 {
  line-height: 1.3;
}

h1, .h1 {
  font-size: 32px;
  line-height: 34px;
  color: #152C64;
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 45px;
    line-height: 47px;
  }
}
h1.u-mobile, .h1.u-mobile {
  font-size: 32px;
  line-height: 34px;
}

h2, .h2 {
  font-size: 28px;
  line-height: 30px;
}
@media (min-width: 768px) {
  h2, .h2 {
    font-size: 34px;
    line-height: 36px;
  }
}
h2.u-mobile, .h2.u-mobile {
  font-size: 28px;
  line-height: 30px;
}

h3, .h3 {
  font-size: 22px;
  line-height: 24px;
}
@media (min-width: 768px) {
  h3, .h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
h3.u-mobile, .h3.u-mobile {
  font-size: 22px;
  line-height: 24px;
}

h4, .h4 {
  font-size: 18px;
  line-height: 20px;
  color: #152C64;
}
@media (min-width: 768px) {
  h4, .h4 {
    font-size: 20px;
    line-height: 22px;
  }
}
h4.u-mobile, .h4.u-mobile {
  font-size: 18px;
  line-height: 20px;
}

h5, .h5 {
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 768px) {
  h5, .h5 {
    font-size: 16px;
    line-height: 18px;
  }
}
h5.u-mobile, .h5.u-mobile {
  font-size: 14px;
  line-height: 16px;
}

p {
  font-family: "TT Norms";
  font-size: 16px;
  line-height: 24px;
  color: #2E3333;
  font-weight: 400;
}
p.mobile {
  font-size: 14px;
  line-height: 21px;
}
p.u-large {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 768px) {
  p.u-large {
    font-size: 20px;
    line-height: 30px;
  }
}
p.u-large.mobile {
  font-size: 16px;
  line-height: 24px;
}
p.u-intro {
  font-size: 20px;
  line-height: 30px;
}
@media (min-width: 768px) {
  p.u-intro {
    font-size: 26px;
    line-height: 36px;
  }
}
p.u-intro.mobile {
  font-size: 20px;
  line-height: 30px;
}

/*
	components
	--> buttons
	--> navigation

*/
.main-wrapper .main-content {
  padding-left: 0px;
}
@media (min-width: 1025px) {
  .main-wrapper .main-content {
    padding-left: 250px;
  }
}

.main-wrapper-1 .section .section-header {
  margin-left: -5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 50px;
}
.main-wrapper-1 .section .iframe-content {
  padding: 24px;
  border: none;
  width: 100%;
  height: 600px;
  overflow: scroll;
}

.badge {
  font-size: 9px;
  border-radius: 3px;
  text-align: center;
}
.badge.badge-primary {
  background: #147DFC;
}
.badge.badge-primary.badge-outline {
  color: #147DFC;
  border-color: #147DFC;
}
.badge.badge-outline {
  border: 1px solid #147DFC;
  background: transparent;
}

.badge {
  font-size: 9px;
  border-radius: 3px;
  text-align: center;
}
.badge.badge-primary {
  background: #147DFC;
}
.badge.badge-primary.badge-outline {
  color: #147DFC;
  border-color: #147DFC;
}
.badge.badge-outline {
  border: 1px solid #147DFC;
  background: transparent;
}

.card {
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}
.card .card-header {
  padding-top: 33px;
  border-bottom: 0;
}
.card .card-header h4 {
  line-height: normal;
  font-size: 20px;
  color: #2E3333;
}

.c-location {
  min-height: 600px;
  /*background-image: url('./images/map.png');*/
}

.history-tab .card-header .left, .history-tab .card-header .right {
  display: flex;
}
.history-tab .card-header .trigger .fas {
  background: #E0E6EC;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  border-radius: 50%;
}
.history-tab .card-header .trigger .fa-plus {
  display: inline-block;
}
.history-tab .card-header .trigger .fa-minus {
  display: none;
}
.history-tab .card-header.collapsed .trigger .fa-minus {
  display: inline-block !important;
}
.history-tab .card-header.collapsed .trigger .fa-plus {
  display: none !important;
}
.history-tab .card-header .circle {
  background: #147DFC;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 51px;
  font-weight: 400;
  font-size: 17px;
}
.history-tab .card-header .date {
  font-size: 16px;
  text-transform: capitalize;
  color: #606060;
}
.history-tab .card-header h2 {
  padding-left: 10px;
}
.history-tab .card-header h2 .c-tag {
  height: 28px;
  line-height: 20px;
}
.history-tab .card-header h2 .c-tag:before {
  height: 20px;
  line-height: 13px;
}
.history-tab .card-header h2 i {
  color: #A5B3C1;
}
.history-tab .card-header .right {
  padding-right: 10px;
  display: inline-block;
}
.history-tab .card-header .right label {
  font-size: 10px;
  letter-spacing: 0.07em;
  color: #A5B3C1;
}
.history-tab .card-header .right label b {
  color: black;
  font-weight: bold;
  font-size: 12px;
}
.history-tab .card-body .list {
  border-bottom: 1px solid #eeeeee;
}
.history-tab .card-body .list .card-header {
  cursor: pointer;
  padding-top: 15px;
}
.history-tab .card-body .list .card-body {
  padding-bottom: 20px;
}

.diagnosis-history .left {
  max-width: 100px;
  padding-top: 4px;
}
.diagnosis-history .badge {
  width: 100%;
}
.diagnosis-history .list {
  display: flex;
  border-bottom: 1px solid #DADADA;
  padding-top: 15px;
  padding-bottom: 15px;
}
.diagnosis-history .list:last-child {
  border-bottom: 0;
}
.diagnosis-history .list:first-child {
  padding-top: 0;
}
.diagnosis-history .right {
  padding-left: 10px;
}
.diagnosis-history .right h3 {
  margin-bottom: 0;
  font-size: 15px;
  color: #2E3333;
  line-height: 22px;
}
.diagnosis-history .right p {
  margin-bottom: 0;
  font-size: 13px;
  color: #606060;
}
.diagnosis-history .right p .highlight {
  color: #147DFC;
}

.visit-history h3 {
  font-weight: normal;
  font-size: 16px;
  text-transform: capitalize;
  color: #606060;
}
.visit-history .form-group label {
  display: block;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #A5B3C1;
}
.visit-history .form-group label i {
  font-size: 9px;
  margin-left: 5px;
}
.visit-history .note {
  padding: 11px 15px;
  background: #F6F7FB;
  border-radius: 3px;
  line-height: 21px;
  font-size: 14px;
  font-weight: normal;
  color: #2E3333;
  margin-left: 0;
  margin-right: 0;
}
.visit-history .note .pull-left {
  padding-left: 0;
}
.visit-history .note .pull-right {
  padding-right: 0;
  text-align: right;
}

.eyeconic-table {
  margin-bottom: 0px;
  font-weight: 500;
}
.eyeconic-table thead tr th {
  background-color: #ffffff !important;
  border-bottom: 2px solid #F8F8F8 !important;
  padding: 0 12px !important;
}
@media (min-width: 992px) {
  .eyeconic-table thead tr th {
    padding: 0 25px !important;
  }
}
.eyeconic-table tbody tr {
  border-bottom: 2px solid #F8F8F8;
}
.eyeconic-table tbody tr td {
  padding: 0 12px !important;
}
.eyeconic-table tbody tr td img.rounded-circle {
  width: 40px;
  height: 40px;
}
@media (min-width: 992px) {
  .eyeconic-table tbody tr td {
    padding: 0 25px !important;
  }
}
.eyeconic-table tbody tr:nth-child(even) {
  background-color: #FAFCFF;
}
.eyeconic-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

.patient-record-table .add-record-wrap {
  margin-top: 10px;
  padding: 10px 10px;
}
.patient-record-table .add-record-wrap .default-margin {
  align-items: center;
}
.patient-record-table .add-record-wrap p {
  font-weight: 500;
  color: #8b9192;
  margin-bottom: 0px;
}
.patient-record-table .add-record-wrap p span {
  color: #000;
}
.patient-record-table .add-record-wrap .btn {
  margin: 0 3px;
}

.card-header--customize {
  padding-top: 20px;
}
.card-header--customize .btn {
  padding: 6px 25px !important;
  margin-top: 0px !important;
  margin-left: 10px;
}
.card-header--customize .c-search .u-input {
  border: 1px solid #f8f8f8;
  border-radius: 42px !important;
  height: 38px;
  width: 100%;
}
.card-header--customize .c-search button {
  background-color: #ececec;
  border-radius: 50%;
  position: absolute;
  right: 8px;
  height: 27px;
  top: 5px;
  margin-left: 0;
  padding: 0px 5px !important;
}
.card-header--customize .c-search button i {
  font-size: 12px;
  color: #2879D9;
}
.card-header--customize .c-search:after {
  display: none;
}
.card-header--customize .card-header-action form .c-search .btn {
  padding: 0 6px !important;
}
.card-header--customize .card-header-action form .c-search .btn:hover i {
  color: #ffffff;
}

.main-content {
  position: relative;
  padding-left: 250px;
  padding-right: 0px;
  padding-top: 65px;
}
@media (min-width: 992px) {
  .main-content {
    padding-top: 10px;
  }
}
.main-content__inner {
  position: relative;
}

/*Patient*/
.c-patientdetails {
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 20px;
}
.c-patientdetails__top {
  margin-top: 10px;
  margin-bottom: 15px;
}
.c-patientdetails__top .personal-info ul {
  display: flex;
}
.c-patientdetails__top .personal-info ul li {
  display: inline-block;
  margin-right: 15px;
  padding-right: 30px;
  border-right: 1px solid #ddd;
  min-width: 120px;
  line-height: 20px;
}
.c-patientdetails__top .personal-info ul li span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #A5B3C1;
}
.c-patientdetails__top .personal-info ul li p {
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 15px;
}
@media (min-width: 1281px) {
  .c-patientdetails__top .personal-info ul li p {
    font-size: 16px;
  }
}
.c-patientdetails__top .personal-info ul li:last-child {
  border: none;
}
.c-patientdetails__top .patient-name {
  margin-bottom: 25px;
}
.c-patientdetails__top .patient-name h2 {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.c-patientdetails__btngrp {
  text-align: center;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .c-patientdetails__btngrp {
    text-align: right;
    padding: 0 0;
  }
}
.c-patientdetails__btngrp button {
  margin: 0 3px;
}
@media (min-width: 992px) {
  .c-patientdetails__btngrp .btn.btn-small {
    padding: 5px 14px;
    font-size: 12px;
  }
}
@media (min-width: 1025px) {
  .c-patientdetails__btngrp .btn.btn-small {
    padding: 6px 20px;
    font-size: 14px;
  }
}
.c-patientdetails.profile .c-patientdetails__top {
  margin-top: 15px;
}
.c-patientdetails.profile .patient-name {
  padding-left: 10px;
  margin-bottom: 0px;
}
.c-patientdetails.profile__top .patient-name h2 {
  padding-top: 15px;
  margin-right: 15px;
}
.c-patientdetails.profile .personal-info {
  margin-top: 10px;
}
.c-patientdetails.profile .parient-desc {
  padding-left: 0px;
}
.c-patientdetails.profile .parient-desc h2 {
  margin-right: 15px;
}
.c-patientdetails.profile .parient-desc .btn-action {
  padding: 5px 10px;
  text-align: center;
}
.c-patientdetails__bottom > .row > div {
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .c-patientdetails__bottom > .row > div {
    margin-bottom: 0px;
  }
}

.found-record-list {
  display: none;
}

/*Patient Details Tab*/
.c-patientdetails__tab {
  height: calc(100% - 77px);
}
.c-patientdetails__tab .nav-tabs {
  border-bottom: none;
  display: block;
  text-align: left;
}
.c-patientdetails__tab .nav-tabs li {
  margin: 0 14px;
  display: inline-block;
}
.c-patientdetails__tab .nav-tabs li a {
  padding: 5px;
  color: #2E3333;
  border-bottom: 2px solid transparent;
  font-weight: 500;
}
.c-patientdetails__tab .nav-tabs li a.active {
  border-bottom: 2px solid #3A88E4;
  color: #2E3333;
}
.c-patientdetails__tab-content {
  padding: 30px;
  margin-top: 10px;
  min-height: 100%;
}

/*Patient Balance*/
.c-patient__balance .card {
  margin-top: 46px;
  min-height: 371px;
}
.c-patient__balance .card-body {
  position: relative;
}

/*VPC Overview*/
.c-patientdetails__tab-content {
  padding: 30px;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}
.c-patientdetails__tab-content .tab-pane {
  padding: 0;
}
.c-patientdetails__tab-content .card-header {
  padding: 0;
  padding-bottom: 15px;
  justify-content: space-between;
  align-items: flex-start;
  min-height: auto;
}
.c-patientdetails__tab-content .card-header h3 {
  font-size: 20px;
  margin-bottom: 0;
  color: #2E3333;
}
.c-patientdetails__tab-content .card-header h3 span {
  font-family: "TT Norms";
  font-weight: normal;
  font-size: 10px;
  color: #2E3333;
  padding-left: 6px;
}
.c-patientdetails__tab-content .card-header h3 span a {
  text-decoration: underline;
  color: #147DFC;
}
.c-patientdetails__tab-content .card-body {
  padding: 0;
}
.c-patientdetails__tab-content .btn.border-blue {
  font-size: 9px;
  padding: 1px 15px 1px 15px;
  max-width: 122px;
  min-width: auto;
  font-weight: normal;
  border: 1px solid #A5B3C1;
  color: #657A8F;
}
.c-patientdetails__tab-content .btn.border-blue:hover {
  background-color: #A5B3C1 !important;
  color: #fff;
  border-width: 1px !important;
}
.c-patientdetails__tab-content .btn.btn-eligibility {
  background: #147DFC;
  padding: 1px 15px 1px 25px;
  max-width: 122px;
  min-width: auto;
  font-size: 9px;
}
.c-patientdetails__tab-content .btn.btn-eligibility:before {
  font-size: 9px;
  top: 6px;
  width: 14px;
  height: 14px;
  left: 7px;
  line-height: 16px;
  padding: 0 2px;
}
.c-patientdetails__tab-content .form-group label {
  display: block;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #A5B3C1;
}
@media (min-width: 1281px) {
  .c-patientdetails__tab-content .form-group label {
    font-size: 12px;
  }
}
.c-patientdetails__tab-content .form-group label i {
  font-size: 9px;
  margin-left: 5px;
}
.c-patientdetails__tab-content .form-group .label-text {
  width: 100%;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-size: 14px;
  color: #2E3333;
}
.c-patientdetails__tab-content .form-group .form-control {
  background: #F6F7FB;
  border-radius: 3px;
  border: 0;
  padding: 10px 15px;
  height: 36px;
}
.c-patientdetails__tab-content .form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #2E3333;
}
.c-patientdetails__tab-content .form-group .form-control::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
  color: #2E3333;
}
.c-patientdetails__tab-content .form-group .form-control:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  color: #2E3333;
}
.c-patientdetails__tab-content .form-group .form-control:-moz-placeholder { /* Firefox 18- */
  font-size: 14px;
  color: #2E3333;
}

.reset-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reset-content__inner {
  text-align: center;
}
.reset-content__inner h4 {
  margin-bottom: 30px;
}
.reset-content button {
  width: 180px;
  margin: 0 4px;
}

/*Permission*/
.c-patient__permission {
  margin-top: 46px;
}
.c-patient__permission h4 span {
  color: #D1D7DD;
  margin-left: 4px;
  cursor: pointer;
}

.edit-resources {
  padding-top: 30px;
  display: flex;
}
.edit-resources .res-img {
  text-align: center;
  max-width: 140px;
}
.edit-resources .res-img img {
  width: 35px;
  width: auto;
}
.edit-resources .res-img img.Spectera {
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.edit-resources .res-img img.nva {
  width: 100%;
  height: auto;
}
.edit-resources .res-img img.envolve {
  width: 100%;
  height: auto;
}
.edit-resources .alert {
  padding: 8px 20px;
  align-items: center;
  display: flex;
  width: auto;
}
.edit-resources .alert i {
  margin-right: 15px;
  font-size: 30px;
}
.edit-resources .alert span {
  font-size: 16px;
  font-weight: 400;
}
.edit-resources .alert.alert-danger {
  background: transparent;
  border-color: transparent;
  padding-left: 5px;
}
.edit-resources .alert.alert-danger i {
  color: #EB5757;
}
.edit-resources .alert.alert-danger span {
  color: #EB5757;
}
.edit-resources .alert.alert-success {
  background: #F6F8FC;
  border: 1px solid #147DFC;
  border-radius: 6px;
}
.edit-resources .alert.alert-success i {
  color: #27AE60;
}
.edit-resources .alert.alert-success span {
  color: #000;
}
.edit-resources .form-group {
  margin-bottom: 15px;
}
.edit-resources .form-group.has-error .form-control {
  border: 1px solid #EB5757;
}
.edit-resources .form-group .form-control {
  width: 100%;
  background: white;
  border: 1px solid #147DFC;
  font-size: 18px;
  height: 48px;
  border-radius: 6px;
}
.edit-resources .input-field {
  padding-right: 20px;
}
.edit-resources .input-field .cols {
  width: 250px;
  padding: 0 15px 0 0;
}
.edit-resources .input-field .cols .form-group {
  width: 100%;
}
.edit-resources .input-field .cols .form-group input {
  width: 100%;
}
.edit-resources .input-field .cols.password-field {
  position: relative;
  width: 310px;
}
.edit-resources .input-field .cols.password-field .form-group input {
  width: calc(100% - 60px);
}
.edit-resources .input-field .cols.password-field .toggle-password {
  position: absolute;
  right: 35px;
  top: 16px;
}
.edit-resources .input-field .cols.password-field .toggle-password i {
  font-size: 18px;
  color: #333333;
}
.edit-resources .loading-btn {
  background: transparent;
  border: 0;
  padding: 4px 30px;
}
.edit-resources .btn {
  height: 48px;
  font-size: 18px;
  border-radius: 6px;
  background: #A1ABBE;
  border-color: #A1ABBE;
  box-shadow: none;
}

#sortable-table {
  margin-bottom: 50px;
}
#sortable-table tr:last-child .remove-user-conf {
  top: -50px;
}

@media (max-width: 768px) {
  .edit-resources {
    flex-direction: column;
  }
}
@media (max-width: 479px) {
  .edit-resources .d-flex {
    flex-flow: column;
  }
  .edit-resources .res-img {
    margin-right: 0;
  }
  .edit-resources .input-field {
    padding-right: 0;
  }
  .edit-resources .input-field .cols {
    width: 100%;
    padding-right: 0;
  }
  .edit-resources .input-field .cols.password-field {
    width: 100%;
  }
}
.eligibility-parient-detail .patient-plan-details .modal-header .modal-title .history-block {
  display: inline-block;
  margin-left: 10px;
}
.eligibility-parient-detail .patient-plan-details .modal-header .modal-title .history-block a {
  font-size: 14px;
  text-decoration: underline;
  color: #3885e5;
  padding: 0px 20px 0px 20px;
  border-left: 1px solid #D2D2D2;
}
.eligibility-parient-detail .patient-plan-details .modal-header .modal-title .open-history-btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.eligibility-parient-detail .patient-plan-details .custom-scroll {
  overflow-y: auto;
  padding-right: 20px;
}

/*Firefox condition for modal*/
.firefox .eligibility-parient-detail .modal-dialog .modal-body .embed-frame-sec {
  overflow: auto;
  height: 75vh;
}

.cred-update-wrap .update-cred {
  background-color: #2879D9;
  border: 1px solid #2879D9;
}
.cred-update-wrap .update-cred:disabled {
  background-color: #A1ABBE;
  border: 1px solid #A1ABBE;
}
.cred-update-wrap .update-cred:disabled:hover {
  background-color: #A1ABBE !important;
}

/*Trouble Shooting Info*/
.trouble-edit-modal .btn-outline,
.trouble-modal .btn-outline {
  background-color: transparent !important;
  border: 1px solid #147DFC !important;
  color: #147DFC !important;
}
.trouble-edit-modal .btn-outline:hover, .trouble-edit-modal .btn-outline:active, .trouble-edit-modal .btn-outline:focus,
.trouble-modal .btn-outline:hover,
.trouble-modal .btn-outline:active,
.trouble-modal .btn-outline:focus {
  background-color: #147DFC !important;
  color: #fff !important;
}

.trouble-shooting-page {
  padding: 0 20px;
}
.trouble-shooting-page .search-bar {
  margin-bottom: 30px;
}
.trouble-shooting-page .search-bar .input-box {
  border: 1px solid #147DFC;
  border-radius: 6px;
  max-width: 547px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  align-items: center;
}
.trouble-shooting-page .search-bar .input-box .form-control {
  height: 30px;
  padding: 0;
  background: transparent;
  font-size: 18px;
}
.trouble-shooting-page .search-bar .input-box i {
  color: #000;
  padding: 0 8px;
}
.trouble-shooting-page .search-bar .input-box input {
  width: 100%;
  border: 0;
}
.trouble-shooting-page .posts .post {
  margin-bottom: 50px;
}
.trouble-shooting-page .posts .post .dropdown-menu {
  border: 1px solid #ccc;
}
.trouble-shooting-page .posts .post .dropdown-toggle {
  float: right;
  background: transparent;
  color: #333;
  border: 0;
  box-shadow: none;
  padding: 0 10px;
}
.trouble-shooting-page .posts .post .dropdown-toggle:hover, .trouble-shooting-page .posts .post .dropdown-toggle:active, .trouble-shooting-page .posts .post .dropdown-toggle:focus {
  background-color: transparent !important;
  color: #333 !important;
}
.trouble-shooting-page .posts .post .dropdown-toggle i {
  font-size: 16px;
}
.trouble-shooting-page .posts .post .dropdown-toggle:after {
  display: none;
}
.trouble-shooting-page .posts .post .rd-more {
  overflow: auto;
}
.trouble-shooting-page .posts .post .rd-more img {
  max-width: 100%;
  height: auto;
}
.trouble-shooting-page .posts .post .less {
  overflow: auto;
}
.trouble-shooting-page .posts .post .less img {
  max-width: 100%;
  height: auto;
}
.trouble-shooting-page .posts .post .less .read_more, .trouble-shooting-page .posts .post .less .read_less, .trouble-shooting-page .posts .post .rd-more .read_more, .trouble-shooting-page .posts .post .rd-more .read_less {
  color: #5B9CEC;
  text-decoration: underline;
  cursor: pointer;
}
.trouble-shooting-page .posts .post p .read-more {
  color: #147DFC;
  font-weight: normal;
  margin-left: 10px;
  text-decoration: underline;
}

.dob-field.has-error .dob-error, .dep-dob-field.has-error .dob-error {
  display: inline-block;
}
.dob-field.has-error .u-input, .dep-dob-field.has-error .u-input {
  border-color: #e37e6c !important;
}
.dob-field .dob-error, .dep-dob-field .dob-error {
  padding: 15px 20px 0px 20px;
  background: #FFFFFF;
  border: 1px solid #E37E6C;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  position: absolute;
  top: 95px;
  z-index: 11;
  display: none;
}
.dob-field .dob-error .heading i.fa, .dep-dob-field .dob-error .heading i.fa {
  color: #e37e6c;
}
.dob-field .dob-error .heading span, .dep-dob-field .dob-error .heading span {
  margin-left: 4px;
}
.dob-field .dob-error p, .dep-dob-field .dob-error p {
  margin-bottom: 2px;
}
.dob-field .dob-error:after, .dep-dob-field .dob-error:after {
  content: "";
  border: 10px solid #e37e6c;
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 11px solid transparent;
  position: absolute;
  right: 40px;
  top: -21px;
}
.dob-field .dob-error ul li, .dep-dob-field .dob-error ul li {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  line-height: 20px;
}

@media (max-width: 768px) {
  .eligibility-search__top .filter-main .filter-item.dob-field {
    margin-bottom: 20px;
  }
}
.capitalize {
  text-transform: capitalize;
}

.not-allowed {
  cursor: not-allowed;
}

.vsp-connection-modal .modal-content {
  text-align: center;
}
.vsp-connection-modal .modal-content .modal-body {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.vsp-connection-modal .modal-content .modal-body h2 {
  font-weight: bold;
  font-size: 20px;
}
.vsp-connection-modal .modal-content .modal-body p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}
.vsp-connection-modal .modal-content .modal-body .btn {
  border-radius: 6px;
}
.vsp-connection-modal .modal-content .modal-body .btn.btn-skip {
  border: 1px solid #358EF7;
  box-sizing: border-box;
  border-radius: 6px;
  background: #fff;
  float: left;
  color: #358EF7;
}
.vsp-connection-modal .modal-content .modal-body .btn.btn-skip:hover {
  color: #fff;
}
.vsp-connection-modal .modal-content .modal-body .btn.next-small {
  float: right;
}

@media (max-width: 1024px) {
  .c-patientdetails {
    padding-bottom: 43px;
  }
}
@media only screen and (max-width: 992px) {
  .main-navbar {
    position: sticky;
    top: 0;
  }
  .main-navbar form.form-inline {
    display: inline-block;
    flex-flow: inherit;
  }
  .social-share-sec {
    text-align: center;
    justify-content: center;
  }
  .social-share-sec .social-single {
    max-width: 48%;
    display: inline-block;
  }
}
.mobile-device.sidebar-gone .main-navbar {
  left: 0px;
}
.mobile-device.sidebar-gone .main-content {
  padding-left: 0px;
}
.mobile-device.search-model-open .main-content {
  z-index: 2000;
}
.mobile-device .main-navbar form.form-inline {
  display: inline-block;
  flex-flow: inherit;
}
.mobile-device .social-share-sec {
  text-align: center;
  justify-content: center;
}
.mobile-device .social-share-sec .social-single {
  max-width: 48%;
  display: inline-block;
}

.main-navbar {
  position: sticky;
  top: 0;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a > i {
  width: auto;
}

body.sidebar-mini .main-sidebar .sidebar-menu .divider li a {
  justify-content: center;
}

body.sidebar-mini .main-sidebar .sidebar-menu .divider li a i {
  width: auto;
}

@media (min-width: 1380px) {
  .sidebar-menu .divider {
    padding-top: 0 !important;
    position: fixed;
    bottom: 0;
    left: 0;
  }
}

.navbar .nav-link.nav-link-user img {
  width: 30px;
  height: 30px;
}

.user-profile-image {
  height: 30px;
  width: 30px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.c-welcome__wrap {
  margin-top: 50px;
}

/**Search Field*/
.showAddlInfo {
  cursor: pointer;
  pointer-events: all;
}

.clear-search {
  text-align: center !important;
}
.clear-search a {
  color: #657a8f;
}

.search-wrap {
  position: absolute;
  top: 61px;
  left: 0px;
  min-width: 100%;
  padding: 8px;
  box-sizing: border-box;
  display: block;
  background-color: #1f6ac7;
  display: none;
}
@media (min-width: 768px) {
  .search-wrap {
    display: block;
    display: inherit;
    position: relative;
    background-color: transparent;
    min-width: auto;
    padding: 0px;
    top: 0px;
  }
}
.search-wrap .c-search {
  margin: 10px;
}
@media (min-width: 768px) {
  .search-wrap .c-search {
    margin: 0 4px;
  }
}
.search-wrap .c-search input {
  width: 100%;
}
.search-wrap .c-search button {
  width: 100%;
}

.c-search {
  position: relative;
  margin: 0 10px;
}
.c-search input {
  padding-right: 40px;
}
.c-search:after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 12px;
  top: 7px;
  right: 9px;
  background-color: #ececec;
  padding: 4px 7px;
  border-radius: 50%;
  color: #2879d9;
}
.c-search.eligibility .c-check {
  display: none;
}
.c-search.eligibility .triger-check {
  position: absolute;
  right: 10px;
  top: 7px;
}
.c-search.eligibility .triger-check i {
  color: #b8c4d3;
  padding: 6px;
  background-color: #dfe7f1;
  border-radius: 50%;
  font-size: 14px;
}
.c-search.eligibility .triger-check.active i {
  background-color: rgba(96, 229, 84, 0.3);
  color: #00b30f;
}
.c-search.eligibility .c-check:checked ~ .triger-check {
  background-color: #2196f3;
}
.c-search.eligibility:after {
  display: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #5b9cec !important;
}

.eligibility-input-choice .mCSB_draggerContainer {
  left: -53px !important;
}
.eligibility-input-choice .show-panel-link {
  border: 1px solid #5b9cec;
  border-radius: 6px;
  height: 48px;
  padding: 11px 10px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  position: relative;
  z-index: 1;
  background-color: transparent;
  color: #bbbaba;
  font-size: 15px;
}
.eligibility-input-choice .select-option-list {
  list-style-type: none;
  position: absolute;
  width: 215px;
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #dbdbdb;
  display: none;
  margin-top: 8px;
  height: 230px;
  overflow-y: auto;
  z-index: 9;
}
.eligibility-input-choice .select-option-list li {
  display: inline-block;
  width: 31px;
  text-align: center;
  font-weight: 600;
  padding: 3px 0;
  cursor: pointer;
}
.eligibility-input-choice .select-option-list li:hover {
  background-color: #6cadff;
  color: #fff;
  border-radius: 4px;
}
.eligibility-input-choice .select-option-list li:active {
  background-color: #6cadff;
  color: #fff;
  border-radius: 4px;
}
.eligibility-input-choice .select-option-list.year {
  width: 340px;
}
.eligibility-input-choice .select-option-list.year li {
  width: 58px;
}
.eligibility-input-choice .select-option-list.month {
  width: 150px;
}
.eligibility-input-choice .select-option-list.month li {
  width: 100%;
  display: block;
  text-align: left;
  padding: 0 10px;
}

.search-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 9;
  top: 0;
  transition: all 500ms;
  margin-top: 0px !important;
}
.search-overlay.open {
  opacity: 0.2;
}

.eligibility-search__record-found .record-found-inner {
  padding-bottom: 20px;
}

.eyeconic-table.blur {
  filter: blur(2px);
}

.c-search-eligibility p {
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 992px) {
  .c-search-eligibility p {
    font-size: 16px;
  }
}
.c-search-eligibility input {
  color: #a5b3c1;
}
.c-search-eligibility input::-webkit-input-placeholder, .c-search-eligibility input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a5b3c1 !important;
}
.c-search-eligibility input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a5b3c1 !important;
}
.c-search-eligibility input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a5b3c1 !important;
}
.c-search-eligibility input:-moz-placeholder {
  /* Firefox 18- */
  color: #a5b3c1 !important;
}
.c-search-eligibility .row > div {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 992px) {
  .c-search-eligibility .row > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.c-search-eligibility .row > div button {
  padding: 4px 15px;
  box-shadow: none;
}
@media (min-width: 992px) {
  .c-search-eligibility .row > div button {
    padding: 7px 25px;
  }
}
.c-search-eligibility .row > div .c-input {
  padding: 6px 15px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .c-search-eligibility .row > div .c-input {
    padding: 8px 18px;
    font-size: 16px;
  }
}

.c-search__bar {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 10px 20px;
  z-index: 99;
  box-shadow: 2px 4px 12px 0px #c1c1c1;
  min-width: 100%;
}
@media (min-width: 992px) {
  .c-search__bar {
    padding: 14px 20px;
  }
}
.c-search__bar p {
  margin-bottom: 0px;
}
.c-search__bar .row {
  align-items: center;
}
.c-search__bar .btn {
  font-size: 14px;
  padding: 7px 25px;
}
.c-search__bar .c-input {
  border: 1px solid #ddd;
}

/**/
.c-search-result-inner {
  height: 43px;
  width: 100%;
  margin-bottom: 1px;
  overflow-x: auto;
  white-space: nowrap;
}

.result-sec {
  border: 1px solid #ddd;
  padding: 5px 6px 5px 12px;
  border-radius: 43px;
  margin: 0 3px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}
.result-sec span {
  display: inline-block;
  vertical-align: middle;
}
.result-sec .c-tag {
  margin-left: 5px;
}
.result-sec .data-loading {
  margin: 0 5px;
  background-image: url(/images/loading.gif?0ce584aa292a660b636a79fbf0d9dd13);
  width: 28px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
}

.c-search-result {
  display: none;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
  background-color: #ffffff;
  padding: 8px 0;
}
.c-search-result > .row {
  margin-left: 0px;
  margin-right: 0px;
  align-items: center;
}
.c-search-result > .row p {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 992px) {
  .c-search-result > .row p {
    font-size: 16px;
  }
}
.c-search-result > .row .btn {
  padding: 4px 12px;
  font-size: 12px;
}
@media (min-width: 992px) {
  .c-search-result > .row .btn {
    padding: 7px 25px;
    font-size: 14px;
  }
}

/*Fount list section*/
.found-record-list {
  min-width: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
  background-color: #ffffff;
}
.found-record-list .row {
  margin-left: 0px;
  margin-right: 0px;
}
.found-record-list .found-record__top {
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.found-record-list .found-record__top .found-record__content .result-sec {
  line-height: 12px;
}
.found-record-list .found-record__top > .row {
  align-items: center;
}
.found-record-list .found-record__top button {
  margin: 0 5px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.found-record-list .found-record__bottom a {
  width: 100%;
}
.found-record-list .found-record__bottom table thead {
  border-bottom: 1px solid #ddd;
}
.found-record-list .found-record__bottom table thead tr th {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 40px !important;
  border-bottom: 1px solid #ddd !important;
}
.found-record-list .found-record__bottom table tbody tr td span.c-tag {
  line-height: 19px;
}
.found-record-list .found-record__bottom table tbody tr td span.c-tag:before {
  line-height: 13px;
}
.found-record-list .found-record__content .row {
  align-items: center;
}
.found-record-list .found-record__content p {
  display: inline-block;
  margin-bottom: 0px;
}
.found-record-list .found-record__content a {
  display: inline-block;
  color: #147DFC;
  text-decoration: underline;
}
.found-record-list .found-record__content .result-sec {
  vertical-align: middle;
  margin: 0 10px;
}

.search-backdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
  margin-top: 0px !important;
  opacity: 0;
  transition: all 500ms;
  display: none;
}
.search-backdrop.enable {
  opacity: 1;
  display: block;
  transition: all 500ms;
}

#searching-results-content {
  /*min-height: 250px;*/
}

#search-modal {
  transition: all 500ms;
}
#search-modal.open {
  display: block;
  opacity: 1;
  transition: all 500ms;
}
#search-modal .modal-body {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fafcff;
}
@media (min-width: 1281px) {
  #search-modal .modal-body {
    padding-top: 22px;
    padding-bottom: 22px;
  }
}
#search-modal .modal-body .form-control {
  border-radius: 20px;
}
#search-modal .modal-header {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(208, 218, 227, 0.5);
}
#search-modal .modal-header button {
  border: none;
  font-size: 30px;
  line-height: 6px;
  padding: 13px 10px;
  position: absolute;
  right: 16px;
  top: 10px;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}
#search-modal .modal-footer {
  border-top: 1px solid rgba(208, 218, 227, 0.5);
}

.eligibility-search-result {
  padding: 0 12px;
}
.eligibility-search-result.increase {
  height: 250px;
  overflow-y: auto;
}

.no-result-found {
  padding: 30px;
}
.no-result-found .form-control {
  border-radius: 20px;
}

.pull-loader {
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
.pull-loader img {
  margin-left: 5px;
}

.autorizations-btn {
  float: right;
  font-size: 11px;
}

.pull-auth {
  font-weight: bold;
  font-size: 11px;
  color: #147DFC;
}

.confirm .message {
  display: inline-block;
  width: 100%;
}

.auth-content .pull-auth {
  font-style: italic;
  float: right;
  position: absolute;
  bottom: 8px;
  width: 100%;
  margin-left: -44px;
}
.auth-content .pull-auth.pulling {
  margin-left: -141px;
}

.authorization-popup .modal-dialog {
  max-width: 880px;
}
.authorization-popup .auth-table-div {
  max-height: calc(100vh - 150px);
  overflow: scroll;
}
.authorization-popup .logo-resize {
  position: relative;
}
.authorization-popup .logo-resize span {
  bottom: 0;
}
.authorization-popup .auth-table thead th {
  background: none !important;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  color: #000000;
}
.authorization-popup .auth-table tbody td {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  text-transform: none;
  border-bottom: 1px solid #ccc;
  padding: 15px;
}
.authorization-popup .auth-table tbody td span {
  color: #147dfc;
  text-transform: none;
}
.authorization-popup .auth-table tbody td span .primary {
  font-weight: 300;
}
.authorization-popup .auth-table tbody td span a.pull-auth-edit {
  color: #147dfc;
  font-weight: bold;
  margin-left: 10px;
}
.authorization-popup .auth-table tbody td .primary {
  font-weight: normal;
  color: #606060;
  text-transform: capitalize;
}
.authorization-popup .auth-table tbody td input {
  width: 20px;
  height: 20px;
  float: right;
  clear: both;
  margin-top: 9px;
}
.authorization-popup .auth-table tbody td .pull-auth {
  margin-bottom: 0;
  margin-top: 5px;
}
.authorization-popup .auth-table tbody .confirm {
  font-size: 11px;
  cursor: pointer;
}
.authorization-popup .auth-table tbody .confirm .message {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  color: #606060;
}
.authorization-popup .auth-table tbody .confirm .delete {
  font-size: 11px;
  margin-left: 15px !important;
  color: #eb5757;
  font-weight: bold;
  cursor: pointer;
}
.authorization-popup .auth-table tbody .pull-auth {
  font-size: 14px;
  color: #373232;
  padding-bottom: 7px;
  display: block;
  float: right;
  font-weight: normal;
  margin-right: 10px;
}
.authorization-popup .auth-table tbody .pull-auth a {
  color: #147dfc;
}
.authorization-popup .modal-footer .close-result-pop {
  text-decoration: underline;
}

.close-result-pop {
  outline: none !important;
}

.loading-search-panel {
  border: 1px solid #f2f4f7;
  padding: 12px 0;
}
.loading-search-panel .c-tag {
  padding: 4px 11px 4px;
}

.search-eligibility-more-title {
  padding: 20px 25px;
  border-bottom: 1px solid #f2f4f7;
}
.search-eligibility-more-title h5 {
  font-family: TT Norms;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 0px;
}
.search-eligibility-more-single {
  position: relative;
  border-bottom: 1px solid #f2f4f7;
}
.search-eligibility-more-single h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  padding: 15px 25px;
  margin-bottom: 0px;
}
.search-eligibility-more-single h3 .c-tag {
  padding: 3px 12px;
  margin-left: 10px;
}
.search-eligibility-more-single h3 .c-tag.disable {
  display: none;
}
.search-eligibility-more-single h3 .notifi {
  font-size: 11px;
  color: #657a8f;
  margin-left: 10px;
}
.search-eligibility-more-single h3 .ehr-found {
  vertical-align: middle;
  margin-left: 8px;
  font-weight: 500;
  color: #657a8f;
  font-size: 11px;
}
.search-eligibility-more-single .expand-additional {
  /*background-color: #D0DAE3;*/
  pointer-events: auto;
  top: 20px;
  right: 20px;
}
.search-eligibility-more-single .expand-additional .arrow {
  transform: translate(-50%, -50%) rotate(45deg) !important;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) !important;
  top: 45%;
  position: absolute;
  left: 50%;
}
.search-eligibility-more-single .expand-additional.expand-pan .arrow {
  transform: translate(-50%, -50%) rotate(-135deg) !important;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg) !important;
  top: 59%;
}
.search-eligibility-more-single.disable h3.search-prov-title {
  pointer-events: none;
}
.search-eligibility-more-single.disable .expand-additional {
  background-color: #d0dae3;
  pointer-events: none;
}
.search-eligibility-more-single.disable .expand-additional .arrow {
  transform: translate(-50%, -50%) rotate(45deg) !important;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) !important;
  top: 45%;
}
.search-eligibility-more-single.disable .search-eligibility-more-record {
  display: none;
}
.search-eligibility-more-single.disable .search-eligibility-more-form {
  display: none;
}
.search-eligibility-more-single.enable h3.search-prov-title {
  cursor: pointer;
}
.search-eligibility-more-single.enable .expand-additional {
  background-color: #2879d9;
  pointer-events: auto;
}
.search-eligibility-more-single.enable .expand-additional .arrow {
  transform: translate(-50%, -50%) rotate(-135deg) !important;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg) !important;
  top: 59%;
}
.search-eligibility-more-single.enable .expand-additional.expand-pan .arrow {
  transform: translate(-50%, -50%) rotate(45deg) !important;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) !important;
  top: 45%;
}
.search-eligibility-more-form {
  padding: 10px 20px 30px;
}
.search-eligibility-more-form .form-control {
  border-radius: 20px;
  background-color: #fdfdff;
  border-color: #e4e6fc;
  font-size: 14px;
  padding: 10px 15px;
  height: 42px;
}

.eligibility-expand-rec {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition-duration: 200ms;
}

.additinal-mainwrap {
  padding: 0 25px 0 0;
  max-height: 300px;
}
.additinal-mainwrap .mCSB_outside + .mCSB_scrollTools {
  right: 0;
}
.additinal-mainwrap .field-group {
  margin: 10px -15px;
}
.additinal-mainwrap .field-group .btn {
  width: 100%;
}

.clickable-row {
  cursor: pointer;
}

.infoSearch {
  cursor: pointer;
}

.data-not-found {
  color: #ff0000;
  font-size: 12px;
  font-weight: 500;
}
.data-not-found.disable {
  display: none;
}
.data-not-found .c-tag {
  margin-right: 8px;
}
.data-not-found .c-tag.red {
  background-color: #f9cdcc;
  color: #fa463b;
}
.data-not-found .c-tag.red.info:after {
  content: "\f12a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  top: 5px;
  left: 7px;
}

/***********************************/
/***  ELIGIBILITY SEARCH  **********/
/***********************************/
.record-details-list {
  width: 78%;
  display: inline-block;
  vertical-align: middle;
}
.record-details-list ul {
  margin-bottom: 0px;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 1390px) {
  .record-details-list ul {
    height: auto;
  }
}
.record-details-list ul li {
  display: inline-block;
  width: auto;
  margin-right: 10px;
  font-size: 14px;
  color: #606060;
  font-weight: 500;
  line-height: 25px;
  align-items: center;
  display: flex;
}
.record-details-list ul li span.status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 5px;
  position: relative;
}
.record-details-list ul li span.status .small-loader {
  top: 7px;
  position: absolute;
  margin-left: 10px;
}
.record-details-list ul li span.status.active {
  background-color: #72c466;
}
.record-details-list ul li span.status.status-disabled {
  background-color: #ffa426;
}
.record-details-list ul li span.status.inactive {
  background-color: #c84436;
}
.record-details-list ul li span.status.expired {
  background-color: #b2b4c2;
}

.eligibility-search-page .eligibility-search__record-found {
  margin-top: 0;
}
.eligibility-search-page .eligibility-top.stickery {
  position: inherit;
  padding-left: 0;
  top: 0;
  left: 0;
}

.sidebar-mini .eligibility-search-page .eligibility-top.stickery {
  position: inherit;
  padding-left: 0;
  top: 0;
  left: 0;
}

body .eligibility-top.stickery {
  border-bottom: 1px solid #efefef;
  position: fixed;
  z-index: 2;
  background-color: #fff;
  min-width: 100%;
  left: 0;
  top: 70px;
}
@media (min-width: 1025px) {
  body .eligibility-top.stickery {
    padding-left: 250px;
  }
}
body.sidebar-mini .eligibility-top.stickery {
  border-bottom: 1px solid #efefef;
  position: fixed;
  z-index: 2;
  background-color: #fff;
  min-width: 100%;
  left: 0;
  top: 70px;
}
@media (min-width: 1025px) {
  body.sidebar-mini .eligibility-top.stickery {
    padding-left: 65px;
  }
}

.additional-spectera-block .filter-item .customize-select {
  padding-right: 0 !important;
}
.additional-spectera-block .filter-item .customize-select .eligibility-input-choice::after {
  opacity: 0;
}

.eligibility-search__top {
  padding: 20px 30px 0px;
}
.eligibility-search__top .input-all-fields {
  margin-bottom: 15px;
}
@media (min-width: 1380px) {
  .eligibility-search__top .input-all-fields {
    margin-bottom: 25px;
  }
}
.eligibility-search__top .filter-title h4 {
  font-size: 18px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #525252;
  font-weight: 600;
  margin-bottom: 20px;
}
.eligibility-search__top .filter-title.secondery h4 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.eligibility-search__top .filter-main {
  padding: 0 7px;
}
.eligibility-search__top .filter-main .filter-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  margin-top: 12px;
  text-align: left;
}
.eligibility-search__top .filter-main .filter-item.digit-field .u-input {
  min-width: 105px;
  text-align: center;
  max-width: 105px;
  margin: 0 auto;
  letter-spacing: 8px;
}
.eligibility-search__top .filter-main .filter-item.clear-search {
  max-width: 5%;
}
.eligibility-search__top .filter-main .filter-item .ssn-input {
  letter-spacing: 2px;
}
.eligibility-search__top .filter-main .filter-item label {
  display: block;
  text-align: left;
  font-size: 13px;
  text-transform: capitalize;
  color: #606060;
  font-weight: 600;
  letter-spacing: 0;
}
@media (min-width: 1440px) {
  .eligibility-search__top .filter-main .filter-item label {
    font-size: 16px;
  }
}
.eligibility-search__top .filter-main .filter-item label span {
  color: #ff0000;
  font-size: 14px;
  margin-left: 3px;
}
.eligibility-search__top .filter-main .filter-item .customize-select {
  width: 27%;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  background-color: #fff;
}
.eligibility-search__top .filter-main .filter-item .customize-select::after {
  display: none;
}
.eligibility-search__top .filter-main .filter-item .customize-select.month-select {
  width: 42%;
}
.eligibility-search__top .filter-main .filter-item .customize-select .eligibility-input-choice::after {
  content: " ";
  border-top: 10px solid #aaa;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  vertical-align: middle;
  position: absolute;
  right: 22px;
  top: 41%;
  z-index: 0;
}
.eligibility-search__top .filter-main .filter-item .customize-select.year-select {
  padding-right: 0px;
}
.eligibility-search__top .filter-main .filter-item .customize-select.year-select .eligibility-input-choice::after {
  right: 10px;
}
.eligibility-search__top .filter-main .filter-item .customize-select select {
  height: 48px;
  border: 1px solid #6cadff;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 500;
}
.eligibility-search__top .filter-main .filter-item .u-input {
  border: 1px solid #6cadff;
  border-radius: 6px;
  background-color: #fff !important;
  text-align: left;
  font-size: 16px;
  min-width: 100%;
  max-width: 100%;
  height: 42px;
  color: #000;
  font-weight: bold;
  text-transform: capitalize;
}
.eligibility-search__top .filter-main .filter-item .u-input.transparent {
  color: transparent;
}
.eligibility-search__top .filter-main .filter-item .u-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ddd !important;
}
.eligibility-search__top .filter-main .filter-item .u-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ddd !important;
}
.eligibility-search__top .filter-main .filter-item .u-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ddd !important;
}
.eligibility-search__top .filter-main .filter-item .u-input:-moz-placeholder {
  /* Firefox 18- */
  color: #ddd !important;
}
@media (min-width: 1380px) {
  .eligibility-search__top .filter-main .filter-item .u-input {
    font-size: 18px;
    height: 48px;
  }
}
.eligibility-search__top .filter-main .filter-item .input-instruction {
  font-size: 12px;
  color: #71a6e4;
  font-weight: 500;
  width: 165px;
  position: absolute;
  margin-top: 3px;
}
.eligibility-search__top .filter-main .filter-item .btn {
  width: 100%;
  margin-top: 40px;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #3786e6;
}
.eligibility-search__top .filter-main .filter-item .btn:disabled {
  background-color: #657a8f;
  opacity: 1;
}
.eligibility-search__top .filter-main .filter-item .btn:disabled:hover {
  background-color: #657a8f !important;
  cursor: default;
}
@media (min-width: 1380px) {
  .eligibility-search__top .filter-main .filter-item .btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.eligibility-search__top .filter-main .filter-item .clear-btn {
  margin-top: 40px;
}
.eligibility-search__top .portal-search label {
  color: #000000;
  font-weight: bold;
  font-size: 16px;
}
.eligibility-search__top .portal-search .portal-list .portal {
  font-weight: normal;
  font-size: 16px;
  color: #383838;
  margin-right: 25px;
}
.eligibility-search__top .portal-search .portal-list .portal img {
  margin-right: 5px;
}
.eligibility-search__process-inner {
  margin: 10px 30px;
  background: rgba(255, 136, 0, 0.07);
  border: 1px solid #f6c489;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  min-height: 110px;
  overflow: hidden;
  flex-direction: column;
}
@media (min-width: 768px) {
  .eligibility-search__process-inner {
    flex-direction: row;
    margin: 10px 0px;
  }
}
.eligibility-search__process-inner .process-col {
  border-bottom: 1px solid #d2e2f1;
  min-height: 110px;
  width: 100%;
}
@media (min-width: 768px) {
  .eligibility-search__process-inner .process-col {
    min-height: auto;
    border-right: 1px solid #d2e2f1;
    border-bottom: none;
  }
}
.eligibility-search__process-inner .process-col:first-child {
  text-align: center;
  padding-top: 16px;
}
@media (min-width: 768px) {
  .eligibility-search__process-inner .process-col:first-child {
    max-width: 6%;
  }
}
.eligibility-search__process-inner .process-col:first-child i {
  color: #ff0000;
  font-size: 20px;
}
.eligibility-search__process-inner .process-col:last-child {
  border-right: none;
}
.eligibility-search__process-inner .process-col.cancel-row {
  padding-top: 12px;
  background: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  max-width: 100%;
  min-height: 50px;
  cursor: pointer;
  z-index: 3;
}
@media (min-width: 768px) {
  .eligibility-search__process-inner .process-col.cancel-row {
    padding-top: 32px;
    min-height: auto;
    max-width: -moz-min-content;
    max-width: min-content;
    border-right: 1px solid #ff8800;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .eligibility-search__process-inner .process-col.cancel-row {
    font-size: 10px;
  }
}
@media (min-width: 1380px) {
  .eligibility-search__process-inner .process-col.cancel-row {
    font-size: 12px;
  }
}
.eligibility-search__process-inner .process-col.cancel-row i {
  font-size: 14px;
  color: #ff8800;
  cursor: pointer;
  z-index: 2;
}
@media (min-width: 768px) {
  .eligibility-search__process-inner .process-col.cancel-row i {
    font-size: 20px;
  }
}
.eligibility-search__process-inner .process-col.person-details-box {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .eligibility-search__process-inner .process-col.person-details-box {
    padding-top: 0px;
  }
}
@media (min-width: 768px) {
  .eligibility-search__process-inner .process-col.person-details {
    max-width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.eligibility-search__process-inner .process-col.person-details h4 {
  color: #000;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 1380px) {
  .eligibility-search__process-inner .process-col.person-details h4 {
    font-size: 16px;
    line-height: 22px;
  }
}
.eligibility-search__process-inner .process-col.person-details p {
  letter-spacing: 0.12em;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1380px) {
  .eligibility-search__process-inner .process-col.person-details p {
    font-size: 14px;
    line-height: 24px;
  }
}
.eligibility-search__process-inner .process-col label {
  font-size: 12px;
  line-height: 18px;
  color: #2e3333;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 15px;
  display: block;
  text-align: center;
}
@media (min-width: 1380px) {
  .eligibility-search__process-inner .process-col label {
    font-size: 15px;
  }
}
.eligibility-search__process-inner .process-col .data-loading {
  margin-top: 12px;
  margin-bottom: -30px;
  text-align: center;
}
.eligibility-search__process-inner .process-col .record-details-list {
  width: 100%;
  padding-left: 0px;
}
.eligibility-search__process-inner .process-col .record-details-list ul {
  line-height: 18px;
}
@media (min-width: 1380px) {
  .eligibility-search__process-inner .process-col .record-details-list ul {
    font-size: 28px;
  }
}
.eligibility-search__process-inner .process-col .record-details-list ul li {
  font-size: 12px;
  line-height: 18px;
}
@media (min-width: 1380px) {
  .eligibility-search__process-inner .process-col .record-details-list ul li {
    font-size: 14px;
    line-height: 25px;
  }
}
.eligibility-search__record-found {
  margin: 25px 40px 0;
  margin-top: 210px;
}
.eligibility-search__record-found .record-found-inner {
  max-height: calc(100vh - 370px);
  height: calc(100vh - 370px);
  padding-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px;
}
.eligibility-search__record-found .record-details-list {
  padding-left: 30px;
}
.eligibility-search__record-found .record-single {
  border: 2px solid #ff0000;
  background: #ffeeee;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 5px;
}
.eligibility-search__record-found .record-single .row {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  flex-direction: column;
  align-items: baseline;
}
@media (min-width: 768px) {
  .eligibility-search__record-found .record-single .row {
    flex-direction: row;
    align-items: center;
  }
}
.eligibility-search__record-found .record-single .row .process-col {
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 2px solid #e3ebf5;
  position: relative;
  min-height: auto;
}
@media (min-width: 768px) {
  .eligibility-search__record-found .record-single .row .process-col {
    min-height: 111px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.eligibility-search__record-found .record-single .row .process-col:last-child {
  border-right: none;
  padding-bottom: 15px;
}
.eligibility-search__record-found .record-single .row .process-col .section-logo {
  width: 90px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.eligibility-search__record-found .record-single .row .process-col .section-logo img {
  width: 100%;
}
.eligibility-search__record-found .record-single .row .process-col.person-details {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 15px 0;
}
@media (min-width: 768px) {
  .eligibility-search__record-found .record-single .row .process-col.person-details {
    padding: 0 15px 0;
    max-width: 20%;
  }
}
.eligibility-search__record-found .record-single .row .process-col.person-details .update-time {
  font-family: TT Norms;
  font-size: 14px;
  line-height: 17px;
  color: #c4c4c4;
  position: absolute;
  left: 26px;
  top: 10px;
  font-weight: 600;
  font-style: italic;
}
.eligibility-search__record-found .record-single .row .process-col.person-details strong {
  font-size: 14px;
  color: #000;
}
.eligibility-search__record-found .record-single .row .process-col.person-details .u-name {
  margin-bottom: 0;
  position: relative;
}
.eligibility-search__record-found .record-single .row .process-col.person-details .u-name a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #147dfc;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0px;
  word-break: break-word;
  text-decoration: none;
}
.eligibility-search__record-found .record-single .row .process-col.person-details .u-name a span {
  text-decoration: underline;
}
@media (min-width: 1281px) {
  .eligibility-search__record-found .record-single .row .process-col.person-details .u-name a {
    font-size: 15px;
    line-height: 24px;
  }
}
@media (min-width: 1380px) {
  .eligibility-search__record-found .record-single .row .process-col.person-details .u-name a {
    font-size: 16px;
  }
}
.eligibility-search__record-found .record-single .row .process-col.person-details .u-name i {
  display: inline-block;
  color: #147dfc;
  font-size: 15px;
  cursor: pointer;
  margin-left: 0px;
}
.eligibility-search__record-found .record-single .row .process-col.person-details .u-name:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.eligibility-search__record-found .record-single .row .process-col.person-details p {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #2e3333;
}
@media (min-width: 1281px) {
  .eligibility-search__record-found .record-single .row .process-col.person-details p {
    font-size: 14px;
  }
}
@media (min-width: 1380px) {
  .eligibility-search__record-found .record-single .row .process-col.person-details p {
    font-size: 15px;
  }
}
.eligibility-search__record-found .record-single .row .process-col.record-found {
  min-width: 42%;
}
@media (min-width: 1380px) {
  .eligibility-search__record-found .record-single .row .process-col.record-found {
    min-width: 50%;
  }
}
.eligibility-search__record-found .record-single .row .process-col .record-details-list {
  width: 73%;
}
.eligibility-search__record-found .record-single .row .process-col .record-details-list ul {
  line-height: 22px;
}
@media (min-width: 1281px) {
  .eligibility-search__record-found .record-single .row .process-col .record-details-list ul {
    line-height: 28px;
  }
}
.eligibility-search__record-found .record-single .row .process-col .record-details-list ul li {
  margin-right: 14px;
  font-size: 14px;
}
@media (min-width: 1380px) {
  .eligibility-search__record-found .record-single .row .process-col .record-details-list ul li {
    font-size: 18px;
  }
}
.eligibility-search__record-found .record-single .row .process-col.record-not-found {
  text-align: center;
}
.eligibility-search__record-found .record-single .row .process-col.record-not-found h4 {
  text-transform: uppercase;
  color: #8b8b8c;
  margin-bottom: 2px;
}
.eligibility-search__record-found .record-single .row .process-col.record-not-found h4 i {
  font-size: 20px;
  margin-right: 2px;
}
.eligibility-search__record-found .record-single .row .process-col .not-found-list {
  padding-left: 0px;
}
@media (min-width: 1025px) {
  .eligibility-search__record-found .record-single .row .process-col .not-found-list {
    font-size: 8px;
  }
}
.eligibility-search__record-found .record-single .row .process-col .not-found-list ul {
  margin-bottom: 0px;
}
.eligibility-search__record-found .record-single .row .process-col .not-found-list ul li {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .eligibility-search__record-found .record-single .row .process-col .not-found-list ul li {
    display: block;
    margin-right: 0px;
  }
}
@media (min-width: 1025px) {
  .eligibility-search__record-found .record-single .row .process-col .not-found-list ul li {
    font-size: 14px;
  }
}
@media (min-width: 1380px) {
  .eligibility-search__record-found .record-single .row .process-col .not-found-list ul li {
    font-size: 16px;
  }
}
.eligibility-search__record-found .record-single .row .process-col .not-found-list ul li i {
  color: #eb5757;
  margin-right: 5px;
  font-size: 15px;
}
.eligibility-search__record-found .record-single .row .tooltiptext {
  border-width: 1px;
  border-color: #2879D9;
  border-style: solid;
  visibility: hidden;
  width: 250px;
  background-color: #fff;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.6s;
  top: -40px;
  margin-left: 10px;
  position: absolute;
  z-index: 99999999999999;
}
.eligibility-search__record-found .record-single .row .tooltiptext p {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.07em;
  margin-bottom: 0px;
  color: #2e3333;
  text-transform: none !important;
}
@media (min-width: 1281px) {
  .eligibility-search__record-found .record-single .row .tooltiptext p {
    font-size: 14px;
  }
}
@media (min-width: 1380px) {
  .eligibility-search__record-found .record-single .row .tooltiptext p {
    font-size: 15px;
  }
}
.eligibility-search__record-found .record-single .row .tooltiptext p span {
  text-transform: uppercase;
}
.eligibility-search__record-found .record-single .row .tooltiptext p strong {
  font-size: 14px;
  color: #2e3333 !important;
}
.eligibility-search__record-found .record-single .row .tooltiptext .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  position: absolute;
  transform: translate3d(0px, 18px, 0px);
  top: 25px;
}
.eligibility-search__record-found .record-single .row .tooltiptext .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #2879D9;
}
.eligibility-search__record-found .record-single .row .tooltiptext .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.eligibility-search__record-found .record-single.status-completed {
  background: #f1f6fc;
  border: 2px solid #2879d9;
}
.eligibility-search__record-found .record-single.status-completed .row .process-col.record-found {
  min-width: 50%;
}
.eligibility-search__record-found.dependent {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 115px;
}
.eligibility-search__record-found.dependent .record-single {
  padding: 10px 12px;
  margin-right: 8px;
  margin-bottom: 15px;
  width: 49.5%;
  display: inline-block;
  border: 2px solid #2879d9;
  background-color: #f1f6fb;
}
.eligibility-search__record-found.dependent .record-single:nth-child(even) {
  margin-right: 0px;
}
.eligibility-search__record-found.dependent .record-single.loading-state {
  background: rgba(255, 136, 0, 0.03);
  border: 1px solid #ff8800;
  position: relative;
}
.eligibility-search__record-found.dependent .record-single.loading-state .data-loading {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.eligibility-search__record-found.dependent .record-single .row {
  margin-left: 15px;
  margin-right: 15px;
}
.eligibility-search__record-found.dependent .record-single .dependent-top .u-name a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.07em;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #147dfc;
  text-decoration: none;
}
.eligibility-search__record-found.dependent .record-single .dependent-top .u-name a span {
  text-decoration: underline;
}
.eligibility-search__record-found.dependent .record-single .dependent-top .u-name i {
  font-size: 17px;
  color: #177dfd;
  cursor: pointer;
}
.eligibility-search__record-found.dependent .record-single .dependent-top p {
  display: inline-block;
  margin-bottom: 0px;
  font-weight: 500;
  color: #87898a;
}

.practice-pal-search .eligibility-search__record-found .record-found-inner {
  max-height: calc(100vh - 400px);
  height: calc(100vh - 400px);
  overflow-y: scroll;
  overflow-x: hidden;
}
.practice-pal-search .eligibility-search__record-found {
  position: initial;
  top: 0;
  width: 99%;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 1368px) {
  .authorization-popup .modal-dialog {
    max-width: 830px !important;
  }
  .auth-content .pull-auth {
    margin-left: -54px;
  }
}
.record-not-found {
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  padding-top: 15px;
  color: #868c8d;
}
.record-not-found i {
  color: #ff0000;
  font-size: 16px;
  margin-right: 3px;
}

@media screen and (min-width: 1380px) {
  .search-by-id .mbrid__control {
    height: 47px !important;
  }
}
.eligibility-search__record-found {
  width: 97%;
}

@media only screen and (max-width: 1380px) {
  .eligibility-search__record-found {
    margin-top: 270px;
  }
  .practice-pal-search .eligibility-search__record-found {
    margin-top: initial;
  }
}
@media screen and (min-width: 1000px) {
  .desktop-screen .eligibility-search__top .filter-main {
    display: flex;
  }
}
.mobile-device .custom-scroll-patient {
  max-height: calc(100vh - 150px);
  height: calc(100vh - 150px);
}

.sp-count {
  height: 26px;
  width: 26px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #6cadff;
  position: absolute;
  top: -10px;
  font-weight: 600;
  color: #6eaeff;
  right: -26px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
}

.davis .sp-count {
  top: -25px;
}

.additional-spectera-block {
  text-align: right;
  margin-bottom: 32px;
}
.additional-spectera-block .additional-spectera__link a {
  border: 1px solid #ff8800;
  border-radius: 20px;
  padding: 5px 14px;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-right: 0px;
  position: relative;
  padding-left: 34px;
}
.additional-spectera-block .additional-spectera__link a i {
  color: #2879d9;
  font-size: 20px;
  position: absolute;
  left: 5px;
  top: 6px;
}
.additional-spectera__search-form {
  border: 1px solid #ff8800;
  border-radius: 20px;
  padding: 20px 35px 35px 45px;
  margin-top: 2px;
  margin-left: 80px;
  position: relative;
  background-color: #fffbf7;
}
.additional-spectera__search-form h3 {
  text-align: left;
  color: #657a8f;
  margin-bottom: 15px;
  font-size: 18px;
}
.additional-spectera__search-form .close-spectera {
  position: absolute;
  left: 8px;
  top: 22px;
}
.additional-spectera__search-form .close-spectera i {
  font-size: 25px;
  color: #da615b;
}
.additional-spectera__search-form #el-dependent {
  text-transform: uppercase;
  font-weight: 600;
  padding: 6px 42px;
  margin-top: 30px;
}
.additional-spectera__search-form .filter-item .btn {
  margin-top: 30px !important;
}
.additional-spectera__search-form .filter-item.name-field-wrap {
  max-width: 25%;
}

.vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.record-single {
  position: relative;
}
.record-single .admin-screenshot {
  z-index: 2;
  position: absolute;
  top: 2px;
  right: 10px;
  cursor: pointer;
}
.record-single .admin-screenshot .lds-spinner {
  left: -40px;
  top: 8px;
}
.record-single .admin-screenshot span {
  text-decoration-line: underline;
  color: #2879D9;
  font-weight: 500;
  font-size: 12px;
}

.available-listing {
  display: flex;
  align-items: center;
}

/*Search Modal*/
.eligibility-parient-detail .modal-dialog {
  background: #ffffff;
  border: 0.5px solid #358ef7;
  box-sizing: border-box;
  border-radius: 20px;
  max-width: 1300px;
}
.eligibility-parient-detail .modal-content {
  border-radius: 20px;
}
.eligibility-parient-detail .modal-header {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 12px;
  padding-bottom: 15px;
}
.eligibility-parient-detail .modal-header .close {
  position: absolute;
  right: 0px;
  margin: 0;
  top: -10px;
  font-size: 30px;
}
.eligibility-parient-detail .modal-header h4.modal-title {
  display: block;
  text-align: left;
  width: 100%;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.07em;
  border-bottom: 1px solid #358ef7;
  padding-bottom: 22px;
  padding-top: 5px;
}
.eligibility-parient-detail .modal-header h4.modal-title span {
  margin-left: 50px;
  font-weight: 500;
  font-size: 20px;
}
.eligibility-parient-detail .modal-header h4.modal-title .inner-btn {
  width: auto;
  display: inline-block;
  position: relative;
  top: 0px;
  margin-right: 10px;
}
.eligibility-parient-detail .modal-body {
  padding: 15px 35px 35px;
}
.eligibility-parient-detail .modal-body .patient-record-single {
  padding: 10px 20px 20px 20px;
  border: 1px solid #2879d9;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 20px;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data__main .patient-data__header {
  background-color: #f4f9fd;
  padding: 9px 12px 0;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data__main .patient-data__header h4 {
  font-size: 18px;
  text-transform: uppercase;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data__main .patient-data__body .row {
  margin: 0 0;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data__main .patient-data__body .row:nth-child(even) {
  background-color: #f4f9fd;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data__main .patient-data__body .row:nth-child(even) p {
  margin-bottom: 0px;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login p {
  font-weight: 600;
  letter-spacing: 0.07em;
  margin-top: 20px;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login p span {
  display: block;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login .plan-details {
  border-radius: 6px;
  background-color: #358ef7;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login .plan-details.btn-borderoly {
  background: #fff;
  margin-top: 10px;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login .plan-details.btn-place-order {
  display: block;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login .plan-details.open-plan-detail {
  display: block;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login .plan-details.open-plan-snapshot {
  display: block;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login img.nva {
  width: 80%;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login img.envolve {
  width: 80%;
}
.eligibility-parient-detail .modal-body .patient-record-single .patient-data-login img.superior {
  width: 85%;
}
.eligibility-parient-detail .modal-body .patient-record-single:last-child {
  margin-bottom: 0px;
}
.eligibility-parient-detail .modal-body .patient-record-single .eligibility {
  padding-bottom: 10px;
  float: right;
  color: #000;
}
.eligibility-parient-detail .modal-body .patient-record-single .eligibility span {
  font-weight: bold;
}
.eligibility-parient-detail .modal-body .patient-no-coverage .patient-record-single {
  padding: 55px 25px;
}
.eligibility-parient-detail .modal-body .patient-no-coverage .patient-record-single .patient-data-login {
  float: left;
  position: absolute;
  top: 0px;
  margin-top: -40px;
}
.eligibility-parient-detail .modal-body .patient-no-coverage .patient-record-single .patient-data-login img.envolve {
  width: 80%;
}
.eligibility-parient-detail .modal-body .patient-no-coverage .patient-record-single .coverage-text {
  font-weight: bold;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: inherit;
  width: 100%;
}
.eligibility-parient-detail .modal-body .append-content-tab {
  max-height: 75vh;
  overflow: hidden;
  margin-bottom: 15px;
}
@media (min-width: 1440px) {
  .eligibility-parient-detail .modal-body .append-content-tab {
    max-height: 75vh;
  }
}
.eligibility-parient-detail .modal-body .patient-record-wrap {
  max-height: 75vh;
}
.eligibility-parient-detail .modal-body .embed-frame-sec {
  height: 75vh;
}
.eligibility-parient-detail .modal-body .embed-frame-sec embed {
  height: 75vh;
}
.eligibility-parient-detail .modal-footer {
  border-top: 1px solid rgba(208, 218, 227, 0.5);
  padding-bottom: 15px;
  border-radius: 0 0 3px 3px;
}

.eligibility-patient-table {
  width: 100%;
}
.eligibility-patient-table thead {
  background-color: #f4f9fd;
}
.eligibility-patient-table thead tr th {
  padding: 10px 10px;
}
.eligibility-patient-table thead tr th h4 {
  font-size: 16px;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #000;
}
.eligibility-patient-table thead tr th:nth-child(2) {
  width: 35%;
}
.eligibility-patient-table tbody tr td {
  padding: 5px 10px;
}
.eligibility-patient-table tbody tr td p {
  margin-bottom: 0px;
}
.eligibility-patient-table tbody tr td p span.status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 5px;
}
.eligibility-patient-table tbody tr td p span.status.active {
  background-color: #72c466;
}
.eligibility-patient-table tbody tr td p span.status.status-disabled {
  background-color: #ffa426;
}
.eligibility-patient-table tbody tr td p span.status.inactive {
  background-color: #c84436;
}
.eligibility-patient-table tbody tr td:nth-child(2) {
  width: 35%;
}
.eligibility-patient-table tbody tr td:nth-child(3) {
  width: 45%;
}
.eligibility-patient-table tbody tr:nth-child(even) {
  background-color: #f4f9fd;
}

/*Dependent section*/
.record-single.dependent {
  text-align: left;
  margin-bottom: 0px;
  padding: 10px 12px;
  margin-right: 2px;
  margin-bottom: 4px;
  width: 100%;
  display: block;
}
@media (min-width: 1025px) {
  .record-single.dependent {
    width: 49.7%;
    display: inline-block;
  }
}
.record-single.dependent:nth-child(even) {
  margin-right: 0px;
}
.record-single.dependent.search-cmplete {
  border: 2px solid #2879d9;
  background-color: #f1f6fb;
}
.record-single.dependent.loading-state {
  background: rgba(255, 136, 0, 0.03);
  border: 1px solid #ff8800;
  position: relative;
}
.record-single.dependent.loading-state .data-loading {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 60px;
  top: 45px;
}
.record-single.dependent.loading-state .data-loading .small-loader {
  position: relative;
}
.record-single.dependent.loading-state .data-loading .small-loader .lds-spinner div:after {
  top: 5px;
  left: 50px;
  width: 12px;
  height: 8px;
}
.record-single.dependent .row {
  margin-left: 15px;
  margin-right: 15px;
}
.record-single.dependent .dependent-top .u-name a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.07em;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #147dfc;
  text-decoration: none;
}
.record-single.dependent .dependent-top .u-name a span {
  text-decoration: underline;
}
@media (min-width: 1380px) {
  .record-single.dependent .dependent-top .u-name a {
    font-size: 16px;
  }
}
.record-single.dependent .dependent-top .u-name i {
  font-size: 14px;
  color: #177dfd;
  cursor: pointer;
  margin-left: 0px;
}
@media (min-width: 1380px) {
  .record-single.dependent .dependent-top .u-name i {
    font-size: 15px;
  }
}
.record-single.dependent .dependent-top .u-name:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  top: -27px;
}
.record-single.dependent .dependent-top .dob {
  margin-left: 15px;
}
.record-single.dependent .dependent-top p {
  display: inline-block;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 500;
  color: #87898a;
}
.record-single.dependent .dependent-top p .small-loader {
  margin-left: 20px;
  position: absolute;
}
@media (min-width: 1380px) {
  .record-single.dependent .dependent-top p {
    font-size: 16px;
  }
}
.record-single.dependent .dependent-bottom {
  min-height: 65px;
}
.record-single.dependent .dependent-bottom .section-logo {
  width: 90px;
  text-align: center;
  position: relative;
}
.record-single.dependent .dependent-bottom .section-logo .sp-count {
  height: 22px;
  width: 22px;
  top: 5px;
  right: -16px;
  line-height: 20px;
  font-size: 12px;
}
.record-single.dependent .dependent-bottom .section-logo img {
  width: 100%;
}
.record-single.dependent .dependent-bottom .section-logo .logo-resize.vsp img {
  height: 65px;
}
.record-single.dependent .dependent-bottom .section-logo .logo-resize.eyemed img {
  height: 65px;
}
.record-single.dependent .dependent-bottom .record-details-list {
  width: auto;
  padding-left: 0px;
}
@media (min-width: 768px) {
  .record-single.dependent .dependent-bottom .record-details-list {
    padding-left: 20px;
  }
}
@media (min-width: 1025px) {
  .record-single.dependent .dependent-bottom .record-details-list {
    width: 65%;
  }
}
@media (min-width: 1380px) {
  .record-single.dependent .dependent-bottom .record-details-list {
    width: 75%;
  }
}
.record-single.dependent .dependent-bottom .record-details-list ul li {
  border-right: 1px solid #ddd;
  line-height: 15px;
  padding-right: 8px;
  margin-right: 6px;
  font-size: 14px;
}
@media (min-width: 1281px) {
  .record-single.dependent .dependent-bottom .record-details-list ul li {
    font-size: 16px;
  }
}
.record-single.dependent .dependent-bottom .record-details-list ul li:last-child {
  border-right: none;
  margin-right: 8px;
}

@media (min-width: 768px) {
  .refresh-eligibility {
    white-space: normal;
    width: 108px;
    border-radius: 6px !important;
    line-height: 15px;
  }
}
@media (min-width: 1025px) {
  .refresh-eligibility {
    white-space: nowrap;
    width: auto;
    border-radius: 43px !important;
    line-height: 24px;
  }
}

.eligibility-input-section-tab {
  display: block;
  flex-wrap: inherit;
  padding-bottom: 40px;
}
@media (min-width: 1440px) {
  .eligibility-input-section-tab {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0px;
  }
}
.eligibility-input-section-tab .filter-item {
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .eligibility-input-section-tab .filter-item {
    margin-bottom: 0px;
  }
}
.eligibility-input-section-tab .btn {
  margin-top: 0px !important;
}
@media (min-width: 1025px) {
  .eligibility-input-section-tab .btn {
    margin-top: 32px !important;
  }
}

.ssn-wrap-block {
  position: relative;
}
.ssn-wrap-block label {
  text-align: center !important;
  line-height: 15px !important;
  margin-top: -8px;
  font-size: 14px;
  color: #000;
  text-transform: uppercase !important;
}
@media (min-width: 1025px) {
  .ssn-wrap-block label {
    line-height: 23px;
  }
}
@media (min-width: 1440px) {
  .ssn-wrap-block label {
    margin-top: -4px;
  }
}
.ssn-wrap-block label > span {
  display: block;
  color: #606060 !important;
  font-size: 12px !important;
}
.ssn-wrap-block label > span span {
  color: #6cadff !important;
  margin-left: 0px !important;
  font-size: 12px !important;
}

.ssn-tooltop {
  position: absolute;
  width: 240px;
  padding: 15px;
  background: #ffffff;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  opacity: 0;
  transition-duration: 500ms;
  margin-top: 15px;
  left: -108px;
}
.ssn-tooltop:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 11px solid #ccd2da;
  position: absolute;
  top: -11px;
  right: 45px;
}
.ssn-tooltop p {
  line-height: 22px;
}
.ssn-tooltop p:last-child {
  margin-bottom: 0px;
}
.ssn-tooltop p span {
  font-weight: 500;
  display: inline !important;
  font-family: "TT Norms";
  text-transform: inherit !important;
  font-size: 16px !important;
}

#ssn_last4 ~ .ssn-tooltop {
  display: none;
}
#ssn_last4:focus ~ .ssn-tooltop {
  display: block;
  opacity: 1;
  z-index: 1;
  transition-duration: 500ms;
}

.search-by-id .search-input {
  background: rgba(20, 125, 252, 0.5);
  padding: 3px;
  border-radius: 8px;
  margin-top: -4px;
}
.search-by-id .search-input .col {
  padding: 0;
  margin-top: 0px;
}
.search-by-id .search-input .col:first-child {
  margin-right: 30px;
}
.search-by-id .search-input .col .mbrid__control {
  height: 42px;
}
.search-by-id .search-input .col .mbrid__control .mbrid__indicator-separator {
  display: none;
}

.customize-select2-wrap {
  position: relative;
}
.customize-select2-wrap .select2-container--default {
  max-width: 100%;
  width: 100% !important;
}
.customize-select2-wrap .select2-selection--single {
  min-height: 50px !important;
}

#select2-user-month-select-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}

#select2-dob_day-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}
#select2-dob_day-results li {
  display: inline-block;
  width: 31px;
  padding: 2px 0;
  text-align: center;
  font-weight: 600;
}

#select2-dep_dob_day-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}
#select2-dep_dob_day-results li {
  display: inline-block;
  width: 31px;
  padding: 2px 0;
  text-align: center;
  font-weight: 600;
}

#select2-dob_year-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}
#select2-dob_year-results li {
  display: inline-block;
  width: 40px;
  padding: 3px 0;
  text-align: center;
  font-weight: 600;
}

#select2-dep_dob_year-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}
#select2-dep_dob_year-results li {
  display: inline-block;
  width: 41px;
  padding: 3px 0;
  text-align: center;
  font-weight: 600;
}

#select2-user-day-select-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}
#select2-user-day-select-results li {
  display: inline-block;
  width: 31px;
}

#select2-dep-year-select-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}
#select2-dep-year-select-results li {
  display: inline-block;
  width: 55px;
}

#select2-user-year-select-results {
  padding: 18px 12px;
  background-color: #fff;
  border-radius: 20px;
}
#select2-user-year-select-results li {
  display: inline-block;
  width: 55px;
}

.customize-select2-wrap .select2-selection__rendered {
  padding-right: 35px;
  border: 1px solid #5b9cec;
  border-radius: 6px;
  height: 42px;
  padding: 11px 10px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  position: relative;
  z-index: 1;
  background-color: transparent;
  font-size: 15px;
  line-height: 18px !important;
  padding-left: 10px !important;
}
@media (min-width: 1200px) {
  .customize-select2-wrap .select2-selection__rendered {
    font-size: 12px;
  }
}
@media (min-width: 1440px) {
  .customize-select2-wrap .select2-selection__rendered {
    font-size: 15px;
  }
}
@media (min-width: 1380px) {
  .customize-select2-wrap .select2-selection__rendered {
    height: 48px;
    line-height: 24px !important;
  }
}
.customize-select2-wrap .select2-selection__clear {
  display: none;
}
.customize-select2-wrap .select2-selection__arrow {
  min-height: 42px !important;
}
@media (min-width: 1380px) {
  .customize-select2-wrap .select2-selection__arrow {
    min-height: 46px !important;
  }
}
.customize-select2-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 8px 8px 0 8px;
  margin-top: -4px;
}
.customize-select2-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #aaa transparent;
  border-width: 0 8px 8px 8px;
}

.select-practice-log {
  margin-right: 11px;
  width: 252px;
}
.select-practice-log .select2-selection__rendered {
  width: 252px;
  background-color: rgba(23, 96, 182, 0.55) !important;
  color: #ffffff !important;
  border: none;
  text-transform: capitalize;
  padding-right: 35px;
  border-radius: 6px;
  height: 42px;
  padding: 11px 10px;
  font-weight: 600;
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 18px !important;
  padding-left: 10px !important;
  border-radius: 20px;
}
.select-practice-log .select2-selection__clear {
  display: none;
}
.select-practice-log .select2-selection__arrow {
  min-height: 42px !important;
}
.select-practice-log .select2-container--default {
  max-width: 252px !important;
}
.select-practice-log .select2-container--default.select2-container--focus .select2-selection--single {
  background-color: #147DFC;
  border-color: #147DFC;
}
.select-practice-log .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: auto;
  position: absolute;
  right: 20px;
}
.select-practice-log .select2-container--default .select2-selection--single {
  width: 252px;
  min-height: 43px !important;
  background-color: #147DFC;
  border-color: #147DFC;
  border: 2px;
  position: relative;
  border-radius: 20px;
}
.select-practice-log .select2-container--default.select2-container--open .select2-selection--single {
  background-color: #147DFC;
  border-color: #147DFC;
  border: 2px;
  position: relative;
}
.select-practice-log .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #aaa transparent transparent transparent;
  border-width: 8px 8px 0 8px;
  margin-top: -4px;
}
.select-practice-log .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #aaa transparent;
  border-width: 0 8px 8px 8px;
}
.select-practice-log .select2-search.select2-search--dropdown {
  border-top: none;
}

.select-practice {
  margin-right: 11px;
  width: 252px;
}
.select-practice .select2-selection__rendered {
  width: 252px;
  background-color: rgba(23, 96, 182, 0.55) !important;
  color: #ffffff !important;
  border: none;
  text-transform: capitalize;
  padding-right: 35px;
  border-radius: 6px;
  height: 42px;
  padding: 11px 10px;
  font-weight: 600;
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 18px !important;
  padding-left: 10px !important;
}
.select-practice .select2-selection__clear {
  display: none;
}
.select-practice .select2-selection__arrow {
  min-height: 42px !important;
}
.select-practice .select2-container--default {
  max-width: 252px !important;
}
.select-practice .select2-container--default.select2-container--focus .select2-selection--single {
  background-color: #2879D9;
  border-color: #2879D9;
}
.select-practice .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: auto;
  position: absolute;
  right: 20px;
}
.select-practice .select2-container--default .select2-selection--single {
  width: 252px;
  min-height: 43px !important;
  background-color: #2879D9;
  border-color: #2879D9;
  border: 2px;
  position: relative;
}
.select-practice .select2-container--default.select2-container--open .select2-selection--single {
  background-color: #2879D9;
  border-color: #2879D9;
  border: 2px;
  position: relative;
}
.select-practice .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #aaa transparent transparent transparent;
  border-width: 8px 8px 0 8px;
  margin-top: -4px;
}
.select-practice .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #aaa transparent;
  border-width: 0 8px 8px 8px;
}
.select-practice .select2-search.select2-search--dropdown {
  border-top: none;
}

.search_bar_wraper_dependent {
  margin: 25px 0 0 77px;
}
.search_bar_wraper_dependent .record-single {
  border: 2px solid #ff0000;
  background: #ffeeee;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 5px;
  background-color: white;
}

.dependent-group {
  padding-left: 77px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.dependent-group .small-loader {
  position: relative;
  left: 20px;
}

.parent-main {
  margin-top: 30px;
}

/*logo resize*/
.eyemed-logo {
  width: auto !important;
  height: 60px;
}

.devis-logo {
  width: auto !important;
  height: 60px;
}

@media (min-width: 1025px) {
  body.sidebar-mini #patient-view-large {
    padding-left: 75px;
  }
}
@media (min-width: 1024px) {
  body.sidebar-gone #patient-view-large {
    padding: 100px;
  }
}
body #patient-view-large {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 1025px) {
  body #patient-view-large {
    padding-left: 260px;
  }
}
body #patient-view-large .support-header-logo {
  position: absolute;
  right: 70px;
  top: 10px;
}
body #patient-view-large .c-vcpplan-wrap-inner {
  max-height: 63vh;
}

.c-vcpplan-wrap {
  padding-top: 0px;
}
.c-vcpplan-wrap .c-vcpplan-panel:first-child {
  padding-top: 0px;
}

#eligibility-results .filter-title {
  padding: 0 30px;
}
#eligibility-results .filter-title h4 {
  font-size: 18px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #525252;
  font-weight: 600;
  margin-bottom: 20px;
}

#app.eligibility-search-page .main-content {
  height: 100vh;
  overflow: hidden;
}
#app.eligibility-search-page .main-footer {
  display: none;
}

.eligibility-record {
  margin: 10px 0px;
  background: rgba(255, 136, 0, 0.07);
  border: 1px solid #f6c489;
  box-sizing: border-box;
  border-radius: 20px;
  min-height: 110px;
}
.eligibility-record .process-col {
  min-height: auto;
  border-right: 1px solid #d2e2f1;
  border-bottom: none;
  display: flex;
  justify-content: center;
}
.eligibility-record .process-col.delete-patient {
  flex-direction: column;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.eligibility-record .process-col label {
  font-size: 16px;
  line-height: 20px;
  color: #2e3333;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0px;
  display: block;
  text-align: center;
}
.eligibility-record .process-col .record-not-found {
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  padding-top: 0px;
  margin-bottom: 0px;
  color: #868c8d;
}
.eligibility-record .process-col .record-not-found i {
  color: #ff0000;
  font-size: 16px;
  margin-right: 3px;
  cursor: pointer;
  z-index: 2;
}
.eligibility-record .process-col.cancel-row {
  cursor: pointer;
  text-align: center;
  max-width: 6%;
  padding: 0 0;
  text-align: center;
  background-color: #fff;
}
.eligibility-record .process-col.cancel-row i {
  font-size: 25px;
  color: #ff463a;
}
.eligibility-record .process-col.cancel-row span {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 25px;
  font-weight: 500;
}
.eligibility-record .process-col.person-details {
  justify-content: baseline;
}
.eligibility-record .process-col.person-details strong {
  font-size: 14px;
  color: #000;
}
.eligibility-record .process-col.person-details .u-name {
  margin-bottom: 0;
  position: relative;
}
.eligibility-record .process-col.person-details .u-name a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #147dfc;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0px;
  word-break: break-word;
  color: #000000;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .eligibility-record .process-col.person-details .u-name a {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .eligibility-record .process-col.person-details .u-name a {
    font-size: 18px;
    line-height: 25px;
  }
}
.eligibility-record .process-col.person-details .u-name p.expire-patient {
  font-size: 16px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
}
@media (min-width: 1281px) {
  .eligibility-record .process-col.person-details .u-name p.expire-patient {
    font-size: 15px;
    line-height: 24px;
  }
}
@media (min-width: 1380px) {
  .eligibility-record .process-col.person-details .u-name p.expire-patient {
    font-size: 16px;
  }
}
.eligibility-record .process-col.person-details p {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #2e3333;
}
@media (min-width: 1200px) {
  .eligibility-record .process-col.person-details p {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .eligibility-record .process-col.person-details p {
    font-size: 15px;
  }
}
.eligibility-record .process-col.empty-record-col {
  min-width: 47%;
}
.eligibility-record .process-col.empty-record-col .record-not-found {
  font-size: 24px;
}
.eligibility-record .process-col.patient-expire .record-not-found {
  font-size: 20px;
}
.eligibility-record .process-col.patient-expire .record-not-found i {
  font-size: 20px;
}
.eligibility-record.not-available {
  border: 2px solid #2879d9;
  background-color: #f0f6fc;
}
.eligibility-record.not-available .person-details .u-name a {
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #147dfc;
}
.eligibility-record.expires {
  background: #ffeeee;
  border: 2px solid #ff0000;
}

.no-patient-data {
  margin-top: 40px;
}

.input-all-fields-small .dob-field-wrap {
  max-width: 100%;
}
@media (min-width: 768px) {
  .input-all-fields-small .dob-field-wrap {
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  .input-all-fields-small .dob-field-wrap {
    max-width: 32%;
    min-width: 32%;
  }
}
@media (min-width: 1380px) {
  .input-all-fields-small .dob-field-wrap {
    max-width: 32%;
    min-width: 32%;
  }
}
@media (min-width: 1440px) {
  .input-all-fields-small .dob-field-wrap {
    max-width: 30%;
    min-width: 30%;
  }
}

.cancel-row .data-loading img {
  width: 25px;
}

.eligibility-print-icon {
  text-align: right;
  display: block;
}
.eligibility-print-icon button {
  border: none;
  display: inline-block;
  background-color: transparent;
}
.eligibility-print-icon button i {
  color: #147dfc;
  font-size: 22px;
}
.eligibility-print-icon button:hover {
  outline: none;
}

@media (min-width: 1200px) {
  body.sidebar-large .eligibility-input-section-tab .filter-item.ssn-wrap-block {
    max-width: 14%;
  }
}
@media (min-width: 1380px) {
  body.sidebar-large .eligibility-input-section-tab .filter-item.ssn-wrap-block {
    min-width: 90px;
  }
}
@media (min-width: 1440px) {
  body.sidebar-large .eligibility-input-section-tab .filter-item.ssn-wrap-block {
    min-width: 150px;
  }
}
@media (min-width: 1200px) {
  body.sidebar-large .eligibility-input-section-tab .filter-item.submit-btn-wrap {
    max-width: 15%;
  }
}
@media (min-width: 1380px) {
  body.sidebar-large .eligibility-input-section-tab .filter-item.submit-btn-wrap {
    min-width: 90px;
  }
}
@media (min-width: 1440px) {
  body.sidebar-large .eligibility-input-section-tab .filter-item.submit-btn-wrap {
    min-width: 150px;
  }
}

.no-result-found {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.no-result-found .modal-dialog {
  max-width: 781px;
}
.no-result-found .modal-dialog .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 25px;
}
.no-result-found .modal-dialog .modal-header h4 {
  color: #000000;
}
.no-result-found .modal-dialog .modal-header .close {
  position: absolute;
  right: 20px;
  color: #98a5b4;
  font-size: 35px;
  top: 10px;
}
.no-result-found .modal-dialog .modal-body {
  text-align: center;
  padding: 35px 0 0;
}
.no-result-found .modal-dialog .modal-body .outline {
  position: relative;
  margin-bottom: 50px;
  margin-top: 15px;
}
.no-result-found .modal-dialog .modal-body .outline:after {
  content: " ";
  height: 3px;
  width: 66px;
  background-color: #147dfc;
  position: absolute;
  bottom: -28px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.no-result-found .modal-dialog .modal-body h3 {
  font-size: 26px;
}
.no-result-found .modal-dialog .modal-body h3 strong {
  font-weight: 700;
}
.no-result-found .modal-dialog .modal-body h4 {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #ff463a;
}
.no-result-found .modal-dialog .modal-body h5 {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 30px;
  color: #606060;
  font-weight: 400;
}
.no-result-found .modal-dialog .modal-body span {
  font-size: 30px;
  line-height: 35px;
}
.no-result-found .modal-dialog .modal-body p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 50px;
  color: #606060;
}
.no-result-found .modal-dialog .modal-body p:last-child {
  margin-bottom: 0px;
}
.no-result-found .modal-dialog .modal-footer {
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.no-result-found .modal-dialog .modal-footer .btn {
  margin: 0 auto;
  line-height: 25px;
  padding: 7px 30px;
  font-weight: 500;
  background-color: transparent;
  color: #147dfc;
  text-decoration: underline;
}
.no-result-found .modal-dialog .modal-footer .btn:hover {
  background-color: transparent !important;
}

.new-multi-location .modal-dialog {
  max-width: 650px;
}
.new-multi-location .modal-dialog .modal-body {
  padding: 35px 85px 26px;
}
.new-multi-location .modal-dialog .modal-body p {
  font-weight: normal;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  color: #606060;
}
.new-multi-location .modal-dialog .modal-footer .btn {
  background-color: #147dfc;
  color: #fff;
  text-decoration: none;
}
.new-multi-location .modal-dialog .modal-footer .btn:hover {
  background-color: #147dfc !important;
  color: #fff;
}

.vsp-only {
  margin-top: 20px;
}
.vsp-only .ssn-input {
  letter-spacing: 4px !important;
}
.vsp-only .clear-btn {
  margin-top: 10px !important;
  border: 1px solid #657A8F;
  border-radius: 10000px;
  width: 115px;
}
.vsp-only .submit-btn-wrap {
  text-align: right;
}
.vsp-only .submit-btn-wrap .btn {
  min-width: 200px;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 20px !important;
  background-color: #3786e6;
}
.vsp-only .submit-btn-wrap .btn:disabled {
  background-color: #657a8f;
  opacity: 1;
  pointer-events: none;
}
.vsp-only .submit-btn-wrap .btn[disabled=disabled]:hover {
  background-color: #657a8f !important;
}

.modal-searching-area {
  border-top: 1px solid #ddd;
  padding: 24px 50px;
}
.modal-searching-area h4 {
  color: #606060 !important;
  text-align: right;
  margin-top: 13px;
  font-size: 20px;
}
.modal-searching-area .row {
  align-items: center;
}
.modal-searching-area label {
  display: block;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
  color: #606060;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 2px;
}
.modal-searching-area .u-input {
  border: 1px solid #6cadff;
  border-radius: 6px;
  background-color: #fff !important;
  text-align: left;
  font-size: 16px;
  min-width: 100%;
  max-width: 100%;
  height: 42px;
  color: #000;
  font-weight: bold;
  text-transform: capitalize;
}
.modal-searching-area .btn {
  width: 100%;
  margin-top: 40px;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #3786e6;
  margin-top: 20px;
}
.modal-searching-area .btn:disabled {
  background-color: #657a8f;
  opacity: 1;
}
.modal-searching-area .btn[disabled=disabled]:hover {
  background-color: #657a8f !important;
}

.searching-conent {
  padding: 14px 0;
  width: 70%;
  margin: 0 auto;
}
.searching-conent h4 {
  color: #606060 !important;
  margin-bottom: 5px;
  font-weight: 400 !important;
}

.no-wrap {
  white-space: nowrap;
}

.small-screen-eliglibility {
  margin-top: 20px !important;
}
.small-screen-eliglibility.stickery {
  position: fixed;
  top: 93px;
}
.small-screen-eliglibility button {
  float: right;
  margin-right: 30px;
  margin-bottom: 12px;
}
.small-screen-eliglibility .filter-title {
  margin-left: 25px;
}

.small-screen-search .modal-dialog {
  max-width: 65% !important;
  margin: auto;
}
.small-screen-search .modal-dialog .modal-content {
  border-radius: 20px;
  max-width: 100% !important;
  padding: 0px;
}
.small-screen-search .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small {
  border-radius: 20px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top {
  padding: 20px 30px 120px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .filter-title {
  text-align: left;
  font-size: 20px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .filter-title.secondery {
  display: none;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .filter-title img {
  position: absolute;
  right: 10px;
  top: 10px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .col {
  margin-top: 15px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .col input {
  height: 48px !important;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .search-by-id .search-input .col {
  margin-top: 5px;
  margin: 5px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .dob-field {
  width: 50%;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .c-greybox {
  margin-top: 15px;
  max-width: 100%;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .vsp-only .row {
  position: relative;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .vsp-only .submit-btn-wrap {
  display: block;
  width: 100%;
  padding-right: 0px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .vsp-only .submit-btn-wrap .btn {
  min-width: 120px;
  margin-top: 30px !important;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .vsp-only .search-by-id {
  width: 100%;
  display: block;
  max-width: 100%;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .vsp-only .tab-search.col-md-7 {
  text-align: left;
  max-width: none;
  width: 100%;
  display: block;
  margin-top: 65px;
  height: 107px;
  position: absolute;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .vsp-only .tab-search.col-md-3 {
  float: right;
  display: inline-block;
  text-align: right;
  position: absolute;
  right: 20px;
  bottom: -30px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .mbrid__control .mbrid__value-container {
  height: 100%;
  width: 100%;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .mbrid__control .mbrid__indicator {
  position: absolute;
  right: 0;
  top: 14px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .mbrid__control .mbrid__input {
  position: absolute;
  top: -10px;
}
.small-screen-search .modal-dialog .modal-content .modal-body .eligibility-top-small .eligibility-search__top .mbrid__control .mbrid__input input {
  outline: none !important;
  width: 100% !important;
  padding-top: 7px !important;
}

@media (max-width: 850px) {
  .eligibility-search__record-found {
    margin-top: 0px;
  }
  .eligibility-record .delete-patient {
    flex: 0 0 13%;
    max-width: 23% !important;
  }
  .eligibility-record .col-7.process-col {
    flex: 0 0 40%;
  }
  .exist-result .record-single.parent-main .person-details {
    max-width: 21%;
  }
  .exist-result .record-single.parent-main .person-details .u-name i::before {
    content: none;
  }
  .exist-result .record-single.parent-main .available-listing {
    flex-flow: column;
    width: 50%;
  }
  .exist-result .record-single.parent-main .available-listing .section-logo {
    width: 90px;
  }
  .exist-result .record-single.parent-main .available-listing .section-logo img {
    width: 100% !important;
    float: left;
  }
  .exist-result .record-single.parent-main .available-listing .section-logo .logo-resize.eyemed img {
    width: 54px !important;
  }
  .exist-result .record-single.parent-main .available-listing .section-logo .logo-resize.vsp img {
    width: 45px !important;
  }
  .exist-result .record-single.parent-main .available-listing .section-logo .sp-count {
    left: 59px;
    height: 20px;
    width: 20px;
    font-size: 11px;
    line-height: 17px;
    top: 0px;
  }
  .exist-result .record-single.parent-main .available-listing .record-details-list {
    width: 100% !important;
    position: absolute;
    bottom: 5px;
  }
  .exist-result .record-single.parent-main.status-completed .record-details-list {
    bottom: 15px;
  }
  .exist-result .record-single.parent-main.status-completed .other-list {
    max-width: 19%;
  }
  .exist-result .record-single.parent-main.status-completed .autorizations-btn {
    position: absolute;
    top: 20px;
    left: 100px;
    font-size: 12px;
    padding: 4px 14px;
  }
  .exist-result .dependent-group .record-single.dependent .dependent-bottom .logo-resize.eyemed img {
    width: 54px !important;
    height: auto;
  }
  .exist-result .dependent-group .record-single.dependent .dependent-bottom .logo-resize.vsp img {
    width: 45px !important;
    height: auto;
  }
  .exist-result .dependent-group .record-single.dependent .dependent-bottom .sp-count {
    left: 80px;
    height: 20px;
    width: 20px;
    font-size: 11px;
    line-height: 17px;
    top: 0px;
  }
}
.vcp-list {
  display: inline-block;
}
.vcp-list .ant-tag {
  background: transparent !important;
  border-color: transparent !important;
}
.vcp-list .title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #657A8F !important;
  text-transform: uppercase;
}
.vcp-list .record-status.small-loader {
  position: relative;
  margin-left: 10px;
}
.vcp-list .record-status img {
  width: 15px;
}
.vcp-list .record-status .fa-ban {
  color: #EB5757;
}
.vcp-list .record-status .fa-check {
  color: #27AE60;
}

.lds-spinner {
  color: official;
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: -38px;
  top: -11px;
}

.lds-spinner div {
  transform-origin: 32px 6px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 2px;
  height: 2px;
  border-radius: 20%;
  background: #2879D9;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.screenshot-modal {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.screenshot-modal .modal-dialog .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 25px;
}
.screenshot-modal .modal-dialog .modal-header h4 {
  color: #000000;
}
.screenshot-modal .modal-dialog .modal-header .modal-title {
  font-size: 20px;
  font-weight: bold;
}
.screenshot-modal .modal-dialog .modal-header .modal-title span {
  margin-left: 50px;
  font-weight: normal;
}
.screenshot-modal .modal-dialog .modal-header .close {
  position: absolute;
  right: 20px;
  color: #98a5b4;
  font-size: 35px;
  top: 10px;
}
.screenshot-modal .modal-dialog .modal-body {
  text-align: center;
  padding: 30px;
}
.screenshot-modal .modal-dialog .modal-body .carousel-btn {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.screenshot-modal .modal-dialog .modal-body .carousel-item {
  min-height: 250px;
}
.screenshot-modal .modal-dialog .modal-body .carousel-item .pt-screenshot {
  width: 100%;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: url(/images/loader.webp?76d6d1f962730f0ac63cad0059a3f55b) no-repeat;
  width: 100%;
  background-position: center;
}

.termsPopup {
  background: #fff;
  border-radius: 25px;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  /*Content Pages*/
}
@media (min-width: 768px) {
  .termsPopup {
    max-width: 532px;
  }
}
@media (min-width: 1025px) {
  .termsPopup {
    position: relative;
    top: 0%;
    transform: translateY(0%);
  }
}
@media (min-width: 1380px) {
  .termsPopup {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
@media (min-width: 1440px) {
  .termsPopup {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.termsPopup .modal-body h4.title {
  font-size: 24px;
  color: #606060;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 15px;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: left;
}
.termsPopup .modal-header {
  display: inline-block;
}
.termsPopup .modal-footer {
  border-top: 1px solid #ddd;
}
.termsPopup .modal-footer span {
  text-align: left;
  float: left;
  font-size: 15px;
  color: #606060;
}
.termsPopup .modal-footer #acceptTermsBtn {
  float: right;
  margin-top: 20px;
}
.termsPopup .signature-pad-body {
  border-style: dashed;
}
.termsPopup.content-area {
  max-width: 92%;
}
@media (min-width: 1025px) {
  .termsPopup.content-area {
    max-width: 838px;
  }
}
.termsPopup.content-area .confirm-registration {
  text-align: left;
  max-height: 350px;
}
.termsPopup.content-area .confirm-registration h4 {
  font-family: TT Norms;
  font-size: 22px;
  line-height: 40px;
  text-align: left;
  color: #2879D9;
}
.termsPopup.content-area .confirm-registration p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-bottom: 25px;
}

.person-details-box .appt-date {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
  font-style: normal;
  display: flex;
  align-items: center;
  top: 100px;
}
.person-details-box .appt-date span {
  margin-left: 5px;
}

/*Pagination*/
.c-pagination {
  text-align: center;
  padding: 40px 0;
  font-size: 0px;
}
.c-pagination ul {
  margin-bottom: 0px;
}
.c-pagination ul li {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.c-pagination ul li:first-child a {
  border-left: 1px solid #D0DAE3;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.c-pagination ul li:last-child a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.c-pagination ul li a {
  padding: 7px 8px;
  color: #D0DAE3;
  border-top: 1px solid #D0DAE3;
  border-bottom: 1px solid #D0DAE3;
  border-right: 1px solid #D0DAE3;
  font-size: 16px;
  min-width: 40px;
  text-align: center;
  /*&:hover{
  	background-color: $blue-medium;
  	color: $white;
  }*/
}
.c-pagination ul li a span.arrow {
  border: solid #D0DAE3;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-bottom: 2px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.c-pagination ul li a span.arrow.next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-right: 4px;
}
.c-pagination ul li.active {
  background-color: #147DFC;
}
.c-pagination ul li.active a {
  color: #ffffff;
}

.pagination {
  justify-content: center;
}
.pagination li span {
  margin: 0 0 !important;
  padding: 7px 8px;
  font-size: 16px;
  min-width: 40px;
  text-align: center;
  border-radius: 0 !important;
}
.pagination li a {
  margin: 0 0 !important;
  padding: 7px 8px;
  color: #D0DAE3 !important;
  border-top: 1px solid #D0DAE3;
  border-bottom: 1px solid #D0DAE3;
  border-right: 1px solid #D0DAE3;
  font-size: 16px;
  min-width: 40px;
  text-align: center;
  border-radius: 0 !important;
}
.pagination li a:hover {
  background-color: #0c63cc !important;
}
.pagination li.disabled span {
  border: 1px solid #D0DAE3;
}
.pagination li.active span {
  background-color: #147DFC !important;
}
.pagination li:first-child a {
  border-left: 1px solid #D0DAE3;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.pagination li:first-child span {
  border-left: 1px solid #D0DAE3;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-color: #D0DAE3 !important;
}
.pagination li:last-child a {
  border-right: 1px solid #D0DAE3;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.pagination li:last-child span {
  border-left: 1px solid #D0DAE3;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-color: #D0DAE3 !important;
}

/*Custom Popup*/
.custom-popup {
  transition: all 500ms;
  background: rgba(0, 0, 0, 0.4);
}
.custom-popup .modal-dialog {
  max-width: 680px;
}
.custom-popup .modal-header {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(208, 218, 227, 0.5);
}
.custom-popup .modal-header .modal-title {
  color: #000;
  line-height: 22px;
}
.custom-popup .modal-header button {
  border: none;
  font-size: 30px;
  line-height: 6px;
  padding: 13px 10px;
  position: absolute;
  right: 24px;
  top: 25px;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  color: #98A5B4;
}
.custom-popup .modal-body {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}
@media (min-width: 1281px) {
  .custom-popup .modal-body {
    padding-top: 22px;
    padding-bottom: 22px;
  }
}
.custom-popup .modal-footer {
  border-top: 1px solid rgba(208, 218, 227, 0.5);
  display: block;
}
.custom-popup.c-feedback .modal-header .modal-title .c-logo {
  margin-right: 10px;
}
.custom-popup.c-feedback .modal-header .modal-title .c-logo img {
  width: 18px;
}

.c-feedback__content {
  text-align: center;
  padding: 10px 20px;
}
.c-feedback__content p {
  color: #606060;
}
.c-feedback__input textarea {
  border-radius: 10px;
  border: 1px solid #2879D9;
  min-height: 157px;
  width: 100%;
  resize: none;
  background-color: #F3F9FF;
}
.c-feedback__response h3 {
  font-size: 26px;
  color: #606060;
  font-weight: 400;
}
.c-feedback__checking {
  text-align: left;
  padding: 0px 60px;
}
@media (min-width: 1380px) {
  .c-feedback__checking {
    padding: 20px 60px;
  }
}
.c-feedback__checking p {
  text-align: center;
  margin-bottom: 20px;
  color: #606060;
}
.c-feedback__checking ul {
  margin-bottom: 10px;
}
.c-feedback__checking ul li {
  color: #177dfc;
  margin: 5px 0;
  font-weight: 400;
  line-height: 18px;
}
@media (min-width: 1380px) {
  .c-feedback__checking ul li {
    margin: 15px 0;
  }
}
.c-feedback__checking ul li input[type=checkbox] {
  margin-right: 10px;
}
.c-feedback__checking .explain-detail {
  text-align: left;
  display: none;
}
.c-feedback__checking .explain-detail p {
  text-align: left;
  margin-bottom: 8px;
  color: #606060;
}
.c-feedback__checking .explain-detail textarea {
  border-radius: 10px;
  border: 1px solid #2879D9;
  min-height: 115px;
  width: 100%;
  resize: none;
  background-color: #F3F9FF;
}
@media (min-width: 1440px) {
  .c-feedback__checking .explain-detail textarea {
    min-height: 100px;
  }
}
.c-feedback__checking .explain-detail.visible {
  display: block;
  transition-duration: 500ms;
}

.c-rating {
  padding: 10px 0 20px;
}
.c-rating ul {
  margin-bottom: 0px;
}
.c-rating ul li {
  display: inline-block;
}
.c-rating ul li a i {
  font-size: 30px;
  color: #2879D9;
}
.c-rating ul li a:hover i {
  font-weight: 900;
  transition-duration: 500ms;
}
.c-rating ul li a:active i {
  font-weight: 900;
}

.practicepal-modal {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.practicepal-modal .modal-dialog .modal-content {
  border-radius: 20px;
  padding: 25px 15px 0px 15px;
}
.practicepal-modal .modal-dialog .modal-content .row {
  margin: 0px;
  padding: 0px;
}
.practicepal-modal .modal-dialog .modal-content .modal-header {
  padding: 0px;
}
.practicepal-modal .modal-dialog .modal-content .modal-header .row {
  width: 100%;
}
.practicepal-modal .modal-dialog .modal-content .modal-header .row h4 {
  font-weight: 700;
  font-size: 24px;
  border-bottom: 1px solid #0085F0;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  align-self: center;
}
.practicepal-modal .modal-dialog .modal-content .modal-header .row h4 span {
  font-size: 20px;
  margin-left: auto;
  cursor: pointer;
}
.practicepal-modal .modal-dialog .modal-content .modal-body {
  padding: 0px;
}

.smart-cart-option .modal-dialog .modal-content .modal-body .form-group label {
  height: 13px;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .form-group label span {
  color: #FF0000;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .form-group.switch {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .form-group.switch label {
  text-align: center;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .tax_preferance .title {
  margin-bottom: 30px;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .tax_preferance .title h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  border-bottom: 1px solid #D0DAE3;
  padding-bottom: 8px;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .tax-input {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .tax-input .price-input input {
  width: 100px;
  padding-right: 25px;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .tax-input .price-input input::-moz-placeholder {
  color: red;
  opacity: 1;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .tax-input .price-input input::placeholder {
  color: red;
  opacity: 1;
}
.smart-cart-option .modal-dialog .modal-content .modal-body .tax-input .price-input span {
  position: absolute;
  right: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  margin-right: 5px;
  color: #2E3333;
}

.c-featured__single {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .c-featured__single {
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .c-featured__single {
    max-height: 300px;
    overflow: hidden;
  }
}
.c-featured__single .c-featured__single-image {
  overflow: hidden;
  min-height: 260px;
}
@media (min-width: 992px) {
  .c-featured__single .c-featured__single-image {
    min-height: auto;
  }
}
.c-featured__single .c-featured__single-image img {
  max-width: 100%;
  transition-duration: 500ms;
}
@media (min-width: 768px) {
  .c-featured__single .c-featured__single-image img {
    max-height: 100%;
  }
}
@media (min-width: 992px) {
  .c-featured__single .c-featured__single-image img {
    max-width: 100%;
    max-height: auto;
  }
}
.c-featured__single .c-featured__single-desc {
  position: absolute;
  background: rgba(20, 45, 99, 0.9);
  bottom: 0;
  left: 0;
  min-width: 100%;
  box-sizing: border-box;
  padding: 14px 20px;
}
@media (min-width: 992px) {
  .c-featured__single .c-featured__single-desc {
    padding: 14px 25px;
  }
}
.c-featured__single .c-featured__single-desc h3 {
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 2px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .c-featured__single .c-featured__single-desc h3 {
    font-size: 24px;
    line-height: 26px;
  }
}
.c-featured__single .c-featured__single-desc p {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 0px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .c-featured__single .c-featured__single-desc p {
    font-size: 18px;
    line-height: 27px;
  }
}
.c-featured__single:hover .c-featured__single-image img {
  transform: scale(1.1, 1.1);
  transition-duration: 500ms;
}

html.no-touch .btn:hover {
  transition-duration: 200ms;
  background-color: #3786e6 !important;
  color: #ffffff;
}
html.no-touch .btn.btn-outline-prm:hover {
  color: #ffffff !important;
}

html.touch .btn-borderoly:hover {
  background-color: #fff;
  color: #3786e6;
  border-color: #3786e6 !important;
}
html.touch .btn-borderoly:active {
  background-color: #fff;
  color: #3786e6;
  border-color: #3786e6 !important;
}

html.touch .btn:not(.copay-check-btn):not(.cl-alpha-btn):not(.cl-btn):not(.btn-fc-edit):hover {
  transition-duration: 200ms;
  background-color: #fff;
  color: #3786e6;
  border-color: #3786e6;
}
html.touch .btn:not(.copay-check-btn):not(.cl-alpha-btn):not(.cl-btn):not(.btn-fc-edit):active {
  transition-duration: 200ms;
  background-color: #fff;
  color: #3786e6;
  border-color: #3786e6;
}

.btn {
  text-transform: uppercase;
  padding: 6px 25px;
  cursor: pointer;
  font-family: "TT Norms";
  background-color: #147DFC;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  outline: none;
  border-radius: 43px;
  transition-duration: 200ms;
  /*print icon*/
  /*Medium button*/
  /*Small button*/
}
.btn.btn-outline-prm {
  color: #3786e6 !important;
  background-color: #ffffff;
}
.btn:active {
  transition-duration: 200ms;
}
.btn.disable {
  background-color: #E6EEF6;
  color: #657A8F;
}
.btn:focus {
  outline: none;
}
.btn.border-blue {
  border: 2px solid #147DFC;
  background-color: #ffffff;
  color: #147DFC;
}
.btn.border-blue:hover {
  border: 2px solid #147DFC;
  background-color: #147DFC;
  color: #ffffff;
}
.btn.icon-print {
  position: relative;
  padding: 11px 25px 11px 40px;
}
.btn.icon-print:before {
  content: "\f02f";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 12px;
  top: 14px;
  border-radius: 50%;
  left: 22px;
}
.btn.arrow-left {
  position: relative;
  padding: 11px 25px 11px 40px;
}
.btn.arrow-left:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  left: 22px;
}
.btn.arrow-right {
  position: relative;
  padding: 11px 40px 11px 25px;
}
.btn.arrow-right:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  right: 22px;
}
.btn.btn-eligibility {
  background-color: #5B9CEC;
  border-radius: 30px;
  min-width: 200px;
  padding: 7px 15px 7px 28px;
  color: #ffffff;
  font-size: 14px;
  position: relative;
}
.btn.btn-eligibility:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 12px;
  top: 5px;
  left: 7px;
  background-color: #73AFF7;
  padding: 2px 8px;
  border-radius: 50%;
  color: #ffffff;
  transition: all 500ms;
}
.btn.btn-eligibility.active {
  background-color: #40A8FC;
}
.btn.btn-eligibility.active:before {
  background-color: #46E24C !important;
}
.btn.btn-eligibility:hover {
  background-color: #4e94ea !important;
  transition: all 500ms;
}
.btn.btn-eligibility:hover:before {
  background-color: #5aa0f5;
}
.btn.btn-eligibility.btn-success {
  background-color: #46E24C !important;
  box-shadow: none;
}
.btn.btn-eligibility.btn-success:before {
  background-color: #7DEB82 !important;
}
.btn.btn-medium {
  padding: 11px 25px;
}
.btn.btn-small {
  padding: 6px 20px;
  font-size: 14px;
}
.btn.btn-normal {
  background-color: #DBE1E6;
  border-radius: 3px !important;
  font-size: 10px;
  color: #657A8E;
  line-height: 20px;
}
.btn.btn-normal:hover {
  background-color: #A1ABBE !important;
  color: #EEEEF2;
}
.btn.grey {
  background-color: #C4C4C4;
}
.btn.grey:hover {
  background-color: #969696 !important;
}

.btn-borderoly, .btn-borderoly:active, .btn-borderoly:target, .btn-borderoly:target {
  border: 1px solid #147DFC;
  background-color: #ffffff;
  color: #147DFC;
}
.btn-borderoly:active, .btn-borderoly:active:active, .btn-borderoly:target:active, .btn-borderoly:target:active {
  transition-duration: 200ms;
  background-color: #3786e6 !important;
  color: #ffffff;
}
.btn-borderoly.red, .btn-borderoly:active.red, .btn-borderoly:target.red, .btn-borderoly:target.red {
  border: 1px solid #FF463A;
  color: #FF463A;
}
.btn-borderoly.red:hover, .btn-borderoly:active.red:hover, .btn-borderoly:target.red:hover, .btn-borderoly:target.red:hover {
  background-color: #FF463A !important;
  color: #fff !important;
}
.btn-borderoly.red:focus, .btn-borderoly:active.red:focus, .btn-borderoly:target.red:focus, .btn-borderoly:target.red:focus {
  border: 1px solid #FF463A;
  border-color: #FF463A !important;
}
.btn-borderoly.red:active, .btn-borderoly:active.red:active, .btn-borderoly:target.red:active, .btn-borderoly:target.red:active {
  border: 1px solid #FF463A;
  border-color: #FF463A !important;
}
.btn-borderoly.red:not(.btn-social):not(.btn-social-icon):active, .btn-borderoly.red:not(.btn-social):not(.btn-social-icon):focus, .btn-borderoly.red:not(.btn-social):not(.btn-social-icon):hover, .btn-borderoly:active.red:not(.btn-social):not(.btn-social-icon):active, .btn-borderoly:active.red:not(.btn-social):not(.btn-social-icon):focus, .btn-borderoly:active.red:not(.btn-social):not(.btn-social-icon):hover, .btn-borderoly:target.red:not(.btn-social):not(.btn-social-icon):active, .btn-borderoly:target.red:not(.btn-social):not(.btn-social-icon):focus, .btn-borderoly:target.red:not(.btn-social):not(.btn-social-icon):hover, .btn-borderoly:target.red:not(.btn-social):not(.btn-social-icon):active, .btn-borderoly:target.red:not(.btn-social):not(.btn-social-icon):focus, .btn-borderoly:target.red:not(.btn-social):not(.btn-social-icon):hover {
  border-color: #ff0000 !important;
  background-color: #de2d22 !important;
  color: #fff !important;
}

.redfill {
  background-color: #FF463A;
  border: 1px solid #FF463A;
  color: #fff;
}
.redfill:hover {
  background-color: #FF463A !important;
  color: #fff !important;
}
.redfill:focus {
  border: 1px solid #FF463A;
  border-color: #FF463A !important;
}
.redfill:active {
  border: 1px solid #FF463A;
  border-color: #FF463A !important;
}
.redfill:not(.btn-social):not(.btn-social-icon):active, .redfill:not(.btn-social):not(.btn-social-icon):focus, .redfill:not(.btn-social):not(.btn-social-icon):hover {
  border-color: #ff0000 !important;
  background-color: #de2d22 !important;
  color: #fff !important;
}

.print_calculator {
  font-size: 12px;
}

/*Tag*/
.c-tag {
  background-color: rgba(165, 179, 193, 0.3);
  border-radius: 45px;
  padding: 6px 12px 7px;
  font-size: 12px;
  color: #657A8F;
  font-weight: 600;
  display: inline-block;
  position: relative;
}
.c-tag.tick {
  padding: 5px 13px 5px 30px;
}
.c-tag.tick:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 8px;
  top: 4px;
  left: 6px;
  background-color: rgba(96, 229, 84, 0.3);
  padding: 4px 6px;
  border-radius: 50%;
  color: #00B30F;
}
.c-tag.green {
  background-color: #CBF5CF;
  color: #00B30F;
}
.c-tag.green i {
  background-color: rgba(96, 229, 84, 0.3);
}
.c-tag.red {
  background-color: #F9CDCC;
  color: #FA463B;
}
.c-tag.red.info:after {
  content: "\f12a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  top: 5px;
  left: 7px;
}

.search-progress {
  background-color: #5698E6;
}
.search-progress:before {
  content: " " !important;
  background-image: url(/images/loading-big.gif);
  width: 27px;
  height: 27px;
  background-size: 100%;
}

/*Action Buttons*/
.btn-action {
  background-color: #EEEEF2;
  border: none;
  border-radius: 3px;
  margin: 0 1px;
  cursor: pointer;
  outline: none;
  transition: all 500ms;
  /*Photo Icon*/
  /*Email Icon*/
  /*Call Icon*/
  /*Call Icon*/
}
.btn-action:hover {
  background-color: #A1ABBE;
}
.btn-action:hover.icon:before {
  color: #EEEEF2;
}
.btn-action.icon:before {
  content: "\f302";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
  color: #A1ABBE;
}
.btn-action.photos:before {
  content: "\f302";
}
.btn-action.mail:before {
  content: "\f0e0";
}
.btn-action.call:before {
  content: "\f095";
}
.btn-action.expand:before {
  content: "\f35d";
}

.print_calculator {
  font-size: 9px;
}

input[type=checkbox].switch_1 {
  font-size: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 36px;
  height: 21px;
  background: #ddd;
  border-radius: 25px;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease-in-out;
}
input[type=checkbox].switch_1:checked {
  background: #B9D8FE;
}
input[type=checkbox].switch_1:after {
  position: absolute;
  content: "";
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  transform: scale(0.7);
  left: 0;
  transition: all 0.2s ease-in-out;
}
input[type=checkbox].switch_1:checked:after {
  left: calc(100% - 21px);
}

.text-success {
  color: #27AE60 !important;
}

.c-uiguide .u-extralarge {
  text-align: center;
  margin-bottom: 50px;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .c-uiguide .u-extralarge {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 112px;
    text-align: center;
  }
}
.c-uiguide label {
  font-size: 24px;
  line-height: 36px;
  color: #36B4FB;
  font-weight: bold;
  text-align: left;
  display: block;
  margin-top: 7px;
}
@media (min-width: 992px) {
  .c-uiguide label {
    text-align: right;
  }
}
.c-uiguide__block {
  margin-bottom: 90px;
}
.c-uiguide__single-panel {
  margin-bottom: 40px;
}
.c-uiguide__single-panel.title-area {
  margin-bottom: 15px;
}
.c-uiguide__single-panel.title-area h4 {
  color: #2F80ED;
  font-size: 24px;
  line-height: 24px;
}
.c-uiguide .u-buttons-cover .u-buttons__container label {
  font-size: 20px;
  line-height: 36px;
  color: #2F80ED;
  font-weight: bold;
  text-align: left;
  display: block;
  margin-top: 7px;
}
.u-margin10 {
  margin-bottom: 10px;
}

.u-colorblk {
  width: 120px;
  height: 120px;
  background-color: #152C64;
  position: relative;
  margin-right: 10px;
  float: left;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .u-colorblk {
    margin-bottom: 0px;
  }
}
.u-colorblk p {
  color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-width: 100%;
  text-align: center;
}
.u-colorblk.brand {
  background-color: #36B4FB;
}
.u-colorblk.brand-alt {
  background-color: #152C64;
}
.u-colorblk.light-blue {
  background-color: #A5D2F1;
}
.u-colorblk.dark-blue {
  background-color: #102148;
}
.u-colorblk.off-white {
  background-color: #F2F6F9;
}
.u-colorblk.off-white p {
  color: #909090;
}
.u-colorblk.white {
  background-color: #ffffff;
  border: 1px solid #efefef;
}
.u-colorblk.white p {
  color: #909090;
}
.u-colorblk.orange {
  background-color: #EDC438;
}
.u-colorblk.red {
  background-color: #E25145;
}
.u-colorblk.green {
  background-color: #46E24C;
}
.u-colorblk.light-gray {
  background-color: #EEEEEE;
}
.u-colorblk.gray {
  background-color: #909090;
}
.u-colorblk.dark-gray {
  background-color: #2E3333;
}
.u-colorblk.black {
  background-color: #000000;
}

.u-buttons__container:last-child {
  padding-left: 0px;
}

.c-button-board {
  padding: 20px 40px 20px 0;
}
.c-button-board--dark {
  background-color: #152C64;
  padding: 20px;
}
.c-button-board--dark .btn-outline-blue {
  background-color: transparent;
}
.c-button-board--dark .btn-outline-blue:hover {
  background-color: #36B4FB;
  color: #ffffff;
}
.c-button-board button {
  margin-bottom: 20px;
}

.u-content-board {
  padding: 32px;
  background-color: #36B4FB;
  margin-bottom: 30px;
}
.u-content-board p {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 0px;
  color: #152C64;
}
.u-content-board.text-white h3 {
  color: #ffffff;
}
.u-content-board.text-white p {
  color: #ffffff;
}
.u-content-board.text-brand h3 {
  color: #36B4FB;
}
.u-content-board.text-brand p {
  color: #36B4FB;
}
.u-content-board.brand-alt {
  background-color: #152C64;
}
.u-content-board.gray {
  background-color: #909090;
}
.u-content-board.off-white {
  background-color: #F2F6F9;
}

.c-shadow-panel {
  text-align: center;
  padding: 100px 0;
}
.c-shadow-panel .c-uiguide__block {
  margin-bottom: 0px;
}
.c-shadow-panel .c-uiguide__block .row--spacing {
  margin-bottom: 90px;
}
.c-shadow-panel h4 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 26px;
  color: #2F80ED;
}

.c-shadow-box {
  min-height: 104px;
  text-align: center;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 30px;
  border-radius: 3px;
}
.c-shadow-box p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #2F80ED;
}

.mobile-only {
  color: #36B4FB;
}
@media (min-width: 992px) {
  .mobile-only {
    display: none;
  }
}

.u-input {
  background-color: #ffffff;
  border-radius: 30px;
  min-width: 200px;
  padding: 9px 15px;
  font-family: "TT Norms";
  font-weight: 300;
  font-size: 14px;
  color: #000;
  border: none;
}
@media (min-width: 768px) {
  .u-input {
    font-size: 14px;
    margin-bottom: 0px;
  }
}

.c-input::-webkit-input-placeholder,
.u-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000 !important;
  font-weight: 400;
}

.u-input::-moz-placeholder { /* Firefox 19+ */
  color: #000 !important;
  font-weight: 400;
}

.u-input:-ms-input-placeholder { /* IE 10+ */
  color: #000 !important;
  font-weight: 400;
}

.u-input:-moz-placeholder { /* Firefox 18- */
  color: #000 !important;
  font-weight: 400;
}

.select-timezone {
  padding: 15px 25px;
}

.select-timezone .row {
  align-items: center;
}

.table-condensed {
  background-color: #fff;
  padding: 25px;
}
.table-condensed thead th {
  padding: 10px 0;
}
.table-condensed td {
  padding: 5px 10px;
  border: 1px solid #ddd;
}

.select2-search.select2-search--dropdown {
  padding: 8px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.select2-dropdown.select2-dropdown--below {
  min-width: 250px;
}

.select2-container--default .select2-results__group {
  padding: 4px 12px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 25px;
  padding: 5px 15px;
  border: 1px solid #ddd;
}

.select2-dropdown {
  min-width: 260px;
  border-top: 1px solid #ddd;
}

select2-results__option ul {
  padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  min-height: 31px;
  line-height: 32px;
  padding-left: 0px;
}

.select2-container.select2-container--focus .select2-selection--multiple,
.select2-container.select2-container--focus .select2-selection--single,
.select2-container.select2-container--open .select2-selection--multiple,
.select2-container.select2-container--open .select2-selection--single {
  background-color: #fefeff;
  border-color: #ffffff;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  min-height: 34px;
}

.select2-container .select2-selection--multiple,
.select2-container .select2-selection--single {
  min-height: 34px;
  border-color: transparent;
}

.select2-container {
  max-width: 140px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #177dfd;
}

.select2-container--default .select2-results__group {
  font-size: 14px;
  margin-bottom: 5px;
  color: #152C64;
  font-weight: 500;
  margin-bottom: 0px;
}
.select2-container--default .select2-results__option {
  font-size: 13px;
  line-height: 24px;
  padding: 3px 10px;
  font-weight: 500;
}
.select2-container--default .select2-search__field {
  border-radius: 30px;
}

/*customise select*/
.customize-select {
  position: relative;
  background-color: #f6f7fb;
  border-radius: 3px;
}
.customize-select select {
  -moz-appearance: none !important;
       appearance: none !important;
  -webkit-appearance: none !important;
  background-color: transparent !important;
  position: relative;
  z-index: 2;
}
.customize-select:after {
  content: " ";
  border-top: 5px solid #aaa;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  vertical-align: middle;
  position: absolute;
  right: 14px;
  top: 45%;
  z-index: 1;
}

.u-form {
  background-color: #F2F6F9;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .u-form {
    padding-bottom: 0px;
  }
}
.u-form__section {
  margin-bottom: 50px;
}
.u-form__title {
  position: relative;
  margin-bottom: 15px;
}
.u-form__title:before {
  content: " ";
  background-color: #36B4FB;
  height: 2px;
  min-width: 100%;
  display: block;
  position: absolute;
  top: 13px;
}
.u-form__title h4 {
  background: #F2F6F9;
  display: inline-block;
  padding: 0 15px 0 0px;
  position: relative;
  font-weight: bold;
}
.u-form__body > .row {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .u-form__body > .row {
    margin-bottom: 15px;
  }
}
.u-form__body h4 {
  margin-top: 35px;
  margin-bottom: 15px;
  font-weight: bold;
}
.u-form__body .dropdown-toggle {
  background-color: #ffffff;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  font-size: 16px;
  border: none;
  font-weight: bold;
  padding: 8px 14px;
  color: #707070;
  text-align: left;
}
@media (min-width: 768px) {
  .u-form__body .dropdown-toggle {
    font-size: 20px;
  }
}
.u-form__body .dropdown-toggle:after {
  content: " ";
  float: right;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .u-form__body .dropdown-toggle:after {
    margin-top: 12px;
  }
}
.u-form label {
  font-size: 12px;
  text-transform: uppercase;
  color: #36B4FB;
  font-weight: bold-200;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .u-form label {
    margin-bottom: 3px;
  }
}

.form-group label {
  display: block;
  font-family: "TT Norms";
  font-style: normal;
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #A5B3C1;
}
.form-group label i {
  font-size: 9px;
  margin-left: 5px;
}
.form-group .label-text {
  width: 100%;
  font-family: "TT Norms";
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-size: 14px;
  color: #2E3333;
}
.form-group .form-control {
  background: #F6F7FB;
  border-radius: 3px;
  border: 0;
  padding: 10px 15px;
  height: 36px;
}
.form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #a09f9f;
}
.form-group .form-control::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
  color: #a09f9f;
}
.form-group .form-control:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  color: #a09f9f;
}
.form-group .form-control:-moz-placeholder { /* Firefox 18- */
  font-size: 14px;
  color: #a09f9f;
}

.cs-check {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px !important;
  color: #2E3333 !important;
}
.cs-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Hide the browser's default checkbox */
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #DFE5E9;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cs-check:hover input ~ .checkmark {
  background-color: #ccc;
}
.cs-check:hover input ~ .checkmark:after {
  border-color: #00B30F;
}
.cs-check input:checked ~ .checkmark {
  background-color: #CBF5CF;
}
.cs-check input:checked ~ .checkmark:after {
  border-color: #00B30F;
}

/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
}

/* Show the checkmark when checked */
.cs-check input:checked ~ .checkmark:after {
  display: block;
}
.cs-check .checkmark:after {
  left: 5px;
  top: 3px;
  width: 5px;
  height: 7px;
  border: solid #A5B3C1;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Style the checkmark/indicator */
div.record-table.inventory-table-wrap.expand-content > header > div > label {
  width: 100px;
}

/*SIDEBAR*/
.navbar {
  background-color: #2879D9;
  left: 0px;
  height: 62px;
}
@media (min-width: 1025px) {
  .navbar {
    left: 250px;
    height: 70px;
    right: 0;
  }
}

.navbar-bg {
  height: 72px;
  background-color: transparent;
}

.main-sidebar {
  z-index: 1040;
}
.main-sidebar .sidebar-brand {
  padding-top: 11px;
  padding-bottom: 21px;
  min-height: 92px;
  height: 92px;
}
.main-sidebar .sidebar-brand a {
  text-transform: capitalize;
  color: #2879D9;
  letter-spacing: -0.05em;
  font-size: 24px;
}

body {
  /*When Sidebar show*/
}
body .main-sidebar {
  left: -250px;
}
@media (min-width: 1025px) {
  body .main-sidebar {
    left: 0px;
  }
}
body #search-modal.open {
  left: 0;
}
@media (min-width: 1025px) {
  body #search-modal.open {
    left: 250px;
  }
}
body.sidebar-show .main-sidebar {
  left: 0px;
}
body.sidebar-show #search-modal.open {
  left: 0;
}
@media (min-width: 1025px) {
  body.sidebar-show #search-modal.open {
    left: 250px;
  }
}
body.sidebar-mini #search-modal.open {
  left: 65px;
}

.main-sidebar .sidebar-menu {
  height: 100vh;
}
.main-sidebar .sidebar-menu li.menu-header {
  color: #147DFC;
  letter-spacing: 0.07em;
}
.main-sidebar .sidebar-menu li.active a {
  color: #147DFC;
  background-color: #F4F8FE !important;
}
.main-sidebar .sidebar-menu li.dropdown {
  font-size: 14px;
}
.main-sidebar .sidebar-menu li.space-bottom {
  display: block;
  height: 100px;
}
.main-sidebar .sidebar-menu li.floating {
  background-color: white;
  position: fixed;
  bottom: 0px;
  width: 248px;
  display: inline-block;
}
.main-sidebar .sidebar-menu li.floating.floating-setting {
  bottom: 50px;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  font-size: 14px;
  padding-left: 40px;
  color: #5B9CEC;
  font-weight: normal;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li:hover a {
  color: #147DFC;
}
.main-sidebar .sidebar-menu li a {
  color: #5B9CEC;
  padding: 0 15px;
}
.main-sidebar .sidebar-menu li a i {
  margin-right: 0px;
  margin-left: 0px !important;
  text-align: left;
  color: #BFD7F4;
}
.main-sidebar .sidebar-menu li a span {
  font-size: 14px;
  margin-top: 0px;
  font-weight: 500;
}
.main-sidebar .sidebar-menu li a:hover {
  background-color: #F4F8FE;
  color: #147DFC;
}
.main-sidebar .sidebar-menu.autoposition {
  overflow-y: scroll;
}
.main-sidebar .bottom-nav {
  position: fixed;
  bottom: 0 !important;
  background-color: #fff;
  width: 248px;
}
.main-sidebar .bottom-nav ul {
  margin-bottom: 0px;
}
.main-sidebar .bottom-nav ul li a {
  color: #5B9CEC;
  padding: 10px 15px;
}
.main-sidebar .bottom-nav ul li a i {
  margin-right: 0px;
  margin-left: 0px !important;
  text-align: left;
  color: #BFD7F4;
  width: 22px;
}
.main-sidebar .bottom-nav ul li a span {
  font-size: 14px;
  margin-top: 0px;
  font-weight: 500;
}

.nav-bottom {
  margin-top: 50px;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  height: 100%;
  background-color: #147DFC;
}

body.sidebar-large .mini-sidebar-only {
  display: none;
}
body.sidebar-large .main-navbar, body.sidebar-large .payment-strip {
  padding-left: 269px;
}
body.sidebar-mini .main-navbar, body.sidebar-mini .payment-strip {
  padding-left: 80px;
}
body.sidebar-mini .main-sidebar {
  transition: none !important;
}
body.sidebar-mini .main-sidebar .sidebar-brand {
  padding-bottom: 12px;
  min-height: 75px;
  height: 75px;
}
body.sidebar-mini .main-sidebar .sidebar-menu > li {
  padding: 5px 10px;
}
body.sidebar-mini .main-sidebar .sidebar-menu > li.floating {
  width: 63px;
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
  height: 30px;
}
@media (min-width: 1380px) {
  body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
    height: 32px;
  }
}
@media (min-width: 1440px) {
  body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
    height: 35px;
  }
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a i {
  font-size: 18px !important;
}
@media (min-width: 1440px) {
  body.sidebar-mini .main-sidebar .sidebar-menu > li > a i {
    font-size: 20px !important;
  }
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a i.mini-sidebar-only {
  position: absolute;
  right: -2px;
  font-size: 12px !important;
  top: 0px;
  opacity: 1;
}
body.sidebar-mini .main-sidebar .bottom-nav {
  width: 63px;
  position: fixed;
  bottom: 0;
}
body.sidebar-mini .main-sidebar .bottom-nav ul {
  margin-bottom: 0px;
}
body.sidebar-mini .main-sidebar .bottom-nav ul li a {
  margin: 6px 10px;
  text-align: center;
  border-radius: 2px;
  padding: 5px;
}
body.sidebar-mini .main-sidebar .bottom-nav ul li a i {
  font-size: 18px;
  text-align: center;
}
@media (min-width: 1380px) {
  body.sidebar-mini .main-sidebar .bottom-nav ul li a i {
    font-size: 20px;
  }
}
body.sidebar-mini .main-sidebar .bottom-nav ul li a span {
  display: none;
}
body.sidebar-mini .main-sidebar .bottom-nav ul li a:hover {
  background-color: #F4F8FE;
}
body.sidebar-gone .main-navbar {
  padding-left: 10px;
}

.record-sidebar {
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .record-sidebar {
    padding-left: 0px;
  }
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  background-color: #147DFC;
}

#sidebar-wrapper {
  height: 100%;
  /* Let's get this party started */
  /* Track */
  /* Handle */
}
#sidebar-wrapper ::-webkit-scrollbar {
  width: 5px;
}
#sidebar-wrapper ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #9ccbff;
  border-radius: 10px;
}
#sidebar-wrapper ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #2879D9;
}
#sidebar-wrapper ::-webkit-scrollbar-thumb:window-inactive {
  background: #2879D9;
}

.patient-name h2 {
  font-size: 26px;
  margin-right: 5px;
}

.found-record-list > .row > a {
  display: block;
  width: 100%;
}

.login-url {
  word-break: break-all;
}

/*Permission Module*/
.c-permission ul li {
  position: relative;
  padding: 10px 0;
  display: flex;
  align-items: center;
  /*&:before{
  	content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      font-size: 8px;
      left: 0px;
      background-color: rgba(96,229,84,0.3);
      width: 16px;
      height: 16px;
      line-height: 17px;
      border-radius: 50%;
      color: #00B30F;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
  }*/
}
.c-permission ul li .switch_1 {
  margin-right: 10px;
}

.parient-short-name {
  text-align: center;
}
.parient-short-name span {
  background-color: #2279ff;
  color: #fff;
  width: 70px;
  height: 70px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-size: 35px;
  padding: 7px 0;
}

/*Edit Record*/
.remove-border {
  border: none;
  box-shadow: none;
}

#myTabContent .tab-pane {
  padding-top: 25px;
}
#myTabContent .tab-pane .card {
  border: none;
}

#add-patient-form ul.nav-tabs li.nav-item a {
  padding: 12px 15px;
}

.c-editrecord__top {
  margin-bottom: 0px;
}
.c-editrecord__top .tab-content {
  background-color: #ff0000;
}
.c-editrecord__top .card {
  border-top: none;
}
.c-editrecord__top .personal-info ul {
  margin-bottom: 0px;
  display: flex;
}

/*Diagnosis History*/
.diagnosis-history .card-body {
  position: relative;
  max-height: 300px;
  overflow: auto;
}

.visit-history .form-group {
  margin-bottom: 10px;
}

.c-patient__balance {
  min-height: 903px;
}

.btn-radius-theme {
  border-radius: 6px;
}

.support-header-logo {
  display: inline-block;
  height: 50px;
  float: right;
  margin-right: 35px;
  margin: 8px;
  width: auto;
}
.support-header-logo.long {
  height: 20px;
}

.modal-title.react-popup {
  display: flex !important;
  align-items: center;
  padding-top: 5px !important;
  padding-bottom: 12px !important;
}
.modal-title.react-popup .support-header-logo {
  display: flex;
  margin-left: auto;
  flex-direction: row-reverse;
}

.display-file .file-tab {
  padding: 0px;
  margin: 0px;
  float: left;
  background: #f6f7fb;
  padding: 10px 20px;
  border: 2px solid #e3e3e3;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
.display-file .file-tab.active {
  background: #fff;
  border: 2px solid #4e9dfc;
  font-size: 20px;
  color: #4e9dfc;
  padding: 8px 20px;
}
.display-file .file-tab label {
  margin: 0px;
  cursor: pointer;
}

.tab-data {
  margin-top: 10px;
}

.tab-file .tab-active {
  display: block !important;
}

.frame-loader {
  background: url(/images/loader.webp?76d6d1f962730f0ac63cad0059a3f55b);
  background-repeat: no-repeat;
  background-position: center;
}

.file-not-available {
  height: 500px;
  line-height: 500px;
  font-size: 30px;
}

.table-inner {
  width: 100%;
  font-size: 13px;
  margin-left: 10px;
}
.table-inner tr td {
  padding: 2px !important;
  height: auto !important;
}
.table-inner tr.searched {
  background: #f2f2f2;
}

.patient-search-logs .error-msg {
  font-size: 11px;
  color: #ff0000;
  font-weight: 300;
}
.patient-search-logs .ps-heading th {
  border-left: 2px solid #c2c2c2;
  border-right: 2px solid #c2c2c2;
  text-align: center;
}
.patient-search-logs tr td {
  white-space: nowrap;
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  border-top: 1px solid #d0dae3;
  border-bottom: 1px solid #d0dae3;
}
.patient-search-logs tr td.td-small {
  padding-bottom: 2px !important;
  height: auto !important;
  border-bottom: none;
}
.patient-search-logs tr .th-start,
.patient-search-logs tr .td-start {
  border-left: 2px solid #c6c6c6 !important;
}
.patient-search-logs tr .th-end,
.patient-search-logs tr .td-end {
  border-right: 2px solid #c6c6c6 !important;
}
.patient-search-logs tr.tr-small td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  height: auto !important;
  border-bottom: none;
  border-top: none;
}
.patient-search-logs .ps-subheading th {
  border: 1px solid #c6c6c6;
}

.daterangepicker {
  font-family: "TT Norms" !important;
}
.daterangepicker li {
  font-size: 14px !important;
  padding: 5px 11px !important;
  cursor: pointer !important;
}

#reportrange {
  margin-right: 10px;
}
#reportrange button i {
  color: #fff !important;
}

.eligibility-parient-detail .modal-header .history-btn {
  border-radius: 6px;
  margin-right: 25px;
}
.eligibility-parient-detail .modal-header .modal-title .img {
  display: none;
}
.eligibility-parient-detail .modal-header .modal-title .img img {
  height: 40px;
}
.eligibility-parient-detail .modal-header .modal-title.outdated-plan-detail .img {
  margin-right: 20px;
  display: inline-block;
  float: right;
}
.eligibility-parient-detail .modal-header .modal-title.outdated-plan-detail .history-btn {
  display: none;
}
.eligibility-parient-detail .has-alert-danger {
  border: 2px solid #FF0000 !important;
  background: #FFEEEE;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 20px;
}
.eligibility-parient-detail .has-alert-danger thead {
  background-color: transparent;
}
.eligibility-parient-detail .has-alert-danger tbody tr:nth-child(odd) {
  background-color: rgba(255, 0, 0, 0.14);
}
.eligibility-parient-detail .has-alert-danger tbody tr:nth-child(even) {
  background-color: transparent;
}
.eligibility-parient-detail .has-alert-danger .not-current-label {
  font-weight: bold;
  font-size: 15px;
  color: red;
}
.eligibility-parient-detail .back-btn {
  display: none;
}
.eligibility-parient-detail .records {
  width: 100%;
}
.eligibility-parient-detail .records .list {
  max-height: 700px;
  width: 100%;
  margin-bottom: 20px;
}
.eligibility-parient-detail .has-back-button .view-plan-btn {
  border-radius: 6px;
}
.eligibility-parient-detail .has-back-button .pull {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.eligibility-parient-detail .has-back-button .pull .inner {
  text-align: left;
  display: flex;
  flex-flow: column;
  padding-right: 10px;
}
.eligibility-parient-detail .has-back-button .pull .not-current-label {
  margin: 0 !important;
  font-weight: bold;
  font-size: 15px;
  color: red;
  padding: 10px 0;
  float: left;
  width: 100%;
  min-width: 120px;
}
.eligibility-parient-detail .has-back-button .pull .back-btn {
  display: inline-block !important;
  margin-right: 15px;
  border-radius: 6px;
}

/*Discount plan section*/
.discount-plan-section {
  margin: 14px 0;
}
.discount-plan-section h6 {
  text-transform: uppercase;
  color: #358EF7;
}
.discount-plan-section span {
  font-weight: 500;
  color: #3e4343;
  line-height: 25px;
  display: block;
}
.discount-plan-section p {
  margin-top: 0 !important;
}

/*Discount plan section*/
.discount-plan-section {
  margin: 14px 0;
}
.discount-plan-section h6 {
  text-transform: uppercase;
  color: #358EF7;
}
.discount-plan-section span {
  font-weight: 500;
  color: #3e4343;
  line-height: 25px;
  display: block;
}
.discount-plan-section p {
  margin-top: 0 !important;
}

.discount-plan-action {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.modal-header-button {
  margin-top: 5px;
}
.modal-header-button a.btn, .modal-header-button a.btn:hover {
  color: #fff;
}

.mobile-device .btn-outline-primary:hover, .mobile-device .btn-outline-primary:focus, .mobile-device .btn-outline-primary:active, .mobile-device .btn-outline-primary.disabled:hover, .mobile-device .btn-outline-primary.disabled:focus, .mobile-device .btn-outline-primary.disabled:active {
  background: #ffffff !important;
}
.mobile-device .patient-plan-details .pull {
  display: block;
}
.mobile-device .patient-plan-details .pull .inner {
  display: inline-block;
  margin-bottom: 15px;
}

.not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: 25px;
  font-weight: 500;
}

/*Patient Notes*/
.notes-section {
  min-height: 400px;
}
@media (min-width: 992px) {
  .notes-section {
    min-height: 100%;
  }
}
.notes-section .card-header {
  padding-top: 15px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}
.notes-section .card-header .btn {
  position: absolute;
  right: 15px;
  border-radius: 50%;
  padding: 0px !important;
  font-size: 20px;
  font-weight: 500;
  height: 30px;
  width: 30px;
  margin: 0;
  line-height: 16px;
}
.notes-section .card-body {
  padding: 20px 25px;
  max-height: 300px;
  overflow: auto;
  border-bottom: none;
  position: relative;
}
.notes-section .card-body ul li {
  padding-top: 15px;
  margin-bottom: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.notes-section .card-body ul li:last-child {
  border-bottom: none;
}
.notes-section .card-body h6 {
  font-style: normal;
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #A5B3C1;
  font-weight: 600;
}
.notes-section .card-body p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
  font-size: 14px;
  color: #606060;
  font-weight: 400;
}
.notes-section .card-body .notes-date-section p {
  line-height: normal;
  font-size: 12px;
  text-align: right;
  color: #2E3333;
  font-weight: 700;
}
.notes-section .card-body .btn-light i {
  color: #A1ABBE;
}

#add-notes-modal .modal-header {
  padding: 15px 25px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.062745098);
}
#add-notes-modal textarea {
  width: 100%;
  padding: 15px;
  border: 0;
  font-size: 14px;
}
#add-notes-modal .modal-footer {
  padding: 15px 25px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.062745098);
}
#add-notes-modal .modal-footer .btn-modal-blue.border-blue, #add-notes-modal .modal-footer .btn-save-notes {
  font-family: TT Norms;
  line-height: normal;
  font-size: 12px;
  text-align: center;
  padding: 6px 15px;
  min-width: 100px;
  margin-left: 5px;
}

/* RX Tab Section */
.rx-section {
  min-height: 100%;
  margin-bottom: 0px;
}
.rx-section.card .card-header {
  padding-top: 15px !important;
}
.rx-section.card .card-body {
  padding: 20px 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.062745098);
  max-height: 300px;
  min-height: 300px;
  overflow: auto;
}
.rx-section.card .card-body p {
  color: #8B92AD;
}
.rx-section .nav-pills {
  width: 100%;
}
.rx-section .nav-pills .nav-item .nav-link.active {
  box-shadow: none;
  color: #fff;
  background-color: #358EF7;
}
.rx-section .nav-pills .nav-link {
  font-size: 11px;
  padding: 3px;
  min-width: auto;
  text-align: center;
  border: 1px solid #147DFC;
  border-radius: 0;
  margin-right: -1px;
}
@media (min-width: 1281px) {
  .rx-section .nav-pills .nav-link {
    min-width: 100px;
  }
}
.rx-section .nav-pills .nav-item {
  width: 33%;
}
.rx-section .nav-pills .nav-item .nav-link.active {
  box-shadow: none;
  color: #fff;
  background-color: #147DFC;
}
.rx-section .nav-pills .nav-item:first-child .nav-link {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.rx-section .nav-pills .nav-item:last-child .nav-link {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.rx-section .nav-pills .tab-content p {
  color: #8B92AD;
}
.rx-section .c-tag {
  line-height: 14px;
}
.rx-section .tab-pane {
  position: relative;
  min-height: 230px;
}
.rx-section .tab-pane .text-center {
  padding: 0 4px;
}
.rx-section .tab-pane .text-center h4 {
  font-size: 16px;
}
.rx-section .tab-pane .empty-notification {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.popover {
  z-index: 999999999 !important;
  pointer-events: none !important;
}
.popover:hover, .popover:focus {
  z-index: 999999999 !important;
}

.primary-bg {
  background: #F6F7FB;
}

.eyeglass-single {
  position: relative;
  border-bottom: 1px solid #D0DAE3;
}
.eyeglass-single .row {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
}
.eyeglass-single h4 {
  margin: 8px 0;
}
.eyeglass-single p {
  margin: 8px 0;
  font-size: 14px;
}
.eyeglass-single p.rx-date {
  font-size: 14px;
  color: #000000 !important;
}

.rx-popup {
  width: 320px;
  background-color: #ffffff;
  z-index: 99;
  position: absolute;
  top: 20px;
}
.rx-popup .card {
  box-shadow: 0 0 20px 0 #ddd;
}
.rx-popup .card .card-header {
  background-color: #147DFC;
  min-height: 35px !important;
  color: #ffffff;
  font-weight: bold;
  padding: 4px 16px !important;
}
.rx-popup .card .card-header:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #177cfc;
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
}
.rx-popup .card .card-body {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 15px;
}
.rx-popup .card .card-body p {
  color: #000000;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  clear: both;
}
.rx-popup .card .card-body p span {
  float: right;
  color: #657A8F;
  font-weight: 400;
}
.rx-popup .card .card-body p span.c-tag {
  color: #00B30F;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: 500;
}
.rx-popup table {
  margin-top: 20px;
  margin-bottom: 20px;
}
.rx-popup table thead tr th {
  background-color: #147DFC;
  padding: 2px;
  color: #fff;
  text-align: center;
  width: 20%;
}
.rx-popup table thead tr th:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.rx-popup table thead tr th:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rx-popup table tbody tr td {
  padding: 2px;
  text-align: center;
}

.cl-single {
  border-bottom: 1px solid #D0DAE3;
  padding: 14px 0;
  margin-left: 0px;
  margin-right: 0px;
}
.cl-single > div {
  padding-left: 5px;
  padding-right: 5px;
}
.cl-single p {
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 14px;
}
.cl-single p.rx-date {
  color: #000000 !important;
}
.cl-single:last-child {
  border-bottom: none;
}

.med-single {
  border-bottom: 1px solid #D0DAE3;
  padding: 5px 0;
  margin-left: 0px;
  margin-right: 0px;
}
.med-single > div {
  padding-left: 5px;
  padding-right: 5px;
}
.med-single p {
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 14px;
}
.med-single p.rx-date {
  color: #000000 !important;
}
.med-single:last-child {
  border-bottom: none;
}

/*Emplty Notification*/
.empty-notification {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.empty-notification h3 {
  font-size: 17px;
  color: #147DFC;
  margin-bottom: 2px;
  font-weight: 500;
}
.empty-notification p {
  font-size: 14px;
  margin-bottom: 0px;
  line-height: 19px;
  text-align: center;
  font-weight: normal !important;
  color: #657A8F;
}

#tooltip-pan {
  display: none;
}

/* Dependent Section */
.dependents-section {
  min-height: 400px;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .dependents-section {
    min-height: 100%;
  }
}
.dependents-section .card-header {
  padding-top: 15px !important;
}
.dependents-section .card-body {
  padding: 20px 25px;
  border-bottom: 1px solid transparent;
  max-height: 300px;
  overflow: auto;
  position: relative;
}
.dependents-section .card-body h5 {
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  color: #2E3333;
  margin-bottom: 5px;
  margin-top: 0px;
}
@media (min-width: 1281px) {
  .dependents-section .card-body h5 {
    margin-top: 15px;
  }
}
.dependents-section .card-body h6 {
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  color: #BDBDBD;
  font-size: 12px;
}
.dependents-section .activities .activity {
  width: 100%;
  display: flex;
  position: relative;
}
.dependents-section .activities .activity:before {
  content: " ";
  position: absolute;
  left: 9px;
  top: 16px;
  width: 1px;
  height: 100%;
  background-color: #E0E0E0;
}
@media (min-width: 1281px) {
  .dependents-section .activities .activity:before {
    left: 24px;
    top: 29px;
  }
}
.dependents-section .activities .activity .activity-icon {
  width: 18px;
  height: 18px;
  line-height: 11px;
}
@media (min-width: 1281px) {
  .dependents-section .activities .activity .activity-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.dependents-section .activities .activity .activity-icon i {
  color: #358EF7;
  border: 1px solid #358EF7;
  padding: 2px;
  border-radius: 50%;
  font-size: 8px;
  z-index: 9999;
}
.dependents-section .activities .activity .activity-detail {
  box-shadow: none;
  background-color: #fff;
  border-radius: 3px;
  border: none;
  position: relative;
  margin-bottom: 10px;
  position: relative;
  padding: 0;
  width: 100%;
}
.dependents-section .activities .activity .activity-detail > .row {
  margin-right: 0px;
}
.dependents-section .activities .activity .activity-detail > .row .mt-20 {
  margin-top: 0px !important;
  padding: 0 0;
}
@media (min-width: 1281px) {
  .dependents-section .activities .activity .activity-detail > .row .mt-20 {
    margin-top: 20px !important;
    padding: 0 10px;
  }
}
.dependents-section .btn-light i {
  color: #A1ABBE;
}
.dependents-section .btn-light:hover i, .dependents-section .btn-light:focus i {
  color: #fff;
}
.dependents-section .popover {
  width: 100%;
  min-width: 400px;
}

.pop-title {
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 9px !important;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #A5B3C1;
  font-family: "Nunito", "Segoe UI", arial;
}

.pop-content {
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 11px;
  color: #2E3333;
  font-family: "Nunito", "Segoe UI", arial;
}

/****************/
/*Custom Tooltip*/
/****************/
.custom-tooltip {
  display: inline-block;
  position: relative;
  text-align: left;
}
.custom-tooltip h3 {
  margin: 12px 0;
  color: #fff;
}
.custom-tooltip .tooltop-pop {
  min-width: 200px;
  max-width: 350px;
  text-align: center;
  top: -20px;
  left: 30%;
  transform: translate(-50%, -100%);
  padding: 10px 20px;
  color: #ffffff;
  background-color: #fff;
  font-weight: normal;
  font-size: 14px;
  border-radius: 8px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s;
}
.custom-tooltip .tooltop-pop p {
  font-size: 12px !important;
  line-height: 18px !important;
  margin-bottom: 6px !important;
}
.custom-tooltip .tooltop-pop p:last-child {
  margin-bottom: 0px;
}
.custom-tooltip .tooltop-pop.active h4 {
  color: #5CC865;
}
.custom-tooltip .tooltop-pop.not-categorize h4 {
  color: #F5867F;
}
.custom-tooltip:hover .tooltop-pop {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.8s;
}
.custom-tooltip .tooltop-pop i {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 15px;
  overflow: hidden;
}
.custom-tooltip .tooltop-pop i::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #fff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.tooltip_wap .tootip_cont {
  opacity: 0;
  transition: all 500ms;
  width: 260px;
  padding: 15px 10px;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #d2d1d1;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  line-height: 150.6%;
  top: 28px;
  margin-left: -25px;
}
.tooltip_wap i {
  color: #2879D9;
  font-size: 18px;
  margin-left: 2px;
  margin-right: 6px;
  cursor: pointer;
}
.tooltip_wap i:hover + span.tootip_cont {
  opacity: 1;
  transition: all 500ms;
  z-index: 1;
}

.inventory-tab {
  margin-top: 10px;
}
.inventory-tab__cont {
  min-height: 450px;
  padding: 25px !important;
}
.inventory-tab__cont .card {
  padding: 50px;
  border: none;
  box-shadow: none;
  text-align: center;
}
.inventory-tab__cont .card-body h4 {
  color: #657a8f;
}
.inventory-tab__cont .card-body .btn {
  margin-top: 20px;
}

.bfd-dropfield {
  display: inline;
  padding: 5px;
}

.bfd-dropfield-inner {
  outline: 2px dashed #a5b3c1;
  color: #888;
  cursor: pointer;
  font-size: 32px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 350px;
  padding-top: 0px !important;
}
.bfd-dropfield-inner:hover, .bfd-dropfield-inner.bfd-dragover {
  border-color: #bbb;
  color: #bbb;
}

.bfd-info {
  overflow: hidden;
  white-space: nowrap;
}

.bfd-error-message {
  text-align: center;
}

.bfd-remove {
  cursor: pointer;
}

/* layout.css Style */
.upload-drop-zone {
  height: 298px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center;
  margin-bottom: 0px;
}

.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}

.modal-custom .modal-dialog {
  max-width: 680px;
}
.modal-custom .modal-dialog .modal-header {
  border-bottom: 1px solid rgba(208, 218, 227, 0.5);
  padding: 15px 25px;
}
.modal-custom .modal-dialog .modal-body {
  /*#upload-files{
  	display: none;
  }*/
}
.modal-custom .modal-dialog .modal-body .form-group {
  margin-bottom: 0px;
}
.modal-custom .modal-dialog .modal-body .standered-upload {
  color: #606060;
  margin-bottom: 10px;
}
.modal-custom .modal-dialog .modal-body .standered-upload a {
  color: #5c9cec;
  text-decoration: underline;
}
.modal-custom .modal-dialog .modal-body .standered-upload #upload-files {
  display: none;
}
.modal-custom .modal-dialog .modal-body .drop-file-text span {
  display: block;
}
.modal-custom .modal-dialog .modal-footer {
  border-top: 1px solid rgba(208, 218, 227, 0.5);
}

.import-histroty h3 {
  margin-bottom: 20px;
  font-size: 20px;
  color: #2e3333;
}
.import-histroty-top {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  align-items: center;
  padding: 18px 10px;
  margin-left: -25px;
  margin-right: -25px;
}
.import-histroty-top h4 {
  margin-bottom: 0px;
}
.import-histroty-top p {
  margin-bottom: 0px;
}
.import-histroty-record-single {
  border-bottom: 1px solid #ddd;
  padding: 12px 0px;
  align-items: center;
  margin-left: 0px;
  margin-right: 0px;
}
.import-histroty-record-single > div {
  padding-left: 0px;
  padding-right: 0px;
}
.import-histroty-record-single p {
  margin-bottom: 0px;
  color: #657a8f;
  font-weight: 500;
  font-size: 16px;
}
.import-histroty-record-single p span {
  margin-left: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #a1abbe;
}
.import-histroty-record-single .text-right span {
  margin-right: 15px;
  font-size: 14px;
  color: #a1abbe;
  font-weight: 400;
}
.import-histroty-record-single .text-right a.history-conf {
  background-color: #ff463a;
  color: #fff;
  padding: 6px 28px;
  border-radius: 40px;
  font-weight: 500;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}
.import-histroty-record-single .text-right a.history-conf:hover {
  background-color: #de2d22;
}
.import-histroty-record-single .text-right button {
  margin: 0 5px;
}

.masterlist-data .record-table table thead tr th input[type=checkbox] {
  font-size: 18px;
}
.masterlist-data .record-table table thead tr th:last-child {
  text-align: left;
}
.masterlist-data .record-table table tbody {
  border-left: 2px solid #fa463b;
}
.masterlist-data .record-table table tbody tr td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  vertical-align: top !important;
}
.masterlist-data .record-table table tbody tr td input[type=checkbox] {
  font-size: 18px;
}
.masterlist-data .record-table table tbody tr td:last-child {
  text-align: left;
}
.masterlist-data .record-table table tbody tr td p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  color: #657a8f;
}
.masterlist-data .record-table table tbody tr td .ClSelection {
  white-space: pre;
}
.masterlist-data .record-table table tbody tr td .badge {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  background: #98A5B4;
  text-transform: uppercase;
  margin-top: 10px;
}
.masterlist-data .record-table table tbody tr td .combine-package .combine-package__control {
  border-radius: 3px;
}
.masterlist-data .record-table table tbody tr td .combine-package .combine-package__control .combine-package__value-container .combine-package__multi-value {
  background-color: rgba(0, 0, 0, 0);
}
.masterlist-data .record-table table tbody tr td .combine-package .combine-package__control .combine-package__value-container .combine-package__multi-value .combine-package__multi-value__label {
  background: #D0DAE3;
}
.masterlist-data .record-table table tbody tr td .combine-package .combine-package__control .combine-package__value-container .combine-package__multi-value .combine-package__multi-value__remove {
  background: #D0DAE3;
  margin-left: 2px;
  cursor: pointer;
}
.masterlist-data .record-table table tbody tr td .retail-total {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #147DFC;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.masterlist-data .record-table table tbody tr td .package-td {
  display: flex;
  align-items: center;
  height: 100%;
}
.masterlist-data.no-border .record-table table tbody {
  border-left: none;
}

.masterlist-inbox .masterlist-data {
  margin-left: -15px;
  margin-right: -15px;
}
.masterlist-inbox .masterlist-data .record-table {
  padding-top: 0px;
  padding-bottom: 0px;
}
.masterlist-inbox .inventory-record {
  margin-top: 0px;
}
.masterlist-inbox .inventory-record .cl-formulary-item {
  font-weight: 500;
  color: #2e3333;
}
.masterlist-inbox .inventory-record .cl-formulary-icon {
  color: #5b9cec;
  vertical-align: middle;
  font-size: 18px;
}

.category-dropdown {
  position: relative;
}

.select-category-link {
  color: #fa463b;
}
.select-category-link:hover {
  color: #fa463b;
}
.select-category-link:focus {
  color: #fa463b;
}
.select-category-link span {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f00;
  display: inline-block;
}

.category-select-wrap {
  position: absolute;
  left: 0px;
  background-color: #fff;
  min-width: 260px;
  box-shadow: 0 0 10px 0 #eaeaea;
  z-index: 2;
  top: 35px;
}
.category-select-wrap .category-search {
  padding: 12px 22px;
  border-bottom: 1px solid #f8f8f8;
}
.category-select-wrap .category-search:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 14px;
  top: 16px;
  left: 36px;
  color: #a5b3c1;
}
.category-select-wrap .category-search .u-input {
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px 10px;
  line-height: 22px;
  padding-left: 35px;
  color: #a5b3c1;
}
.category-select-wrap .category-list {
  padding: 12px 22px;
  max-height: 200px;
  overflow: auto;
}
.category-select-wrap .category-list h4 {
  font-size: 14px;
  margin-bottom: 5px;
}
.category-select-wrap .category-list ul {
  margin-left: 15px;
  margin-bottom: 5px;
}
.category-select-wrap .category-list ul li {
  font-size: 13px;
  line-height: 24px;
}

.masterlist-tab li .hide-count span span {
  display: none;
}
.masterlist-tab li a span.count {
  background-color: #ff0000;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  line-height: 20px;
  margin-left: 4px;
  float: none;
  vertical-align: middle;
}

.deleted-items p {
  font-size: 14px;
  line-height: 12px !important;
  color: #657a8f !important;
  font-weight: 600;
}

.category-search {
  width: 250px;
  margin: 30px auto 0;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 25px;
}
.category-search:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 17px;
  top: 7px;
  left: 15px;
  color: #d2d9e0;
}
.category-search .u-input {
  border: 1px solid #d8dee4;
  border-radius: 32px;
  text-transform: capitalize;
  width: 100%;
  padding-left: 38px;
}
.category-search .category-dropdown .select2-container {
  max-width: 178px;
}
.category-search .category-dropdown .select2-selection--single {
  min-height: 40px !important;
}
.category-search .category-dropdown .select2-selection__arrow {
  min-height: 40px !important;
}
.category-search .category-dropdown .select2-selection__rendered {
  line-height: 35px !important;
}

.modelname-text {
  font-weight: 500 !important;
  font-size: 14px !important;
}

.modelname-input {
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 7px 0 #e0e0e0;
}

.inventory-record .cl-formulary-item {
  font-weight: 500;
  color: #2e3333;
}
.inventory-record .cl-formulary-icon {
  color: #5b9cec;
  vertical-align: middle;
  font-size: 18px;
}
.inventory-record.sales-tax .row {
  padding: 22px 25px;
}
.inventory-record.sales-tax .row .title {
  font-weight: 500;
  font-size: 16px;
  color: #697a8d;
  margin-right: 25px;
  display: block;
  width: 100%;
}
.inventory-record.sales-tax .row .description {
  display: block;
  width: 100%;
  color: #697a8d;
}
.inventory-record.sales-tax .row .tax-status {
  display: flex;
}
.inventory-record.sales-tax .row .tax-area {
  display: flex;
  align-items: center;
  height: 42px;
}
.inventory-record.sales-tax .row .tax-area .input-tax {
  margin-right: 17px;
  display: inline-block;
}
.inventory-record.sales-tax .row .tax-area .input-tax span {
  font-weight: normal;
  font-size: 16px;
  color: #8b8b8b;
}
.inventory-record.sales-tax .row .tax-area .input-tax div input {
  background: #ffffff;
  border: 0.5px solid #a5b3c1;
  box-sizing: border-box;
  color: #8b8b8b;
  border-radius: 3px;
  padding: 8px 7px;
  max-width: 90px;
  height: 35px;
}
.inventory-record.sales-tax .row .tax-area .input-tax div span {
  font-style: normal;
  color: #147dfc;
  font-weight: 500;
  font-size: 16px;
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
}
.inventory-record.sales-tax .row .tax-area .action {
  display: inline-block;
}

.lens-category-dropdown .select2-container {
  vertical-align: inherit;
}
.lens-category-dropdown .select2-container .selection .select2-selection--single .select2-selection__rendered {
  word-wrap: break-word;
  white-space: initial;
}

.lens-package .no-package {
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lens-package .no-package p {
  margin-top: 25px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #000000;
}
.lens-package .no-package p a {
  color: #187DFD;
  font-weight: 500;
  font-size: 14px;
}
.lens-package table tbody tr td .fas {
  color: #D0DAE3;
  margin-left: 8px;
}

.custom-dropdown-pp.dropdown .package-menu {
  width: 25px;
  height: 25px;
  background: #FFFFFF;
  border: 0.5px solid #A5B3C1;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.custom-dropdown-pp.dropdown .package-menu.no-border {
  border: none;
}
.custom-dropdown-pp.dropdown .dropdown-menu {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  padding: 5px 2px;
  width: auto;
}
.custom-dropdown-pp.dropdown .dropdown-menu .dropdown-item {
  font-weight: 500;
  font-size: 15px;
  color: #657A8F;
  padding: 7px 5px;
  display: flex;
  align-items: center;
}
.custom-dropdown-pp.dropdown .dropdown-menu .dropdown-item i {
  font-size: 15px;
}

.inventory-import .single-import, .upload-modal .single-import {
  margin-top: 35px;
  margin-bottom: 10px;
}
.inventory-import .single-import .upload, .upload-modal .single-import .upload {
  float: right;
  font-size: 12px;
  box-shadow: none;
}
.inventory-import .single-import .title, .upload-modal .single-import .title {
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.inventory-import .single-import p, .upload-modal .single-import p {
  font-style: normal;
  color: #000000;
  margin-bottom: 10px;
}
.inventory-import .single-import .import-no-file, .upload-modal .single-import .import-no-file {
  color: #FF0000;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.inventory-import .single-import .import-review-file b, .upload-modal .single-import .import-review-file b {
  color: #FF0000;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.inventory-import .single-import .import-review-file, .inventory-import .single-import .import-success-file, .upload-modal .single-import .import-review-file, .upload-modal .single-import .import-success-file {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}
.inventory-import .single-import .import-review-file .current-csv, .inventory-import .single-import .import-success-file .current-csv, .upload-modal .single-import .import-review-file .current-csv, .upload-modal .single-import .import-success-file .current-csv {
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inventory-import .single-import .import-review-file .uploaded-on, .inventory-import .single-import .import-success-file .uploaded-on, .upload-modal .single-import .import-review-file .uploaded-on, .upload-modal .single-import .import-success-file .uploaded-on {
  font-style: italic;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  color: #657A8F;
  margin-left: 10px;
  margin-right: 10px;
}
.inventory-import .single-import a, .upload-modal .single-import a {
  color: #0085FF;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
}
.inventory-import .single-import a.btn-primary, .upload-modal .single-import a.btn-primary {
  color: #fff;
}
.inventory-import .single-import .upload-btn-box, .upload-modal .single-import .upload-btn-box {
  display: flex;
  justify-content: center;
}
.inventory-import .single-import .upload-btn-box div, .upload-modal .single-import .upload-btn-box div {
  border: 1px solid #ECECEC;
  padding: 20px 0px;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inventory-import .single-import .upload-btn-box div .csv-file-icon, .upload-modal .single-import .upload-btn-box div .csv-file-icon {
  padding: 10px;
}
.inventory-import .single-import .arrow-top-green, .upload-modal .single-import .arrow-top-green {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/arrow-to-top-green.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(80, 200, 89, 0.3);
  border-radius: 6px;
  margin-right: 5px;
}
.inventory-import .single-import .arrow-top-red, .upload-modal .single-import .arrow-top-red {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/arrow-to-top-red.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(255, 0, 0, 0.3);
  border-radius: 6px;
  margin-right: 5px;
}
.inventory-import .single-import .import-inprogress-file, .upload-modal .single-import .import-inprogress-file {
  position: relative;
  margin-bottom: 10px;
}
.inventory-import .single-import .import-inprogress-file .small-loader, .upload-modal .single-import .import-inprogress-file .small-loader {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 6px;
}
.inventory-import .single-import .import-inprogress-file b, .upload-modal .single-import .import-inprogress-file b {
  font-weight: 500;
  margin-left: 36px;
}
.inventory-import .single-import .download-csv, .upload-modal .single-import .download-csv {
  display: flex;
  align-items: center;
}
.inventory-import .single-import .download-csv .arrow-bottom, .upload-modal .single-import .download-csv .arrow-bottom {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/arrow-to-bottom.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(20, 125, 252, 0.3);
  border-radius: 6px;
  margin-right: 5px;
}
@media (min-width: 576px) {
  .inventory-import .inventory-popup .modal-dialog, .inventory-import .popup .modal-dialog, .upload-modal .inventory-popup .modal-dialog, .upload-modal .popup .modal-dialog {
    max-width: 750px;
  }
}
.inventory-import .inventory-popup .modal-title, .inventory-import .popup .modal-title, .upload-modal .inventory-popup .modal-title, .upload-modal .popup .modal-title {
  font-weight: bold;
  text-align: left;
  padding: 20px;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  border-bottom: 1px solid #dee2e6;
}
.inventory-import .inventory-popup .modal-body, .inventory-import .popup .modal-body, .upload-modal .inventory-popup .modal-body, .upload-modal .popup .modal-body {
  text-align: left;
  margin: 15px 10px 10px 20px;
}
.inventory-import .inventory-popup .modal-body .drag-header, .inventory-import .popup .modal-body .drag-header, .upload-modal .inventory-popup .modal-body .drag-header, .upload-modal .popup .modal-body .drag-header {
  font-size: 18px;
}
.inventory-import .inventory-popup .modal-body .drag-header a, .inventory-import .popup .modal-body .drag-header a, .upload-modal .inventory-popup .modal-body .drag-header a, .upload-modal .popup .modal-body .drag-header a {
  text-decoration: none;
}
.inventory-import .inventory-popup .modal-body .download-file, .inventory-import .popup .modal-body .download-file, .upload-modal .inventory-popup .modal-body .download-file, .upload-modal .popup .modal-body .download-file {
  font-size: 15px;
}
.inventory-import .inventory-popup .modal-body .download-file span, .inventory-import .popup .modal-body .download-file span, .upload-modal .inventory-popup .modal-body .download-file span, .upload-modal .popup .modal-body .download-file span {
  font-size: 11px;
  font-style: italic;
  color: #657A8F;
}
.inventory-import .inventory-popup .modal-body p, .inventory-import .popup .modal-body p, .upload-modal .inventory-popup .modal-body p, .upload-modal .popup .modal-body p {
  font-size: 20px;
}
.inventory-import .inventory-popup .modal-body p a, .inventory-import .popup .modal-body p a, .upload-modal .inventory-popup .modal-body p a, .upload-modal .popup .modal-body p a {
  color: #0085FF;
  font-weight: normal;
  text-decoration: underline;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop, .inventory-import .popup .modal-body .drag-and-drop, .upload-modal .inventory-popup .modal-body .drag-and-drop, .upload-modal .popup .modal-body .drag-and-drop {
  padding: 15px 20px;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag, .inventory-import .popup .modal-body .drag-and-drop .drag, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag, .upload-modal .popup .modal-body .drag-and-drop .drag {
  outline: none !important;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content {
  background-color: #F6F7F9;
  position: relative;
  width: 500px;
  height: 220px;
  margin: auto;
  border: 1.2px dashed #C2C7D3;
  box-sizing: border-box;
  border-radius: 12px;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button span {
  color: #000000;
  font-weight: normal;
  display: block;
  margin-top: 16px;
  font-size: 14px;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-valid, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-valid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-valid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-valid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-valid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-valid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-valid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-valid {
  display: none;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #2879D9;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid {
  display: none;
  font-size: 14px;
  text-align: center;
  color: #2E3333;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid span {
  font-size: 22px;
  font-weight: bold;
  color: #FF463A;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid a, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid a, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid a, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid a, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid a, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid a, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.dragging-content-invalid a, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.dragging-content-invalid a {
  color: #0085FF;
  text-decoration: underline;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress {
  display: none;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress p, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress p, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress p, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress p, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress p, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress p, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress p, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress p {
  color: #50C859;
  font-weight: 500;
  font-size: 35px;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-progress span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-progress span {
  color: #000000;
  font-weight: 500;
  font-size: 25px;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress {
  background: transparent;
  width: auto;
  display: inline-block;
  height: 50px;
  width: 50px;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div {
  background: transparent;
  border: 1px solid #C4C4C4;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  position: relative;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content.uploading-file .progress .progress-div span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button.uploading-file .progress .progress-div span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content .upload-content-invalid span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button .upload-content-invalid span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .middle-content .upload-content-invalid span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button .upload-content-invalid span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .middle-content .upload-content-invalid span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button .upload-content-invalid span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .middle-content .upload-content-invalid span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .dz-message .dz-button .upload-content-invalid span {
  font-size: 20px;
  font-weight: 500;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.dragging, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.dragging {
  border: 2px dashed #147DFC;
  background: rgba(20, 125, 252, 0.03);
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-valid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-valid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-valid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-valid {
  display: block;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-invalid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-invalid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-invalid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.dragging-content-invalid {
  display: none;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.no-file, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.no-file, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.no-file, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.dragging .middle-content.no-file {
  display: none;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-valid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-valid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-valid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-valid {
  display: none;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-invalid, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-invalid, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-invalid, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.dragging-content-invalid {
  display: block;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.no-file, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.no-file, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.no-file, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.invalid-file .middle-content.no-file {
  display: none;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .upload-progress-live, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .upload-progress-live, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .upload-progress-live, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .upload-progress-live {
  border-radius: 10px;
  background: rgba(80, 200, 89, 0.2);
  height: 102%;
  position: absolute;
  top: -1.5px;
  left: 0;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .upload-progress p, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .upload-progress p, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .upload-progress p, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .upload-progress p {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  color: #50C859;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content .upload-progress span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content .upload-progress span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content .upload-progress span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content .upload-progress span {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #2E3333;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.uploaded, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.cropped, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.uploaded, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.cropped, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.uploaded, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.cropped, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.uploaded, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.cropped {
  border: 1.2px dashed #50C859;
  background: rgba(80, 200, 89, 0.2);
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.uploaded .uploaded-file span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.uploaded .cropped-file span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.cropped .uploaded-file span, .inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.cropped .cropped-file span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.uploaded .uploaded-file span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.uploaded .cropped-file span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.cropped .uploaded-file span, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.cropped .cropped-file span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.uploaded .uploaded-file span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.uploaded .cropped-file span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.cropped .uploaded-file span, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.cropped .cropped-file span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.uploaded .uploaded-file span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.uploaded .cropped-file span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.cropped .uploaded-file span, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.cropped .cropped-file span {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #2E3333;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.upload-error, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.upload-error, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.upload-error, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.upload-error {
  border: 1.2px dashed #FF463A;
  background: rgba(255, 70, 58, 0.2);
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.upload-error a, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.upload-error a, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.upload-error a, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.upload-error a {
  color: #0085FF;
  text-decoration: underline;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag .drag-content.upload-file-error a, .inventory-import .popup .modal-body .drag-and-drop .drag .drag-content.upload-file-error a, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag .drag-content.upload-file-error a, .upload-modal .popup .modal-body .drag-and-drop .drag .drag-content.upload-file-error a {
  color: #0085FF;
  text-decoration: underline;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag-footer, .inventory-import .popup .modal-body .drag-and-drop .drag-footer, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag-footer, .upload-modal .popup .modal-body .drag-and-drop .drag-footer {
  margin-top: 30px;
  text-align: center;
}
.inventory-import .inventory-popup .modal-body .drag-and-drop .drag-footer p, .inventory-import .popup .modal-body .drag-and-drop .drag-footer p, .upload-modal .inventory-popup .modal-body .drag-and-drop .drag-footer p, .upload-modal .popup .modal-body .drag-and-drop .drag-footer p {
  font-style: italic;
  font-size: 16px;
}
.inventory-import .inventory-popup .modal-footer, .inventory-import .popup .modal-footer, .upload-modal .inventory-popup .modal-footer, .upload-modal .popup .modal-footer {
  border-top: 1px solid #dee2e6;
  padding: 0 20px 0 0;
}

/************************************************/
/****************   PATIENT TABS   **************/
/************************************************/
/*CALCULATOR*/
.lens-fitting-eligibility {
  display: block;
  margin-top: 20px;
}
.lens-fitting-eligibility ul li {
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  padding: 0 15px;
  vertical-align: top;
  border-right: 1px solid #E3E3E3;
  margin-bottom: 20px;
}
.lens-fitting-eligibility ul li:nth-child(even) {
  border-right: none;
}
@media (min-width: 768px) {
  .lens-fitting-eligibility ul li {
    width: 25%;
  }
  .lens-fitting-eligibility ul li:nth-child(even) {
    border-right: 1px solid #E3E3E3;
  }
  .lens-fitting-eligibility ul li:nth-child(odd) {
    padding-left: 15px;
  }
  .lens-fitting-eligibility ul li:last-child {
    border-right: none;
  }
  .lens-fitting-eligibility ul li:nth-child(3n) {
    border-right: none;
  }
}
@media (min-width: 992px) {
  .lens-fitting-eligibility ul li {
    width: 19%;
  }
  .lens-fitting-eligibility ul li:nth-child(3n) {
    border-right: 1px solid #E3E3E3;
  }
}
.lens-fitting-eligibility ul li .form-group {
  margin-bottom: 20px;
  min-height: 35px;
}
.lens-fitting-eligibility ul li .form-group label.cs-check {
  font-size: 14px !important;
  vertical-align: middle;
  text-transform: capitalize;
  font-weight: 600;
}
.lens-fitting-eligibility ul li .form-group label.cs-check.mark-no .checkmark {
  background-color: #FCD6D4 !important;
}
.lens-fitting-eligibility ul li .form-group label.cs-check.mark-no .checkmark:after {
  border-color: #F7655C;
}
.lens-fitting-eligibility ul li h5 {
  display: block;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #A5B3C1;
  margin-bottom: 4px;
}
.lens-fitting-eligibility ul li p {
  font-size: 13px;
  margin-bottom: 0px;
  font-weight: 600 !important;
}
@media (min-width: 1281px) {
  .lens-fitting-eligibility ul li p {
    font-size: 15px;
  }
}

.overview-main h3 span {
  display: block;
  padding-left: 0px !important;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .overview-main h3 span {
    display: inline-block;
    padding-left: 6px !important;
    margin-bottom: 0px;
  }
}
.overview-main .btn-eligibility {
  margin-left: 5px;
}
.overview-main .card-body {
  margin-top: 20px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .overview-main .card-body {
    margin-top: 0px;
  }
}
.overview-main .form-group {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .overview-main .form-group {
    margin-bottom: 25px;
  }
}

.vpc-overview .card-header .row {
  width: 100%;
  margin-left: 0px;
}
.vpc-overview .card-header .row .overview-title {
  padding-left: 0px;
}
.vpc-overview .card-header .row .overview-title h3 {
  line-height: 14px;
  padding-top: 4px;
}
.vpc-overview .card-header .row .overview-title span.last-check {
  font-size: 10px;
}
.vpc-overview .card-header .btngrp a.btn-border-blue {
  font-size: 9px;
  margin-right: 3px;
  line-height: 22px;
  transition: all 500ms;
  position: relative;
  padding-left: 26px;
}
.vpc-overview .card-header .btngrp a.btn-border-blue:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 9px;
  top: 6px;
  width: 14px;
  height: 14px;
  left: 7px;
  line-height: 16px;
  padding: 0 2px;
  background-color: #73AFF7;
  border-radius: 50%;
  color: #ffffff;
  transition: all 500ms;
}
.vpc-overview .card-header .btngrp a.btn-border-blue:hover {
  background-color: #4e94ea !important;
  transition: all 500ms;
  color: #fff;
}
.vpc-overview .card-header .btngrp .btn {
  margin-left: 0px;
  margin-right: 0px;
}

/*CALCULATOR*/
.jump-area {
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 3;
}
.jump-area a {
  font-size: 12px;
  font-family: TT Norms;
  vertical-align: middle;
}
.jump-area a span {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #98A5B4;
  display: inline-block;
  position: absolute;
  left: -16px;
  top: 12px;
}

.c-vcpplan__top {
  width: 100%;
}
.c-vcpplan__top h3 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.c-vcpplan__top .btn {
  background-color: #DBE1E7;
  margin-top: 0px !important;
}
.c-vcpplan__top .btn.btn-border-blue {
  font-size: 9px;
  margin-right: 3px;
  line-height: 22px;
  transition: all 500ms;
  position: relative;
  padding-left: 26px;
  background-color: #147DFC;
}
.c-vcpplan__top .btn.btn-border-blue:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 9px;
  top: 6px;
  width: 14px;
  height: 14px;
  left: 7px;
  line-height: 16px;
  padding: 0 2px;
  background-color: #73AFF7;
  border-radius: 50%;
  color: #ffffff;
  transition: all 500ms;
}
.c-vcpplan__top .btn-action {
  min-width: 27px;
  min-height: 26px;
  background-color: #DBE1E7;
}
.c-vcpplan-wrap {
  position: relative;
}
.c-vcpplan-panel {
  border-bottom: 1px solid #F0F0F0;
  margin-top: 0px !important;
  padding: 25px 30px 20px;
  margin-left: -30px;
  margin-right: -30px;
}
.c-vcpplan-panel:last-child {
  border-bottom: none;
}

.c-vcpplan-wrap-inner {
  position: relative;
  overflow: auto;
}

.vcp-search {
  width: 140px;
  border-radius: 42px;
  border: 1px solid #ddd;
  display: inline-block;
  min-width: 110px;
  padding: 6px 15px 6px 25px;
  line-height: 15px;
  vertical-align: middle;
  margin-right: 4px;
  font-size: 12px;
  color: #A5B3C1;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.vcp-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #A5B3C1 !important;
}
.vcp-search::-moz-placeholder { /* Firefox 19+ */
  color: #A5B3C1 !important;
}
.vcp-search:-ms-input-placeholder { /* IE 10+ */
  color: #A5B3C1 !important;
}
.vcp-search:-moz-placeholder { /* Firefox 18- */
  color: #A5B3C1 !important;
}

.vcp-search-wrap {
  position: relative;
}
.vcp-search-wrap:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 11px;
  top: 2px;
  left: 9px;
  color: #e0e0e0;
  line-height: 20px;
}

.data-section {
  margin-top: 35px;
}
.data-section h4 {
  font-size: 16px;
  color: #606060;
  margin-bottom: 15px;
}
.data-section__header p {
  color: #A5B3C1;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 800 !important;
  margin-bottom: 4px;
}
.data-section__single {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 15px;
}
.data-section__single > div {
  padding: 0 8px;
}
.data-section__single p {
  background-color: #F6F7FB;
  border-radius: 3px;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: 400 !important;
  margin-bottom: 0px;
}

/*CALCULATOR*/
.nicescroll-rails-vr .nicescroll-cursors {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  animation: pace-stripe-animation 500ms linear infinite;
  background-size: 10px 10px;
}

@keyframes pace-stripe-animation {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 100%;
  }
}
.modal-backdrop {
  transition-duration: 300ms;
}

.edit-record-pop {
  color: #177dfb;
  font-size: 14px;
  margin-left: 10px;
}

.c-calculator__top {
  min-width: 100%;
}
.c-calculator__top .btn-normal {
  background-color: #DBE1E7;
  padding: 2px 10px;
}
.c-calculator__top .print_calculator {
  font-size: 9px;
  margin-right: 3px;
  line-height: 22px;
  transition: all 500ms;
  position: relative;
  padding-left: 26px !important;
  background-color: #147DFC;
}
.c-calculator__top .print_calculator:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 9px;
  top: 6px;
  width: 14px;
  height: 14px;
  left: 7px;
  line-height: 16px;
  padding: 0 2px;
  background-color: #73AFF7;
  border-radius: 50%;
  color: #ffffff;
  transition: all 500ms;
}
.c-calculator .card-header {
  justify-content: inherit;
}
.c-calculator .card-header h3 {
  display: inline-block;
}
.c-calculator .card-header .btn {
  margin: 0 2px;
}
.c-calculator .card-header .btn-action {
  background-color: #DBE1E7;
  min-height: 26px;
  min-width: 27px;
}
.c-calculator .card-header .btn-action:hover {
  background-color: #A1ABBE;
}
.c-calculator .card-header .btn-addition {
  border: 1px solid #A5B3C1;
  box-sizing: border-box;
  border-radius: 4px !important;
  background-color: #ffffff;
  color: #657A8F;
  box-shadow: none;
  font-size: 10px;
}
.c-calculator .card-header .dropdown {
  margin-top: 4px;
}
.c-calculator .card-header .dropdown button {
  background-color: #fff;
  border: 1px solid #A5B3C1 !important;
  color: #657A8F;
  border: none;
  text-align: left;
  display: block;
  padding-left: 15px;
  font-size: 10px;
  position: relative;
  width: 100%;
  margin-left: 0px;
}
.c-calculator .card-header .dropdown button i {
  font-size: 10px;
  position: absolute;
  right: 12px;
  top: 8px;
}
.c-calculator .card-header .dropdown button:after {
  display: none;
}
.c-calculator .card-header .dropdown button:hover {
  border: 1px solid #147DFC !important;
  color: #fff;
}
.c-calculator .card-header .dropdown button:focus {
  border: 1px solid #147DFC !important;
  color: #fff;
}
.c-calculator .card-header .dropdown .dropdown-menu {
  left: auto !important;
  right: 0px;
}
.c-calculator__single {
  margin-bottom: 15px;
  margin-top: 12px;
  position: relative;
}
.c-calculator__single h4 {
  color: #A5B3C1;
  font-size: 10px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 4px;
  line-height: 26px;
}
.c-calculator__single-box {
  padding: 10px 15px;
  border-radius: 3px;
  position: relative;
  border-right: 10px solid #fff;
  min-height: 100px;
}
.c-calculator__single-box.link-popup-view {
  cursor: pointer;
}
.c-calculator__single-box:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -30px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 2;
}
.c-calculator__single-box:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #fff;
  z-index: 2;
}
.c-calculator__single-box p {
  font-size: 14px;
  margin-bottom: 0px;
  position: absolute;
  right: 0px;
  bottom: 10px;
}
@media (min-width: 1281px) {
  .c-calculator__single-box p {
    bottom: 18px;
  }
}
.c-calculator__single-box h1 {
  font-size: 32px;
  color: #657A8F;
  padding: 16px 0px;
  margin: 0;
  font-weight: 600;
}
@media (min-width: 768px) {
  .c-calculator__single-box h1 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .c-calculator__single-box h1 {
    font-size: 25px;
  }
}
@media (min-width: 1025px) {
  .c-calculator__single-box h1 {
    font-size: 37px;
  }
}
@media (min-width: 1281px) {
  .c-calculator__single-box h1 {
    font-size: 38px;
  }
}
.c-calculator__single-box h1 sup {
  font-size: 16px;
  top: -16px;
  margin-right: 5px;
}
.c-calculator__single-box h1 sup:last-child {
  margin-left: 5px;
  margin-right: 0px;
}
.c-calculator__single-box h1 sub {
  font-size: 16px;
  bottom: 2px;
  margin-left: 7px;
}
.c-calculator__single > .row {
  margin-left: 0px;
  margin-right: 0px;
}
.c-calculator__single > .row > div {
  padding: 0 0;
}
.c-calculator__single > .row > div:first-child h4 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
}
.c-calculator__single > .row > div:first-child .c-calculator__single-box {
  background-color: #ECEFF2;
}
@media (min-width: 1200px) {
  .c-calculator__single > .row > div:first-child .c-calculator__single-box h1 {
    font-size: 35px;
  }
}
@media (min-width: 1281px) {
  .c-calculator__single > .row > div:first-child .c-calculator__single-box h1 {
    font-size: 37px;
  }
}
@media (min-width: 1920px) {
  .c-calculator__single > .row > div:first-child .c-calculator__single-box h1 {
    font-size: 50px;
  }
}
.c-calculator__single > .row > div:first-child .c-calculator__single-box:after {
  border-left: 30px solid #ECEFF2;
}
.c-calculator__single > .row > div:first-child .c-calculator__single-box:before {
  border-left: 30px solid #fff;
}
.c-calculator__single > .row > div:nth-child(2) h4 {
  padding-left: 45px;
}
.c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box {
  background-color: #F6F7F9;
  padding-left: 20px;
}
.c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box h1 {
  padding-left: 25px;
}
@media (min-width: 992px) {
  .c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box h1 {
    padding-left: 16px;
  }
}
@media (min-width: 1200px) {
  .c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box h1 {
    font-size: 35px;
  }
}
@media (min-width: 1281px) {
  .c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box h1 {
    padding-left: 22px;
    font-size: 37px;
  }
}
@media (min-width: 1920px) {
  .c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box h1 {
    font-size: 50px;
  }
}
.c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box:after {
  border-left: 30px solid #F6F7F9;
}
.c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box:before {
  border-left: 30px solid #fff;
}
@media (min-width: 1200px) {
  .c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box {
    padding-right: 0;
  }
}
@media (min-width: 1281px) {
  .c-calculator__single > .row > div:nth-child(2) .c-calculator__single-box {
    padding-right: 15px;
  }
}
.c-calculator__single > .row > div:nth-child(3) h4 {
  padding-left: 45px;
}
.c-calculator__single > .row > div:nth-child(3) .c-calculator__single-box {
  padding-left: 18px;
}
.c-calculator__single > .row > div:nth-child(3) .c-calculator__single-box h1 {
  padding-left: 25px;
}
@media (min-width: 1200px) {
  .c-calculator__single > .row > div:nth-child(3) .c-calculator__single-box h1 {
    font-size: 35px;
  }
}
@media (min-width: 1281px) {
  .c-calculator__single > .row > div:nth-child(3) .c-calculator__single-box h1 {
    font-size: 37px;
  }
}
@media (min-width: 1920px) {
  .c-calculator__single > .row > div:nth-child(3) .c-calculator__single-box h1 {
    font-size: 50px;
  }
}
.c-calculator__single > .row > div:nth-child(3) .c-calculator__single-box:after {
  display: none;
}
.c-calculator__single > .row > div:nth-child(3) .c-calculator__single-box:before {
  display: none;
}
.c-calculator__single > .row.highlight > div {
  padding: 0 0;
}
.c-calculator__single > .row.highlight > div:first-child h4 {
  color: #2E3333;
}
.c-calculator__single > .row.highlight > div:first-child h4 i {
  color: #147DFC;
}
.c-calculator__single > .row.highlight > div:first-child .c-calculator__single-box {
  background-color: #147DFC;
}
.c-calculator__single > .row.highlight > div:first-child .c-calculator__single-box h1 {
  color: #ffffff;
}
.c-calculator__single > .row.highlight > div:first-child .c-calculator__single-box p {
  color: #ffffff;
}
.c-calculator__single > .row.highlight > div:first-child .c-calculator__single-box:after {
  border-left: 30px solid #147DFC;
}
.c-calculator__single > .row.highlight > div:nth-child(2) .c-calculator__single-box {
  background-color: #E7F2FF;
}
.c-calculator__single > .row.highlight > div:nth-child(2) .c-calculator__single-box h1 {
  color: #147DFC;
}
.c-calculator__single > .row.highlight > div:nth-child(2) .c-calculator__single-box p {
  color: #147DFC;
}
.c-calculator__single > .row.highlight > div:nth-child(2) .c-calculator__single-box:after {
  border-left: 30px solid #E7F2FF;
}
.c-calculator__single > .row.highlight > div:nth-child(3) .c-calculator__single-box h1 {
  color: #147DFC;
}
.c-calculator__single > .row.highlight .item-count-value {
  opacity: 1;
  background-color: #5B9CEC;
  transition-duration: 500ms;
  cursor: pointer;
}
.c-calculator__single > .row.highlight .item-count-value:hover {
  background-color: #1b63b7;
  transition-duration: 500ms;
}
.c-calculator__single > .row.highlight .item-count-value.active {
  background-color: #1b63b7;
  transition-duration: 500ms;
}
.c-calculator__single .expand-additional .arrow {
  top: 25%;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  -webkit-transform: translate(-50%) rotate(45deg);
  transition-duration: 200ms;
}
.c-calculator__single .expand-additional.expand-pan {
  line-height: 13px;
}
.c-calculator__single .expand-additional.expand-pan .arrow {
  top: 38%;
  transform: translate(-50%) rotate(-135deg);
  -webkit-transform: translate(-50%) rotate(-135deg);
  transition-duration: 200ms;
}
.c-calculator__modal {
  transition-duration: 300ms;
}
.c-calculator__modal .modal-dialog {
  max-width: 680px;
}
.c-calculator__modal .modal-dialog .modal-header {
  border-bottom: 1px solid #F5F5F5;
  padding: 12px 20px;
}
.c-calculator__modal .modal-dialog .modal-header h4 {
  text-align: left;
  text-transform: capitalize;
  font-size: 20px;
  color: #000000;
}
.c-calculator__modal .modal-dialog .modal-header button {
  position: absolute;
  right: 18px;
  color: #98A5B4;
  font-size: 26px;
}
.c-calculator__modal .modal-dialog .modal-body {
  padding: 0px;
  max-height: 400px;
  min-height: 400px;
  overflow-y: auto;
}
.c-calculator__modal .modal-dialog .modal-body__section {
  border-bottom: 1px solid #F5F5F5;
  padding: 10px 20px;
}
.c-calculator__modal .modal-dialog .modal-body__section h6 {
  line-height: 29px;
  font-weight: 400;
  font-size: 18px;
  color: #2E3333;
  margin-bottom: 0px;
}
.c-calculator__modal .modal-dialog .modal-body__section p {
  margin-bottom: 0px;
  color: #a9a9a9;
}
.c-calculator__modal .modal-dialog .modal-body__section.search {
  padding-top: 3px;
  padding-bottom: 3px;
}
.c-calculator__modal .modal-dialog .modal-body__section.search .c-input {
  color: #a5aaab;
  padding-left: 0px;
  padding-right: 0px;
}
.c-calculator__modal .modal-dialog .modal-body__section.search .c-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a5aaab !important;
}
.c-calculator__modal .modal-dialog .modal-body__section.search .c-input::-moz-placeholder { /* Firefox 19+ */
  color: #a5aaab !important;
}
.c-calculator__modal .modal-dialog .modal-body__section.search .c-input:-ms-input-placeholder { /* IE 10+ */
  color: #a5aaab !important;
}
.c-calculator__modal .modal-dialog .modal-body__section.search .c-input:-moz-placeholder { /* Firefox 18- */
  color: #a5aaab !important;
}
.c-calculator__modal .modal-dialog .modal-body__section .form-check {
  margin-top: 5px;
}
.c-calculator__modal .modal-dialog .modal-body__section .form-check .form-check-input {
  margin-top: 3px;
}
.c-calculator__modal .modal-dialog .modal-body__section .form-check .form-check-label {
  font-weight: 400;
}
.c-calculator__modal .modal-dialog .modal-body__section .frame-section {
  padding-top: 10px;
  padding-bottom: 10px;
}
.c-calculator__modal .modal-dialog .modal-body__section .frame-section .frame-details {
  margin: 5px 0 20px;
}
.c-calculator__modal .modal-dialog .modal-body__section .frame-section .frame-details span {
  font-size: 14px;
  margin-right: 10px;
}
.c-calculator__modal .modal-dialog .modal-body__section .frame-section .frame-details span.model-no {
  background-color: #efefef;
  padding: 4px 12px;
  border-radius: 4px;
  color: #657A8F;
}
.c-calculator__modal .modal-dialog .modal-body__section .frame-section .frame-details span.price {
  font-weight: 600;
  color: #657A8F;
}
.c-calculator__modal .modal-dialog .modal-body__section .frame-section .frame-details span.pay-price {
  color: #147DFC;
  font-weight: 600;
}
.c-calculator__modal .modal-dialog .modal-body__section .frame-section .select-frame {
  padding: 5px 0;
  min-width: 140px;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub1 {
  font-weight: 600;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub2.toggle_div {
  padding-left: 22px;
  position: relative;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub2.toggle_div:after {
  content: " ";
  border: solid #8c9192;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition-duration: 300ms;
  margin-left: 6px;
  margin-bottom: 4px;
  position: absolute;
  left: -2px;
  top: 7px;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub2.toggle_div.open:after {
  -webkit-transform: rotate(-45deg);
  top: 10px;
  left: -7px;
  transition-duration: 300ms;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub2.find-form-check.toogle_trifocal {
  margin-left: 22px;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub2.find-form-check.toogle_bifocal {
  margin-left: 22px;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub2.find-form-check.toogle_single-vision {
  margin-left: 22px;
}
.c-calculator__modal .modal-dialog .modal-body__section .sub2.find-form-check.toogle_single-vision-aspheric {
  margin-left: 22px;
}
.c-calculator__modal .modal-dialog .modal-footer {
  border-top: 1px solid #F5F5F5;
  align-items: center;
  padding-left: 13px;
  padding-right: 5px;
}
.c-calculator__modal .modal-dialog .modal-footer p {
  margin-bottom: 0px;
  font-weight: 500;
}
.c-calculator__modal .modal-dialog .modal-footer p span {
  color: #147DFC;
}
.c-calculator__modal .modal-dialog .modal-footer button {
  font-size: 12px;
  min-width: 120px;
  padding: 4px 0;
  margin-left: 5px;
}
.c-calculator__modal.show {
  transition-duration: 300ms;
}
.c-calculator__mainwrap {
  max-height: 580px;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  .c-calculator__mainwrap {
    max-height: 622px;
    height: 622px;
  }
}
.c-calculator__total {
  margin: 10px -30px -30px;
  padding: 0px 16px;
  border-top: 1px solid #F5F5F5;
}
@media (min-width: 1200px) {
  .c-calculator__total {
    position: absolute;
    bottom: 30px;
    min-width: 100%;
  }
}
.c-calculator__total > .row {
  margin: 0px;
}
.c-calculator__total > .row .space-remove {
  border-right: 1px solid #F5F5F5;
  padding: 15px 20px;
}
.c-calculator__total > .row .space-remove h4 {
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #2E3333;
  font-weight: 600;
}
.c-calculator__total > .row .space-remove .c-calculator__single-box {
  padding: 0px;
  border: none;
  min-height: auto;
}
.c-calculator__total > .row .space-remove .c-calculator__single-box h1 {
  padding: 0px;
  font-size: 45px;
}
@media (min-width: 1200px) {
  .c-calculator__total > .row .space-remove .c-calculator__single-box h1 {
    font-size: 40px !important;
  }
}
@media (min-width: 1920px) {
  .c-calculator__total > .row .space-remove .c-calculator__single-box h1 {
    font-size: 50px !important;
  }
}
.c-calculator__total > .row .space-remove .c-calculator__single-box:before {
  display: none;
}
.c-calculator__total > .row .space-remove .c-calculator__single-box:after {
  display: none;
}
.c-calculator__total > .row .space-remove:last-child {
  border: none;
}
.c-calculator__total > .row .space-remove:last-child h1 {
  color: #147DFC;
}

.c-additem {
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  box-shadow: 0px 6px 12px rgba(185, 185, 185, 0.25);
}
.c-additem_header {
  padding: 12px 13px;
  border-bottom: 1px solid rgba(165, 179, 193, 0.1);
}
.c-additem_header h4 {
  font-size: 10px !important;
  text-transform: uppercase;
  font-weight: 600;
  color: #A5B3C1 !important;
  position: relative;
}
.c-additem_header h4 i {
  position: absolute;
  background-color: rgba(165, 179, 193, 0.1);
  padding: 5px;
  border-radius: 50%;
  font-size: 10px;
  right: 0;
  top: -4px;
}
.c-additem_search {
  position: relative;
}
.c-additem_search input {
  border: none;
  padding-left: 28px;
  font-size: 11px;
  color: #868C8D;
  line-height: 36px;
}
.c-additem_search:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 14px;
  top: 3px;
  left: 6px;
  padding: 0px 7px;
  color: #dbe1e6;
  z-index: 9;
}
.c-additem_result {
  padding: 5px 13px;
  background-color: rgba(165, 179, 193, 0.1);
}
.c-additem_result ul {
  margin-bottom: 0px;
}
.c-additem_result ul li {
  font-size: 11px;
  position: relative;
}
.c-additem_result ul li span {
  font-weight: 600;
  float: right;
  margin-right: 18px;
}
.c-additem_result ul li i {
  position: absolute;
  right: 0;
  font-size: 10px;
  color: #a6b3c1;
  top: 9px;
}

/*Additional Content*/
.item-count-value {
  opacity: 0;
  width: 20px;
  height: 20px;
  background-color: #a0abbe;
  border-radius: 50%;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  position: absolute;
  bottom: 7px;
  left: 16px;
}

.expand-additional {
  position: absolute;
  top: 100px;
  right: 0;
  font-size: 25px;
  cursor: pointer;
  background-color: #2879D9;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 8px;
}
.expand-additional .arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  -webkit-transform: translate(-50%) rotate(45deg);
  transition-duration: 200ms;
}
.expand-additional.expand-pan {
  line-height: 13px;
}
.expand-additional.expand-pan .arrow {
  top: 40%;
  transform: translate(-50%) rotate(-135deg);
  -webkit-transform: translate(-50%) rotate(-135deg);
  transition-duration: 200ms;
}

.copay-cont-addi {
  display: none;
  margin-bottom: 40px;
}
.copay-cont-addi-single {
  border-bottom: 1px solid #D0DAE3;
  padding: 10px 0;
  font-weight: 500;
  margin-left: 0px;
  margin-right: 0px;
  color: #657A8F;
}
.copay-cont-addi-single .record-count {
  color: #000000;
  font-weight: 600;
}
.copay-cont-addi-single .item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copay-cont-addi-single .item-name span {
  color: #657A8E;
  font-weight: 700;
}
.copay-cont-addi-single .item-discount {
  padding-left: 5px;
}
.copay-cont-addi-single .total {
  font-weight: 700;
  color: #2879D9;
  font-size: 20px;
  padding-left: 0px;
}

.selected-items ul {
  padding: 10px;
  margin-bottom: 0px;
}
.selected-items ul li {
  background-color: #3b99fc;
  color: #fff;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  margin: 2px;
  line-height: 25px;
  display: inline-block;
}

.search-info-msg {
  color: #a8adae;
  font-size: 17px;
  padding: 15px 20px;
}

/*Discount Popup*/
#editDiscount .modal-dialog {
  max-width: 90%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #editDiscount .modal-dialog {
    max-width: 600px;
  }
}
#editDiscount .modal-dialog .modal-body .section-single {
  padding: 20px;
  border-bottom: 1px solid #F1F4F6;
}
#editDiscount .modal-dialog .modal-body .section-single:last-child {
  border-bottom: none;
}
#editDiscount .modal-dialog .modal-body .section-single.frame-info h3 {
  font-family: TT Norms;
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 0px;
}
#editDiscount .modal-dialog .modal-body .section-single.frame-info p {
  font-style: italic;
  color: #657A8F;
  margin-bottom: 0px;
}
#editDiscount .modal-dialog .modal-body .section-single label {
  display: block;
  font-family: TT Norms;
  font-size: 16px;
  line-height: normal;
  color: #2E3333;
  font-weight: 600;
}
#editDiscount .modal-dialog .modal-body .section-single h2 {
  font-family: TT Norms;
  font-size: 24px;
  color: #98A5B4;
  font-weight: 800;
  margin-bottom: 0;
}
#editDiscount .modal-dialog .modal-body .section-single .u-input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 32px;
  border: 1px solid #E2E6EC;
}
#editDiscount .modal-dialog .modal-body .section-single .edit-input-area {
  position: relative;
}
#editDiscount .modal-dialog .modal-body .section-single .edit-input-area .u-input {
  padding-left: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
  background-color: #fbfbfb;
}
#editDiscount .modal-dialog .modal-body .section-single .edit-input-area i {
  position: absolute;
  top: 14px;
  left: 16px;
  font-size: 14px;
}
#editDiscount .modal-dialog .modal-body .section-single .change-dis-val {
  padding-left: 8px;
}
#editDiscount .modal-dialog .modal-body .section-single .change-dis-val .btn {
  width: 40px;
  height: 40px;
  padding: 7px 0 8px 2px;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
}
#editDiscount .modal-dialog .modal-body .section-single .change-dis-val .btn-outline {
  border: 1px solid #E2E6EC;
  color: #A5B3C1;
  background-color: #fff;
}
#editDiscount .modal-dialog .modal-body .section-single .change-dis-val .btn-outline:hover {
  border: 1px solid #147DFC;
  color: #fff;
}
#editDiscount .modal-dialog .modal-body .section-single .change-dis-val .btn:last-child {
  margin-left: 5px;
}
#editDiscount .modal-dialog .modal-body .section-single .change-dis-val .btn.active {
  border: 1px solid #147DFC;
  color: #fff;
  background-color: #147DFC;
}
#editDiscount .modal-dialog .modal-body .section-single .specing-mob {
  margin-top: 10px;
}
@media (min-width: 768px) {
  #editDiscount .modal-dialog .modal-body .section-single .specing-mob {
    margin-top: 0px;
  }
}

.c-calculator__single .expand-additional {
  display: none;
}
.c-calculator__single .section_main_div.highlight + a.expand-additional {
  display: block;
}

/*CALCULATOR*/
/************************************************/
/****************   INVENTORY   **************/
/************************************************/
/*INBOX*/
.status {
  margin-bottom: 20px;
}
.status.success {
  color: #50c859;
}
.status.success h4 {
  color: #50c859;
}
.status i {
  font-size: 20px;
}

.modal-custom .modal-footer button {
  margin-left: 10px;
}

.warning-cont {
  text-align: center;
  min-height: 350px;
  padding: 40px;
}
.warning-cont p {
  color: #2e3333;
  line-height: 28px;
}

.warning {
  text-align: center;
  margin-bottom: 10px;
}
.warning i {
  color: #ff463a;
  font-size: 48px;
}
.warning h2 {
  color: #ff463a;
  font-size: 16px;
}

.inventory-uncategorized {
  padding: 30px;
  border-top: 0.5px solid #f3f6f8;
  margin: 0 -25px;
}
.inventory-uncategorized_left h4 {
  font-size: 18px;
}
.inventory-uncategorized_left h4 span {
  font-size: 14px;
  color: #ff463a;
  margin-left: 10px;
}
.inventory-uncategorized_right button {
  margin-left: 8px;
  font-size: 12px;
}
.inventory-uncategorized_right button.bulk {
  background-color: #a5b3c1;
  color: #fff;
  border: 1px solid #a5b3c1;
}
.inventory-uncategorized_right button.red {
  background-color: #feebe9;
  border: 1px solid #feebe9;
  color: #ff463a;
}
.inventory-index-top {
  text-align: center;
}
.inventory-index-bottom {
  text-align: center;
  padding-bottom: 40px;
}
.inventory-index-bottom p {
  color: #a5b3c1;
}
.inventory-index-bottom p span {
  display: block;
}
.inventory-secion-top .row {
  padding: 0 0 20px;
  align-items: center;
}
.inventory-secion-top .row h4 {
  margin-bottom: 5px;
}
.inventory-secion-top .row p {
  margin-bottom: 0px;
}
.inventory-secion-top .row button {
  margin-left: 10px;
}
.inventory-record {
  margin: 40px 0;
}
.inventory-record.exam {
  margin: 0 0;
}
.inventory-record .expand-all {
  color: #2879d9;
  font-weight: 500;
  position: relative;
}
.inventory-record .expand-all .all-arrow {
  border: solid #2879d9;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 38%;
  transform: translate(-50%) rotate(-135deg);
  -webkit-transform: translate(-50%) rotate(-135deg);
  transition-duration: 200ms;
  margin-left: 12px;
}
.inventory-record .expand-all.all-expended .all-arrow {
  transform: translate(-50%) rotate(45deg);
  -webkit-transform: translate(-50%) rotate(45deg);
  transition-duration: 200ms;
  top: 25%;
}
.inventory-record .inventory-title {
  padding-left: 34px;
  margin: 5px 0;
  position: relative;
}
.inventory-record .inventory-title h4 span.count {
  background-color: #ff0000;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  line-height: 20px;
  margin-left: 4px;
}
.inventory-record.exam .expand-additional {
  top: 8px;
  right: auto;
  left: 15px;
}
.inventory-record .single {
  border-top: 0.5px solid #f3f6f8;
  padding: 15px 10px;
  align-items: center;
  margin-left: -25px;
  margin-right: -25px;
}
.inventory-record .single .expand-additional.arrow {
  transform: translate(-50%) rotate(45deg);
  -webkit-transform: translate(-50%) rotate(45deg);
}
.inventory-record .single h4 {
  display: inline-block;
  color: #657a8f;
  min-width: 120px;
  font-size: 16px;
  margin-bottom: 0;
}
.inventory-record .single .item {
  margin: 0 10px;
}
.inventory-record .single .item.totall {
  color: #606060;
}
.inventory-record .single .item.active {
  color: #50c859;
}
.inventory-record .single .item.uncategorized {
  color: #ff463a;
}
.inventory-record .single:last-child {
  border-bottom: 0.5px solid #f3f6f8;
}

.record-table {
  padding: 25px 0;
}
.record-table table thead tr {
  border-bottom: 1px solid #f8f8f8;
}
.record-table table thead tr th {
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #a5b3c1 !important;
  border-bottom: 1px solid #f8f8f8 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.record-table table thead tr th.chq {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 2%;
}
.record-table table thead tr th:last-child {
  text-align: center;
}
.record-table table tbody tr {
  border-bottom: 1px solid #f8f8f8;
}
.record-table table tbody tr td {
  font-size: 14px;
  position: relative;
  vertical-align: top;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.record-table table tbody tr td.chq {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 2%;
}
.record-table table tbody tr td:last-child {
  text-align: center;
}

.loading-data {
  text-align: center;
}
.loading-data .lds-ripple {
  margin-top: 35px;
}
.loading-data h4 {
  font-size: 20px;
  color: #657a8f;
}

#exclude-pop .modal-footer button {
  margin-left: 5px;
}

.inventory-status {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-color: #f5c05c;
  border-radius: 50%;
  position: relative;
  text-align: center;
}
.inventory-status:before {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 12px;
  color: #fff;
  line-height: 23px;
  left: 0;
  right: 0;
}
.inventory-status.active {
  background-color: #5cc865;
}
.inventory-status.active:before {
  content: "\f00c";
}
.inventory-status.not-categorised {
  background-color: #f5867f;
}
.inventory-status.not-categorised:before {
  content: "\f12a";
}

.inv-notify-wrap .status-tooltop {
  display: none;
  position: absolute;
  width: 200px;
  background-color: #fff;
  right: 0;
  border-radius: 10px;
  padding: 8px 12px;
  box-shadow: 0 3px 10px 0 #ddd;
  bottom: 80px;
}
.inv-notify-wrap .status-tooltop h4 {
  color: #eb5757;
  font-size: 20px;
}
.inv-notify-wrap .status-tooltop p {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 7px;
}
.inv-notify-wrap .inventory-status {
  position: relative;
}
.inv-notify-wrap .inventory-status:hover .status-tooltop {
  display: block;
}

.add-inventory {
  position: absolute;
  right: 0;
  top: -6px;
}
.add-inventory .add-inv-record {
  border: 1px solid #d0dae3;
  color: #657a8e;
}
.add-inventory .add-inv-record:hover {
  background-color: #657a8e;
  color: #fff;
}

.edit-section-pan {
  position: absolute;
  right: 4px;
  top: 12px;
}
.edit-section-pan i {
  font-size: 10px;
  color: #d0dae3;
}

.edit-section-pan-sub {
  position: absolute;
  right: 4px;
  top: 0px;
}
.edit-section-pan-sub i {
  font-size: 10px;
  color: #d0dae3;
}

.subsection-input {
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 7px 0 #e0e0e0;
}

.model-subsection {
  display: inline;
  width: 100%;
  float: left;
  position: relative;
}

.edit-section-pan.modelbox {
  top: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ccd2da transparent transparent transparent;
}

.inventory-secion-top p.instra {
  display: inline-block;
}

.container-loading {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(0.8);
          backdrop-filter: blur(0.8);
  width: 100%;
  height: 100%;
  z-index: 999;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.js-loader .sk-circle {
  margin: 50px auto;
  width: 100px;
  height: 100px;
  position: relative;
}
.js-loader .sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.js-loader .sk-circle .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #5090dc;
  border-radius: 100%;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.js-loader .sk-circle .sk-circle2 {
  transform: rotate(30deg);
}
.js-loader .sk-circle .sk-circle3 {
  transform: rotate(60deg);
}
.js-loader .sk-circle .sk-circle4 {
  transform: rotate(90deg);
}
.js-loader .sk-circle .sk-circle5 {
  transform: rotate(120deg);
}
.js-loader .sk-circle .sk-circle6 {
  transform: rotate(150deg);
}
.js-loader .sk-circle .sk-circle7 {
  transform: rotate(180deg);
}
.js-loader .sk-circle .sk-circle8 {
  transform: rotate(210deg);
}
.js-loader .sk-circle .sk-circle9 {
  transform: rotate(240deg);
}
.js-loader .sk-circle .sk-circle10 {
  transform: rotate(270deg);
}
.js-loader .sk-circle .sk-circle11 {
  transform: rotate(300deg);
}
.js-loader .sk-circle .sk-circle12 {
  transform: rotate(330deg);
}
.js-loader .sk-circle .sk-circle2:before {
  animation-delay: -1.1s;
}
.js-loader .sk-circle .sk-circle3:before {
  animation-delay: -1s;
}
.js-loader .sk-circle .sk-circle4:before {
  animation-delay: -0.9s;
}
.js-loader .sk-circle .sk-circle5:before {
  animation-delay: -0.8s;
}
.js-loader .sk-circle .sk-circle6:before {
  animation-delay: -0.7s;
}
.js-loader .sk-circle .sk-circle7:before {
  animation-delay: -0.6s;
}
.js-loader .sk-circle .sk-circle8:before {
  animation-delay: -0.5s;
}
.js-loader .sk-circle .sk-circle9:before {
  animation-delay: -0.4s;
}
.js-loader .sk-circle .sk-circle10:before {
  animation-delay: -0.3s;
}
.js-loader .sk-circle .sk-circle11:before {
  animation-delay: -0.2s;
}
.js-loader .sk-circle .sk-circle12:before {
  animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.small-loader {
  display: inline-block;
}
.small-loader .sk-circle {
  width: 20px;
  height: 20px;
  margin: 0;
  display: inline-block;
}

.inventory-options.model-lg {
  width: 100%;
}
.inventory-options .modal-dialog {
  max-width: 650px;
}
.inventory-options .modal-dialog .modal-header h4 {
  color: #000;
}
.inventory-options .modal-dialog .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
}
.inventory-options .modal-dialog .modal-header img {
  position: absolute;
  right: 13px;
  top: 17px;
  cursor: pointer;
}
.inventory-options .modal-dialog .modal-footer {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.inventory-options .modal-dialog .modal-body .welcome-image {
  text-align: center;
  margin-top: 12px;
}
.inventory-options .modal-dialog .modal-body .welcome-image img {
  width: 38px;
}
.inventory-options .modal-dialog .modal-body .welcome-image label {
  margin-top: 8px;
  color: #606060;
  font-size: 22px;
  display: block;
  font-style: normal;
  font-weight: bold;
}
.inventory-options .modal-dialog .modal-body .welcome-image p {
  color: #2e3333;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.inventory-options .modal-dialog .modal-body .options {
  max-height: 250px;
  overflow-y: scroll;
}
.inventory-options .modal-dialog .modal-body .options .single-option {
  margin-top: 30px;
}
.inventory-options .modal-dialog .modal-body .options .single-option:first-child {
  margin-top: 0px;
}
.inventory-options .modal-dialog .modal-body .options .single-option label {
  color: #657a8f;
  font-weight: bold;
  font-size: 15px;
}
.inventory-options .modal-dialog .modal-body .options .single-option p {
  font-size: 15px;
  color: #657a8f;
}
.inventory-options .modal-dialog .modal-body .options .single-option .option span {
  font-family: Nunito Sans;
  font-weight: 900;
  letter-spacing: 0.07em;
  font-size: 10px;
  text-transform: uppercase;
  color: #a5b3c1;
  margin-right: 30px;
}
.inventory-options .modal-dialog .modal-body .options .single-option .option input[type=radio] {
  height: 18px;
  width: 18px;
  cursor: pointer;
  margin-top: 0;
  vertical-align: middle;
}
.inventory-options .modal-dialog .modal-body .options .single-option .option label {
  font-family: Nunito Sans;
  font-weight: 900;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #a5b3c1;
  margin-left: 4px;
  margin-right: 14px;
  cursor: pointer;
}

table .no-border {
  border-bottom: none !important;
}
table .inventory-options:first-child {
  border-bottom: none;
}
table .inventory-options td {
  border-bottom: 1px solid #f8f8f8;
}
table .inventory-options td:first-child {
  border-bottom: none;
}
table .inventory-options td:nth-child(2) {
  max-width: 350px;
}
table .inventory-options td label {
  font-family: Nunito Sans;
  font-weight: 900;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #a5b3c1;
}
table .inventory-options td p {
  font-family: TT Norms;
  font-size: 16px;
  color: #657a8f;
  min-height: 50px;
}
table .inventory-options td input[type=radio] {
  height: 18px;
  width: 18px;
  cursor: pointer;
  margin-top: 0;
  vertical-align: middle;
}
table .inventory-options td:nth-child(3) label {
  font-family: Nunito Sans;
  font-weight: 900;
  font-size: 10px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #a5b3c1;
  margin-left: 4px;
  margin-right: 14px;
  cursor: pointer;
}
table .inventory-options:nth-child(2) td:nth-child(2) div {
  background: #f6f7fb;
  padding: 10px 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
}
table .inventory-options:nth-child(2) td:nth-child(2) div p {
  margin-bottom: 0px;
}

.preferences-table {
  width: 90%;
}
.preferences-table tr td {
  padding: 14px !important;
}
.preferences-table tr td:first-child {
  width: 80%;
}
.preferences-table tr td:first-child div {
  background-color: #f6f7fb;
  padding: 10px;
}
.preferences-table tr td:first-child div p {
  margin-bottom: 0px;
}
.preferences-table tr td label {
  margin-right: 15px;
}

.inventory-index-bottom {
  margin-top: 20px;
}
.inventory-index-bottom .btn {
  margin: 10px;
}
.inventory-index-bottom .sync-button:disabled {
  background: #f1f1f1;
  color: #a5b3c1;
  border: 1px solid #a5b3c1;
}

body ::-webkit-scrollbar {
  width: 20px;
  height: 2px;
}
body ::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-left: 9px solid white;
  border-right: 9px solid white;
}
body ::-webkit-scrollbar-thumb {
  background: #358ef7;
  border-left: 7px solid white;
  border-right: 7px solid white;
}

/*FRAME*/
.inventory-data-table thead {
  border-bottom: 2px solid #efefef;
}
.inventory-data-table thead tr {
  background-color: #F6F7F9;
  border-top: 1px solid #d2d2d2 !important;
}
.inventory-data-table thead tr th {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #D2D2D2 !important;
  background-color: #F6F7F9 !important;
  color: #82B8EE !important;
}
.inventory-data-table tbody tr {
  border-bottom: 1px solid #D2D2D2 !important;
}
.inventory-data-table tbody tr td {
  vertical-align: middle;
  line-height: 20px;
  font-size: 12px !important;
  padding-left: 0px !important;
}
.inventory-data-table tbody tr td .inventory-status {
  margin-top: 5px;
}
.inventory-data-table tbody tr td:first-child {
  padding-left: 15px;
  padding-right: 15px;
}

.inventory-table-wrap .paginate_button {
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  box-sizing: border-box;
  border-radius: 6px;
}
.inventory-table-wrap .dataTables_filter label input[type=search] {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 0px 10px;
  min-width: 180px;
}
.inventory-table-wrap .exclude-all {
  margin-left: 10px;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 15px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: transparent;
  padding: 2px 10px !important;
  margin: 0 3px !important;
  border: 1px solid #AFAFAF !important;
  border-radius: 6px !important;
  color: #2879D9;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #2879D9 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #2879D9 !important;
  color: #fff;
}

.select-data-cont .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.select-data-cont .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.select-data-cont .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.select-data-cont .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  background: #2879D9 !important;
  color: #fff !important;
}

.selected-frame-content .expand-additional {
  pointer-events: none;
}
.selected-frame-content .inventory-record .text-right .btn {
  margin-left: 10px;
}

.frame-type-choice {
  border-top: 0.5px solid #F3F6F8;
  margin-left: -25px;
  margin-right: -25px;
  padding: 20px 25px 0;
}
.frame-type-choice label {
  line-height: inherit;
  font-size: 16px;
  letter-spacing: inherit;
  text-transform: inherit;
  font-weight: 400;
}

.inventory-inner-wrap {
  text-align: center;
}
.inventory-inner-wrap .search-filter label {
  display: block;
  font-weight: 600;
}
.inventory-inner-wrap .search-filter .checking-panel ul li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  font-size: 16px;
}
.inventory-inner-wrap .search-filter .checking-panel ul li input {
  margin-right: 3px;
}

.inventory-inner-wrap {
  padding-top: 10px;
}

.clear-inv-filter {
  color: #2879D9;
  text-decoration: underline;
  line-height: 35px;
  font-size: 14px;
}

.search-filter .category-dropdown .select2-container {
  min-width: 400px;
}

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}

.select2-container--default .select2-results__option {
  position: relative;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eaeaeb;
  color: #272727;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-radius: 44px;
  border-color: #D8DEE4;
  border-width: 1px;
  padding-left: 40px;
}
.select2-container--default .select2-selection--multiple {
  border-width: 1px;
  margin-bottom: 10px;
  position: relative;
}
.select2-container--default .select2-selection--multiple:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 20px;
  top: 4px;
  left: 7px;
  padding: 2px 8px;
  border-radius: 50%;
  color: #D8DEE4;
  transition: all 500ms;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.select2-selection .select2-selection--multiple:after {
  content: "hhghgh";
}

/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge, .select-icon .placeholder {
  display: none;
}
.select-icon .select2-results__option:before, .select-icon .select2-results__option[aria-selected=true]:before {
  display: none !important;
  /* content: "" !important; */
}
.select-icon .select2-search--dropdown {
  display: none;
}

.custom-tooltip .tooltop-pop.attention-pop {
  min-width: 190px;
  padding: 0px;
}
.custom-tooltip .tooltop-pop.attention-pop h4 {
  padding: 8px 10px;
  background-color: #F6F7FB;
  display: block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.custom-tooltip .tooltop-pop.attention-pop p {
  padding: 5px 15px;
}

#select2-select-manufacturer-results li:before,
#select2-select-brand-results li:before,
#select2-select-color-results li:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}

#select2-select-manufacturer-results li[aria-selected=true]:after,
#select2-select-brand-results li[aria-selected=true]:after,
#select2-select-color-results li[aria-selected=true]:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 12px;
  top: 5px;
  left: 14px;
  border-radius: 4px;
  color: #000;
  transition: all 500ms;
}

.modal-dialog {
  top: 50% !important;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  margin-top: 0px;
  margin-bottom: 0px;
}

.modal-80w {
  max-width: 80vw;
}

.drawer-container {
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 53px);
  padding-right: 20px;
}
.drawer-container .drawer-search-data {
  height: calc(100vh - 298px);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 0 8px;
  width: 485px;
}
.drawer-container .drawer-search-data::-webkit-scrollbar {
  width: 20px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  display: none;
}
.drawer-container .drawer-search-data:hover {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.drawer-container .drawer-search-data:hover::-webkit-scrollbar {
  opacity: 1;
  width: 20px;
  border-radius: 6px;
  visibility: visible;
  display: inline-block;
}
.drawer-container .drawer-search-data:hover::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ECECEC;
  border-radius: 6px;
}
.drawer-container .drawer-search-data:hover::-webkit-scrollbar-thumb {
  background: #147DFC;
  border-radius: 6px;
}
.drawer-container .drawer-search-data:hover::-webkit-scrollbar-thumb:hover {
  background: #147DFC;
}
.drawer-container .drawer-search-data .searched-items {
  padding: 0 15px 0px 0px;
  overflow: hidden;
  width: 465px;
}
.drawer-container .drawer-search-data .update-frame-data.row {
  height: 100%;
}
.drawer-container .drawer-search-data .update-frame-data.row .frame-container-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.drawer-container .drawer-search-data .no-data-found, .drawer-container .drawer-search-data .data-processing {
  height: 100%;
}
.drawer-container .drawer-search-data .no-data-found .frame-container-content, .drawer-container .drawer-search-data .data-processing .frame-container-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.drawer-container td {
  padding-left: 0px !important;
}

.frame-details {
  padding: 15px 0px;
}
.frame-details h5 {
  width: 100%;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  font-feature-settings: "ordn" on;
  color: #2E3333;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.frame-details h4 {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  font-feature-settings: "ordn" on;
  color: #2E3333;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-bottom: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

input.form-control.quick-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  gap: 8px;
  width: 100%;
  height: 37px;
  background: #FFFFFF;
  border: 1px solid #D0DAE3;
  border-radius: 4px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
input.form-control.quick-search:active {
  border: 1px solid #147DFC;
}

.drawer-title .ant-drawer-body {
  padding: 0px;
  padding: 0 !important;
}

.add-note-drawer .ant-drawer-body {
  padding: 24px !important;
}

.frame-details {
  padding: 15px 0px;
}
.frame-details h5 {
  width: 100%;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  font-feature-settings: "ordn" on;
  color: #2E3333;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.frame-details h4 {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  font-feature-settings: "ordn" on;
  color: #2E3333;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-bottom: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

input.form-control.quick-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  gap: 8px;
  width: 100%;
  height: 37px;
  background: #FFFFFF;
  border: 1px solid #D0DAE3;
  border-radius: 4px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
input.form-control.quick-search:active {
  border: 1px solid #147DFC;
}

.updateFrame .ant-drawer-body {
  padding: 0px;
  padding: 0 !important;
}

.add-note-drawer .ant-drawer-body {
  padding: 24px !important;
}

img.table-frame-image {
  width: 97px;
  height: 54px;
  left: 0px;
}

.btn.btn-secondary.chooseFrameImage {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 67px;
  height: 30px;
  background: transparent;
  border: 1.4px solid #147DFC;
  border-radius: 42px;
  color: #147DFC;
  flex: none;
  order: 1;
  flex-grow: 0;
  font-size: 12px;
  float: right;
  box-shadow: unset;
}
.btn.btn-secondary.chooseFrameImage .span-check {
  display: none;
}
.btn.btn-secondary.chooseFrameImage:hover .span-text {
  display: none;
}
.btn.btn-secondary.chooseFrameImage:hover .span-check {
  display: block;
}
.btn.btn-secondary.chooseFrameImage.grey:disabled {
  background: #A5B3C1;
  border: 1.4px solid #A5B3C1;
  color: #FFFFFF;
}
.btn.btn-secondary.chooseFrameImage.frameImageselected {
  background-color: #147DFC !important;
  color: #147DFC;
}
.btn.btn-secondary.chooseFrameImage.frameImageselected:disabled {
  background: #147DFC;
  border: 1.4px solid #147DFC;
  color: #fff;
}

.frame-container-content img {
  margin-bottom: 11px;
}
.frame-container-content p {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  font-feature-settings: "liga" off;
  color: #2E3333;
  flex: none;
}

button.uploadModalCancel {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #147DFC;
  flex: none;
  order: 0;
  flex-grow: 0;
  height: auto;
}
button.uploadModalCancel:hover {
  color: #147DFC;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #147DFC;
  background: transparent;
  border: none;
}
button.uploadModalCancel:active {
  color: #147DFC;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #147DFC;
  background: transparent;
  border: none;
}
button.uploadModalCancel:focus {
  color: #147DFC;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #147DFC;
  background: transparent;
  border: none;
}

.tableInventoryImage {
  cursor: pointer;
}

button.apply-selection-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 13px 21px;
  gap: 8px;
  width: 153px;
  height: 43px;
  background: #147DFC;
  border-radius: 6px;
  flex: none;
  order: 1;
  flex-grow: 0;
}
button.apply-selection-btn:disabled {
  background: #D0DAE3 !important;
}

button.ant-btn.css-dev-only-do-not-override-k7429z.ant-btn-default.fotter-close {
  width: 74px;
  height: 43px;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #147DFC;
  flex: none;
  order: 0;
  flex-grow: 0;
  border: none;
  box-shadow: none;
}

.drawer-footer {
  text-align: right;
  width: 100%;
  padding: 15px 0;
}
.drawer-footer button {
  display: inline-block;
}

.ant-space-item {
  display: inline-block;
  display: inline-block;
}

.main-sidebar {
  z-index: 1000;
}

.grey.chooseFrameImage {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 67px;
  height: 30px;
  background: #A5B3C1;
  border: 1.4px solid #A5B3C1;
  border-radius: 42px;
  flex: none;
  order: 1;
  flex-grow: 0;
  color: #fff;
  color: #FFF;
  text-align: center;
  font-feature-settings: "liga" off;
  font-family: TT Norms;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  float: right;
  box-shadow: none;
}

button.ant-btn.css-dev-only-do-not-override-k7429z.ant-btn-default {
  border: none;
  padding: 0px;
  line-height: 0px;
}

.ant-space.css-dev-only-do-not-override-k7429z.ant-space-horizontal.ant-space-align-center {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 20px;
  text-align: right;
}

.updateFrame .modal-dialog {
  max-width: 440px;
}
.updateFrame .modal-body {
  padding: 0 24px 24px;
}
.updateFrame .modal-content {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 1px 8px 17px 0px rgba(0, 0, 0, 0.1), 4px 31px 31px 0px rgba(0, 0, 0, 0.09), 9px 70px 42px 0px rgba(0, 0, 0, 0.05), 15px 124px 50px 0px rgba(0, 0, 0, 0.01), 24px 194px 55px 0px rgba(0, 0, 0, 0);
  border-radius: 8px;
  padding: 0px;
}
.updateFrame .modal-header {
  font-feature-settings: "liga" off;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 24px;
}
.updateFrame .modal-header .ant-btn-link {
  border: medium none;
  height: 52px !important;
  padding: 14px 13px;
}
.updateFrame .modal-header .ant-btn-link:hover, .updateFrame .modal-header .ant-btn-link:active, .updateFrame .modal-header .ant-btn-link:focus {
  outline: 0 none;
  box-shadow: 0 none;
  border: medium none;
}
.updateFrame .ant-drawer-header {
  padding: 24px;
  border-bottom: medium none;
}
.updateFrame .ant-drawer-header .ant-drawer-title {
  color: #2E3333;
  font-feature-settings: "liga" off;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.updateFrame .ant-drawer-header .ant-btn-link {
  padding: 0;
  border: medium none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.updateFrame .ant-drawer-header .ant-btn-link:hover, .updateFrame .ant-drawer-header .ant-btn-link:active, .updateFrame .ant-drawer-header .ant-btn-link:focus {
  outline: 0 none;
  box-shadow: 0 none;
  border: medium none;
}
.updateFrame .drawer-fotter {
  padding: 16px 24px;
  border-top: 1px solid #ECECEC;
  border-radius: 0px 0px 8px 8px;
}
.updateFrame .drawer-fotter .fotter-close {
  color: #147DFC;
  text-align: center;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 12px 0px;
  height: auto;
  margin: 0 10px 0 0;
  border: medium none !important;
  width: auto;
}
.updateFrame .drawer-fotter .fotter-close:hover, .updateFrame .drawer-fotter .fotter-close:active, .updateFrame .drawer-fotter .fotter-close:focus {
  outline: 0 none !important;
  border: medium none !important;
}
.updateFrame .inventory-frame-container {
  display: flex;
  align-items: center;
  gap: 24px;
}
.updateFrame .inventory-frame-container > .col-12 {
  padding: 0 2px;
}
.updateFrame .inventory-frame-container .frame-image-container {
  width: auto;
  max-width: 215px;
}
.updateFrame .inventory-frame-container .frame-image-container img {
  width: auto;
  max-width: 100%;
}
.updateFrame .inventory-frame-container .frame-details h5 {
  text-transform: uppercase;
}
.updateFrame .inventory-frame-container .frame-details h5.frame-model-name {
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
}
.updateFrame .inventory-frame-container .frame-details h4 {
  color: var(--text-primary, #2E3333);
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
}
.updateFrame .form-fill-container.container {
  padding: 0 9px;
  margin-top: 20px;
}
.updateFrame .modal-footer {
  padding-bottom: 15px;
  border-top: none;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #ddd;
}
.updateFrame .modal-footer .uploadModalCancel {
  color: #147DFC;
  text-align: center;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 12px 0px;
  margin: 0 20px 0 0;
  border: medium none !important;
  width: auto;
}
.updateFrame .modal-footer .uploadModalCancel:hover, .updateFrame .modal-footer .uploadModalCancel:active, .updateFrame .modal-footer .uploadModalCancel:focus {
  outline: 0 none !important;
  border: medium none !important;
}
.updateFrame .modal-footer .uploadFrameBtn {
  margin: 0;
  color: #FFF;
  text-align: center;
  font-family: TT Norms;
  font-size: 14px;
  font-weight: normal;
}

button.btn-close {
  border: none;
  width: 20px;
  height: 20px;
  background: transparent;
  background-image: url(/svg/times.svg);
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
}

button.uploadFrameBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 13px 21px;
  gap: 8px;
  width: 133px;
  height: 43px;
  background: #147DFC;
  border-radius: 6px;
  flex: none;
  order: 1;
  flex-grow: 0;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 13px 21px;
  gap: 8px;
  width: 133px;
  height: 43px;
  background: #147DFC;
  border-radius: 6px;
  flex: none;
  order: 1;
  flex-grow: 0;
  color: #fff;
}

.drawer-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.88);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  font-feature-settings: "liga" off;
  color: #2E3333;
}

.drawer-fotter {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 20px;
  text-align: right;
  justify-content: flex-end;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  background-color: #fff;
}

.chooseFrameImage.blueBtn.choosedFrameImage {
  background: #147DFC !important;
  color: #fff !important;
}

.chooseFrameImage.grey.choosedFrameImage {
  background: #147DFC !important;
  color: #fff !important;
}
.chooseFrameImage.grey.choosedFrameImage:disabled {
  background: #147DFC !important;
  border: 1.4px solid #147DFC !important;
}

.fotter-close:focus {
  outline: none;
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
  background: transparent !important;
}
.fotter-close:active {
  outline: none;
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
  background: transparent !important;
}
.fotter-close:hover {
  outline: none;
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
  background: transparent !important;
}

.bootstrapDropDown {
  background: transparent !important;
  border: none;
  border-radius: 0px;
  width: 50px;
  box-shadow: none;
}
.bootstrapDropDown:after {
  display: none;
}

.custom-drop .btn:hover {
  background: transparent !important;
  box-shadow: none !important;
}
.custom-drop .btn:focus {
  background: transparent !important;
  box-shadow: none !important;
}
.custom-drop .btn:active {
  background: transparent !important;
  box-shadow: none !important;
}
.custom-drop .dropdown a {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  font-feature-settings: "liga" off;
  color: #2E3333;
}
.custom-drop .dropdown a img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.uploadFrameBtn:hover {
  color: #fff !important;
}

.intDropwownActionItem {
  font-size: 14px;
  color: #2E3333;
  border: none !important;
}
.intDropwownActionItem img {
  height: 15px;
  margin-right: 10px;
}
.intDropwownActionItem:hover {
  color: #000 !important;
}
.intDropwownActionItem:hover, .intDropwownActionItem:active, .intDropwownActionItem:focus {
  outline: 0 none !important;
  border: medium none !important;
}

.updateFrame.ant-drawer.ant-drawer-right {
  z-index: 2147483647;
}

#hubspot-messages-iframe-container {
  z-index: 2147483632;
}

.user-discard-edit {
  padding: 6px 18px !important;
}
.user-discard-edit:active {
  background-color: #147DFC;
  color: #ffffff;
}

.user-search {
  width: 220px;
  display: inline-block;
  position: relative;
  margin-right: 6px;
}
.user-search .input-group-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.user-search .input-group-btn button {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding: 3px 12px !important;
  margin-top: 0px !important;
  border: none;
}

#pending-user .table {
  margin-bottom: 50px;
}
#pending-user .table tr:last-child .remove-user-conf, #pending-user .table tr:last-child .practice-office-list, #pending-user .table tr:last-child .bridgeClientSetup {
  top: -50px;
}

.remove-user-conf, .practice-office-list, .bridgeClientSetup {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  background-color: #147DFC;
  border-radius: 10px;
  text-align: center;
  padding: 25px 15px;
  z-index: 2;
}
.remove-user-conf.practice-edit, .practice-office-list.practice-edit, .bridgeClientSetup.practice-edit {
  top: inherit;
  right: inherit;
}
.remove-user-conf.practice-edit:last-child, .practice-office-list.practice-edit:last-child, .bridgeClientSetup.practice-edit:last-child {
  top: inherit !important;
}
.remove-user-conf.practice-edit.practice-office-list .select2-container, .practice-office-list.practice-edit.practice-office-list .select2-container, .bridgeClientSetup.practice-edit.practice-office-list .select2-container {
  width: 100%;
  max-width: 100% !important;
}
.remove-user-conf p, .practice-office-list p, .bridgeClientSetup p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
}
.remove-user-conf .btm-group, .practice-office-list .btm-group, .bridgeClientSetup .btm-group {
  margin-top: 10px;
}
.remove-user-conf .btm-group button, .practice-office-list .btm-group button, .bridgeClientSetup .btm-group button {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  font-size: 20px;
  margin: 0 10px;
}
.remove-user-conf .btm-group button:hover, .practice-office-list .btm-group button:hover, .bridgeClientSetup .btm-group button:hover {
  background-color: #fff !important;
  color: #177dfd;
}
.remove-user-conf .btm-group button:active, .practice-office-list .btm-group button:active, .bridgeClientSetup .btm-group button:active {
  background-color: #fff !important;
  color: #177dfd;
}

.success-notification {
  text-align: center;
  padding: 20px 0;
}

.user-role {
  width: 100%;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 22px;
  font-weight: 400;
  font-size: 18px;
}

.user-info .card-header {
  padding: 0px;
  margin-top: 25px;
}
.user-info .card-header .row {
  width: 100%;
}
.user-info .card-header .row h2 {
  padding: 0 25px;
  margin: 0;
  font-size: 25px;
}
.user-info .card-header .row h2 .btn-download {
  margin-left: 10px;
}
.user-info .card-body {
  padding: 0px;
}
.user-info .card-body table thead tr {
  background-color: #D9D9D9;
}
.user-info .card-body table thead tr th {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 0 14px !important;
}
.user-info .card-body table tbody tr {
  border-bottom: 1px solid #ECECEC;
}
.user-info .card-body table tbody tr td {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  padding: 0 14px !important;
}
.user-info .card-body table tbody tr td .user-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.user-info .card-body table tbody tr td .user-status {
  margin-bottom: 0px;
  font-size: 20px;
  color: #EF880F;
}
.user-info .card-body table tbody tr td.action-area {
  position: relative;
}
.user-info .card-body table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.user-info .card-body table tbody tr:nth-child(odd) {
  background-color: #ECECEC;
}
.user-info h2 {
  padding: 10px 25px;
  margin-top: 25px;
}
.user-info h2.sec-title {
  font-size: 25px;
}

.invite-user-form {
  padding: 10px 25px;
}
.invite-user-form .form-row {
  margin-bottom: 30px;
}
.invite-user-form .form-row:last-child {
  text-align: center;
}
.invite-user-form .form-row:last-child button {
  margin: 20px auto 0;
  min-width: 200px;
}
.invite-user-form .form-row .u-input {
  width: 100%;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  text-align: center;
  border-radius: 0px;
  padding-bottom: 2px;
}
.invite-user-form .form-row .user-role {
  margin-top: 20px;
}

.custom-user-model .modal-dialog {
  max-width: 550px;
}

.success-notification-username .btn {
  border-radius: 5px;
}
.success-notification-username .btn.btn-invite-user {
  width: 100%;
}
.success-notification-username .copybtn-wrap {
  text-align: right;
}
.success-notification-username .c-stuffview__single-list p span {
  width: auto;
  font-weight: 400;
}
.success-notification-username .c-stuffview__single-list p span.label {
  width: 85px;
  font-weight: 600;
}
.success-notification-username .submit-area-wrap {
  margin-top: 40px;
}

.success-notification__cont {
  margin-top: 15px;
  margin-bottom: 45px;
}
.success-notification__cont h2 {
  text-align: center;
  margin-bottom: 16px;
}
.success-notification__cont p {
  padding: 0 12px;
}
.success-notification__cont p span {
  font-weight: 600;
}

.invite-copy-details {
  position: relative;
  margin: 0 0;
}
.invite-copy-details .copy-link-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 6px 20px;
}

.user-role .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}
.user-role .select2-selection__rendered {
  width: 90%;
  margin: 0 auto;
}
.user-role .select2-selection--single {
  background-color: transparent;
  border-radius: 20px !important;
}

.profile-inital {
  background-color: #2279ff;
  color: #fff;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  padding: 10px 0 0px;
  vertical-align: middle;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
}
.profile-inital.nav {
  width: 30px;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  padding: 4px 0 0px;
}

/*Edit User*/
.c-edituser_role {
  display: none;
}
.c-edituser .c-patient__permission {
  margin-top: 10px;
}
.c-edituser .category-dropdown {
  background-color: #f6f7fb;
}
.c-edituser .category-dropdown .select2-container {
  max-width: 100%;
}
.c-edituser .category-dropdown .select2-selection {
  background-color: #f6f7fb;
  border-color: #f6f7fb;
  padding: 0 15px;
}

.parient-short-name {
  padding: 0 0;
  max-width: 140px;
}
.parient-short-name span {
  width: 110px;
  height: 110px;
  font-size: 50px;
  padding-top: 18px;
  margin-top: 0px;
  border: 3px solid #2279ff;
  box-shadow: 0 0 10px 0 #b7b7b7;
}
.parient-short-name .user-profile-image {
  width: 110px;
  height: 110px;
  position: relative;
  margin: 0 auto;
}
.parient-short-name .user-profile-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #cfd1d2;
  box-shadow: 0 0 10px 0 #b7b7b7;
}
.parient-short-name .user-profile-image .profile-edit-pic {
  position: absolute;
  z-index: 1;
  right: 8px;
  bottom: 6px;
  background-color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 17px;
  display: none;
  cursor: pointer;
  border: 1px solid #03A9F4;
}
.parient-short-name .user-profile-image .profile-edit-pic i {
  font-size: 10px;
  color: #2279ff;
}

.clickable-row:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,e0e0e0+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
  background: #f2f5f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2f5f6 100%, #e3eaed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f2f5f6", endColorstr="#c8d7dc",GradientType=0 );
  /* IE6-9 */
}

.clickable-tr:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,e0e0e0+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
  background: #f2f5f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2f5f6 100%, #e3eaed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f2f5f6", endColorstr="#c8d7dc",GradientType=0 );
  /* IE6-9 */
}

.choice-radio__wrap {
  width: 100%;
  text-align: center;
}
.choice-radio__wrap p {
  margin-bottom: 3px;
  color: #606060;
}
.choice-radio__wrap p span {
  color: #ff0000;
}
.choice-radio__wrap .choice-radio label {
  margin: 0 5px;
}
.choice-radio__wrap .choice-radio label input {
  margin-right: 7px;
}

.stuffview-datawrap {
  position: relative;
}
.stuffview-datawrap .stuffview-copy-btn {
  position: absolute;
  right: 20px;
  top: -2px;
  width: auto !important;
  padding: 5px 20px 5px 20px !important;
  line-height: 26px;
  z-index: 2;
  width: auto;
}
.stuffview-datawrap .stuffview-copy-btn:hover {
  background-color: #147DFC;
  color: #ffffff;
}

.location-list .pl__menu .pl__menu-list .pl__option--is-selected {
  background-color: #fff;
  padding: 0px;
}
.location-list .pl__menu .pl__menu-list .pl__option--is-selected .pl_custom-option {
  padding: 8px 12px;
}
.location-list .pl__menu .pl__menu-list .pl__option--is-selected .pl_custom-option.pl_custom-option-selected {
  background-color: #2684FF;
}
.location-list .pl__menu .pl__menu-list .pl__option--is-selected .pl_custom-option.pl_custom-option-selected div h4 {
  color: #fff;
}

/************************************************/
/*************   BULK SEARCH UPLOADS    *********/
/************************************************/
.bulk-search-upload .section-header {
  border-bottom: 0.5px solid #c6c6c6;
  padding: 10px;
  margin-bottom: 0px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.bulk-search-upload .breadcrumb {
  font-size: 12px;
  padding: 1rem;
  margin-bottom: 0px;
  border-bottom: 0.5px solid #c6c6c6;
  border-radius: 0;
}
.bulk-search-upload .c-patientdetails__middle {
  padding: 10px;
}
.bulk-search-upload .c-patientdetails__middle #pills-tab .active {
  color: #2879d9;
}
.bulk-search-upload .c-patientdetails__middle .patient-name {
  margin-left: 10px;
}
.bulk-search-upload .inventory-import {
  padding: 10px;
}
.bulk-search-upload .inventory-import .single-import {
  margin-top: 0px;
}
.bulk-search-upload .inventory-import .bulk-upload-btn-box div {
  border: 1px solid #ececec;
  padding: 20px 0px;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bulk-search-upload .inventory-import .bulk-upload-btn-box div .csv-file-icon {
  padding: 10px;
}
.bulk-search-upload .bulk-upload-subheading {
  font-weight: bold;
  font-size: 12px;
}
.bulk-search-upload #bulk-search-tab .record-table th,
.bulk-search-upload #completed-search-tab .record-table th {
  color: #606060 !important;
  font-weight: bold;
}
.bulk-search-upload #bulk-search-tab .record-table td a,
.bulk-search-upload #completed-search-tab .record-table td a {
  color: #147dfc;
  text-decoration: underline;
}
.bulk-search-upload #bulk-search-tab .record-table td .fa-trash-alt,
.bulk-search-upload #completed-search-tab .record-table td .fa-trash-alt {
  color: #ff463a;
}
.bulk-search-upload .pagination .page-item .page-link {
  line-height: 1.5;
}

/************************************************/
/****************   Print View   **************/
/************************************************/
/*View for media print*/
@media print {
  /*Disable header and footer from print view*/
  @page {
    margin: 0;
  }
  #non-printable {
    display: none !important;
  }
  #printable {
    display: block;
  }
  body {
    margin: 0;
    color: #000;
    background-color: #fff;
  }
  html {
    overflow: hidden;
  }
  .assessment {
    visble: visible;
  }
  .calender_box {
    background-color: #000;
  }
  h3 {
    font-size: 40px;
  }
  .c-patient__balance,
  .c-patientdetails__bottom,
  .footer-left,
  .footer-right,
  .expand-additional,
  .btngrp,
  .nav.nav-tabs,
  .btn-action,
  footer,
  nav,
  .main-sidebar,
  .mCSB_draggerContainer,
  .alert.alert-info {
    display: none !important;
  }
  #mCSB_3_container {
    top: 0 !important;
  }
  .print-epand {
    max-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
  .mCustomScrollBox,
  .mCSB_container,
  .c-calculator__mainwrap {
    overflow: visible !important;
    max-height: 9000px !important;
    height: auto !important;
  }
  .c-calculator__total {
    position: static !important;
    overflow: visible !important;
    bottom: 0px;
    margin-top: 50px;
  }
}
/*LOGIN PAGE*/
.c-login__wrap {
  background-image: url("/images/login-background.png");
  background-size: cover;
  min-height: 100vh;
  position: relative;
  margin-top: 0px !important;
}
@media (min-width: 1025px) {
  .c-login__wrap {
    min-width: 100%;
    padding-top: 75px;
  }
}
@media (min-width: 1380px) {
  .c-login__wrap {
    position: relative;
    padding-top: 0px;
  }
}
@media (min-width: 1440px) {
  .c-login__wrap {
    position: relative;
  }
}
.c-login__wrap .login-footer {
  position: fixed;
  bottom: 0;
  min-width: 100%;
  margin: 20px;
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 1025px) {
  .c-login__wrap .login-footer {
    position: relative;
    margin-top: 20px;
  }
}
@media (min-width: 1380px) {
  .c-login__wrap .login-footer {
    position: absolute;
    margin-top: 0px;
  }
}
@media (min-width: 1440px) {
  .c-login__wrap .login-footer {
    position: absolute;
    margin-top: 0px;
  }
}
.c-login__wrap .login-footer__inner {
  max-width: 840px;
  margin: 0 auto;
}
.c-login__wrap .login-footer p {
  color: #fff;
  padding: 5px 0;
  font-size: 20px;
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
  .c-login__wrap .login-footer p {
    padding-bottom: 20px;
  }
}
.c-login__wrap .login-footer p.mobile-only {
  display: block;
}
@media (min-width: 768px) {
  .c-login__wrap .login-footer p.mobile-only {
    display: none;
  }
}
.c-login__wrap .login-footer ul li {
  display: inline-block;
  text-align: center;
  width: auto;
}
@media (min-width: 1025px) {
  .c-login__wrap .login-footer ul li {
    width: 33%;
  }
}
.c-login__wrap .login-footer ul li a {
  color: #fff;
  padding: 5px 0;
  font-size: 20px;
  font-weight: 400;
}
.c-login__wrap .login-footer ul li p {
  color: #fff;
  padding: 5px 0;
  font-size: 20px;
}
.c-login__wrap .login-footer ul li:first-child {
  text-align: left;
  width: 33%;
}
@media (min-width: 768px) {
  .c-login__wrap .login-footer ul li:first-child {
    width: auto;
  }
}
@media (min-width: 1025px) {
  .c-login__wrap .login-footer ul li:first-child {
    width: 33%;
  }
}
.c-login__wrap .login-footer ul li:last-child {
  text-align: right;
  width: 33%;
}
@media (min-width: 768px) {
  .c-login__wrap .login-footer ul li:last-child {
    width: auto;
  }
}
@media (min-width: 1025px) {
  .c-login__wrap .login-footer ul li:last-child {
    width: 33%;
  }
}
.c-login__wrap .login-footer ul li.desktop-only {
  display: none;
}
@media (min-width: 768px) {
  .c-login__wrap .login-footer ul li.desktop-only {
    display: inline-block;
    margin: 0 70px;
  }
}
@media (min-width: 1025px) {
  .c-login__wrap .login-footer ul li.desktop-only {
    display: inline-block;
    margin: 0 0px;
  }
}
.c-login__wrap .form-group .c-input::-webkit-input-placeholder,
.c-login__wrap .form-group .c-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 20px;
}
.c-login__wrap .form-group .c-input::-moz-placeholder { /* Firefox 19+ */
  font-size: 20px;
}
.c-login__wrap .form-group .c-input:-ms-input-placeholder { /* IE 10+ */
  font-size: 20px;
}
.c-login__wrap .form-group .c-input:-moz-placeholder { /* Firefox 18- */
  font-size: 20px;
}

.c-login-box {
  background: #fff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
  border-radius: 20px;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  /*Content Pages*/
}
@media (min-width: 768px) {
  .c-login-box {
    max-width: 532px;
  }
}
@media (min-width: 1025px) {
  .c-login-box {
    position: relative;
    top: 0%;
    transform: translateY(0%);
  }
}
@media (min-width: 1380px) {
  .c-login-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
@media (min-width: 1440px) {
  .c-login-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.c-login-box .card-header {
  border: none;
  text-align: center;
  padding: 21px 25px;
}
.c-login-box .card-header img {
  margin: 0 auto;
  max-width: 100%;
}
.c-login-box .card-body {
  padding: 20px 40px;
}
.c-login-box .card-body .notication.lost-pass p {
  font-weight: 400;
}
.c-login-box .card-body .form-group.last {
  margin-bottom: 16px;
  margin-top: 35px;
}
.c-login-box .card-body .form-group.notication p {
  font-size: 20px;
}
.c-login-box .card-body .form-group label {
  text-align: left;
  font-size: 18px;
  text-transform: capitalize;
  color: #606060;
  font-weight: 500;
  letter-spacing: 0;
}
.c-login-box .card-body .form-group label span {
  color: #ff0000;
  font-size: 20px;
  margin-left: 3px;
}
.c-login-box .card-body .form-group .c-input {
  border: 1px solid #6cadff;
  border-radius: 4px;
  background-color: #fff !important;
  text-align: left;
  font-size: 20px;
}
.c-login-box .card-body .lost-password {
  display: block;
  text-align: center;
}
.c-login-box .card-body .lost-password a {
  font-size: 14px;
  line-height: 17px;
  color: #2879d9;
  text-decoration: underline;
}
.c-login-box .card-body .login-only {
  padding: 0 30px;
}
.c-login-box .card-body .login-only .form-group {
  margin-bottom: 15px;
}
.c-login-box .card-body h1.title {
  font-size: 30px;
  line-height: 40px;
  color: #2879D9;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 25px;
  font-weight: 400;
}
.c-login-box .card-body .login-instruction {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #606060;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 20px;
}
.c-login-box .card-body .login-instruction a {
  color: #147DFC;
  font-weight: 500;
}
.c-login-box.content-area {
  max-width: 92%;
}
@media (min-width: 1025px) {
  .c-login-box.content-area {
    max-width: 838px;
  }
}
.c-login-box.content-area .card-body {
  padding-top: 0px;
}
.c-login-box.content-area .confirm-registration {
  text-align: left;
  max-height: 400px;
}
@media (min-width: 768px) {
  .c-login-box.content-area .confirm-registration {
    max-height: 600px;
  }
}
.c-login-box.content-area .confirm-registration h4 {
  font-family: TT Norms;
  font-size: 22px;
  line-height: 40px;
  text-align: left;
  color: #2879D9;
}
.c-login-box.content-area .confirm-registration p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-bottom: 25px;
}

.btn-submit {
  text-transform: uppercase;
  padding: 10px 25px;
  cursor: pointer;
  background-color: #147dfc;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  outline: none;
  border-radius: 43px;
  transition-duration: 200ms;
  min-width: 200px;
}
.btn-submit:hover {
  background-color: #0d67d4;
}

.register-area .c-input {
  margin-bottom: 20px;
}

.subError span {
  font-weight: 400;
}
.subError span a {
  color: #fc544b !important;
}

/*Registration PAGE*/
.c-registration__wrap {
  background-image: url("/images/login-background.png");
  background-size: cover;
  height: 100vh;
  position: relative;
}
.c-registration__wrap .login-footer {
  position: absolute;
  bottom: 0;
  min-width: 100%;
  margin: 0;
  text-align: center;
}
.c-registration__wrap .login-footer p {
  color: #fff;
  padding: 5px 0;
  font-size: 20px;
}

.c-registration-box {
  background: #fff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
  border-radius: 20px;
  max-width: 532px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-registration-box .card-header {
  border: none;
  text-align: center;
  padding: 21px 25px;
}
.c-registration-box .card-header img {
  margin: 0 auto;
}
.c-registration-box .card-body {
  padding: 20px 40px;
}
.c-registration-box .card-body .form-group.last {
  margin-bottom: 16px;
  margin-top: 35px;
}
.c-registration-box .card-body .form-group.notication p {
  font-size: 20px;
}
.c-registration-box .card-body .form-group .c-input {
  border-bottom: 2px solid #c4c4c4;
  border-radius: 0px;
  background-color: #fff !important;
  text-align: center;
  font-size: 20px;
}
.c-registration-box .card-body .form-group .btn-submit {
  text-transform: uppercase;
  padding: 10px 25px;
  cursor: pointer;
  background-color: #147dfc;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  outline: none;
  border-radius: 43px;
  transition-duration: 200ms;
  min-width: 200px;
}
.c-registration-box .card-body .form-group .btn-submit:hover {
  background-color: #0d67d4;
}
.c-registration-box .card-body .lost-password {
  display: block;
  text-align: center;
}
.c-registration-box .card-body .lost-password a {
  font-size: 14px;
  line-height: 17px;
  color: #2879d9;
  text-decoration: underline;
}

.c-login__wrap.register {
  padding-top: 80px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .c-login__wrap.register .upload-file {
    padding: 15px 60px;
  }
}
.c-login__wrap.register .upload-file .select-file {
  position: absolute;
  bottom: 20px;
  width: 100%;
  line-height: 16px;
}
.c-login__wrap.register .upload-file .select-file p {
  margin-bottom: 0px;
}
.c-login__wrap.register .upload-file .select-file a {
  color: #177dfd;
}
.c-login__wrap.register .upload-file .show-file-area {
  border-radius: 8px;
}
.c-login__wrap.register .upload-file .br_dropzone {
  border: 2px dashed #C4C4C4;
  box-sizing: border-box;
  border-radius: 10px;
}
.c-login__wrap.register .check-privacy {
  color: #606060;
  font-weight: 400 !important;
  font-family: "TT Norms";
  font-size: 18px;
  text-align: left;
}
.c-login__wrap.register .check-privacy a {
  color: #358EF7;
}
.c-login__wrap.register .check-privacy .u-check {
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
  margin-top: 5px;
}
.c-login__wrap.register .btn.btn-submit {
  background-color: #3786e6;
  cursor: pointer;
}
.c-login__wrap.register .btn.btn-submit:disabled {
  background-color: #A5B3C1;
  cursor: not-allowed;
}

.c-login__wrap.register .c-login-box {
  position: relative;
  transform: inherit;
  top: 10%;
}

.register-msg {
  text-align: center;
}

.register-msg p {
  font-size: 20px;
  color: #2879D9;
  font-weight: 400 !important;
  line-height: 40px;
}

.register-single {
  margin-top: 10px;
  margin-bottom: 90px;
}
.register-single.last-pan {
  margin-bottom: 40px;
}

.register-single .c-input {
  margin-bottom: 30px;
}

.confirm-registration {
  padding-bottom: 30px;
}
.confirm-registration h4 {
  font-size: 30px;
  line-height: 35px;
}
.confirm-registration p {
  font-size: 20px;
  margin-bottom: 30px;
}

.br_dropzone {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 256px;
  display: block;
  border-radius: 4px;
  box-sizing: border-box;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-color: #FAFCFD;
  background-size: 16px 16px;
}

.br_dropzone input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  font-size: 2rem;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
}

.br_dropzone input[type=text] {
  background: none;
  border: none;
  padding: 0.5em;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 2rem;
  box-sizing: border-box;
}

.br_dropzone.dragover {
  background-color: #eee;
  border: 6px dashed rgba(0, 0, 0, 0.1);
}

/*SIGN UP*/
.screen-backdrop {
  background-color: rgba(235, 236, 238, 0.7098039216);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.c-singup__wrap {
  min-height: 100vh;
  position: relative;
  z-index: 99999;
  margin-top: 0px !important;
}
.c-singup__wrap .login-footer {
  position: absolute;
  bottom: 0;
  min-width: 100%;
  margin: 0;
  text-align: center;
}
.c-singup__wrap .login-footer p {
  color: #fff;
  padding: 5px 0;
  font-size: 20px;
}

.c-singup-box {
  background: #fff;
  border: 1px solid #358EF7;
  border-radius: 20px;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .c-singup-box {
    max-width: 684px;
  }
}
.c-singup-box h2 {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 600;
}
.c-singup-box h4.sub-title {
  font-weight: normal;
  font-size: 20px;
  line-height: 150.6%;
  color: #606060;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .c-singup-box h4.sub-title {
    font-size: 24px;
  }
}
.c-singup-box p {
  color: #606060;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400 !important;
}
.c-singup-box p a {
  color: #358EF7;
  font-weight: 400 !important;
}
.c-singup-box .card-body {
  padding: 50px 40px;
}
.c-singup-box .get-started {
  margin: 27px 0 25px;
  border-radius: 4px;
  font-weight: 600;
}
.c-singup-box .c-welcome__logo {
  margin-bottom: 20px;
}
.c-singup-box .c-welcome__logo img {
  max-width: 80px;
}
@media (min-width: 768px) {
  .c-singup-box .c-welcome__logo img {
    max-width: 163px;
  }
}
.c-singup-box .c-welcome__logo.small {
  margin-top: 32px;
}
.c-singup-box .c-welcome__logo.small img {
  max-width: 88px;
}
.c-singup-box .instruction-txt {
  font-style: italic;
  font-weight: normal;
  font-size: 13px;
  color: #2879D9;
}

.alert.alert-danger.animated.fadeInDown {
  z-index: 99999 !important;
}

.supporting-section p {
  margin-bottom: 0px;
}
.supporting-section .support-logo {
  margin: 10px 0 20px;
}
.supporting-section .support-logo li {
  display: block;
  vertical-align: middle;
  margin: 10px 12px;
}
@media (min-width: 768px) {
  .supporting-section .support-logo li {
    display: inline-block;
    margin: 0px 12px;
  }
}

.step-register {
  display: none;
  position: relative;
  z-index: 99999;
  transform: none;
  margin-top: 30px;
}
.step-register .next-small {
  max-width: 230px;
}

.btn-prev, .btn-border {
  background-color: #FFFFFF;
  color: #147DFC;
  border-color: #147DFC;
  padding: 6px 10px;
  width: auto;
}
.btn-prev:hover, .btn-prev:active, .btn-border:hover, .btn-border:active {
  transition-duration: 200ms;
  background-color: #147DFC !important;
  color: #ffffff;
}

.steps {
  position: relative;
  z-index: 99999;
  transform: none;
  margin-top: 30px !important;
}
.steps .form-body {
  position: relative;
  flex: 1 1 auto;
  padding: 16px;
  height: -moz-fit-content;
  height: fit-content;
}
.steps .form-body .u-input {
  min-width: 100px;
}
.steps .form-footer, .steps .final-step-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
  margin-top: 50px;
}
.steps .form-footer .connection-submit, .steps .final-step-wrap .connection-submit {
  width: 100%;
}
.steps .form-footer .btn, .steps .final-step-wrap .btn {
  width: 100px;
}
.steps .form-footer .btn-primary, .steps .final-step-wrap .btn-primary {
  box-shadow: none;
}
.steps .form-footer .btn-skip, .steps .final-step-wrap .btn-skip {
  width: auto;
  padding: 7px 20px;
}
.steps .form-footer .btn-staff-skip, .steps .final-step-wrap .btn-staff-skip {
  width: auto;
  padding: 7px 20px;
}
.steps #qualification .staff-email-option {
  display: inline;
  font-weight: normal;
}
.steps #qualification .add-new-stuff {
  background-color: #ffffff;
  color: #147DFC;
  border: 1px solid #147DFC;
}
.steps #qualification .add-new-stuff:active, .steps #qualification .add-new-stuff:hover {
  border: 1px solid #147DFC;
  background-color: #147DFC;
  color: #ffffff;
}

.account-info .form-footer {
  justify-content: space-between;
}

.practice-info .form-footer, .setup-connections .form-footer, .invite-staff .form-footer {
  justify-content: space-between;
}

@media (min-width: 768px) {
  .setup-connections {
    max-width: 710px !important;
  }
}
.setup-connections .connection-row__single .connection-area-top .instruction-txt {
  bottom: 0;
  top: -30px;
  margin-bottom: 10px;
}

.step-count {
  margin-top: 30px;
}

#step-wrap {
  padding: 0px;
  margin: 0px auto;
  font-family: helvetica;
  position: relative;
}
#step-wrap .baricon {
  display: inline-block;
  border-radius: 100%;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #358EF7;
  color: #358EF7;
  font-weight: 500;
  width: 30px;
  height: 30px;
  font-family: "TT Norms";
}
#step-wrap .baricon.active {
  background-color: #358EF7;
  border: 1px solid #358EF7;
  color: #fff;
}
#step-wrap .progress_bar {
  width: 50px;
  height: 2px;
  border-radius: 20px;
  background-color: #358EF7;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -5px;
  margin-top: -2px;
}
#step-wrap form div p {
  margin: 0px;
  margin-top: 10px;
  font-weight: bold;
}
#step-wrap form div .form_head {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}

.step-wrap__form {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 30px 20px;
}
@media (min-width: 768px) {
  .step-wrap__form {
    padding: 0 60px 20px;
  }
}
.step-wrap__form .step-header {
  margin-bottom: 25px;
}
.step-wrap__form .step-header .title {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
}
.step-wrap__form .form-group {
  text-align: left;
  margin-bottom: 20px;
}
.step-wrap__form .form-group label {
  color: #606060;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: inherit;
}
.step-wrap__form .form-group label span {
  color: #B81212;
}
.step-wrap__form .form-group .u-input {
  background: #FFFFFF;
  border: 1px solid #147DFC;
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  font-size: 18px;
}
.step-wrap__form .form-group #password {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .step-wrap__form .form-group #password {
    margin-bottom: 0px;
  }
}
.step-wrap__form .form-group .check-privacy h6 {
  font-size: 18px;
  color: #606060;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 6px;
}
.step-wrap__form .form-group .check-privacy h6 .u-check {
  margin-right: 8px;
  margin-top: 3px;
}
.step-wrap__form .form-group .check-privacy p {
  font-size: 16px;
  line-height: 25px;
  font-style: italic;
}
.step-wrap__form .form-group .check-privacy p a {
  display: inline;
}
.step-wrap__form .form-group .check-privacy {
  color: #606060;
  font-weight: 400 !important;
  font-family: "TT Norms";
  font-size: 18px;
}
.step-wrap__form .form-group .check-privacy a {
  color: #358EF7;
}
.step-wrap__form .form-group .check-privacy .u-check {
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
  margin-top: 5px;
}
.step-wrap__form .btn {
  width: 100%;
  border-radius: 4px;
  font-size: 18px;
  margin: 0px;
  padding: 8px 0;
}

.next-btn-wrap {
  text-align: right;
  padding-right: 8px;
}

.add-new-stuff {
  min-width: 100%;
}

#account_details_form .btn.btn-small {
  background-color: #3786e6;
  width: 82%;
}
#account_details_form .btn.btn-small:disabled {
  background-color: #A5B3C1;
}

#account_details_form .btn.btn-next {
  background-color: #147DFC;
}
#account_details_form .btn.btn-next:disabled {
  background-color: #A5B3C1;
}

#user_details .btn.btn-small {
  background-color: #3786e6;
}
#user_details .btn.btn-small:disabled {
  background-color: #A5B3C1;
}

.connection-row {
  position: relative;
}
.connection-row .u-input {
  background: #FFFFFF;
  border: 1px solid #147DFC;
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  min-width: 100%;
  font-size: 16px;
  max-height: 42px;
}
.connection-row .reduce-space {
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .connection-row .reduce-space {
    margin-bottom: 0px;
  }
}
.connection-row .reduce-space .data-loading {
  position: absolute;
  left: 0;
  right: 0;
}
.connection-row__single {
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #147DFC;
  position: relative;
  min-height: 135px;
}
.connection-row__single:last-child {
  margin-bottom: 20px;
}
.connection-row__single .connect-successfully i {
  color: #27AE60;
  font-size: 40px;
}
.connection-row__single .instruction-txt {
  font-weight: 600;
  text-align: right;
  width: 100%;
  position: absolute;
  top: 13px;
}
.connection-row__single.vcp .customize-select2-wrap select {
  z-index: 99999;
}
.connection-row__single.nva img {
  width: 80%;
}
.connection-row__single.envolve img {
  width: 80%;
}

.connection-submit {
  margin-bottom: 20px;
}

.final-step-wrap .btn-borderoly:active {
  background-color: #3786e6 !important;
  color: #ffffff;
}
.final-step-wrap .invite-skipbtn {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .final-step-wrap .invite-skipbtn {
    margin-bottom: 0px;
  }
}
.final-step-wrap .staffInviteBtn {
  max-width: 100%;
}
@media (min-width: 768px) {
  .final-step-wrap .staffInviteBtn {
    max-width: 230px;
  }
}

.login-confirmation {
  position: absolute;
  left: 26%;
  padding: 9px 10px;
  right: 26%;
  background: #F6F8FC;
  border: 1px solid #147DFC;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 0px;
  top: 0%;
}

.invitation-row {
  text-align: left;
  margin-bottom: 20px;
}
.invitation-row__single {
  align-items: center;
  padding-bottom: 25px;
  padding-top: 25px;
}
.invitation-row__single .form-group {
  margin-bottom: 0px;
}
.invitation-row__single .inv-chq {
  position: relative;
}
.invitation-row__single .has-email-block {
  margin: 0 0 10px;
}
.invitation-row__single .has-email-block p input[type=radio] {
  margin-left: 10px;
  margin-right: 6px;
}
.invitation-row__single .has-email-block span {
  color: #B81212;
}
.invitation-row__single .has-email-block .has-email-cont {
  margin-top: 10px;
}
.invitation-row__single .u-input {
  background: #FFFFFF;
  border: 1px solid #147DFC;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 18px;
  width: 100%;
  min-width: 100%;
}
.invitation-row__single .inv-chq {
  text-align: left;
  padding-left: 15px;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .invitation-row__single .inv-chq {
    padding-left: 5px;
    margin-top: 0px;
  }
}
.invitation-row__single .inv-chq p {
  margin: 0 !important;
}
.invitation-row__single .inv-chq p .u-check {
  margin-right: 8px;
}
.invitation-row__single .inv-chq .tootip_cont {
  display: none;
}
.invitation-row__single .inv-chq .tooltip_wap:hover .tootip_cont {
  display: inline;
}

p.error-notification {
  color: #EB5757 !important;
  width: 100%;
  text-align: right;
  position: absolute;
  bottom: -30px;
  right: 8px;
  margin: 0px;
  margin-top: 10px;
  font-size: 17px !important;
  font-weight: 500 !important;
}
p.error-notification i {
  font-size: 15px;
  margin-right: 5px;
}

.add-new-inv {
  width: 240px;
  padding: 8px 0;
  margin: 20px 0;
  max-width: 250px;
}
.add-new-inv:active {
  background-color: #3786e6 !important;
  color: #ffffff;
}

input[type=submit] {
  width: 80px;
  height: 40px;
  border-radius: 5px;
  margin: 5px;
  margin-top: 10px;
}

#user_details, #qualification, #practice_detail {
  display: none;
}

#practice_detail .form-footer {
  display: block;
}
#practice_detail .form-footer .btn-prev {
  float: left;
}
#practice_detail .form-footer .step1-btn {
  float: right;
}

.location-scroll.multi-location {
  height: 400px;
}

.multiple-location-info-modal {
  background: rgba(226, 226, 226, 0.6);
  z-index: 1041;
}
.multiple-location-info-modal .modal-dialog {
  width: 684px;
  max-width: none;
  margin: auto;
}
.multiple-location-info-modal .modal-dialog .modal-header {
  border-bottom: 1px solid #e3e4e6;
  padding: 17px 30px;
}
.multiple-location-info-modal .modal-dialog .modal-body {
  padding: 90px 50px;
}
.multiple-location-info-modal .modal-dialog .modal-body p {
  margin-bottom: 30px;
  color: #2E3333;
}
.multiple-location-info-modal .modal-dialog .modal-footer {
  padding: 17px 30px;
  border-top: 1px solid #e3e4e6;
}
.multiple-location-info-modal .modal-dialog .modal-footer button {
  width: auto;
  padding: 5px 50px;
  border-radius: 55px;
  font-size: 12px;
}

/**VCP connection area**/
.connection-row__single {
  min-height: auto;
}
.connection-row__single .connection-area-top {
  align-items: center;
  position: relative;
  margin: 10px 5px;
}
.connection-row__single .connection-area-top .instruction-txt {
  bottom: -24px;
  top: auto;
  right: 0;
}
.connection-row__single .connection-area-top .connection_logo {
  position: relative;
}
.connection-row__single .connection-area-top .connection_logo img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
}
.connection-row__single .connection-area-bottom {
  margin: 35px 5px 0;
  align-items: center;
  min-height: 40px;
}
.connection-row__single .connection-area-bottom h4 {
  margin-bottom: 3px;
  color: #666;
}
.connection-row__single .connection-area-bottom .location-dropdown {
  padding-left: 5px;
}
.connection-row__single .connection-area-bottom .location-dropdown .select2-selection__rendered {
  text-align: left;
  text-transform: capitalize;
}
.connection-row__single .connection-area-bottom .warning-alert {
  padding: 0 0;
  text-align: left;
}
.connection-row__single .connection-area-bottom .warning-alert i {
  font-size: 26px;
  color: #F2C94C;
}
.connection-row__single.nva img {
  width: 80%;
}
.connection-row__single.envolve img {
  width: 80%;
}

.select2-container--open {
  z-index: 99999;
}

.location-dropdown .select2-selection__rendered {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  font-family: "TT Norms";
}

.edit-location-vsp {
  max-width: 58%;
  align-items: center;
}
.edit-location-vsp .location-dropdown {
  padding-left: 28px;
}
.edit-location-vsp .revehr-location-status {
  display: none;
}
.edit-location-vsp .warning-alert {
  padding: 0 0;
  text-align: center;
}
.edit-location-vsp .warning-alert i {
  font-size: 26px;
  color: #F2C94C;
}

.location-list {
  padding: 8px 0 3px;
}
.location-list h4 {
  font-size: 16px;
  line-height: 16px;
  color: #606060;
  margin-bottom: 0px;
  font-weight: 500;
}
.location-list span {
  font-size: 12px;
}

#select2-update-location-results .select2-results__option--highlighted[aria-selected] {
  background-color: #358EF7 !important;
}
#select2-update-location-results .select2-results__option--highlighted[aria-selected] .location-list h4 {
  font-weight: 500;
  color: #fff !important;
}
#select2-update-location-results .select2-results__option--highlighted[aria-selected] .location-list span {
  font-weight: 400;
  color: #fff !important;
}

#select2-sighup-update-location-results .select2-results__option--highlighted[aria-selected] {
  background-color: #358EF7 !important;
}
#select2-sighup-update-location-results .select2-results__option--highlighted[aria-selected] .location-list h4 {
  font-weight: 500;
  color: #fff !important;
}
#select2-sighup-update-location-results .select2-results__option--highlighted[aria-selected] .location-list span {
  font-weight: 400;
  color: #fff !important;
}

.c-stuffview-cont {
  margin: 30px 0;
}
.c-stuffview-cont p {
  text-align: left;
}
.c-stuffview__single {
  padding: 15px 0;
  border-bottom: 1px solid #D2D2D2;
}
.c-stuffview__single-list p {
  margin-top: 0px !important;
  margin-bottom: 8px !important;
  text-align: left;
}
.c-stuffview__single-list p span {
  width: 95px;
  text-align: right;
  display: inline-block;
  font-weight: 500;
  margin-right: 8px;
}
.c-stuffview__single.last {
  text-align: left;
  border: none;
}
.c-stuffview__single__record-head p {
  font-weight: 500;
}

.invitation-row-new .invitation-row__single {
  border-top: 1px solid #358EF7;
}

.c-stuffview__record-head {
  margin-top: 18px;
}
.c-stuffview__record-head p {
  font-weight: 500 !important;
  margin-top: 0px !important;
}

.c-stuffview__record-body {
  margin-bottom: 25px;
}

.complt-registration {
  float: right;
}

.c-user__clear {
  position: absolute;
  font-size: 18px;
  right: 50px;
  cursor: pointer;
  color: #ff0000 !important;
  text-decoration: underline !important;
  font-family: "TT Norms";
  z-index: 9;
}

/*Welcome*/
.c-welcome {
  text-align: center;
  margin: 30px auto;
  padding: 50px 0;
}
.c-welcome h1 {
  color: #1E2541;
  font-size: 50px;
  line-height: 80px;
  font-weight: 400;
  margin-bottom: 25px;
}
.c-welcome h1 span {
  font-weight: 600;
}
.c-welcome h1 img {
  width: 100%;
  max-width: 300px;
}
.c-welcome h4 {
  color: #2C7BF2;
  font-size: 36px;
  font-weight: 600;
  cursor: pointer;
}
.c-welcome h4:hover {
  color: #1c6ae0;
}
.c-welcome p {
  max-width: 500px;
  font-size: 24px;
  line-height: 35px;
  margin: 20px auto 50px auto;
}
.c-welcome .c-welcome__logo img {
  width: 100%;
  max-width: 500px;
}

.banner-data .record-table table thead tr th {
  background-color: #ffffff !important;
  border-bottom: 2px solid #f8f8f8 !important;
  border-top: 2px solid #f8f8f8 !important;
  padding: 0 12px !important;
}
.banner-data .record-table table thead tr th input[type=checkbox] {
  font-size: 18px;
}
.banner-data .record-table table thead tr th:last-child {
  text-align: left;
}
@media (min-width: 992px) {
  .banner-data .record-table table thead tr th {
    padding: 0 25px !important;
  }
}
.banner-data .record-table table tbody tr td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  vertical-align: top !important;
  font-size: 14px;
  font-weight: 400;
  color: #657a8f;
}
.banner-data .record-table table tbody tr td input[type=checkbox] {
  font-size: 18px;
}
.banner-data .record-table table tbody tr td:last-child {
  text-align: left;
}
.banner-data .record-table table tbody tr td:last-child .dropdown {
  margin-left: 20px;
  display: inline;
}
.banner-data .record-table table tbody tr td p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  color: #657a8f;
}
.banner-data .record-table table tbody tr td span.badge {
  border-radius: 14px;
  font-size: 14px;
  font-weight: normal;
}
.banner-data .record-table table tbody tr td span.bg-success {
  background-color: #2ac856 !important;
}
.banner-data .record-table table tbody tr td span.bg-danger {
  background-color: #ff6d6d !important;
}
.banner-data .record-table table tbody tr td i.fa-ellipsis-v {
  font-size: 14px;
}
.banner-data .record-table table tbody tr td.announcement-modal {
  cursor: pointer;
}
.banner-data .record-table table tbody tr td .dropdown .dropdown-menu {
  box-shadow: 0px 1px 4px rgba(63, 63, 68, 0.15), 0px 0px 1px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.banner-data.no-border .record-table table tbody {
  border-left: none;
}

#announcement-modal .modal-header {
  border-bottom: none !important;
}
#announcement-modal .modal-header .modal-title {
  font-weight: bold;
  font-size: 24px;
}
#announcement-modal .modal-header .close span {
  font-size: 30px;
}
#announcement-modal .modal-body {
  max-height: 70vh;
  overflow-y: auto;
  font-size: 14px;
}
#announcement-modal .modal-body .practices {
  margin: 16px 0;
}
#announcement-modal .modal-body .practices .title {
  color: #657a8f;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
}
#announcement-modal .modal-body .badge {
  border-radius: 14px;
  font-weight: normal;
}
#announcement-modal .modal-body .badge-success {
  background-color: #2ac856 !important;
  font-size: 14px;
}
#announcement-modal .modal-body .badge-danger {
  background-color: #ff6d6d !important;
  font-size: 14px;
}
#announcement-modal .modal-body .badge-primary {
  font-size: 12px;
}
#announcement-modal .modal-body img {
  width: 100% !important;
  height: 100% !important;
}
#announcement-modal .modal-footer {
  border-top: none !important;
}

#deactivate-announcement-modal .modal-dialog {
  max-width: 600px;
}
#deactivate-announcement-modal .modal-dialog .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  flex-direction: column;
}
#deactivate-announcement-modal .modal-dialog .icon span {
  color: #ffa43a;
  margin-top: 10px;
}
#deactivate-announcement-modal .modal-dialog .icon i {
  font-size: 46px;
  color: #ffa43a;
}
#deactivate-announcement-modal .modal-dialog .modal-text {
  color: #606060;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  padding: 20px;
}

#delete-announcement-modal .modal-dialog {
  max-width: 600px;
}
#delete-announcement-modal .modal-dialog .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  flex-direction: column;
}
#delete-announcement-modal .modal-dialog .icon span {
  color: #ff463a;
  margin-top: 10px;
}
#delete-announcement-modal .modal-dialog .icon i {
  font-size: 46px;
  color: #ff463a;
}
#delete-announcement-modal .modal-dialog .modal-text {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px;
}
#delete-announcement-modal .modal-dialog .modal-text span {
  color: #606060;
  font-size: 16px;
  line-height: 19px;
}

#crud-announcement-modal .btngrp {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#crud-announcement-modal .form-group {
  margin-bottom: 10px !important;
}
#crud-announcement-modal .form-group label {
  color: #657a8f;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.07em;
  text-transform: capitalize;
}
#crud-announcement-modal .form-group label span {
  color: #ff0000;
  font-size: 12px;
  margin-left: 3px;
}
#crud-announcement-modal .form-group .multiselect {
  background: #f6f7fb;
  border: none;
  text-align: left !important;
}
#crud-announcement-modal .form-group .multiselect .multiselect-selected-text {
  font-size: 14px;
}
#crud-announcement-modal .form-group .multiselect-container {
  width: 100%;
  max-height: 200px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  overflow: hidden auto;
}
#crud-announcement-modal .form-group .multiselect-container .multiselect-all {
  border-bottom: 1px solid #a5b3c1;
}
#crud-announcement-modal .form-group .multiselect-container .dropdown-item.active {
  background-color: transparent !important;
}
#crud-announcement-modal .form-group .multiselect-container .dropdown-item .form-check {
  padding: 5px 5px 5px 20px;
}
#crud-announcement-modal .form-group .multiselect-container .dropdown-item .form-check .form-check-input {
  margin-top: 0;
}
#crud-announcement-modal .form-group .multiselect-container .dropdown-item .form-check .form-check-label {
  font-size: 14px;
  color: #1e202b;
  font-weight: normal !important;
}
#crud-announcement-modal .switch {
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#crud-announcement-modal .switch label {
  font-weight: normal;
}
#crud-announcement-modal .switch label:first-child {
  margin-right: 10px;
}
#crud-announcement-modal .switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
#crud-announcement-modal .switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * 0.8) * 2);
  border-radius: calc(2.375rem * 0.8);
  height: calc(2.375rem * 0.8);
  line-height: calc(2.375rem * 0.8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(2.375rem * 0.8) * 2 + 0.5rem);
}
#crud-announcement-modal .switch input + label::before,
#crud-announcement-modal .switch input + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * 0.8) * 2);
  bottom: 0;
  display: block;
}
#crud-announcement-modal .switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * 0.8);
  transition: 0.2s all;
}
#crud-announcement-modal .switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * 0.8) - 2px * 2);
  height: calc(calc(2.375rem * 0.8) - 2px * 2);
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
#crud-announcement-modal .switch input:checked + label::before {
  background-color: #358ef7;
}
#crud-announcement-modal .switch input:checked + label::after {
  margin-left: calc(2.375rem * 0.8);
}
#crud-announcement-modal .switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(53, 142, 247, 0.25);
}
#crud-announcement-modal .switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
#crud-announcement-modal .switch input:disabled + label::before {
  background-color: #e9ecef;
}
#crud-announcement-modal .switch.switch-sm {
  font-size: 14px;
}
#crud-announcement-modal .switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * 0.8) * 2);
  height: calc(1.9375rem * 0.8);
  line-height: calc(1.9375rem * 0.8);
  text-indent: calc(calc(1.9375rem * 0.8) * 2 + 0.5rem);
}
#crud-announcement-modal .switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * 0.8) * 2);
}
#crud-announcement-modal .switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * 0.8) - 2px * 2);
  height: calc(calc(1.9375rem * 0.8) - 2px * 2);
}
#crud-announcement-modal .switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * 0.8);
}
#crud-announcement-modal .switch + .switch {
  margin-left: 1rem;
}

.banner-toast {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 10%;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0px 20px 60px rgba(101, 122, 143, 0.4);
  border-radius: 20px;
  padding: 20px;
  font-size: 20px;
  margin: auto;
  max-width: 600px;
}
.banner-toast .congrats {
  color: #52d9a0;
  font-weight: bold;
}
.banner-toast .congrats .fas {
  font-size: 20px;
}

.banners .banner:first-child {
  margin-top: 0;
}
.banners:empty {
  display: none;
}

.banner {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  border-radius: 35px;
  margin: 10px;
}
.banner .fas {
  font-size: 16px;
  margin: 0 10px;
}
.banner.banner-success {
  background: #2ac856;
}
.banner.banner-danger {
  background: #ff5151;
}
.banner.banner-shadow {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.banner a {
  font-weight: 400;
  text-decoration: underline !important;
  margin: 0 5px;
}
.banner .btn {
  float: right;
  background: #ffffff;
  color: #000000;
}
.banner .btn:hover {
  background: #ffffff;
  color: #000000;
}
.banner .banner-close {
  cursor: pointer;
  font-weight: 500;
  margin-right: 5px;
}

/*
	layout
	--> header
	--> sidebar
*/
.c-hambarger {
  padding: 0 5px;
}
.c-hambarger i {
  color: #fff;
  font-size: 30px;
}

.c-usermain .nav-link-user {
  background-color: rgba(23, 96, 182, 0.55) !important;
  border: none;
  font-size: 14px;
  padding: 6px 12px !important;
  border-radius: 3px;
}

.c-header {
  background-color: #2879D9;
  min-height: 50px;
  padding: 12px 15px;
  margin-left: 20%;
  transition: all 500ms;
}
.c-header_item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.c-usermain .nav-link img.rounded-circle {
  display: inline-block;
  vertical-align: middle;
}
.c-usermain .nav-link .d-lg-inline-block {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px !important;
}

.profile-wrap {
  display: inline-block;
}

footer .c-footer__top {
  padding: 60px 0;
}
footer .c-footer__top h4 {
  font-size: 18px;
  color: #152C64;
  font-weight: bold;
  margin-bottom: 16px;
}
footer .c-footer__top p {
  font-weight: 400;
}
footer .c-footer__top .u-graphic {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
@media (min-width: 576px) {
  footer .c-footer__top .u-graphic {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  footer .c-footer__top .u-graphic {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
footer .c-footer__top .u-graphic li {
  width: 48%;
  display: inline-block;
}
footer .c-footer__top .u-graphic li a {
  color: #36B4FB;
  font-size: 12px;
  font-weight: 400;
}
@media (min-width: 576px) {
  footer .c-footer__top .u-graphic li a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  footer .c-footer__top .u-graphic li a {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  footer .c-footer__top .u-graphic li a {
    font-size: 14px;
  }
}
footer .c-footer__top .u-graphic li a:hover {
  color: #152C64;
}
footer .c-footer__top .c-footer__logo {
  text-align: center;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
footer .c-footer__top .c-footer__logo p {
  font-size: 14px;
  margin-top: 10px;
  font-weight: bold;
}
@media (min-width: 768px) {
  footer .c-footer__top .c-footer__logo {
    border-top: none;
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  footer .c-footer__top .c-footer__logo {
    border-bottom: none;
    margin-top: 50px;
  }
}
footer .c-footer__top .c-footer__address-panel > div {
  position: relative;
}
footer .c-footer__top .c-footer__address-panel > div i {
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 14px;
}
footer .c-footer__top .c-footer__address-panel > div p {
  padding-left: 22px;
  font-size: 14px;
  font-weight: bold;
}
footer .c-footer__top .c-footer__address-panel > div a {
  padding-left: 22px;
  font-size: 14px;
  color: #36B4FB;
  font-weight: 400;
}
footer .c-footer__top .c-footer__address-panel > div a:hover {
  color: #152C64;
}
footer .c-footer__top .c-footer__address-panel > div.c-footer__address {
  max-width: 200px;
}
footer .c-footer__bottom {
  background: #152C64;
  padding: 16px 0;
}
@media (min-width: 992px) {
  footer .c-footer__bottom {
    padding: 40px 0;
  }
}
footer .c-footer__bottom .c-footer__copyright {
  text-align: center;
}
@media (min-width: 992px) {
  footer .c-footer__bottom .c-footer__copyright {
    text-align: left;
  }
}
footer .c-footer__bottom .c-footer__copyright p {
  color: #ffffff;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 992px) {
  footer .c-footer__bottom .c-footer__copyright p {
    font-size: 16px;
  }
}
footer .c-footer__bottom .c-footer__navigation {
  text-align: center;
}
@media (min-width: 992px) {
  footer .c-footer__bottom .c-footer__navigation {
    text-align: right;
  }
}
footer .c-footer__bottom .c-footer__navigation ul {
  margin-bottom: 0px;
}
footer .c-footer__bottom .c-footer__navigation ul li {
  margin-right: 20px;
}
footer .c-footer__bottom .c-footer__navigation ul li a {
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}
@media (min-width: 992px) {
  footer .c-footer__bottom .c-footer__navigation ul li a {
    font-size: 16px;
  }
}

.main-footer {
  margin-top: 0px;
}

article {
  padding: 25px;
}
article h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: #9A9997;
  font-weight: 600;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  article h3 {
    margin: 25px 0 20px;
  }
}
article .c-recent__single {
  text-align: center;
}
article .c-recent__desc {
  width: 69%;
}
@media (min-width: 768px) {
  article .c-recent__desc {
    width: 100%;
  }
}
@media (min-width: 992px) {
  article .c-recent__desc {
    width: 69%;
    text-align: left;
  }
}
@media (min-width: 768px) {
  article {
    padding: 0 15px;
  }
}
@media (min-width: 992px) {
  article {
    padding: 0 25px;
  }
}

.c-recent__single {
  margin-bottom: 20px;
}

.c-recent__image {
  width: 45px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.c-recent__image figure {
  height: 45px;
  width: 45px;
  overflow: hidden;
  border-radius: 50%;
}
.c-recent__image figure img {
  max-width: 100%;
}

.c-recent__desc {
  width: 69%;
  display: inline-block;
  vertical-align: middle;
}
.c-recent__desc p {
  font-size: 12px;
  line-height: 18px;
}

.copay .section-container {
  height: calc(100vh - 170px);
}

.copay-sections .patient-details {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
}
.copay-sections .patient-details .patient-name {
  font-style: normal;
  margin-bottom: 5px;
  align-items: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.copay-sections .patient-details .patient-name.have-benefit {
  color: #147dfc;
  text-decoration: underline;
}
.copay-sections .patient-details .ost-plan-name {
  font-size: 14px;
  font-weight: 600;
}
.copay-sections .patient-details .patient-dob {
  font-style: normal;
  font-size: 16px;
  line-height: 19px;
  color: #A8BACB;
  font-weight: 500;
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.copay-sections .patient-details .open-plan-detail {
  margin-left: 1em;
}
.copay-sections .patient-details .open-plan-snapshot {
  margin-left: 1em;
}
.copay-sections .cart-counts {
  display: inline-block;
}
.copay-sections .cart-counts .btn {
  background: #147DFC !important;
  color: #fff !important;
  font-size: 18px;
}
.copay-sections .cart-counts .btn img {
  margin-right: 5px;
}
.copay-sections .copay-patient {
  display: flex;
  flex-flow: nowrap;
  margin-bottom: 16px;
  padding: 0 10px;
}
.copay-sections .copay-patient .btn {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.1);
}
.copay-sections .copay-patient .btn i {
  color: #000000;
}
.copay-sections .copay-patient .btn.btn-cart-home {
  height: 50px;
  width: 50px;
  box-shadow: 0px 10px 10px rgba(20, 125, 252, 0.18);
  position: relative;
}
.copay-sections .copay-patient .btn.btn-cart-home i {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.copay-sections .btn-outline-primary {
  background: #ffffff;
  color: #147dfc;
}
.copay-sections .btn-outline-primary:hover {
  color: #ffffff;
  background: #147dfc;
}
.copay-sections .btn-circle {
  display: block;
  float: left;
  height: 50px;
  width: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  color: #000000;
  border-radius: 50%;
  padding: 0;
}
.copay-sections .btn-circle i {
  font-size: 20px;
}
.copay-sections .back-section {
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 20px;
}
.copay-sections .back-section .heading-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 0;
  position: relative;
}
.copay-sections .back-section .heading-left button i {
  margin-top: 4px;
  font-size: 15px;
}
.copay-sections .back-section .heading-right {
  position: relative;
  width: 100%;
  max-width: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.copay-sections .section-container a {
  width: 100%;
}
.copay-sections .section-container .section-header p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 25px;
  line-height: 30px;
  height: 50px;
  text-align: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 10px;
  font-weight: 500;
}
.copay-sections .section-container .section-header p .section-img-header {
  width: auto;
  margin-right: 10px;
}
.copay-sections .section-container .section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-style: normal;
  font-weight: normal;
  font-size: 35px;
  line-height: 43px;
  height: 17vh;
  min-height: 200px;
  position: relative;
  text-align: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 20px;
}
.copay-sections .section-container .section .section-img {
  padding-bottom: 20px;
}
.copay-sections .section-container .scan-btn {
  min-width: 100px;
  max-width: 150px;
}
.copay-sections .section-container .exam-section {
  background: #ff9f00;
  background-image: url("/images/exam-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
}
.copay-sections .section-container .exam-section .checkout-img {
  width: 32px;
  height: 24.33px;
}
.copay-sections .section-container .misc-section {
  background: #6671e9;
  background-image: url("/images/misc-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
}
.copay-sections .section-container .misc-section .checkout-img {
  width: 16.57px;
  height: 28.77px;
}
.copay-sections .section-container .frame-section {
  background: #46d0d0;
  background-image: url("/images/frame-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
}
.copay-sections .section-container .frame-section .checkout-img {
  width: 32px;
  height: 22.67px;
}
.copay-sections .section-container .lense-section {
  background: #b177ea;
  background-image: url("/images/lense-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
}
.copay-sections .section-container .lense-section .checkout-img {
  width: 32px;
  height: 27.5px;
}
.copay-sections .section-container .patient-section {
  background: #147dfc;
  background-image: url("/images/patient-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}
.copay-sections .section-container .btn-cart {
  background: #657a8e;
  color: #ffffff;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  height: 68px;
  width: 100%;
  border-radius: 15px;
}
.copay-sections .section-container .btn-cart.have-item {
  background: #147dfc;
}
.copay-sections .section-container .ost-order-button-wrapper {
  margin-bottom: 16px;
}
.copay-sections .section-detail {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-style: normal;
  font-weight: normal;
  font-size: 35px;
  line-height: 43px;
  position: relative;
  text-align: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 8px;
  font-weight: 500;
  padding: 14px;
}
.copay-sections .section-detail .section-img {
  padding-bottom: 20px;
  width: 40px;
  margin-right: 20px;
}
.copay-sections .section-detail .section-img-header {
  width: 40px;
  margin-right: 20px;
}
.copay-sections .ant-space {
  width: 100%;
}

.od-os-contact-lens-wrapper {
  min-height: 100vh;
}

.cart-btn {
  width: 100%;
}

.cart-total {
  z-index: 1000 !important;
  margin-top: auto !important;
}

.cart-items .list-items {
  position: fixed;
  bottom: 75px;
  width: calc(100% - 250px);
  z-index: 9999;
  background: #fff;
  box-shadow: 0px -14px 28px rgba(20, 125, 252, 0.08);
}
.cart-items .cart-title {
  padding: 0px 20px;
}
.cart-items .cart-title table th {
  padding: 5px 0px;
}
.cart-items .cart-scroll {
  max-height: 350px;
  overflow-y: auto;
  padding: 10px 20px;
}
.cart-items .cart-scroll .cart-th td {
  padding: 0px;
}
.cart-items .cart-scroll::-webkit-scrollbar {
  width: 3px;
}
.cart-items .cart-scroll::-webkit-scrollbar-track {
  background: #9ccbff !important;
}
.cart-items .cart-scroll::-webkit-scrollbar-thumb {
  background-color: #2879d9 !important;
}

.cart-item-blur {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  top: 0;
  z-index: 9999;
}

.list-items.hide-items {
  display: none;
}
.list-items .cl-warning {
  color: #ff463a;
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
  margin-left: 20px;
}
.list-items table {
  width: 100%;
}
.list-items table tr th {
  font-size: 18px;
  color: #2e3333;
  font-weight: bold;
  padding: 20px 0px 15px 0px;
}
.list-items table tr td {
  color: #657a8f;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  padding: 10px 0px;
}
.list-items table tr td:first-child {
  padding-right: 10px;
  font-size: 14px;
  line-height: 17px;
}
.list-items table tr td:first-child img {
  width: 20px;
}
.list-items table tr td.pull-right {
  float: right;
}
.list-items table tr td.pull-right .copay-selected:hover {
  background: #A5B3C1 !important;
  border: 1.4px solid #A5B3C1 !important;
}
.list-items table tr.subtitles td {
  padding: 0px;
  margin: 0px;
}
.list-items table tr.specialty td label {
  color: #147dfc;
  font-weight: normal;
  font-size: 14px;
  display: block;
}
.list-items table tr.specialty td span {
  font-size: 13px;
  color: #657a8e;
}
.list-items table tr.separator {
  border-bottom: 1px solid #ededed;
}
.list-items table tr.separator .grade {
  font-size: 11px;
}
.list-items table tr.separator .gradeWarn {
  font-size: 11px;
  color: red;
}
.list-items table tr td .copay-btn {
  width: 67px;
  padding: 8px 16px 8px 16px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
}
.list-items table tr td .copay-ld-btn.copay-check-btn {
  background-color: #147dfc;
  color: #fff;
}
.list-items table .copay-price {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: #657a8f;
}
.list-items table .lens-btn {
  text-align: center;
  width: 100px;
}

.selected-items {
  position: fixed;
  background: #fff;
  box-shadow: 0px -14px 28px rgba(20, 125, 252, 0.08);
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 75px;
}
.selected-items.open {
  box-shadow: none;
}
.selected-items .show-items {
  box-shadow: 0px -14px 28px rgba(20, 125, 252, 0.08);
  display: block;
  position: fixed;
  bottom: 78px;
  background: #fff;
  padding: 10px 20px;
  width: 100%;
}
.selected-items .toggle-show {
  cursor: pointer;
}
.selected-items .select-summary {
  padding: 0px 20px 0px 20px;
  width: 90%;
  display: inline-block;
}
.selected-items .select-summary .cart-count {
  float: left;
  margin-top: 10px;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.selected-items .select-summary .cart-count .cart-description {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.selected-items .select-summary .cart-total {
  float: right;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
}
.selected-items .select-summary .cart-total .section-total {
  display: inline-block;
}
.selected-items .select-summary .cart-total .section-total .cart-title {
  font-size: 12px;
  color: #2e3333;
  font-weight: 300;
}
.selected-items .select-summary .cart-total .section-total span {
  font-size: 30px;
  color: #2e3333;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
}
.selected-items .select-summary .cart-total button {
  margin: -30px 10px 0px 15px;
}
.selected-items .select-summary .cart-total button a {
  color: #fff;
}
.selected-items .select-summary .cart-total button a:hover {
  color: #fff;
}
.selected-items .select-summary .cart-total .cart-grand-total {
  display: inline-block;
}
.selected-items .select-summary .cart-total .cart-total-divider {
  display: inline-block;
  margin-right: 10px;
}
.selected-items .select-summary .cart-total .cart-total-divider div {
  border-left: 2px solid #e6e6e6;
  height: 40px;
}

.cart-count {
  color: #2e3333;
  font-size: 16px;
  float: left;
  font-weight: bold;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.cart-count img {
  margin-right: 10px;
}

.menu-button {
  margin-top: 10px;
  width: 100%;
}
.menu-button .items-close {
  height: 5px;
  background: #ebebeb;
  width: 50px;
  border-radius: 10px;
  margin: 0 auto;
  display: inherit;
}

@media (max-width: 1100px) {
  .menu-button {
    position: fixed;
    width: 100%;
    bottom: 75px;
    background: white;
    height: 15px;
    padding: 7px;
  }
}
.cart-popup,
.modal-popup {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  text-align: center;
  z-index: 9999;
}
.cart-popup .cart-msg,
.modal-popup .cart-msg {
  font-style: normal;
  font-family: "TT Norms";
  text-align: left;
}
.cart-popup .cart-msg div,
.modal-popup .cart-msg div {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: #000000;
}
.cart-popup .cart-msg span,
.modal-popup .cart-msg span {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.cart-popup button,
.modal-popup button {
  margin-top: 20px;
  margin-bottom: 30px;
}
.cart-popup .section-detail,
.modal-popup .section-detail {
  font-size: 25px;
  font-family: TT Norms;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.07em;
  text-align: center;
}
.cart-popup .section-detail.frame-section img,
.modal-popup .section-detail.frame-section img {
  padding-bottom: 0px;
}

html.no-touch .copay-patient .btn:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
html.no-touch .copay-patient .btn:hover i {
  color: #ffffff;
}

.lds-ellipsis {
  display: block;
  position: relative;
}
.lds-ellipsis.copay-price-change {
  margin-top: 10px;
}
.lds-ellipsis div {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #657a8e;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.copay-sections .sk-circle {
  margin: 50px auto;
  width: 100px;
  height: 100px;
  position: relative;
}
.copay-sections .sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.copay-sections .sk-circle .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #5090dc;
  border-radius: 100%;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.copay-sections .sk-circle .sk-circle2 {
  transform: rotate(30deg);
}
.copay-sections .sk-circle .sk-circle3 {
  transform: rotate(60deg);
}
.copay-sections .sk-circle .sk-circle4 {
  transform: rotate(90deg);
}
.copay-sections .sk-circle .sk-circle5 {
  transform: rotate(120deg);
}
.copay-sections .sk-circle .sk-circle6 {
  transform: rotate(150deg);
}
.copay-sections .sk-circle .sk-circle7 {
  transform: rotate(180deg);
}
.copay-sections .sk-circle .sk-circle8 {
  transform: rotate(210deg);
}
.copay-sections .sk-circle .sk-circle9 {
  transform: rotate(240deg);
}
.copay-sections .sk-circle .sk-circle10 {
  transform: rotate(270deg);
}
.copay-sections .sk-circle .sk-circle11 {
  transform: rotate(300deg);
}
.copay-sections .sk-circle .sk-circle12 {
  transform: rotate(330deg);
}
.copay-sections .sk-circle .sk-circle2:before {
  animation-delay: -1.1s;
}
.copay-sections .sk-circle .sk-circle3:before {
  animation-delay: -1s;
}
.copay-sections .sk-circle .sk-circle4:before {
  animation-delay: -0.9s;
}
.copay-sections .sk-circle .sk-circle5:before {
  animation-delay: -0.8s;
}
.copay-sections .sk-circle .sk-circle6:before {
  animation-delay: -0.7s;
}
.copay-sections .sk-circle .sk-circle7:before {
  animation-delay: -0.6s;
}
.copay-sections .sk-circle .sk-circle8:before {
  animation-delay: -0.5s;
}
.copay-sections .sk-circle .sk-circle9:before {
  animation-delay: -0.4s;
}
.copay-sections .sk-circle .sk-circle10:before {
  animation-delay: -0.3s;
}
.copay-sections .sk-circle .sk-circle11:before {
  animation-delay: -0.2s;
}
.copay-sections .sk-circle .sk-circle12:before {
  animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.confirm-model .modal-dialog {
  max-width: 400px;
}
.confirm-model .modal-dialog .modal-content {
  padding: 5px 20px;
  max-width: 400px;
}
.confirm-model .modal-dialog .modal-content .modal-header .modal-title {
  color: #ff463a;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
}
.confirm-model .modal-dialog .modal-content .modal-body p {
  color: #000000;
  font-size: 16px;
}
.confirm-model .modal-dialog .modal-content .modal-footer {
  padding: 0px 30px !important;
  padding: 0px;
  justify-content: center;
}
.confirm-model .modal-dialog .modal-content .modal-footer .btn-outline-primary {
  background-color: #fff;
  color: #147dfc;
}
.confirm-model .modal-dialog .modal-content .modal-footer .btn {
  width: 80%;
}

.patient-detail-benifit-only {
  z-index: 999999;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.patient-detail-benifit-only .patient-detail-back {
  display: none;
}

@media (max-width: 1100px) and (min-width: 900px) {
  .copay-patient {
    margin-top: 65px;
  }
}
.animated-background {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  position: relative;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.item-count-span {
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  border-radius: 40px;
  padding: 2px;
  color: #147DFC;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}

.cart-value-span {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart-count-div {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.copay-selected {
  background: #A5B3C1;
  border: 1.4px solid #A5B3C1;
  border-radius: 42px;
  padding: 8px 16px !important;
  cursor: pointer;
  font-family: "TT Norms";
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 43px;
}

.copay-selected:hover {
  cursor: not-allowed;
}

.cart-table-list table,
.slideInUp table {
  width: 100%;
}
.cart-table-list table tr.separator td,
.slideInUp table tr.separator td {
  color: #657a8f;
  font-style: normal;
  font-size: 14px;
  padding: 10px 0px;
  font-size: 14px;
  line-height: 17px;
}
.cart-table-list table tr.separator td:first-child,
.slideInUp table tr.separator td:first-child {
  padding-right: 0px !important;
}
.cart-table-list table tr.separator td:nth-child(2),
.slideInUp table tr.separator td:nth-child(2) {
  font-weight: 500;
}
.cart-table-list table tr.separator td:not(:nth-child(2)),
.slideInUp table tr.separator td:not(:nth-child(2)) {
  font-weight: 700;
}
.cart-table-list table tr.separator td:first-child img,
.slideInUp table tr.separator td:first-child img {
  width: 17px;
  height: 21px;
}

.ready-to-checkout {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #A8BACB;
  line-height: 0.1em;
  margin: 10px 0 20px;
}
.ready-to-checkout span {
  background: #fff;
  padding: 0 10px;
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #A8BACB;
}

.cart-amount-section {
  display: flex;
  justify-content: space-between;
}
.cart-amount-section .amount-due-text {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #1A1A1A;
}
.cart-amount-section .cart-amount-value {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #147DFC;
}

.proceed-btn {
  width: 100% !important;
  border-radius: 8px !important;
  margin-bottom: -6px !important;
  margin-top: 11px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 17px;
}
.proceed-btn .proceed-text {
  font-family: "TT Norms";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 0em;
}
.proceed-btn .item-count-span {
  width: 28px;
  height: 28px;
  background: #FFFFFF;
  border-radius: 40px;
  padding: 9px;
  color: #147DFC;
  font-style: normal;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 14px;
  justify-content: center;
  display: flex;
  align-items: center;
}

.section-header-content {
  margin-bottom: -9px;
}

.copay-sections .modal-custom-width {
  width: 100%;
  max-width: 538px;
  border-radius: 24px;
}

.section-detail-content {
  display: flex;
  flex-direction: row !important;
}
.section-detail-content .content-img {
  padding-bottom: unset !important;
}

.select-plan-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.select-plan-div .heading-bold {
  font-family: "TT Norms";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  width: 206px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-plan-div .span-title {
  font-family: "TT Norms";
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  margin-left: 6px;
}

.select-plan {
  margin-top: 15px;
}
.select-plan .ant-select-selection-item .select-plan-div img {
  display: none;
}

.apply-discount-img {
  top: unset !important;
  right: unset !important;
  margin-right: 6px;
  position: unset !important;
  transform: unset !important;
}

.apply-discount-img:hover {
  background-color: #ff463a;
}

.tooltip-container {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.tooltip-container .info-icon {
  margin-top: -8px;
}
.tooltip-container .tooltip-span {
  font-family: "TT Norms";
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0em;
  color: #FFFFFF;
}

.select-plan-tooltip {
  width: 242px !important;
}
.select-plan-tooltip .ant-tooltip-inner {
  padding: 8px;
}

.frames-container .search-input {
  border: 1px solid rgba(165, 179, 193, 0.43);
  box-sizing: border-box;
  border-radius: 32px;
  background-image: url("/images/icons/search-icon.svg");
  background-repeat: no-repeat;
  text-indent: 25px;
  background-position: 1% 50%;
}
.frames-container .btn {
  border-color: #147dfc;
}
.frames-container .btn-primary {
  box-shadow: none;
}
.frames-container .scan-img {
  width: 20px;
  margin-left: 5px;
}
.frames-container .filtered {
  border: 1px solid #a5b3c1;
  box-sizing: border-box;
  border-radius: 32px;
  padding: 2px 10px 2px 15px;
  font-size: 11px;
  margin: 3px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #2e3333;
  display: inline-block;
}
.frames-container img {
  margin-left: 10px;
  vertical-align: baseline;
}
.frames-container .btn-reset {
  margin-left: 10px;
}
.frames-container .sticky-next {
  margin-bottom: 0px;
}
.frames-container .frame-brands {
  margin-top: 10px;
}
.frames-container .frame-brands .add-frame {
  height: 40px;
  border: 1px solid rgba(165, 179, 193, 0.29);
  border-radius: 10px;
  font-weight: bold;
  font-size: 20px;
  color: #147dfc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}
.frames-container .frame-brands .frame-brand {
  height: 116px;
  background: #ffffff;
  border: 1px solid rgba(165, 179, 193, 0.29);
  border-radius: 10px;
  font-weight: bold;
  font-size: 27px;
  color: #147dfc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.frames-container .frame-brands .frame-brand span {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 35px;
}
.frames-container .frame-brands .calvinklein {
  background-image: url("/images/brands/CalvinKlein.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .rayban {
  background-image: url("/images/brands/Rayban.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .eco {
  background-image: url("/images/brands/Eco.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .airlock {
  background-image: url("/images/brands/Airlock.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .chesterfield {
  background-image: url("/images/brands/Chesterfield.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .coach {
  background-image: url("/images/brands/Coach.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .flexon {
  background-image: url("/images/brands/Flexon.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .bananarepublic {
  background-image: url("/images/brands/BananaRepublic.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .columbia {
  background-image: url("/images/brands/Columbia.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .lacoste {
  background-image: url("/images/brands/LaCoste.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .marchon {
  background-image: url("/images/brands/Marchon.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .frame-brands .fossil {
  background-image: url("/images/brands/Fossil.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.frames-container .in-stock {
  color: #00b30f;
}
.frames-container .out-of-stock {
  color: #ff463a;
}
.frames-container .frame-lens {
  margin-top: 20px;
}
.frames-container .frame-lens .card {
  background: rgba(230, 238, 246, 0.38);
}
.frames-container .frame-lens .card .img {
  padding: 10px 10px;
}
.frames-container .frame-lens .card .img img {
  background: #fff;
  padding: 20px;
}
.frames-container .frame-lens .card img {
  padding: 5% 5% 0;
}
.frames-container .frame-lens .card .card-body {
  padding: 0px 10px 20px;
}
.frames-container .frame-lens .inventory {
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  text-transform: capitalize;
}
.frames-container .frame-lens .lens-details {
  display: flex;
  justify-content: space-between;
}
.frames-container .frame-lens .lens-details .lens-name {
  margin-top: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: normal;
  width: 50%;
  font-size: 14px;
  line-height: 18px;
  text-transform: capitalize;
  color: #000000;
}
.frames-container .frame-lens .lens-details .lens-price {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #657a8e;
  text-align: right;
}
.frames-container .frame-lens .lens-select {
  margin-top: 10px;
  margin: auto 0;
  width: 100%;
  right: 0;
}
.frames-container .frame-lens .lens-select .btn {
  background: #ffffff;
  color: #147dfc;
  margin: 0 auto;
  display: block;
  max-width: 241px;
}
.frames-container .frame-lens .lens-select .btn:hover {
  color: #ffffff;
  background: #147dfc;
}
.frames-container .frame-lens-details .lens-details {
  height: 270px;
  background: rgba(230, 238, 246, 0.38);
  border-radius: 10px;
}
.frames-container .frame-lens-details .lens-details .lens-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 240px;
  margin: 5%;
  background: #ffffff;
  border-radius: 8px;
}
.frames-container .frame-lens-details .lens-details .lens-img .card-img {
  padding: 20px;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info {
  display: flex;
  flex-direction: column;
  padding: 5% 0%;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .inventory {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-name {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  text-transform: capitalize;
  color: #000000;
  margin: 5px 0px 20px;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-prices {
  display: block;
  width: 100%;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-prices .lens-price-section {
  display: inline-block;
  float: left;
  margin-right: 20px;
  color: #545b61;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-prices .lens-price-section .lens-price {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  text-transform: capitalize;
  color: #657a8e;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-prices .lens-price-section .lens-price.you-pay {
  font-weight: bold;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color {
  margin-top: 12px;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color span:nth-child(1) {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select {
  width: 200px;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select__control {
  border-radius: 30px;
  z-index: 9999;
  border: 1px solid #a5b3c1;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select__control [class*=-singleValue] {
  font-weight: 500;
  font-size: 14px;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select__menu {
  margin-top: -39px;
  padding-top: 42px;
  border-radius: 20px;
  background-color: #f3faff;
  border: 1px solid #a5b3c1;
  z-index: 9998;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select__option {
  margin: 6px 6px;
  padding: 3px 10px;
  width: auto;
  border-radius: 50px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  color: #000000;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select__option--is-focused {
  background-color: transparent;
}
.frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select__option--is-selected, .frames-container .frame-lens-details .lens-details .lens-detailed-info .lens-color .lens-color-select__option--is-focused:hover {
  background-color: #147dfc;
  color: #fff;
}
.frames-container .frame-lens-details .nav-pills {
  border-bottom: 1px solid #147dfc;
  box-shadow: none;
}
.frames-container .frame-lens-details .nav-pills.sticky-pill {
  position: sticky;
  top: 70px;
  background-color: #fff;
  padding-top: 10px;
  z-index: 999;
}
.frames-container .frame-lens-details .nav-item .nav-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.frames-container .frame-lens-details .nav-item .active {
  background-color: #ffffff;
  color: #147dfc;
  box-shadow: none;
  border-bottom: 5px solid #147dfc;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  border-radius: 0;
}
.frames-container .frame-lens-details .search-accordion {
  margin: 30px 0px;
}
.frames-container .frame-lens-details .accordion {
  margin-bottom: 75px;
}
.frames-container .frame-lens-details .accordion .card {
  border: 1px solid rgba(165, 179, 193, 0.29);
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 15px;
}
.frames-container .frame-lens-details .accordion .card .card-header {
  padding: 17px;
  min-height: 56px;
  justify-content: space-between;
}
.frames-container .frame-lens-details .accordion .card .card-header:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #147dfc;
  content: "\f068";
  float: right;
}
.frames-container .frame-lens-details .accordion .card .card-header.disabled {
  display: block;
  background-color: #f6f7fb;
}
.frames-container .frame-lens-details .accordion .card .card-header.disabled::after {
  content: "";
}
.frames-container .frame-lens-details .accordion .card .card-header.disabled button {
  color: #657a8f;
}
.frames-container .frame-lens-details .accordion .card .card-header.disabled span {
  float: right;
}
.frames-container .frame-lens-details .accordion .card .card-header .btn-link {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #147dfc;
  border: none;
}
.frames-container .frame-lens-details .accordion .card .card-header.collapsed .btn-link {
  color: #2e3333;
}
.frames-container .frame-lens-details .accordion .card .card-header.collapsed:after {
  content: "\f067";
  color: #2e3333;
}
.frames-container .frame-lens-details .lens-package-accordion .card {
  border: 1px solid #D0DAE3;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-header {
  background: #F9FAFF;
  border-radius: 10px 10px 0px 0px;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-header .btn-link {
  font-weight: 500 !important;
  /* font-size: 14px !important; */
  color: #2E3333 !important;
  text-decoration: none;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-header div {
  margin-left: auto;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-header div .retail,
.frames-container .frame-lens-details .lens-package-accordion .card .card-header div .you-pay {
  font-weight: 500;
  color: #657A8F;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-header div .retail span,
.frames-container .frame-lens-details .lens-package-accordion .card .card-header div .you-pay span {
  margin-left: 3px;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-header div .you-pay {
  margin-left: 10px;
  color: #147DFC;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-header::after {
  content: "" !important;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package {
  display: flex;
  justify-content: space-around;
  padding: 20px 10px;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package .package .title {
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  color: #A5B3C1;
  margin-bottom: 10px;
  letter-spacing: 0.07em;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package .package .items div {
  padding: 8px 12px;
  background: #E6ECF2;
  border-radius: 2px;
  margin-top: 5px;
  font-weight: 500;
  color: #545B61;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package .divider {
  border: 0.5px solid #D0DAE3;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package-closed {
  display: flex;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package-closed .category {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package-closed .category span {
  margin-right: 8px;
  display: inline-block;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package-closed .category span b {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: #147DFC;
  border-radius: 40px;
  font-weight: 900;
  font-size: 10px;
  color: #FFFFFF;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package-closed .category .title {
  font-weight: 800;
  font-size: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #2E3333;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-body .lens-package-closed .category i {
  color: #A5B3C1;
  margin-left: 20px;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-footer {
  display: flex;
  background: #F9FAFF;
  border-radius: 0px 0px 10px 10px;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-footer .btn {
  margin-left: auto;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-footer div {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #2E3333;
  display: flex;
  align-items: center;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-footer div .fas {
  font-size: 18px;
  color: #2E3333;
  margin-left: 10px;
  opacity: 1;
  transition-duration: 0.2s;
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-footer div .fas::before {
  content: "\f078";
}
.frames-container .frame-lens-details .lens-package-accordion .card .card-footer div .fas.open {
  transform: rotate(180deg);
}
.frames-container .modal-popup .modal-title {
  font-weight: 500;
  font-size: 22px;
  color: #000000;
}
.frames-container .modal-popup .modal-body .frame {
  border: 1px solid #f1f1f3;
  box-sizing: border-box;
  height: 341px;
  border-radius: 10px;
  background: url("/images/scan-frame.svg");
  background-repeat: no-repeat;
  background-position: center;
  overflow: auto;
}
.frames-container .modal-popup .modal-body .frame .webcam {
  border-radius: 10px;
  width: 100%;
}
.frames-container .modal-popup .modal-footer {
  justify-content: center;
}

.add-new-frame-popup {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 9999;
}
.add-new-frame-popup .modal-dialog .modal-content {
  margin-top: 20px;
  border-radius: 20px;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-title {
  padding: 20px 30px 0px 30px;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-title .title h4 {
  font-weight: 700;
  font-size: 24px;
  border-bottom: 1px solid #0085F0;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  align-self: center;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-title .title h4 .fa {
  font-size: 20px;
  margin-left: auto;
  cursor: pointer;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-body {
  padding: 15px 45px;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-body .frame-form {
  padding: 20px 25px 0px 25px;
  border: 1px solid #ECECEC;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-body .frame-form .is-invalid {
  border: 1px solid #fc544b;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-body .frame-form .form-group label span {
  font-size: 15px;
  color: #fc544b;
}
.add-new-frame-popup .modal-dialog .modal-content .total-amount {
  background: #E6EEF6;
  margin: 20px 0px 20px 0px;
  text-align: right;
  padding: 10px 45px;
}
.add-new-frame-popup .modal-dialog .modal-content .total-amount label {
  margin-bottom: 0px;
  color: #2E3333;
  font-weight: 300;
  font-size: 20px;
}
.add-new-frame-popup .modal-dialog .modal-content .total-amount span {
  font-weight: 700;
  font-size: 20px;
  color: #147DFC;
  margin-left: 10px;
}
.add-new-frame-popup .modal-dialog .modal-content .modal-footer {
  padding: 5px 25px 25px 25px;
}

.price-input {
  display: flex;
  align-items: center;
  position: relative;
}
.price-input .usd-sign {
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 22px;
  color: #2E3333;
  margin-right: 4px;
}
.price-input .right-icon {
  position: absolute;
  right: 0;
  font-weight: 400;
  font-size: 10px;
  word-break: break-all;
  height: 100%;
  width: 42px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
  border-left: 1px solid #D0DAE3;
}

.lens-container .search-input {
  border: 1px solid rgba(165, 179, 193, 0.43);
  box-sizing: border-box;
  border-radius: 32px;
  background-image: url("/images/icons/search-icon.svg");
  background-repeat: no-repeat;
  text-indent: 25px;
  background-position: 1% 50%;
}
.lens-container .alpha-filter {
  display: flex;
  flex-direction: row;
  padding: 32px 0px;
}
@media (min-width: 768px) {
  .lens-container .alpha-filter .btn {
    margin-right: 0px;
  }
}
@media (min-width: 992px) {
  .lens-container .alpha-filter .btn {
    margin-right: 10px;
  }
}
.lens-container .alpha-filter .btn-circle {
  border: none;
  color: #657a8e;
  font-weight: 500;
  font-size: 14px;
  width: 28px;
  height: 28px;
}
.lens-container .alpha-filter .btn-circle:hover {
  color: #ffffff;
  background: #147dfc;
}
.lens-container .alpha-filter .active {
  background: #147dfc;
  color: #ffffff;
  border-radius: 50%;
}
.lens-container .clCard {
  background: rgba(230, 238, 246, 0.38);
  border-radius: 10px;
  box-shadow: none;
  height: inherit;
  margin-bottom: 30px;
  height: 167px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lens-container .card-img {
  width: 51px;
  height: 51px;
  padding: 2px;
}
.lens-container .card-body {
  padding: 10px 15px;
}
.lens-container .card-body .lens-title {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.lens-container .card-body .lens-title .card-title {
  margin-left: 12px;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  margin: 15px 0px 0px 12px;
}
.lens-container .card-body .lens-details {
  display: flex;
  justify-content: space-between;
}
.lens-container .card-body .contact-lens-details {
  display: flex;
  justify-content: center;
}
.lens-container .card-body.add-new-cl {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lens-container .card-body.add-new-cl button {
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lens-container .card-body.add-new-cl button span {
  margin-right: 5px;
}
.lens-container .card-body .amt-text {
  font-size: 10px;
  line-height: 12px;
  color: #000000;
}
.lens-container .card-body .stock {
  font-size: 11px;
  line-height: 40px;
  font-weight: 500;
}
.lens-container .card-body .stock.in-stock {
  color: #00b30f;
}
.lens-container .card-body .stock.out-of-stock {
  color: #ff463a;
}
.lens-container .card-body .amount {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #147dfc;
  text-align: right;
}
.lens-container .modal-title .title {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
.lens-container .modal-title .amounts {
  display: flex;
  flex-direction: row;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
  font-feature-settings: "liga" off;
  justify-content: flex-end;
  align-items: center;
}
.lens-container .modal-title .amounts .retail {
  color: #657a8f;
}
.lens-container .modal-title .amounts .retail p {
  font-size: 20px;
  line-height: 24px;
  color: #2e3333;
  margin: 8px 0px;
}
.lens-container .modal-title .amounts .you-pay {
  color: #2e3333;
  margin-left: 20px;
}
.lens-container .modal-title .amounts .you-pay p {
  font-weight: bold;
  font-size: 26px;
  line-height: 31px;
  margin: 8px 0px;
}
.lens-container .boxes {
  margin: 15px 0px 30px 0px;
}
.lens-container .boxes .col-link-box {
  margin-top: 5px;
}
.lens-container .boxes .col-link-box .cl-link {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10px;
  cursor: pointer;
}
.lens-container .boxes .col-link-box .cl-link.cl-unlinked {
  background-image: url("/images/icons/cl-unlinked.svg");
}
.lens-container .boxes .col-link-box .cl-link.cl-linked {
  background-image: url("/images/icons/cl-linked.svg");
}
.lens-container .boxes .col-box {
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}
.lens-container .boxes .col-box .input-group-prepend button,
.lens-container .boxes .col-box .input-group-append button {
  width: 38px;
}
.lens-container .boxes .link-button {
  background: url("/images/icons/link-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 38px;
  width: 38px;
  border-radius: 10px;
}
.lens-container .boxes .link-button:hover, .lens-container .boxes .link-button:active, .lens-container .boxes .link-button:focus {
  background: url("/images/icons/unlink-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.lens-container .boxes .box {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.lens-container .boxes .box .input-group-prepend,
.lens-container .boxes .box .input-group-append {
  position: absolute;
  height: 38px;
  top: 0;
}
.lens-container .boxes .box .input-group-prepend .cl-btn,
.lens-container .boxes .box .input-group-append .cl-btn {
  width: 20px;
  padding: 6px 20px 6px 20px;
}
.lens-container .boxes .box .input-group-prepend {
  left: 0;
}
.lens-container .boxes .box .input-group-prepend .cl-btn .fas::before {
  margin-left: -3px;
}
.lens-container .boxes .box .input-group-append {
  right: 0;
}
.lens-container .boxes .box .input-group-append .cl-btn .fas::before {
  margin-left: -6px;
}
.lens-container .boxes .box .cl-input {
  text-align: center;
  height: 38px;
  border-radius: 43px;
  border: 1px solid #a5b3c1;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 7px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}
.lens-container .boxes .box .btn.btn-outline-prm {
  border: 1px solid #a5b3c1;
}
.lens-container .boxes .box button {
  margin: 0;
}
.lens-container .boxes .box input {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.lens-container .total-amount {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 30px;
  background: #e6eef6;
  color: #2e3333;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  height: 48px;
}
.lens-container .total-amount .amount {
  margin-left: 10px;
  font-weight: bold;
  color: #147dfc;
}
.lens-container .total-amount .retail-amount {
  margin-left: 10px;
  font-weight: 400;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.lens-container .modal-footer {
  justify-content: center;
}
.lens-container .ost-order-base {
  margin-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  .cl-popup .modal-dialog {
    width: 600px;
    margin: auto;
  }
}
.cl-popup .modal-dialog .modal-content {
  border-radius: 20px;
}
.cl-popup .modal-dialog .modal-content .cl-rebates p {
  font-weight: 400;
  font-size: 12px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  margin-left: 14px;
}
.cl-popup .modal-dialog .modal-content .cl-rebates .cl-rebates-select {
  display: flex;
  justify-content: space-between;
}
.cl-popup .modal-dialog .modal-content .cl-rebates .cl-rebates-select div button {
  font-weight: 500;
  width: 135px;
  font-size: 13px;
  padding: 4px 10px;
  margin: 0;
  text-align: center;
}
.cl-popup .modal-dialog .modal-content .cl-rebates .cl-rebates-select div span {
  font-size: 12px;
  font-weight: 500;
}
.cl-popup .modal-dialog .modal-content .cl-rebates .cl-rebates-select div .cl-rebate-price {
  display: block;
  margin-top: 3px;
}
.cl-popup .modal-dialog .modal-content .total-amount {
  height: -moz-fit-content;
  height: fit-content;
}
.cl-popup .modal-dialog .modal-content .total-amount table {
  margin: 15px 0px;
}
.cl-popup .modal-dialog .modal-content .total-amount table tr td:first-child {
  color: #2e3333;
  text-align: right;
  font-weight: 500;
  font-size: 20px;
}
.cl-popup .modal-dialog .modal-content .total-amount table tr td:last-child {
  width: 100px;
  text-align: left;
}
.cl-popup .modal-dialog .modal-content .total-amount table tr.rebates-summary td {
  font-weight: 400;
  font-size: 11px;
}
.cl-popup .modal-dialog .modal-content .total-amount table tr.rebates-summary td:last-child {
  padding-left: 10px;
  font-weight: 500;
}
.cl-popup .modal-dialog .modal-content .total-amount table tr.rebates-summary td:last-child div {
  display: inline-block;
  padding: 3px 0px;
}
.cl-popup .modal-dialog .modal-content.add-new-cl {
  text-align: left;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-body hr {
  margin-bottom: 2px;
  border-top: 1px solid #0085F0;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-body .row p {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-body .row.new-cl {
  margin: 15px 0px 20px 0px;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-body .row.new-cl label {
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-body .row.new-cl .cl-rebates-container {
  z-index: 3;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-body .row.cl-rebates {
  margin: 20px 0px 30px 0px;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-body .row.cl-rebates p {
  font-weight: 400;
  font-size: 10px;
  margin-left: 15px;
}
.cl-popup .modal-dialog .modal-content.add-new-cl .modal-footer {
  justify-content: flex-end;
}
.cl-popup .modal-dialog .modal-content .rx-selection {
  display: flex;
  align-items: center;
  margin-left: 15px;
}

button.btn-outline-primary {
  background-color: #fff !important;
  color: #147DFC !important;
}
button.btn-outline-primary:hover {
  background-color: #147DFC !important;
  color: #fff !important;
}
button.btn-outline-primary:active, button.btn-outline-primary:focus {
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
}
button:disabled {
  cursor: not-allowed;
}

.ost-header {
  margin-bottom: 16px;
}

.ost-order-button-wrapper.large {
  padding: 0 10px;
}

.ost-order-button.large .ost-order-base .ost-order-base-icon {
  margin: 0;
}

.patient-ehr-connection-alert {
  margin: 0 8px;
  font-weight: 500;
  border-radius: 8px;
}

.copay-final-cart {
  padding-bottom: 120px;
}
.copay-final-cart .copay-sections {
  margin-bottom: 0px;
}
.copay-final-cart .btn-outline-primary {
  background: #ffffff;
  color: #147dfc;
}
.copay-final-cart .seaction-header {
  text-align: center;
  position: relative;
  margin-bottom: -6px !important;
}
.copay-final-cart .seaction-header .cart-section {
  height: 50px;
  background: #2d7dfc;
  background-image: url(/images/cart-bg.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}
.copay-final-cart .seaction-header .cart-section.section-detail {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-style: normal;
  font-weight: normal;
  font-size: 35px;
  line-height: 43px;
  height: 70px;
  position: relative;
  text-align: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  padding-top: 10px;
}
.copay-final-cart .seaction-header .cart-section.section-detail .section-img {
  padding-bottom: 20px;
  width: 40px;
  margin-right: 20px;
}
.copay-final-cart .seaction-header .cart-section.section-detail .section-img-header {
  width: 40px;
  margin-right: 20px;
}
.copay-final-cart .section-list .list-title {
  font-weight: 500;
  font-size: 20px;
  color: #2e3333;
}
.copay-final-cart .section-list .cart-items {
  margin-top: 13px;
  width: 100%;
  padding-right: 15px;
  background: #ffffff;
  border-radius: 10px;
}
.copay-final-cart .section-list .cart-items .fc-single {
  padding: 10px 0px;
  display: table;
  width: 100%;
  border-bottom: unset !important;
}
.copay-final-cart .section-list .cart-items .fc-single .title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #2E3333;
  white-space: pre;
  display: flex;
  -moz-column-gap: 14px;
       column-gap: 14px;
  margin-top: 20px;
}
.copay-final-cart .section-list .cart-items .fc-single:last-child {
  border-bottom: none;
}
.copay-final-cart .section-list .cart-items .fc-single .add-new {
  padding-left: 10px;
  font-weight: 400;
  color: #2E3333;
}
.copay-final-cart .section-list .cart-items .fc-single .table-row {
  display: table-row;
}
.copay-final-cart .section-list .cart-items .fc-single .table-row .cell {
  display: table-cell;
  vertical-align: middle;
}
.copay-final-cart .section-list .cart-items .fc-single .table-row .pl35 {
  padding-left: 35px;
}
.copay-final-cart .section-list .cart-items .fc-single .notes {
  display: flex;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .fc-icon-img {
  background: #f9f5fd;
  border-radius: 8px;
  padding: 20px 50px;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .fc-icon-img img {
  height: 30px;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .note {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 10px 30px;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .note .date-time {
  display: flex;
  justify-content: space-between;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .note .date-time span {
  font-size: 15px;
  font-weight: bold;
  color: #2E3333;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .note .note-content {
  font-size: 14px;
  color: #606060;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .measurement {
  display: flex;
  justify-content: flex-start;
  font-size: 16px;
  color: #2E3333;
  align-items: center;
  flex-grow: 1;
  padding: 10px 30px;
  font-weight: 400;
}
.copay-final-cart .section-list .cart-items .fc-single .notes .action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-icon {
  width: 18%;
  text-align: center;
  padding: 0px 15px 0px 10px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-icon .img-frame {
  width: 80%;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-icon .fc-icon {
  border-radius: 8px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-info {
  width: 37%;
  padding: 10px 15px 10px 5px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-info .title {
  font-weight: 500;
  font-size: 15px;
  color: #2e3333;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-info .fc-change a {
  font-size: 14px;
  text-transform: capitalize;
  color: #00993B;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-info .fc-bottom {
  margin-top: 15px;
  display: table;
  width: 100%;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-info .fc-bottom .switch {
  display: table-cell;
  width: 50%;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-info .fc-bottom .switch .fc-insurance {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #657a8f;
  float: left;
  display: block;
  width: 100%;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-info .fc-bottom .fc-edit {
  text-align: right;
  margin-right: 10px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price {
  width: 50%;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .combined {
  font-size: 16px !important;
  line-height: 95px;
  color: #717171 !important;
  display: block;
  font-style: normal;
  font-weight: 500 !important;
  min-height: 95px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices {
  background: rgba(216, 222, 228, 0.15);
  border-radius: 10px;
  padding: 8px 16px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-price-top .fc-price-discount {
  float: right;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-price-top .fc-price-full,
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-price-top .fc-price-discount {
  display: inline-block;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-price-top .fc-price-full span,
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-price-top .fc-price-discount span {
  font-weight: normal;
  font-size: 12px;
  color: #657a8f;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-price-top .fc-price-full div,
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-price-top .fc-price-discount div {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #2e3333;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price {
  display: inline-block;
  position: relative;
  width: 30%;
  margin-left: 20px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices {
  width: 100%;
  background: rgba(216, 222, 228, 0.15);
  border-radius: 10px;
  padding: 12px 25px;
  top: 50%;
  position: absolute;
  transform: translate(0%, -50%);
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-full {
  float: left;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-discount {
  float: right;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-full,
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-discount {
  display: inline-block;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-full span,
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-discount span {
  font-weight: normal;
  font-size: 12px;
  color: #657a8f;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-full div,
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-price-top .fc-price-discount div {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #2e3333;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-copay {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-copay span {
  font-weight: normal;
  font-size: 12px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .final-cart-price .fc-prices .fc-copay div {
  font-weight: bold;
  font-size: 28px;
  margin-top: -8px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-copay {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-copay span {
  font-size: 12px;
  font-weight: 400;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-copay div {
  font-weight: bold;
  font-size: 28px;
  margin-top: -8px;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-price .fc-prices .fc-tax {
  display: flex;
  align-self: center;
  font-weight: normal;
  font-size: 12px;
  color: #657a8f;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-delete {
  display: inline-block;
  width: 24%;
  position: relative;
}
.copay-final-cart .section-list .cart-items .fc-single .final-cart-delete .ant-select .ant-select-selection-item {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  font-family: "TT Norms";
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-info .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #2E3333;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-info .subtitle {
  font-weight: 500;
  font-size: 15px;
  color: #2E3333;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-info .fc-change a {
  font-weight: 400;
  font-size: 14px;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-icon {
  width: 5%;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-info {
  padding: 10px 15px 10px 18px;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-include {
  width: 11%;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-include .switch {
  display: flex;
  flex-direction: column;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-include .switch .fc-insurance {
  font-weight: 400;
  font-size: 12px;
  color: #657A8F;
  margin-left: 10px;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-price .fc-prices {
  display: flex;
  align-items: flex-end;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-price .fc-prices .fc-price-full {
  font-weight: 700;
  text-transform: capitalize;
  color: #00993B;
  font-size: 16px;
  line-height: 19px;
}
.copay-final-cart .section-list.fc-smartcart .fc-single .final-cart-price .fc-prices .fc-price-tax {
  margin-bottom: 0px;
  margin-left: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #657A8F;
}
.copay-final-cart .section-list.fc-smartcart .cart-single-total .subtotal {
  align-items: center;
}
.copay-final-cart .section-list.fc-smartcart .cart-single-total .subtotal .sb-fullprice {
  width: 100%;
  padding: 8px;
  text-align: center;
}
.copay-final-cart .section-list.fc-smartcart .cart-single-total .subtotal-copay {
  margin-left: 20%;
  display: flex;
  flex-direction: column;
}
.copay-final-cart .section-list.fc-smartcart .cart-single-total .subtotal-copay div span {
  font-weight: 700;
  text-transform: capitalize;
  color: #00993B;
  font-size: 32px;
  line-height: 38px;
}
.copay-final-cart .section-list.fc-smartcart .cart-single-total .subtotal-copay div .fc-price-tax {
  display: inline-block;
  margin-left: 5px;
}
.copay-final-cart .section-list.fc-smartcart .cart-single-total .subtotal-copay div .fc-price-tax span {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #657A8F;
}

.copay-grand-cart .selected-items {
  height: 90px;
}
.copay-grand-cart .selected-items.fc-grand-total .subtotal-copay span {
  color: #147dfc;
}
.copay-grand-cart .selected-items.fc-grand-total .fc-title {
  width: 100px;
}
.copay-grand-cart .cart-single-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.copay-grand-cart .cart-single-total.cart-grand-total {
  padding: 12px 0px;
}
.copay-grand-cart .cart-single-total:not(.cart-grand-total) {
  margin-top: 15px;
  padding: 8px;
  border-radius: 10px;
}
.copay-grand-cart .cart-single-total .fc-subtotal-icon {
  width: 40px;
}
.copay-grand-cart .cart-single-total .fc-title {
  position: relative;
}
.copay-grand-cart .cart-single-total .fc-title .title {
  font-weight: 500;
  font-size: 16px;
}
.copay-grand-cart .cart-single-total .subtotal {
  margin-left: 30px;
  display: flex;
  background: #ffffff;
  border: 1px solid rgba(165, 179, 193, 0.55);
  border-radius: 8px;
  height: 63px;
}
.copay-grand-cart .cart-single-total .subtotal .sb-fullprice,
.copay-grand-cart .cart-single-total .subtotal .sb-discount {
  width: 50%;
  padding: 8px;
  text-align: center;
}
.copay-grand-cart .cart-single-total .subtotal .sb-fullprice div,
.copay-grand-cart .cart-single-total .subtotal .sb-discount div {
  font-size: 12px;
  color: #657a8f;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}
.copay-grand-cart .cart-single-total .subtotal .sb-fullprice span,
.copay-grand-cart .cart-single-total .subtotal .sb-discount span {
  font-weight: bold;
  color: #2e3333;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.copay-grand-cart .cart-single-total .subtotal .sb-discount {
  border-left: 1px solid #ced5dd;
}
.copay-grand-cart .cart-single-total .cart-subtotal {
  border: unset !important;
  border-radius: 8px !important;
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  justify-content: center;
  align-items: center;
}
.copay-grand-cart .cart-single-total .cart-subtotal .sb-discount,
.copay-grand-cart .cart-single-total .cart-subtotal .sb-fullprice {
  text-align: unset !important;
}
.copay-grand-cart .cart-single-total .cart-subtotal .sb-discount {
  border-left: unset !important;
}
.copay-grand-cart .cart-single-total .cart-val {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  justify-content: center;
  align-items: center;
}
.copay-grand-cart .cart-single-total .subtotal-copay {
  margin-left: 15px;
}
.copay-grand-cart .cart-single-total .subtotal-copay div {
  font-size: 12px;
  color: #657a8f;
}
.copay-grand-cart .cart-single-total .subtotal-copay .final-cart-subtotal-div {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.copay-grand-cart .cart-single-total .subtotal-copay span {
  font-family: TT Norms;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
}
.copay-grand-cart .cart-single-total .subtotal-discount {
  position: absolute;
  right: 50px;
}
.copay-grand-cart .cart-single-total .subtotal-discount .section-discount {
  font-weight: bold;
  font-size: 16px;
  color: #2e3333;
}
.copay-grand-cart .cart-single-total .subtotal-discount .section-discount span {
  margin-right: 10px;
}
.copay-grand-cart .cart-single-total .cart-place-order {
  margin-right: 37px;
}
.copay-grand-cart .cart-single-total .cart-place-order .btn {
  line-height: 17px;
  padding: 12px 40px 12px 40px;
  font-size: 14px;
  cursor: pointer;
  width: 187px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: TT Norms;
  font-weight: 700;
  letter-spacing: 0em;
  text-align: center;
}
.copay-grand-cart .cart-single-total .ost-footer-buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
  margin-right: 63px;
}
.copay-grand-cart .cart-single-total .ost-footer-buttons .quote-container {
  margin-right: 20px;
}

.hide-intercom {
  display: none;
}

.note {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.note .date-time {
  display: flex;
  justify-content: space-between;
}
.note .date-time span {
  font-size: 15px;
  font-weight: bold;
  color: #2E3333;
}
.note .note-content {
  font-size: 14px;
  color: #606060;
}

.cart-edit-popup {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 9999;
}
.cart-edit-popup .modal-content {
  margin-top: 20px;
  border-radius: 8px;
}
.cart-edit-popup .modal-content .modal-title {
  padding: 15px 30px;
}
.cart-edit-popup .modal-content .modal-title .title {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}
.cart-edit-popup .modal-content .modal-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  float: left;
  text-align: left;
}
.cart-edit-popup .modal-content .modal-body .edit-content .frame-image {
  width: 100%;
  padding: 30px 5px;
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid #d8dee4;
  border-radius: 10px;
}
.cart-edit-popup .modal-content .modal-body .edit-content .cart-icon-section {
  display: table;
}
.cart-edit-popup .modal-content .modal-body .edit-content .cart-icon-section .edit-cart-icon {
  width: 100%;
  text-align: center;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 8px;
}
.cart-edit-popup .modal-content .modal-body .edit-content .cart-icon-section .edit-cart-icon img {
  max-width: 100%;
}
.cart-edit-popup .modal-content .modal-body .edit-content .gc-title {
  font-weight: 500;
  font-size: 18px;
  color: #147dfc;
}
.cart-edit-popup .modal-content .modal-body .edit-content .fc-discount-switch {
  display: inline-block;
}
.cart-edit-popup .modal-content .modal-body .edit-content .fc-discount-switch .fc-discount,
.cart-edit-popup .modal-content .modal-body .edit-content .fc-discount-switch .fc-switch {
  float: left;
}
.cart-edit-popup .modal-content .modal-body .edit-content textarea {
  height: auto !important;
}
.cart-edit-popup .modal-content .modal-body .edit-content .textarea-control {
  display: block;
  width: 100%;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border-color: #ced4da;
  border-radius: 0.25rem;
  font-size: 14px;
  padding: 10px 15px;
  background-color: #fdfdff;
  min-height: 200px;
}
.cart-edit-popup .modal-content .modal-body .edit-content .title-error {
  border-color: red;
}
.cart-edit-popup .modal-content .modal-body .is-view .input-group-prepend,
.cart-edit-popup .modal-content .modal-body .is-view .input-group-append {
  display: none;
}
.cart-edit-popup .modal-content .modal-body .is-view .p-form-group .form-control {
  border-radius: 43px;
  pointer-events: none;
}
.cart-edit-popup .modal-content .modal-body .is-view .row .col-md-12 .link {
  visibility: hidden;
}
.cart-edit-popup .modal-content .modal-footer button {
  width: 125px;
  box-shadow: none;
}
.p-form-group {
  margin-top: 10px;
  margin-bottom: 10px;
}
.p-form-group label {
  display: block;
  color: #000000;
  font-weight: 500;
  font-size: 12px;
}
.p-form-group input {
  display: block;
  width: 100%;
  background: rgba(255, 255, 255, 0.43);
  color: #657a8f;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 20px;
  border: 1px solid #a5b3c1;
  border-radius: 32px;
  height: 38px;
}
.p-form-group input.MuiSwitch-input {
  width: 300% !important;
}
.p-form-group .btn-outline {
  width: 100%;
  background: #ffffff;
  border: 1px solid #a5b3c1;
  color: #147dfc;
  font-weight: 500;
  cursor: pointer;
}
.p-form-group .title {
  font-weight: bold;
  font-size: 28px;
  line-height: 33px;
  color: #147dfc;
}
.p-form-group .title-error {
  border: 1px solid red;
}
.p-form-group .title-validate {
  border: 1px solid #a5b3c1;
}
.p-form-group .edit-tax {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  text-decoration: underline !important;
  cursor: pointer;
  display: inline;
  margin-left: 10px;
  color: #147DFC !important;
}
.p-form-group .edit-tax.cancel {
  color: #FF463A !important;
}
.p-form-group .switch .edit-tax-input {
  width: 100px;
  display: inline;
  margin-right: 10px;
}
.p-form-group select {
  border-radius: 32px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  border: 1px solid #a5b3c1;
  background-image: url("/images/icons/dropdown-arrow.svg");
}
.p-form-group .input-group .input-group-prepend,
.p-form-group .input-group .input-group-append {
  width: 50px;
}
.p-form-group .input-group .input-group-prepend span,
.p-form-group .input-group .input-group-append span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-form-group .input-group input {
  flex-grow: 1;
}

.custom-switch {
  background: rgba(255, 255, 255, 0.43);
  height: 38px;
  float: right;
}
.custom-switch .p-form-group {
  width: 305px;
}
.custom-switch .p-form-group input {
  border-radius: unset !important;
  border: 1px solid #D0DAE3 !important;
  text-align: center;
  font-family: TT Norms;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  color: #000000;
}
.custom-switch .switch-left,
.custom-switch .switch-right {
  height: 100%;
  width: 44px;
  padding: 10px;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #D0DAE3;
}
.custom-switch .switch-left {
  background: #fff url(/images/icons/usd.svg) no-repeat center;
  border-radius: 4px 0px 0px 4px;
}
.custom-switch .switch-left.active {
  width: 44px;
  background: #147dfc url(/images/icons/usd-blue.svg) no-repeat center;
  border: 1px solid #147dfc;
  height: 39px;
  padding: 10px;
}
.custom-switch .switch-right {
  background: #fff url(/images/icons/percentage.svg) no-repeat center;
  border-radius: 0px 4px 4px 0px;
}
.custom-switch .switch-right.active {
  width: 44px;
  background: #147dfc url(/images/icons/percentage-blue.svg) no-repeat center;
  border: 1px solid #147dfc;
  height: 39px;
  padding: 10px;
}

@media only screen and (max-width: 768px) {
  .cart-edit-popup .modal-dialog {
    width: 500px;
    margin: auto;
  }
}
.fc-exams .fc-icon {
  background: #fff8ed;
}
.fc-exams .fc-icon img {
  padding: 50px 40px;
}
.fc-exams .apply-btn-container {
  display: flex;
  justify-content: space-between;
}
.fc-exams .apply-btn-container .list-title {
  display: unset !important;
  -moz-column-gap: unset !important;
       column-gap: unset !important;
}
.fc-exams .apply-btn-container .list-title .title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #FFAC01;
  margin-left: 7px;
}
.fc-exams .apply-btn-container .apply-discount-span {
  color: #FFAC01;
}
.fc-exams .final-cart-info .fc-change a {
  color: #ff9f00;
}
.fc-exams .final-cart-price .fc-copay div {
  color: #ff9f00;
}
.fc-exams .cart-single-total {
  background: #fff8ed;
}
.fc-exams .cart-single-total .title {
  color: #ff9f00;
}
.fc-exams .subtotal-copay span {
  color: #ff9f00;
}
.fc-exams .subtotal-discount .section-discount a {
  color: #ff9f00;
}

.fc-frames .fc-icon {
  background: #f2fbfb;
}
.fc-frames .fc-icon img {
  padding: 50px 40px;
}
.fc-frames .apply-discount-span {
  color: #41C9C9;
}
.fc-frames .list-title .title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #41C9C9;
}
.fc-frames .final-cart-info .fc-change a {
  color: #41c9c9;
}
.fc-frames .final-cart-price .fc-copay div span {
  color: #41c9c9 !important;
}
.fc-frames .cart-single-total {
  background: #f2fbfb;
}
.fc-frames .cart-single-total .title {
  color: #41c9c9;
}
.fc-frames .subtotal-copay span {
  color: #41c9c9;
}
.fc-frames .subtotal-discount .section-discount a {
  color: #41c9c9;
}

.fc-clens .fc-icon {
  background: #f9f5fd;
}
.fc-clens .fc-icon img {
  width: 140px;
  height: auto;
  padding: 60px 40px;
}
.fc-clens .apply-discount-span {
  color: #41C9C9;
}
.fc-clens .list-title .title {
  color: #ac72e5;
}
.fc-clens .final-cart-info .fc-change a {
  color: #ac72e5;
}
.fc-clens .final-cart-price .fc-copay div {
  color: #ac72e5;
}
.fc-clens .cart-single-total {
  background: #f9f5fd;
}
.fc-clens .cart-single-total .title {
  color: #ac72e5;
}
.fc-clens .subtotal-copay span {
  color: #ac72e5;
}
.fc-clens .subtotal-discount .section-discount a {
  color: #ac72e5;
}
.fc-clens .apply-btn-container {
  display: flex;
  justify-content: space-between;
}
.fc-clens .apply-btn-container .list-title {
  display: unset !important;
  -moz-column-gap: unset !important;
       column-gap: unset !important;
}
.fc-clens .apply-btn-container .list-title .title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #AC72E5;
  margin-left: 7px;
}
.fc-clens .apply-btn-container .apply-discount-span {
  color: #AC72E5;
}

.fc-smartcart .fc-icon {
  background: #EBFFF3;
}
.fc-smartcart .fc-icon img {
  width: 120px;
  height: auto;
  padding: 20px 40px;
}
.fc-smartcart .final-cart-info .fc-change a {
  font-weight: 500 !important;
}
.fc-smartcart .final-cart-price .fc-copay div {
  color: #00993B;
}
.fc-smartcart .cart-single-total {
  background: #EBFFF3;
}
.fc-smartcart .cart-single-total .title {
  color: #00993B;
}
.fc-smartcart .subtotal-copay span {
  color: #00993B;
}
.fc-smartcart .subtotal-discount .section-discount a {
  color: #00993B;
}

.fc-misc .fc-icon {
  background: #eceeff;
}
.fc-misc .fc-icon img {
  width: 140px;
  height: auto;
  padding: 60px 40px;
}
.fc-misc .final-cart-price .fc-copay div span {
  color: #2B79EF !important;
}
.fc-misc .final-cart-info .fc-change a {
  color: #2B79EF;
}
.fc-misc .final-cart-price .fc-copay div {
  color: #2B79EF;
}
.fc-misc .list-title .title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #2B79EF;
}
.fc-misc .cart-single-total {
  background: #eceeff;
}
.fc-misc .cart-single-total .title {
  color: #2B79EF;
}
.fc-misc .subtotal-copay span {
  color: #2B79EF;
}
.fc-misc .subtotal-discount .section-discount a {
  color: #2B79EF;
}

.notes-popup .modal-header,
.lens-measurement .modal-header,
.print-options .modal-header {
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
}
.notes-popup .modal-header .modal-header-title,
.lens-measurement .modal-header .modal-header-title,
.print-options .modal-header .modal-header-title {
  font-weight: 500;
  text-align: left;
  font-size: 18px;
  color: #000000;
}

.print-options .modal-dialog {
  max-width: 600px;
}
.print-options .options {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  padding: 10px 20px;
}
.print-options .options div {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-color: #F2F7FF;
  color: #2B79EF;
  font-weight: 700;
  width: 110px;
  height: 120px;
  border-radius: 8px;
}
.print-options .options div span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.print-options .options div span img {
  width: 30px;
}
.print-options .options div.lens-measurement img {
  width: 45px;
}
.print-options .options div.selected {
  border: 2px solid #2B79EF;
}
.print-options .options div .disabled-icon {
  display: none;
}
.print-options .options div.disabled {
  color: #D2D2D2;
}
.print-options .options div.disabled .dark-icon {
  display: none;
}
.print-options .options div.disabled .disabled-icon {
  display: block;
}
.print-options .options div.disabled input[type=checkbox] {
  visibility: hidden;
}
.print-options button:disabled {
  background-color: #A5B3C1;
  color: #fff;
  border-color: transparent;
}
.print-options button:disabled:hover {
  background-color: #A5B3C1 !important;
  color: #fff;
}

@media (min-width: 576px) {
  .lens-measurement .modal-dialog {
    max-width: 880px;
  }
}
@media (max-width: 768px) {
  .lens-measurement .modal-dialog {
    width: 100%;
  }
}
.lens-measurement .sub-title {
  background: #E6EEF6;
  color: #147DFC;
  font-weight: 700;
  font-size: 25px;
  display: block;
  padding: 15px 10px;
}
.lens-measurement .modal-body {
  overflow: auto;
  max-height: 70vh;
}
.lens-measurement .modal-body input::-webkit-outer-spin-button,
.lens-measurement .modal-body input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
.lens-measurement .modal-body input[type=number] {
  -moz-appearance: textfield;
}
.lens-measurement .modal-body .divider {
  border: none;
  height: 2px;
  background: #E6EEF6;
  opacity: 0.5;
}
.lens-measurement .modal-body .link-all {
  display: block;
}
.lens-measurement .modal-body .link-all .link {
  margin-top: 0;
  margin-bottom: 10px;
}
.lens-measurement .modal-body .od_os_grp .row {
  align-items: flex-end;
}
.lens-measurement .modal-body .link {
  height: 40px;
  margin-top: 18px;
  margin-bottom: 11px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.lens-measurement .modal-body .link.unlinked {
  background-image: url("/images/icons/cl-unlinked.svg");
}
.lens-measurement .modal-body .link.linked {
  background-image: url("/images/icons/cl-linked.svg");
}
.lens-measurement .modal-body .edit-content {
  margin-bottom: 60px;
}
.lens-measurement .modal-body .edit-content .col-md-12 .col-md-5:first-child {
  padding-right: 0px;
}
.lens-measurement .modal-body .edit-content .col-md-12 .col-md-5:last-child {
  padding-left: 0px;
}
.lens-measurement .modal-body .edit-content .col-md-5:nth-child(2), .lens-measurement .modal-body .edit-content .col-md-5:nth-child(6) {
  padding-right: 0px;
}
.lens-measurement .modal-body .edit-content .col-md-5:nth-child(4), .lens-measurement .modal-body .edit-content .col-md-5:nth-child(8) {
  padding-left: 0px;
}
.lens-measurement .modal-body .edit-content .col-md-2 {
  padding: 0;
}
.lens-measurement .modal-body .edit-content .col-md-2 .col-md-12 {
  padding: 0;
}

.market-survey {
  padding: 0 30px;
}
.market-survey .sub-title {
  color: #2e3333;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 24px;
}
.market-survey .label {
  font-weight: 500;
  font-size: 16px;
}
.market-survey .form-control {
  border-radius: 3px;
}
.market-survey .required-text {
  font-size: 12px;
  color: #2e3333;
  margin-bottom: 24px;
}
.market-survey .required-text:after {
  content: "*";
  color: #2e3333;
}
.market-survey .react-select__control {
  border-style: solid;
  border: 1px solid #a5b3c1;
}
.market-survey .react-select__control .react-select__value-container {
  display: flex;
}
.market-survey .react-select__control .react-select__value-container .react-select__single-value {
  color: #2E3333;
  font-size: 14px;
  font-weight: 500;
}
.market-survey .react-select__control .react-select__value-container .react-select__input-container {
  margin: 0;
  padding: 0;
}
.market-survey .react-select__control .react-select__placeholder {
  color: #8C8C8C;
  font-size: 14px;
  font-weight: 500;
}
.market-survey .react-select__control .react-select__indicators .react-select__indicator-separator {
  background-color: #a5b3c1;
}
.market-survey .react-select__control .react-select__indicators .react-select__dropdown-indicator {
  padding: 8px 10px;
}
.market-survey .react-select__option {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 10px;
  width: auto;
  background-color: #FFFFFF;
  color: #8C8C8C;
}
.market-survey .react-select__option:hover, .market-survey .react-select__option:focus {
  color: #147dfc;
}
.market-survey .react-select__option.react-select__option--is-selected {
  background-color: #147dfc;
  color: #FFFFFF;
}

.acuity-order-summary {
  padding: 0 30px;
}
.acuity-order-summary .sub-title {
  color: #2e3333;
  font-weight: 500;
  font-size: 20px;
}
.acuity-order-summary .btn-outline-primary:focus, .acuity-order-summary .btn-outline-primary:active, .acuity-order-summary .btn-outline-primary:hover {
  color: #ffffff;
  background: #147dfc !important;
}
.acuity-order-summary .acuity-order-summary-list {
  margin-top: 20px;
}
.acuity-order-summary .acuity-order-summary-list .card {
  box-shadow: none;
  background: #F9FAFF;
  border: 1px solid rgba(165, 179, 193, 0.55);
  border-radius: 10px;
  padding: 35px 5px;
  color: #2E3333;
  font-size: 16px;
}
.acuity-order-summary .acuity-order-summary-list .card .item-title {
  font-weight: 700;
}
.acuity-order-summary .acuity-order-summary-list .card .item-title .fa-check {
  display: none;
}
.acuity-order-summary .acuity-order-summary-list .card .item-details {
  font-weight: 500;
}
.acuity-order-summary .acuity-order-summary-list .card .item-details .fa-clone {
  font-size: 1rem;
}
.acuity-order-summary .acuity-order-summary-list .card:hover {
  background: #F2F7FF;
  border: 1px solid rgba(165, 179, 193, 0.55);
  color: #147DFC;
  cursor: pointer;
}
.acuity-order-summary .acuity-order-summary-list .card:hover .item-details a {
  text-decoration: underline;
}
.acuity-order-summary .acuity-order-summary-list .card.completed {
  background: #F2F7FF;
  border: 1px solid rgba(165, 179, 193, 0.55);
  color: #147DFC;
}
.acuity-order-summary .acuity-order-summary-list .card.completed .fa-check {
  display: inline-block;
  margin-right: 5px;
}

.react-tiny-popover-container {
  width: 203px;
  z-index: 10000;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 4px 20px rgba(101, 122, 143, 0.6);
  border-radius: 4px;
}
.react-tiny-popover-container .popover-arrow-container {
  padding: 0px;
}
.react-tiny-popover-container .popover-arrow-container .popover-arrow {
  padding: 5px;
  margin-top: -11px;
}
.react-tiny-popover-container .popover-arrow-container .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: 1px;
  border-width: 0 0.5rem 0.6rem 0.5rem;
  border-bottom-color: #E0E0E0;
}
.react-tiny-popover-container .popover-arrow-container .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: 2px;
  border-width: 0 0.5rem 0.6rem 0.5rem;
  border-bottom-color: #fff;
}
.react-tiny-popover-container .popover-arrow-container .popover-body {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #657A8F;
  padding: 2px;
}
.react-tiny-popover-container .popover-arrow-container.acuity-order-popover .popover-arrow {
  margin-bottom: -11px;
  transform: rotate(180deg);
}

.acuity-order-details .modal-dialog {
  max-width: 1100px;
}
.acuity-order-details .modal-dialog .modal-header-title {
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  display: flex;
}
.acuity-order-details .modal-dialog .modal-header-title input {
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
  width: auto;
  padding: 8px 20px;
  height: 35px;
  margin-bottom: 10px;
}
.acuity-order-details .modal-dialog .modal-header-title .plan-detail-text {
  font-size: 12px;
  display: flex;
}
.acuity-order-details .modal-dialog .modal-header-title .modal-info-text {
  font-size: 12px;
  color: red;
  margin-left: 150px;
}
.acuity-order-details .modal-dialog .close {
  color: #bfbcbc;
}
.acuity-order-details .modal-dialog .modal-body {
  padding: 0;
}
.acuity-order-details .modal-dialog .modal-body .table tr td {
  font-weight: 400;
  color: #2E3333;
}
.acuity-order-details .modal-dialog .modal-body .table tr.subtotal td {
  font-weight: 500;
  color: #2E3333;
  font-size: 15px;
}
.acuity-order-details .modal-dialog .modal-body .copy-popover {
  display: inline-block;
}
.acuity-order-details .modal-dialog .modal-body .copy-popover:hover {
  color: #147DFC;
  cursor: pointer;
}
.acuity-order-details .modal-dialog .modal-footer .btn-primary.disabled {
  background: #3786e6 !important;
}
.acuity-order-details .react-tiny-popover-container {
  top: -5px !important;
  left: -25px !important;
}
.acuity-order-details .react-tiny-popover-container .popover-arrow-container {
  padding: 10px 0 !important;
}
.acuity-order-details .react-tiny-popover-container .popover-arrow-container .popover-arrow {
  padding: 5px;
}
.acuity-order-details .react-tiny-popover-container .popover-arrow-container .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: 1px;
  border-width: 0 0.5rem 0.6rem 0.5rem;
  border-bottom-color: #E0E0E0;
}
.acuity-order-details .react-tiny-popover-container .popover-arrow-container .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: 2px;
  border-width: 0 0.5rem 0.6rem 0.5rem;
  border-bottom-color: #fff;
}
.acuity-order-details .react-tiny-popover-container .popover-body {
  background-color: #FFFFFF;
  padding: 15px;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  color: #657A8F;
  border: 1px solid #E0E0E0;
  padding: 8px 9px;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
}
.acuity-order-details .react-tiny-popover-container .popover-body .copied {
  color: #147DFC;
}
.acuity-order-details table {
  color: #2e3333;
  margin-bottom: 0;
}
.acuity-order-details table thead tr {
  background: #EDF4F9;
  border: 1px solid #E2E2E2;
  border-radius: 0px;
  line-height: 20px;
}
.acuity-order-details table thead tr th {
  font-weight: 700;
  font-size: 14px;
  border: none;
}
.acuity-order-details table thead tr th .fa-info-circle {
  color: #dfdfdf;
}
.acuity-order-details table tbody tr {
  border: 1px solid #e2e2e2;
  border-radius: 0px;
  line-height: 25px;
}
.acuity-order-details table tbody tr td {
  font-size: 13px;
}
.acuity-order-details table tbody tr td .fa-copy {
  color: #dfdfdf;
  font-size: 16px;
  cursor: pointer;
  padding: 0 10px;
}
.acuity-order-details table tbody tr td:first-child:hover .fa-copy {
  color: #147DFC;
}
.acuity-order-details table tbody tr:last-child {
  font-weight: 500;
  line-height: 40px;
  border-bottom: none;
}
.acuity-order-details table tbody tr:last-child td {
  font-size: 16px;
}

.order-summary-print {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.order-summary-print .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 20px;
}
.order-summary-print .header .patient-info {
  flex-direction: column;
  padding-right: 40px;
  text-transform: capitalize;
}
.order-summary-print .footer {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
}
.order-summary-print .body {
  margin: 100px 0;
}
.order-summary-print .body .details {
  padding: 20px;
}
.order-summary-print .body .details .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}
.order-summary-print .body .details .sub-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-top: 20px;
}
.order-summary-print .body table {
  color: #2e3333;
  margin-top: 20px;
  margin-bottom: 0;
}
.order-summary-print .body table thead tr {
  background: #F9FAFF;
  border: 1px solid #E2E2E2;
  border-radius: 0px;
  line-height: 20px;
}
.order-summary-print .body table thead tr th {
  font-weight: 700;
  font-size: 12px;
  border: none;
}
.order-summary-print .body table tbody tr {
  border: 1px solid #e2e2e2;
  border-radius: 0px;
  line-height: 25px;
}
.order-summary-print .body table tbody tr td {
  font-size: 13px;
}
.order-summary-print .body table tbody tr td .fa-copy {
  color: #dfdfdf;
  font-size: 16px;
  cursor: pointer;
  padding: 0 10px;
}
.order-summary-print .body table tbody tr td:first-child:hover .fa-copy {
  color: #147DFC;
}
.order-summary-print .body table tbody tr:last-child {
  font-weight: 500;
  line-height: 40px;
  border-bottom: none;
}
.order-summary-print .body table tbody tr:last-child td {
  font-size: 16px;
}
.order-summary-print .body .acuity-order tbody tr:last-child {
  border: 1px solid #e2e2e2;
}

.lens-measurement-summary .sub-title {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}
.lens-measurement-summary .sub-title p {
  font-weight: 400;
  font-size: 12px;
}
.lens-measurement-summary .btn {
  height: 45px;
}

.patient-order-notes .section-container .d-flex {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}
.patient-order-notes .order-table {
  padding: 0px 10px;
}
.patient-order-notes .order-table .table-md thead tr th .mange-note {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  text-transform: capitalize;
  color: #2E3333;
}
.patient-order-notes .order-table .table-md thead tr th .mange-note span {
  display: inline-block !important;
  color: #A5B3C1;
}
.patient-order-notes .order-table .table-md thead tr th .mange-note .note-dropdown {
  margin-left: auto;
}
.patient-order-notes .order-table .table-md thead tr th .mange-note .note-dropdown .dropdown .dropdown-trigger {
  align-items: center;
  background: #fff;
  border: 0.5px solid #a5b3c1;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px;
}
.patient-order-notes .order-table .table-md thead tr th .mange-note .note-dropdown .dropdown .dropdown-menu {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  padding: 5px 2px;
  width: 140px;
}
.patient-order-notes .order-table .table-md thead tr th .mange-note .note-dropdown .dropdown .dropdown-menu .dropdown-item {
  align-items: center;
  color: #657a8f;
  display: flex;
  font-size: 11px;
  font-weight: 500;
  padding: 7px 5px;
}
.patient-order-notes .order-table .table-md tbody tr td {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  color: #2E3333;
}

.nav-justified {
  align-items: center;
}

.pay-details .payment-status-area {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0px;
  margin-right: 95px;
  margin-bottom: 55px;
  padding-bottom: 15px;
}
.pay-details .payment-status-area .payment-status {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 5px 16px 16px 16px;
  background: #FFFFFF;
  border: 1px solid #D0DAE3;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.pay-details .payment-status-area .payment-status .title {
  border-bottom: 1px solid #D0DAE3;
  width: 100%;
  line-height: 33px;
  font-weight: 700;
  font-size: 16px;
  line-height: 35px;
  color: #2E3333;
}
.pay-details .payment-status-area .payment-status .steps {
  margin-top: 15px !important;
}
.pay-details .payment-status-area .payment-status .steps .step {
  display: flex;
  margin-bottom: 8px;
}
.pay-details .payment-status-area .payment-status .steps .step:last-child {
  margin-bottom: 0px;
}
.pay-details .payment-status-area .payment-status .steps .step .status-icon {
  margin-right: 10px;
}
.pay-details .payment-status-area .payment-status .steps .step .status-icon .fas {
  font-size: 16px;
}
.pay-details .payment-status-area .payment-status .steps .step .sub-title {
  font-weight: 700;
  font-size: 14px;
  color: #657A8F;
}
.pay-details .payment-status-area .payment-status .steps .step .sub-title span {
  color: #147DFC;
  cursor: pointer;
}
.pay-details .payment-status-area .payment-status .steps .step.completed {
  color: #50C859;
}
.pay-details .payment-status-area .payment-status .steps .step.completed .sub-title {
  color: #50C859;
}
.pay-details .payment-status-area .payment-status .steps .step.completed .sub-title span {
  color: #50C859;
}
.pay-details:hover .payment-status-area {
  display: flex;
}

.smart-cart-detail .modal-dialog .modal-content .modal-header .row h4 {
  font-weight: 500;
  font-size: 22px;
  color: #000000;
}
.smart-cart-detail .modal-dialog .modal-content .modal-body p {
  padding: 30px 0px;
}

.number-super-format {
  vertical-align: revert;
}

.fc-container {
  display: flex;
  justify-content: space-between;
}
.fc-container .fc-copay {
  margin-top: unset !important;
}
.fc-container .fc-copay div {
  margin-top: -17px !important;
}
.fc-container .fc-copay div span {
  font-size: 16px !important;
  line-height: 19px !important;
  color: #FFAC01;
  font-weight: 700 !important;
  margin-left: 8px;
}
.fc-container .fc-price-full div span,
.fc-container .fc-price-discount div span {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #2E3333 !important;
}

.cart-single-container {
  display: flex;
}

.final-cart-sbtotal {
  text-align: unset !important;
}

.final-cart-icon img {
  width: 168px !important;
  height: 112px;
}

.final-cart-frame-price {
  width: 33% !important;
}

.fc-frame-container {
  justify-content: space-between !important;
}

.sidebar-mini .main-content .main-content__inner .copay-grand-cart .selected-items {
  width: calc(100% - 65px) !important;
}

.smart-cart-items-title {
  padding-bottom: unset !important;
  margin-bottom: -4px;
}

.smart-cart-single {
  padding: unset !important;
}
.smart-cart-single .smart-cart-row {
  display: flex !important;
  justify-content: space-between;
}
.smart-cart-single .smart-cart-row .smart-cart-price-include-container {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.smart-cart-single .smart-cart-row .smart-cart-price-include-container .final-cart-price {
  width: unset !important;
}

.final-smart-cart-include {
  display: flex !important;
  justify-content: center;
  /* align-items: center; */
}

.smart-cart-copay {
  row-gap: 3px;
  display: flex;
  flex-direction: column;
}

.fc-smartcart .list-title {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.fc-smartcart .list-title .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #00993B;
}

.subtotal-main-container {
  display: flex;
}
.subtotal-main-container .subtotal {
  background: unset !important;
  border: unset !important;
}
.subtotal-main-container .subtotal .sb-discount {
  border-left: unset !important;
}

.frame-title-container {
  display: flex;
}
.frame-title-container .frame-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: unset !important;
}
.frame-title-container .frame-title span {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
}
.frame-title-container .frame-cart-icon {
  width: unset !important;
  text-align: unset !important;
}

.final-misc-cart-delete {
  width: 3% !important;
}

.section-list .apply-btn-container {
  display: flex;
  justify-content: space-between;
}
.section-list .apply-btn-container .apply-discount-span {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
}

.add-additional-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #2B79EF;
  cursor: pointer;
}

.cart-items > .no-frame-icon-container ~ .no-frame-icon-container {
  display: none;
}

.no-frame-icon-container {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.no-frame-icon-container .no-frame-selected {
  display: flex;
  width: 143px;
  height: 82px;
  background: rgba(216, 222, 228, 0.15);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
}
.no-frame-icon-container .frame-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #2E3333;
}

.inner-subtotal {
  display: none !important;
}

.inner-subtotal:last-child {
  display: flex !important;
}

.frame-inner-subtotal {
  display: flex;
  flex-direction: column;
  /* float: right; */
  align-items: flex-end;
  row-gap: 8px;
}
.frame-inner-subtotal .retail-subtotal {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.frame-inner-subtotal .retail-subtotal .heading,
.frame-inner-subtotal .retail-subtotal .sub-value {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.frame-inner-subtotal .paitent-pay-total {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.frame-inner-subtotal .paitent-pay-total .heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height */
  color: #41C9C9;
}
.frame-inner-subtotal .paitent-pay-total .sub-value {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height */
  text-align: right;
  color: #000000;
}

.smart-cart-price-include-container .final-smart-cart-delete .final-dot-img {
  top: 17% !important;
}

.tab-title {
  display: flex;
  justify-content: space-between;
  /* width: 100%; */
  align-items: center;
}
.tab-title .final-tab-delete {
  width: 31% !important;
}

.final-cart-tab-price {
  width: 200% !important;
}

.tab-price-cell {
  display: flex;
  justify-content: center;
  margin-top: 17px;
}

@media (min-width: 576px) and (max-width: 1024px) {
  .desktop-version {
    display: none !important;
  }
  .copay-final-cart .section-list .cart-items .fc-single .title {
    margin-top: unset !important;
  }
  .copay-final-cart .section-list .cart-items .fc-single .final-cart-delete img {
    right: 19% !important;
  }
  .selected-items {
    width: 100% !important;
  }
  #hubspot-messages-iframe-container iframe {
    display: none !important;
  }
  .copay-bg {
    background-color: #fff;
  }
  .frame-tab-select {
    margin-left: 42px !important;
  }
  .cart-items .list-items {
    width: 100% !important;
  }
  .dropdown-container {
    width: 16% !important;
  }
  .dropdown-trigger {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 40px;
    /* display: table-column-group; */
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 35px !important;
    top: unset !important;
    transform: translateY(29%) !important;
    cursor: pointer;
    left: unset !important;
  }
  .delete-modal-popup {
    transform: translateY(100%) !important;
  }
  .tab-title .final-tab-delete {
    width: 26% !important;
  }
  .select-popup-plan {
    left: 541.302px !important;
  }
}
.edit-note-section .apply-discount-title {
  display: contents;
}
.edit-note-section .apply-discount-title .heading_name {
  font-family: "TT Norms";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.edit-note-section .apply-discount-title .heading_type {
  font-family: "TT Norms";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.discount-type .ant-space-item {
  font-family: TT Norms;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}
.discount-type .radio-item {
  gap: 14px !important;
}

.apply-discount-btn {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 43px;
}

.apply-discount-btn:disabled {
  color: #9FADB5 !important;
  background-color: #D0DAE3 !important;
  border-color: #D0DAE3 !important;
}

.apply-cancel-btn {
  color: #147DFC;
  background: unset;
  font-family: TT Norms;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  border: unset !important;
  margin-right: -27px !important;
  outline: unset !important;
}

.apply-cancel-btn:hover {
  border: unset !important;
}

.apply-cancel-btn:focus {
  outline: unset !important;
}

.fc-discount-switch {
  width: 393px !important;
}

.fc-discount {
  width: 305px;
}

.applied-discount-container {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.applied-discount-btn {
  width: auto;
  height: 33px;
  padding: 8px;
  border-radius: 4px;
  border: unset !important;
  color: white;
  font-family: TT Norms;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  cursor: pointer;
}

.edit-discount-icon {
  display: none;
}

.applied-discount-btn:hover {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
}
.applied-discount-btn:hover .edit-discount-icon {
  display: block !important;
}

.discount-select .react-select__control {
  height: 42px !important;
  width: 391px !important;
}
.discount-select .react-select__indicator-separator {
  margin-top: 0px !important;
}
.discount-select .react-select__input-container {
  padding-top: 0px !important;
}
.discount-select .react-select__placeholder {
  margin-top: -9px !important;
}

.edit-discount {
  justify-content: flex-end;
  margin-top: 36px;
}
.edit-discount .subtotal {
  -moz-column-gap: 10px;
       column-gap: 10px;
  display: flex;
}
.edit-discount .subtotal .sb-discount div,
.edit-discount .subtotal .sb-fullprice div {
  font-family: TT Norms;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #657A8F;
}
.edit-discount .subtotal .sb-discount span,
.edit-discount .subtotal .sb-fullprice span {
  font-family: TT Norms;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #2E3333;
}
.edit-discount .subtotal .patient-pay div {
  font-family: TT Norms;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #657A8F;
}
.edit-discount .subtotal .patient-pay span {
  font-family: TT Norms;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.applied-discount-info-text {
  font-family: TT Norms;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 10px;
}

.brand-title {
  color: #2E3333;
  font-family: TT Norms;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.brand-model {
  font-family: TT Norms;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  color: #2E3333;
}

.edit-cart-image {
  vertical-align: unset !important;
}

.add-discount-title {
  font-family: TT Norms;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.selected-plan {
  z-index: 9999 !important;
  width: 100%;
}
.selected-plan .ant-select-selection-placeholder, .selected-plan .ant-select-item-option-content, .selected-plan .ant-select-item, .selected-plan .ant-select-item-option-active, .selected-plan .ant-select-selection-item {
  font-size: medium;
  font-family: "TT Norms";
  color: #2c2c2c !important;
}

.change-dropdown {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
.change-dropdown .dropdown-item {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
}

.contact-lenses div span {
  color: #AC72E5 !important;
}

.apply-discount-title .contact-lense-heading {
  color: #AC72E5;
}
.apply-discount-title .Frames {
  color: #41C9C9;
}
.apply-discount-title .Exams {
  color: #FFAC01;
}

.contact-lense-heading {
  color: #AC72E5;
}

.Frames {
  color: #41C9C9;
}

.Exams {
  color: #FFAC01;
}

.fc-lens-measurment .list-title .title {
  color: #2B79EF;
}

.fc-notes .list-title .title {
  color: #2B79EF;
}

.apply-btn-container .list-title {
  width: 50%;
}

.fc-frames .apply-btn-container .list-title img {
  width: 29px;
  height: 29px;
  margin-top: 0px;
}
.fc-frames .apply-btn-container .applied-discount-btn {
  background: #41C9C9;
}

.fc-exams .apply-btn-container .list-title img {
  width: 24px;
  height: 24px;
  margin-top: -3px;
}
.fc-exams .apply-btn-container .applied-discount-btn {
  background: #FFAC01;
}

.fc-lens .apply-btn-container .applied-discount-btn {
  background: #AC72E5;
}

.dropdown-not-delete-item, .frame-delete-cart {
  margin: 0px 16px 0px 9px;
  width: 162px;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.change-dropdown {
  width: 182px !important;
}
.change-dropdown .dropdown-not-delete-item:hover {
  background-color: #F2F7FF;
}
.change-dropdown .frame-delete-cart:hover {
  background-color: rgba(235, 87, 87, 0.1019607843);
  border-radius: 4px;
}

.order-list-section .section-container {
  padding: 10px 0;
}

.order-history .react-select__control {
  border-style: none;
  background-color: #f5f5f5;
}
.order-history .react-select__control .react-select__value-container {
  display: flex;
}
.order-history .react-select__control .react-select__value-container .react-select__single-value {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 500;
}
.order-history .react-select__control .react-select__value-container .react-select__single-value.paid {
  color: #00b30f;
}
.order-history .react-select__control .react-select__value-container .react-select__single-value.unpaid {
  color: #eb5757;
}
.order-history .react-select__control .react-select__placeholder {
  color: #657a8e;
  font-size: 14px;
  font-weight: 400;
}
.order-history .react-select__control .react-select__input-container,
.order-history .react-select__control .react-select__input {
  margin: 0;
  padding: 0;
}
.order-history .react-select__control .react-select__indicators .react-select__indicator-separator {
  display: none;
}
.order-history .react-select__option {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 10px;
  width: auto;
  background-color: #ffffff;
  color: #8c8c8c;
}
.order-history .react-select__option:hover, .order-history .react-select__option:focus {
  color: #147dfc;
}
.order-history .react-select__option.react-select__option--is-selected {
  color: #147dfc;
}
.order-history .export-btn {
  border-radius: 4px;
  box-shadow: none;
  padding: 6px 15px;
}
.order-history .export-btn.disabled {
  background-color: #147dfc;
  border: #147dfc;
  pointer-events: none;
}
.order-history .has-search .form-control {
  padding-left: 2rem;
  background: #f5f5f5;
  border-radius: 4px;
  height: 38px;
}
.order-history .has-search .form-control::-moz-placeholder {
  color: #657a8e;
}
.order-history .has-search .form-control::placeholder {
  color: #657a8e;
}
.order-history .has-search .fa-search,
.order-history .has-search .fa-calendar {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #657a8e;
}
.order-history table {
  border-collapse: separate;
  border-spacing: 0 12px;
}
.order-history table thead th {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #657a8f;
}
.order-history table:not(.table-sm) thead th {
  background: none;
}
.order-history table tbody tr {
  border-top-left-radius: 54px;
  border-bottom-left-radius: 54px;
  border-top-right-radius: 54px;
  border-bottom-right-radius: 54px;
  border-top: 1px solid rgba(165, 179, 193, 0.29) !important;
  border-bottom: 1px solid rgba(165, 179, 193, 0.29);
}
.order-history table tbody tr td {
  border-top: 1px solid rgba(165, 179, 193, 0.29);
  border-bottom: 1px solid rgba(165, 179, 193, 0.29);
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}
.order-history table tbody tr td a {
  color: #147dfc !important;
}
.order-history table tbody tr td.paid {
  color: #00b30f;
}
.order-history table tbody tr td.unpaid {
  color: #eb5757;
}
.order-history table tbody tr td:first-child {
  border-top-left-radius: 54px;
  border-bottom-left-radius: 54px;
  border-left: 1px solid rgba(165, 179, 193, 0.29);
  color: #657a8e;
}
.order-history table tbody tr td:last-child {
  border-top-right-radius: 54px;
  border-bottom-right-radius: 54px;
  border-right: 1px solid rgba(165, 179, 193, 0.29);
}
.order-history .pagination .page-item .page-link {
  line-height: 1.5;
}
.order-history .pagination .page-item.active .page-link {
  background-color: #147dfc;
  border-color: #147dfc;
}

.order-summary-container .order-table {
  color: #2e3333;
  margin-top: 20px;
}
.order-summary-container .order-table p {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
.order-summary-container .order-table .table-md th:first-child,
.order-summary-container .order-table .table-md td:first-child {
  width: 35%;
}
.order-summary-container .order-table .table-md th:nth-child(2),
.order-summary-container .order-table .table-md td:nth-child(2) {
  width: 5%;
}
.order-summary-container .order-table .table-md th:nth-child(3), .order-summary-container .order-table .table-md th:nth-child(4), .order-summary-container .order-table .table-md th:nth-child(5), .order-summary-container .order-table .table-md th:nth-child(6),
.order-summary-container .order-table .table-md td:nth-child(3),
.order-summary-container .order-table .table-md td:nth-child(4),
.order-summary-container .order-table .table-md td:nth-child(5),
.order-summary-container .order-table .table-md td:nth-child(6) {
  width: 15%;
}
.order-summary-container .order-table .table-md {
  border-collapse: separate;
  border-spacing: 0;
}
.order-summary-container .order-table .table-md thead:first-child th span {
  display: block;
}
.order-summary-container .order-table .table-md thead:first-child th:first-child {
  border-top-left-radius: 10px;
}
.order-summary-container .order-table .table-md thead:first-child th:last-child {
  border-top-right-radius: 10px;
}
.order-summary-container .order-table .table-md thead tr {
  border-left: none;
  border-right: none;
}
.order-summary-container .order-table .table-md tbody:last-child {
  border-bottom: none;
}
.order-summary-container .order-table .table-md tbody:last-child tr:last-child td {
  border-bottom: 1px solid #e2e2e2;
}
.order-summary-container .order-table .table-md tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.order-summary-container .order-table .table-md tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.order-summary-container .order-table .table-md tr th {
  background: #e2e2e2;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  height: 28px;
  vertical-align: middle;
}
@media print {
  .order-summary-container .order-table .table-md tr th {
    background: #e2e2e2 !important;
    -webkit-print-color-adjust: exact;
  }
}
.order-summary-container .order-table .table-md tr th:first-child {
  font-weight: bold;
  font-size: 14px;
}
.order-summary-container .order-table .table-md tr th span {
  display: none;
}
.order-summary-container .order-table .table-md tr.child-element td span {
  font-style: italic;
  font-weight: normal;
}
.order-summary-container .order-table .table-md tr.child-element td span.combine-above {
  margin-left: 25px;
}
.order-summary-container .order-table .table-md tr.subtotal td {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
}
.order-summary-container .order-table .table-md tr.subtotal td:first-child {
  font-weight: 500;
  font-size: 13px;
}
.order-summary-container .order-table .table-md tr.grandtotal td {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
}
.order-summary-container .order-table .table-md tr.grandtotal td:first-child {
  font-weight: 500;
  font-size: 13px;
  color: #2E3333;
}
.order-summary-container .order-table .table-md tr td {
  height: 30px;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  border-bottom: 1px solid #e2e2e2;
}
.order-summary-container .order-table .table-md tr td:first-child {
  border-left: 1px solid #e2e2e2;
}
.order-summary-container .order-table .table-md tr td:last-child {
  border-right: 1px solid #e2e2e2;
}
.order-summary-container .order-table .table-md tr td.bold {
  font-weight: bold;
  font-size: 11px;
}
.order-summary-container .payment-summary {
  width: 100%;
  display: inline-block;
}
.order-summary-container .payment-summary .table {
  width: 40%;
  float: right;
}
.order-summary-container .payment-summary .table thead tr td {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
}
.order-summary-container .payment-summary .table tbody tr td:last-child {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
}
.order-summary-container .payment-summary .table tbody tr td .green {
  color: #50c859;
}
.order-summary-container .payment-summary .table tbody tr td .red {
  color: #ff463a;
}
.order-summary-container .payment-summary .table tbody tr.transactions td {
  padding: 0px;
  border-bottom: none !important;
}
.order-summary-container .payment-summary .table tbody tr.transactions table {
  width: 100%;
}
.order-summary-container .payment-summary .table tbody tr.transactions table tr td {
  width: 33.33% !important;
  padding: 10px;
  border: none !important;
}
.order-summary-container .payment-summary .table tbody tr.transactions table tr td:first-child {
  padding: 10px 50px;
}
.order-summary-container .payment-summary .table tbody tr.transactions table tr td:last-child {
  padding: 10px 40px 10px 10px;
  text-align: right;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
}
.order-summary-container .payment-summary .table .cart-disclaimer,
.order-summary-container .payment-summary .table .cart-print-disclaimer {
  margin-top: 25px;
  font-family: Arial;
  font-style: italic;
  font-size: 13px;
  line-height: 13px;
}
.order-summary-container .payment-summary .table .cart-print-disclaimer {
  display: none;
}
.order-summary-container .exams-order-summary tbody {
  font-size: 11px;
  line-height: 13px;
  border-bottom: 1px solid #e2e2e2;
}
.order-summary-container .exams-order-summary tbody tr {
  border-bottom: 1px solid #e2e2e2;
  border-radius: 6px !important;
}
.order-summary-container .lens-order-summary table tbody {
  border: 1px solid #e2e2e2 !important;
}
.order-summary-container .lens-order-summary table tbody tr {
  border-bottom: 1px solid #e2e2e2 !important;
}
.order-summary-container .measurement-table.table-md {
  border-collapse: separate;
  border-spacing: 0;
}
.order-summary-container .measurement-table.table-md th:last-child,
.order-summary-container .measurement-table.table-md td:last-child {
  width: 20%;
  text-align: right;
  padding-right: 50px;
}
.order-summary-container .measurement-table.table-md tbody tr {
  border-left: none;
  border-right: none;
}
.order-summary-container .measurement-table.table-md tbody tr:first-child td:first-child {
  border-top: 1px solid #e2e2e2;
  border-top-left-radius: 10px;
}
.order-summary-container .measurement-table.table-md tbody tr:first-child td:last-child {
  border-top: 1px solid #e2e2e2;
  border-top-right-radius: 10px;
}
.order-summary-container .measurement-table.table-md tbody tr .lens-type {
  text-transform: capitalize;
}

.order-section {
  background: #147dfc;
  background-image: url("/images/order-summary-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}

.note-count {
  display: flex;
  justify-content: flex-end;
  color: #2E3333;
  font-size: 14px;
  margin-right: 100px;
}
.note-count span {
  font-weight: 500;
  margin-right: 5px;
}

.order-header {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.order-header img {
  width: 100px;
}
.order-header .order-header-details {
  display: flex;
  justify-content: space-between;
}
.order-header .order-header-details .company .company-details {
  display: flex;
  flex-direction: column;
}
.order-header .order-header-details .company .company-details .address {
  display: flex;
  flex-direction: row;
}
.order-header .order-header-details .company .company-details .address div {
  display: flex;
  flex-direction: column;
}
.order-header .order-header-details .company .company-details .address div:first-child {
  margin-right: 20px;
}
.order-header .order-header-details .company p {
  font-family: TT Norms;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 2px;
}
.order-header .order-header-details .company p:first-child {
  margin-top: 15px;
}
.order-header .order-header-details .company p.summary {
  margin-top: 20px;
}
.order-header .order-header-details .order-details table {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
}
.order-header .order-header-details .order-details table th {
  color: #000000;
}

.payment-modal {
  top: 50%;
  transform: translateY(-50%) !important;
}

.cart-summary .nav-pills {
  background: #F2F7FF;
  border-radius: 25px;
  margin: 20px 25px;
  padding: 5px;
}
.cart-summary .nav-pills .nav-item .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #147DFC;
  border-radius: 20px;
}
.cart-summary .nav-pills .nav-item .nav-link img {
  width: 22px;
  margin-right: 5px;
}
.cart-summary .nav-pills .nav-item .nav-link .light-icon,
.cart-summary .nav-pills .nav-item .nav-link .disabled-icon,
.cart-summary .nav-pills .nav-item .nav-link .completed-light-icon,
.cart-summary .nav-pills .nav-item .nav-link .completed-dark-icon {
  display: none;
}
.cart-summary .nav-pills .nav-item .nav-link.active {
  background: #147DFC;
  color: #ffffff;
  box-shadow: none;
}
.cart-summary .nav-pills .nav-item .nav-link.active .dark-icon,
.cart-summary .nav-pills .nav-item .nav-link.active .disabled-icon {
  display: none;
}
.cart-summary .nav-pills .nav-item .nav-link.active .light-icon {
  display: block;
}
.cart-summary .nav-pills .nav-item .nav-link#pills-notes-tab img, .cart-summary .nav-pills .nav-item .nav-link#pills-order-tab img, .cart-summary .nav-pills .nav-item .nav-link#pills-acuity-order-tab img {
  width: 18px;
}
.cart-summary .nav-pills .nav-item .nav-link.disabled {
  color: #D2D2D2;
}
.cart-summary .nav-pills .nav-item .nav-link.disabled .dark-icon,
.cart-summary .nav-pills .nav-item .nav-link.disabled .active-icon {
  display: none;
}
.cart-summary .nav-pills .nav-item .nav-link.disabled .disabled-icon {
  display: block;
}
.cart-summary .nav-pills .nav-item .nav-link.completed {
  color: #50c859;
}
.cart-summary .nav-pills .nav-item .nav-link.completed .dark-icon,
.cart-summary .nav-pills .nav-item .nav-link.completed .light-icon,
.cart-summary .nav-pills .nav-item .nav-link.completed .completed-light-icon {
  display: none;
}
.cart-summary .nav-pills .nav-item .nav-link.completed .completed-dark-icon {
  display: block;
}
.cart-summary .nav-pills .nav-item .nav-link.completed.active {
  background: #50c859;
  color: #ffffff;
}
.cart-summary .nav-pills .nav-item .nav-link.completed.active .completed-dark-icon {
  display: none;
}
.cart-summary .nav-pills .nav-item .nav-link.completed.active .completed-light-icon {
  display: block;
}

.payment-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  background: #fff;
  box-shadow: 0px -14px 28px rgba(20, 125, 252, 0.08);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 78px;
  padding: 20px;
}
.payment-strip .btn-outline-primary {
  background: #ffffff;
  color: #147dfc;
}
.payment-strip .btn-outline-primary:hover {
  color: #ffffff;
  background: #147dfc;
}
.payment-strip .checkout-bar-btn {
  background-color: white;
  border: 2px solid #147DFC;
}
.payment-strip .checkout-bar-btn:hover i {
  color: #ffffff;
}
.payment-strip .btn-circle {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  padding: 0;
  margin-left: 20px;
}
.payment-strip .btn-circle i {
  font-size: 16px;
  color: #147DFC;
}
.payment-strip .btn-circle i:hover {
  color: #ffffff;
}
.payment-strip .last-saved {
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
  margin-left: 20px;
  color: #1A1A1A;
  font-weight: 500;
}
.payment-strip .pay-details {
  margin-right: 70px;
}
.payment-strip .ost-footer-buttons {
  display: flex;
  flex-direction: row;
}
.payment-strip .quote-container {
  margin-right: 10px;
}

.payment-method .modal-header {
  justify-content: center;
}
.payment-method .modal-header .modal-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
}
.payment-method .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.payment-method .modal-body .amount {
  width: 362px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6eef6;
  border-radius: 35px;
}
.payment-method .modal-body .amount span {
  margin-left: 10px;
  font-weight: bold;
  font-size: 25px;
  color: #147dfc;
}
.payment-method .modal-body .payment-amt {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
}
.payment-method .modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.payment-method-modal .modal-md {
  max-width: 416px;
  max-height: 347px;
  margin: auto;
}
.payment-method-modal .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 226px;
  margin: 0px 0px 15px;
}
.payment-method-modal .btn img {
  margin-right: 10px;
}
.payment-method-modal .btn-outline-primary {
  margin: 15px 0px 0px;
}

.cash-modal .check-num {
  margin: 15px 0px 5px;
}
.cash-modal .form-control-lg {
  width: 362px;
  border-radius: 32px;
  text-align: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.02em;
  border: 1px solid #a5b3c1;
}

.completed-modal .modal-title {
  font-size: 28px;
}
.completed-modal .modal-title .success-icon {
  margin-bottom: 30px;
}
.completed-modal .payment-amt {
  margin-top: 20px;
}
.completed-modal .remaining {
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #ff463a;
  opacity: 0.7;
}
.completed-modal .btn {
  width: 402px;
}
.completed-modal .make-payment {
  margin-bottom: 0px;
}
.completed-modal .btn-outline-primary {
  margin-top: 5px;
}

.card-popup .modal-body {
  padding: 0;
}
.card-popup .modal-body .amount-header {
  height: 60px;
  width: 100%;
  background: #e6eef6;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.card-popup .modal-body .amount-header .due {
  font-size: 16px;
  color: #000000;
}
.card-popup .modal-body .amount-header .due span {
  font-weight: bold;
  font-size: 25px;
  color: #147dfc;
  margin-left: 10px;
}
.card-popup .modal-body .amount-header .payment {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.02em;
  color: #2e3333;
}
.card-popup .modal-body .amount-header .payment input {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -0.02em;
  color: #000000;
  background: #ffffff;
  border-radius: 32px;
  padding: 5px 15px;
  opacity: 0.7;
  display: inline-flex;
  width: auto;
  height: 35px;
  width: 100px;
  margin-top: 19px;
  margin-left: 10px;
  text-align: center;
}
.card-popup .modal-body .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 198px;
}
.card-popup .modal-body .btn img {
  margin-left: 10px;
}
.card-popup .modal-body .form-control {
  border-radius: 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #000000;
  margin-bottom: 20px;
}
.card-popup .modal-body .card-name .form-control-lg {
  width: 380px;
}
.card-popup .modal-body .card-details {
  display: flex;
  padding: 0 60px;
}
.card-popup .modal-body .card-details .expiry {
  width: 210px;
  margin-right: 10px;
}

.scan-popup .modal-md {
  width: 580px;
  height: 541px;
}
.scan-popup .modal-md p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.02em;
  color: #2e3333;
}
.scan-popup .card-payment {
  width: 429px;
  height: 276px;
}
.scan-popup .card-payment .webcam {
  width: 100%;
}

.order-summary-footer {
  padding: 40px 0px;
}
.order-summary-footer .footer-amount {
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  justify-content: space-between;
  padding: 15px 15px 5px;
}
.order-summary-footer .footer-amount .label {
  font-size: 11px;
  line-height: 13px;
  color: #2e3333;
}
.order-summary-footer .footer-amount .amount {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

.print-view {
  padding: 50px 40px;
}
.print-view .cart-disclaimer {
  display: none;
}
.print-view .cart-print-disclaimer {
  display: block !important;
}

@media print {
  .print-container .pagebreak,
  .print-container .acuityPageBreak {
    margin-top: 1rem;
    display: block;
    page-break-before: always;
    clear: both;
  }
  .print-container .col-md-6,
  .print-container .col-md-12 {
    float: left !important;
  }
  .print-container .col-md-6 {
    width: 50% !important;
  }
  .print-container .col-md-12 {
    width: 100% !important;
  }
}
.print-container .pagebreak:last-child {
  display: none;
}

.sub-screen-backdrop {
  background-color: #ffffff;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.subscription {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  margin-top: 30px !important;
  max-width: 1200px;
}
.subscription img {
  width: 338px;
}
.subscription .heading {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0;
}
.subscription .sub-heading {
  font-weight: bold;
  font-size: 16px;
}
.subscription #location-billing {
  margin: 25px 0;
}
.subscription #location-billing span {
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}
.subscription #location-billing select {
  display: inline;
  width: 70px;
}
.subscription #location-billing .btn {
  border-radius: 4px;
  box-shadow: none;
  background-color: #FFFFFF;
  color: #147DFC;
  border-color: #005cbf;
}
.subscription #location-billing .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.subscription #location-billing .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.subscription #location-billing .btn.active {
  background-color: #147DFC !important;
  color: #FFFFFF;
  border-color: #005cbf;
}
.subscription #location-billing .btn:hover, .subscription #location-billing .btn:active, .subscription #location-billing .btn:focus {
  background-color: #147DFC !important;
  color: #FFFFFF;
  border-color: #005cbf;
}
.subscription table {
  border-collapse: unset;
  border: none;
}
.subscription table p {
  margin-bottom: 0px;
}
.subscription table .fas {
  font-size: 20px;
}
.subscription table .fas.fa-check {
  color: #50C859;
}
.subscription table .fas.fa-minus {
  color: #D9D9D9;
}
.subscription table th:first-child {
  background: #fff !important;
  border-left-color: #fff !important;
  border-top-color: #fff !important;
}
.subscription table th {
  border: 1px solid #1E2541;
  background: #1E2541 !important;
  color: #FFFFFF !important;
  font-size: 20px;
  font-weight: bold;
  border-style: hidden;
}
.subscription table th:nth-child(2) {
  border-top-left-radius: 16px;
}
.subscription table th:last-child {
  border-top-right-radius: 16px;
}
.subscription table .br-r {
  border-right: 1px solid #DADADA;
}
.subscription table .br-t {
  border-top: 1px solid #DADADA;
}
.subscription table .br-l {
  border-left: 1px solid #DADADA;
}
.subscription table .br-b {
  border-bottom: 1px solid #DADADA;
}
.subscription table .br-a {
  border: 1px solid #DADADA;
}
.subscription table .br-none {
  border: none;
}
.subscription table tbody tr:first-child td:first-child {
  border-radius: 16px 0 0 0;
  -moz-border-radius: 16px 0 0 0;
  -webkit-border-radius: 16px 0 0 0;
}
.subscription table tbody tr:first-child td {
  padding: 15px 25px !important;
}
.subscription table tbody tr:first-child td:first-child {
  border-left-color: #fff !important;
}
.subscription table td:not(:first-child), .subscription table th:not(:first-child) {
  text-align: center;
}
.subscription table .amount {
  font-size: 40px;
  font-weight: bold;
  line-height: 37px;
  margin: 10px 0 0 0;
}
.subscription table .get-started {
  margin-top: 10px;
}
.subscription table .b-cell td {
  color: #404040;
  border-top: 1px solid #DADADA;
  border-left: 1px solid #DADADA;
  border-bottom: none;
  border-right: none;
}
.subscription table .b-cell td:last-child {
  border-right: 1px solid #DADADA;
}
.subscription table .b-cell:last-child td {
  border-bottom: 1px solid #DADADA;
}
.subscription table .b-cell:last-child td:first-child {
  border-bottom-left-radius: 16px;
}
.subscription table .b-cell:last-child td:last-child {
  border-bottom-right-radius: 16px;
}
.subscription table #includes td {
  background-color: #F8F8F8;
}
.subscription table #includes td:first-child {
  border-top-left-radius: 16px;
}

.expired-subscription .btn {
  box-shadow: none;
}
.expired-subscription .modal-header {
  border-bottom: 1px solid #dee2e6;
  padding: 15px 30px;
}
.expired-subscription .modal-title {
  font-weight: 500;
  font-size: 20px;
}
.expired-subscription .modal-body {
  font-weight: 500;
  font-size: 20px;
  color: #606060;
  padding: 90px;
}
.expired-subscription .modal-body p {
  font-weight: 500;
  font-size: 20px;
  color: #606060;
}
.expired-subscription .modal-body .btn {
  font-size: 18px;
}
.expired-subscription .modal-footer {
  border-top: 1px solid #dee2e6;
}
.expired-subscription .modal-footer .btn {
  background-color: #ffffff;
  color: #147DFC;
}
.expired-subscription .modal-footer .btn:hover, .expired-subscription .modal-footer .btn:active {
  transition-duration: 200ms;
  background-color: #3786e6;
  color: #ffffff;
}

.partner-automation .title {
  margin-top: 50px;
  margin-left: 25px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #1A2C60;
}
.partner-automation .preference-tab {
  display: flex;
  flex-direction: column;
}
.partner-automation .preference-tab .preference-col {
  display: flex;
  align-items: center;
  padding: 30px 25px;
  border-top: 1px solid #F3F6F8;
}
.partner-automation .preference-tab .preference-col.last {
  border-bottom: 1px solid #F3F6F8;
}
.partner-automation .preference-tab .preference-col .content {
  margin-left: 25px;
  align-items: center;
}
.partner-automation .preference-tab .preference-col .content .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #697A8D;
  margin-left: 0px;
}
.partner-automation .preference-tab .preference-col .content .description {
  margin-left: 30px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  width: 400px;
}
.partner-automation .preference-tab .list {
  margin-left: auto;
}
.partner-automation .preference-tab .list .appt-selection {
  max-width: 700px;
  min-width: 250px;
}
.partner-automation .preference-tab .list .appt-selection .selection-text {
  font-weight: normal;
  font-size: 15px;
}
.partner-automation .preference-tab .list img {
  width: 20px;
  margin-right: 125px;
}
.partner-automation .note {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 300px;
}

.upload-modal .modal-header {
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
}
.upload-modal .modal-header .modal-header-title {
  font-weight: bold;
  text-align: left;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
}
.upload-modal .drag-content input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  font-size: 2rem;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
.upload-modal .drag-content .dz-message {
  margin: 0;
}
.upload-modal button {
  box-shadow: none;
}
.upload-modal button:disabled {
  background: #D0DAE3;
  border: none;
  opacity: 1;
}
.upload-modal button:disabled:hover {
  background: #D0DAE3;
}
.upload-modal .image-uploaded-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 1rem;
}
.upload-modal .image-uploaded-container button {
  margin: 0;
}
.upload-modal .image-uploaded-container .image-uploaded {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 15px;
  background: rgba(20, 125, 252, 0.2);
  border-radius: 30px;
  visibility: hidden;
}
.upload-modal .image-uploaded-container .image-uploaded span {
  color: #147DFC;
  font-weight: 500;
  font-size: 14px;
}
.upload-modal .image-uploaded-container .image-uploaded .image-uploaded-remove {
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.upload-modal #discard-logo-modal .modal-title {
  padding-top: 10px;
  font-size: 20px;
}
.upload-modal #discard-logo-modal .modal-title img {
  margin-right: 10px;
}
.upload-modal #discard-logo-modal .modal-body {
  color: #606060;
  text-align: left;
  margin-left: 40px;
}
.upload-modal #discard-logo-modal .modal-footer {
  padding-top: 10px;
  padding-bottom: 25px;
}
.upload-modal #discard-logo-modal .modal-footer button {
  margin-top: 0px;
  margin-bottom: 0px;
}

.crop-logo-modal .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.crop-logo-modal .img-container img {
  width: 100%;
  height: 100%;
}
.crop-logo-modal .zoom-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.crop-logo-modal .zoom-container i {
  font-size: 20px;
  padding: 10px;
}
.crop-logo-modal .zoom-container .zoom-range {
  width: 80%;
  height: 5px;
}
.crop-logo-modal .zoom-container .btn-zoom {
  border: none;
  background: none;
  margin: 0;
  cursor: pointer;
}
.crop-logo-modal .zoom-container .btn-zoom:focus {
  outline: none;
}

.practice-settings label.success::after {
  content: "\f058";
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  color: #50C859;
}
.practice-settings label.error::after {
  content: "\f071";
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  color: #F36D7D;
}
.practice-settings .logo-input-group .form-control {
  color: #147DFC;
  font-weight: bold;
}
.practice-settings .logo-input-group .input-group-append {
  background: #F6F7FB;
  cursor: pointer;
}

.mfa-settings .deleted-row {
  background-color: #f5f5f5 !important;
  opacity: 0.6;
}
.mfa-settings .deleted-row td {
  color: #999 !important;
  text-decoration: line-through;
}

/*
  Additional
*/
/************************************************/
/****************   Medical Payers View   **************/
/************************************************/
.no-scroll-bar {
  scrollbar-width: none; /* For Firefox */
}
.no-scroll-bar::-webkit-scrollbar {
  display: none;
}

.ant-btn:focus {
  outline: none;
}

.npi-number-modal.ant-modal .ant-modal-content {
  padding: 0;
}
.npi-number-modal.ant-modal .ant-modal-content .ant-modal-header {
  margin-bottom: 0;
}
.npi-number-modal.ant-modal .ant-modal-content .ant-modal-body {
  padding: 0 24px;
}