.wrapper.wrapper-full-page {
  height: auto;
  min-height: 100vh;
}

.off-canvas-sidebar .wrapper-full-page .page-header {
  padding: 15vh 0 !important;
}

.page-header,
.page-header .page-header-image {
  height: 100%;
  background-position: 50%;
  background-size: cover;
}

.page-header {
  align-items: center;
}

.header-filter .container {
  z-index: 2;
  position: relative;
}

.login-page .card-login,
.register-page .card-signup {
  transform: translateZ(0);
}

.login-page .card-login .card-header,
.register-page .card-signup .card-header {
  margin-top: -40px !important;
  margin-bottom: 20px;
}

.login-page .card-login .card-title,
.register-page .card-signup .card-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
}

.login-page .card-login .card-body,
.register-page .card-signup .card-body {
  padding: 0 30px 0 10px;
}

.login-page .card-login .card-body .input-group .input-group-text,
.register-page .card-signup .card-body .input-group .input-group-text {
  padding: 15px 15px 0;
}

.login-page .card-login .card-body .input-group .form-control,
.register-page .card-signup .card-body .input-group .form-control {
  padding-bottom: 10px;
  margin: 17px 0 0;
}

.header-filter {
  background-size: cover;
  background-position: top center;
  background-blend-mode: saturation;
}

.grecaptcha-badge{
  bottom : 3rem !important;
}
/* .login-page {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/md/img/login.jpg');
}

.register-page {
  background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('/md/img/register.jpg');
} */

.header-filter::before {
  background: rgba(0,0,0,.5);
}

.header-filter::after,
.header-filter::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: '';
}

.bmd-form-group .error {
  font-size: 0.8rem;
  color: #f44336;
  font-weight: 400;
}

.card-login .error,
.card-signup .error,
.card-login .form-check {
  margin-left: 56px;
}

.card-login .form-check {
  margin-top: 17px;
  padding-top: 3px;
}

.alert {
  font-weight: 400;
}

.register-page .card-signup {
  border-radius: 6px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin-bottom: 100px;
  margin-top: 15vh;
}
.login-section{
  height: 100%;
  z-index: 10;
}
.form-group .form-label {
  color:#72827F;
  font-size: 16px;
}
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  border: 2px solid #d8d6de;
  border-radius: 0.357rem;
}

.icon {
  padding: 6px;
  font-size: 24px !important;
  background: #fff;
  color: #72827F;
  min-width: 50px;
  text-align: center;
  border-right: 2px solid #d8d6de;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
  border: none !important;
  border-radius: 0 !important;
}
.head-class{
    background-color: #ECF9FD !important;
    height: 30px;
    left: 181.64px;
    top: 10px;

    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 30px;

}
.input-field:focus {
  border: 2px solid #86b7fe;
}
.login-footer{
  background-color: #0054A6;
  min-height: 200px;
  max-height: 380px;
  position: absolute !important;
  bottom: 0;
  z-index: 0;
}
.top-section{
  background-color: #fff;
      padding: 4rem !important;
}
.second-layer{
  z-index: 10;
}
.login-with-google-btn {
  transition: background-color .3s, box-shadow .3s;

  padding: 12px 42px 12px 42px;
  border: 1px solid #d8d6de;
  border-radius: 10px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);

  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;

  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 30px 13px;
  }
  .login-with-google-btn:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
  }

  .login-with-google-btn:active {
    background-color: #eeeeee;
  }

  .login-with-google-btn:focus {
    outline: none;
    box-shadow:
      0 -1px 0 rgba(0, 0, 0, .04),
      0 2px 4px rgba(0, 0, 0, .25),
      0 0 0 3px #c8dafc;
  }

  .login-with-google-btn:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: not-allowed;
  }
  .test{
    color: var(--color);
  }
  .trans-1-5{
    transform: scale(1.5);
  }
  .font-22{
    font-size: 22px;
    line-height: 22px;
  }
  .postion-right-5{
    position: absolute;
    right: 5%;
    bottom:auto;
  }
  .postion-rt-0-bt-0{
    position: absolute;
    bottom: 0;
    right: 0;
    /* width: 8%;
    height: 7%;
    z-index: 3; */
  }
  .postion-rt-0{
    position: absolute;
    /* bottom: 0; */
    right: 0;
    /* width: 8%;
    height: 7%;
    z-index: 3; */
  }
  .postion-bottom-5{
    position: absolute !important;
    bottom: 5%;
  }
  input[type="checkbox"][readonly] {
    pointer-events: none;
  }
  .w-90{
    width: 90% !important;
  }
  .w-100{
    width: 100% !important;
  }
  .w-50{
    width: 50% !important;
  }
  .w-95{
    width: 95% !important;
  }
  .w-80{
    width: 80% !important;
  }
  .w-71{
    width: 71% !important;
  }
  .w-15{
    width: 15% !important;
  }
  .w-20{
    width: 20% !important;
  }
  .w-40{
    width: 40% !important;
  }
  .w-45{
    width: 45% !important;
  }
  .margin-0{
    margin: 0;
  }
  .navbar-container{
    padding: 25px !important;
  }
  .mb-header-title{
    display: none;
  }
  /* .mb-header-title{
    font-size: 28px;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: 700;
  } */
  .desktop-menu{
    position: absolute;
    right: 5%;
  }

  /* width */
::-webkit-scrollbar {
  width: 9px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f175;
}

/* Handle */
/* ::-webkit-scrollbar-thumb {
  background: #3e91c4;
  border-radius: 25px;
  border: 3px solid #3e91c4;
} */
::-webkit-scrollbar-thumb {
  background: #99999950;
  border-radius: 25px;
  border: 0px solid #99999950;
}

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background: #3e91c4;
  border-radius: 25px;
  border: 3px solid #3e91c4;
} */
::-webkit-scrollbar-thumb:hover {
  background: #99999950;
  border-radius: 25px;
  border: 3px solid #99999950;
}
.inner-scroll::-webkit-scrollbar {
  width: 5px;
}
.inner-scroll::-webkit-scrollbar-thumb, .inner-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--background-faded-75);
  border: 3px solid var(--background-faded-75);
}
.std-box-bl-shadow{
  border: 1px solid #fff;
  border-radius: 20px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
}
.std-box-bl-shadow-br-bl{
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  box-shadow: 2px -2px 20px rgba(0, 0, 0, 0.15) !important;
  border-radius: 40px;
}
.std-box-no-shadow-br-bl{
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 40px;
}
.grey-box-with-scroll{
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 40px rgba(222, 210, 210, 0.25);
  border-radius: 20px;
  overflow-y: scroll;
}
.grey-bottom-border{
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.grey-top-border{
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.grey-box-without-scroll{
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 40px rgba(222, 210, 210, 0.25);
  border-radius: 10px;
}
.no-shadow-focus:focus-within, .no-shadow-focus:focus-visible{
  box-shadow: none !important;
}
.top-border{
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.std-box-no-shadow{
  border: 1px solid #fff;
  border-radius: 10px;
}
.std-video-box{
  border: 10px solid #fff;
  border-radius: 15px;
}
.auto-truncate{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Custom theme */

/* Custom theme */
/*
::-webkit-scrollbar-thumb {
    background: var(--background);
    border: 3px solid var(--background);
  } */

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--background);
    border: 3px solid var(--background);
    background: #999;
    border: 3px solid #999;
  }

.navbar-light {
  background: #fff !important;
  color: #000 !important;
}
.navbar-light a{
  color: #000 !important;
}
  /* .navbar-light {
    background: var(--background) !important;
    color: var(--color) !important;
  }
  .navbar-light a{
    color: var(--color) !important;
  } */
  /* .dropdown-menu a{
    color: <?php echo $defaultColor; ?> !important;
  } */
  .text-black{
    color: #000 !important;
  }
  .text-blue{
    color: #209DFF;
  }
  .text-theme-blue-faded{
    color: #3e91c450;
  }
  .text-theme-blue{
    color: #3e91c4;
  }
  .text-theme-blue-75{
    color: #3e91c475;
  }
  .text-theme-blue-25{
    color: #3e91c425;
  }
  .text-green{
    color: #60BB8F;
  }
  .text-primary{
    color: #7367f0;
  }
  .text-red{
    color: #EB3E3E;
  }
  .hover-primary:hover{
    color: #7367f0;
  }
  .hover-red:hover{
    color: #EB3E3E;
  }
  .text-bp-red{
    color: #FF5D5D;
  }
  .text-spo2-blue{
    color: #5398F5;
  }
  .text-lt-red{
    color: #F47358;
  }
  .text-gold{
    color: #EEA10C;
  }
  .red-line{
    background: rgba(235, 62, 62, 0.28);
    height: 1px;
    width: 100%;
  }
  .gold-line{
    background: rgba(238, 161, 12, 0.28);
    height: 1px;
    width: 100%;
  }
  .white-table.table thead th{
    background-color: #fff !important;
    text-transform: capitalize !important;
    font-size: 18px;
  }
  .maz-input__label{
    text-transform: capitalize !important;
  }
  .small-table.table thead th, .small-table.table tbody td{
    padding: 0.52rem 1rem;
  }
  .outer-border-table td{
    border-top: none !important;
  }
  .outer-border-table{
    border: 1px solid rgba(230, 232, 236, 0.88);
  }
  .white-table.table{
    color:#000;
  }
  .white-table{
    overflow-y: scroll;
  }
  .auto-cursor{
    cursor:auto !important;
  }
  .grey-box-1{
    border: 1px #D1CCE5 solid !important;
  }
  .grey-box-1:focus-visible{
    border: 1px #D1CCE5 solid !important;
    outline: 1px #D1CCE5;
  }
  .text-purple{
    color: #800080;
  }
  .text-grey{
    color: #6e6b7b !important;
  }
  .text-light-grey{
    color: #D1CCE5 !important;
  }
  .text-white{
    color:#fff;
  }
  .text-theme{
    color: var(--background) !important;
  }
  .border-theme{
    border: 3px solid var(--background) !important;
  }
  .font-line-20{
    line-height: 20px;
  }
  .text-theme-color{
    color: var(--color) !important;
  }
  .btn-theme-primary{
    border-color: var(--btn-color) !important;
    background-color: var(--btn-color) !important;
    color: #fff !important;
  }
  .btn-theme-primary-faded{
    border-color: rgba(80, 183, 214, 0.17) !important;
    background-color: rgba(80, 183, 214, 0.17) !important;
    color: #50B7D6 !important;
  }
  .btn-white{
    border-color: #fff !important;
    background-color: #fff !important;
    color: #000 !important;
  }
  .btn-theme-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--btn-color);
}
.btn-outline-theme-primary{
  border-color: var(--btn-color) !important;
  color: var(--btn-color) !important;
  background-color: #fff !important;
}
.btn-blue-outline{
  border-color: #3e91c4 !important;
  color: #3e91c4 !important;
  background-color: #fff !important;
}
.btn-green-outline{
  border-color: #60BB8F !important;
  color: #60BB8F !important;
  background-color: #fff !important;
}
.btn-outline-theme-black{
  border-color: #000 !important;
  color: #000 !important;
  background-color: #fff !important;
}
.btn-outline-grey{
  border-color: #d8d6de !important;
  color: #000 !important;
  background-color: #fff !important;
}
.btn-outline-theme-primary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px var(--btn-color);
}
.btn-outline-theme-primary-2px{
  border-color: var(--btn-color) !important;
  color: var(--btn-color) !important;
  background-color: #fff !important;
  border: 2px solid !important;
}
.btn-outline-theme-black-2px{
  border-color: #000 !important;
  color: #000 !important;
  background-color: #fff !important;
  border: 2px solid !important;
}
.btn-outline-theme-primary-2px:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px var(--btn-color);
}
/* .card {
  box-shadow: 0 0 24px -10px var(--background) !important;
} */
.vhl-btn-right svg{
  fill: var(--background) !important;
}
.vhl-btn-left svg{
  fill: var(--background) !important;
}
.theme-shadow {
  box-shadow: 0 0 24px -10px var(--background) !important;
}
.theme-faded-shadow {
  box-shadow: 0 0 24px -10px var(--background-faded) !important;
}
.std-shadow {
  box-shadow: 0px 4px 39px 9px rgba(81, 69, 159, 0.09) !important;
}
.std-sm-shadow{
  box-shadow: 0px 1px 10px 9px rgba(225, 223, 236, 0.09) !important;
}
.form-control:focus:valid, .form-control:focus:is-valid{
  border-color: var(--background) !important;
  box-shadow: 0 0 24px -10px var(--background) !important;
}
.custom-select option:focus:valid{
  border-color: var(--background) !important;
  background-color: var(--background) !important;
}
/* .form-group input:focus:valid, .v-select input:focus:valid{
  box-shadow: 0 0 24px -10px var(--background) !important;
  border-color: var(--background) !important;
} */
.list-section{
  background-color: #F9F9F9;
  border: 1px solid #F3ECEC;
}
.list-section .card{
  /* background-color: #F9F9F9 !important; */
  background-color: #F9F9F9 !important;
}
.singleNotes .card.active .note{
  color: #3e91c4;
}
.singleNotes .card .note{
  color: #000;
}
.singleNotes .card.active{
  border: 2px solid #3e91c4;
}
.singleNotes .card.active{
  border-radius: 20px;
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.singleNotes .card-body{
  padding: 0.5rem 1rem !important;
}
.display-notes .card-body{
  padding: 0rem 1.5rem !important;
}
.no-border-focus:focus:valid, .no-shadow-focus:focus-within{
  box-shadow: none !important;
}
.no-shadow{
  box-shadow: none !important;
}
.current-page {
  padding-top: 5px;
  padding-bottom: 5px;
  background: rgba(62,145,196, 0.09) !important;
  /* background: rgba(23, 171, 216, 0.09) !important; aqua blue */
  /* background: rgba(255, 112, 119, 0.09) !important; */
}
.current-page span{
  /* color: #FF7077; */
  color: #3e91c4;
  font-weight: 500 !important;
}
.justify-content-evenly{
  justify-content: space-evenly !important;
}
.m-t-05{
  margin-top: 5px;
}
.theme-box {
  border: 1px solid var(--btn-color);
  border-radius: 10px;
}
.theme-filled-box-faded {
  background-color: var(--background-faded) !important;
  border: 1px solid #fff !important;
  border-radius: 20px !important;
}
.input-bottom-line{
  border:none !important;
  border-bottom: 1px solid #d8d6de !important;
  padding: 5px 10px !important;
  outline: none !important;
  border-radius: 0rem !important;
  box-shadow: none !important;
}
.span-button-theme-blue {
  background-color: var(--background) !important;
  border: none;
  color: white;
  padding: 1px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  margin: 1px 10px;
}
.theme-bg-faded {
  background-color: var(--background-faded) !important;
}
.theme-bg, .bg-theme {
  background-color: var(--background) !important;
}
.bg-aqua{
  background-color: #E5FFF9 !important;
}
.bg-light-green{
  background-color: #EFFFE9 !important;
}
.bg-grey{
  background-color: #E1E1E1 !important;
}
.bg-red {
  background-color: #FFE4DE !important;
}
.bg-light-red {
  background-color: rgba(244, 115, 88, 0.1) !important;
}
.bg-dark-red{
  background-color: #FF7960 !important;
}
.bg-light-yellow{
  background-color: #FFF5DC !important;
}
.bg-safron{
  background-color: #FFD5B2 !important;
}
.bg-light-safron{
  background-color: #FFE9DA !important;
}
.bg-water-blue{
  background-color: #C7EEFA !important;
}
.bg-sandal{
  background-color: #F6FBC5 !important;
}
.bg-green {
  background-color: #21C35C !important;
}
.bg-gold {
  background-color: #FFF5DC !important;
}
.border-grey-dashed{
  border: 1px dashed grey;
}
.top-border-grey-dashed{
  border-top: 1px dashed grey;
}
.failed-section{
  border: 2px solid #799E60;
  border-radius: 5px;
  background-color: #FFC1C1 !important;
  justify-content: space-between;
}
.success-section{
  border: 2px solid #799E60;
  border-radius: 5px;
  background-color: #E2F0D9 !important;
  justify-content: space-between;
}
.modal-content .bg-theme .modal-title{
  line-height: 20px;
  font-size: 20px;
  color: var(--color) !important;
  font-weight: 700;
}
.modal-content .bg-theme .close{
  background-color: var(--background) !important;
  transform: none !important;
  box-shadow: none !important;
  color: var(--color) !important;
  opacity: 0.5;
}
.modal-content .bg-light .close{
  background-color: var(--color) !important;
  transform: none !important;
  box-shadow: none !important;
  color: var(--background) !important;
  opacity: 0.5;
}
.single-digit{
  padding: 3px 9px;
}
.double-digit{
  padding: 3px 6px;
}
.floating-Position{
  position: absolute;
  right: 25%;
  background: #DA1616;
  border-radius: 10px;
  top: -25%;
}
.floating-Position span{
  color: #fff;
}
.floating-Position-1{
  position: absolute;
  background: #DA1616;
  border-radius: 20px;
  top: -50%;
}
.floating-Position-1 span{
  color: #fff;
}
.bg-silver{
  background-color: #F9F9F9 !important;
}
.bgk-silver{
  background-color: #F9F9F9 !important;
}
.modal-content .bg-white .modal-title{
  line-height: 20px;
  font-size: 20px;
  color: #000 !important;
  font-weight: 700;
}
.bg-white{
  background-color: #fff !important;
}
.modal-content .bg-white .close{
  background-color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
  color: #000 !important;
  opacity: 0.5;
}
.modal-content textarea{
  border: 1px solid grey !important;
}
.modal-content textarea:focus, .modal-content textarea:focus-visible{
  border: 1px solid grey !important;
  outline: grey !important;
}
.modal-content .bg-theme .close:hover{
  opacity: 1;
}
.std-box-theme-shadow{
  border: 1px solid #fff;
  border-radius: 10px;
  box-shadow: 0 0 24px -10px var(--btn-color) !important;
}
.std-box-theme-shadow-2{
  border: 0px solid #fff;
  border-radius: 20px;
  box-shadow: 0 4px 24px 0 var(--background-faded-25);
}
.loading i{
  color: var(--background) !important;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
  width: 13rem !important;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: var(--background-faded-75) !important;
}
.width-85{
  width: 85%;
}
.width-95{
  width: 95%;
}
.width-15{
  width: 15%;
}
.width-5{
  width: 5%;
}
.width-20{
  width: 20%;
}
.width-45{
  width: 45%;
}
.height-50{
  height: 50%;
}
.ht-90{
  height: 90%;
}
.round-btn{
  border-radius: 20px !important;
}
.round-btn-lg{
  border-radius: 40px !important;
}
.full-square{
  border-radius: 0px !important;
}
.btn-slim{
  padding: 0.586rem 1.5rem !important;
}
.btn-mr-slim{
  padding: 0.4rem 1.5rem !important;
}
.line-input, .line-input:focus{
  border: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #C4C4C4;
}
.tab-section{
  background: #f0f0f0;
}
.lh-1{
  line-height: 1;
}
.selected-section{
  border: 2px solid #f0f0f0;
  border-radius: 10px;
  background: #f0f0f0;
}
.quillWrapper{
  width: 100%;
  height: 80%;
}
.b-table-empty-row{
  text-align: center;
}
#notes-textarea{
  height: 101%;
  overflow-y: scroll;
  width: 100%;
  /* border-radius: 10px;
  width: 100%;
  background: #fff;
  padding: 1rem;
  border: none;
  height: 100%;
  border: 1px solid #F3E1E1;
  box-shadow: 0px 4px 30px rgba(150, 119, 119, 0.25);
  border-radius: 20px;
  resize: none; */
}
#notes-textarea:focus, #notes-textarea:focus-visible{
  outline: none;
}
.notes-section{
  position: absolute !important;
  bottom: 0;
  padding: 0;
}
.selected-tab:after{
  position: absolute;
  bottom: 0%;
  content: " ";
  width: 40%;
  background: #3e91c4;
  height: 3px;
  left: 10%;
  /* border: 1px solid #b8c2cc; */
  /* border-bottom: none; */
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
  /* padding: 0.5rem 1rem;
  box-shadow: 0px 1px 10px 9px rgba(225, 223, 236, 0.09);
  background: #fff; */

}
.selected-tab-1:after{
  position: absolute;
  bottom: 0%;
  content: " ";
  width: 12%;
  background: #3e91c4;
  height: 3px;
  left: 9%;
  /* border-bottom: 1px solid #b8c2cc; */
  /* padding: 0.5rem 1rem;
  box-shadow: 0px 1px 10px 9px rgba(225, 223, 236, 0.09); */
  /* background: #f0f0f0; */
}
.tippy-content{
  text-align: center;
}
.v-top{
  vertical-align: top;
}
.v-middle{
  vertical-align: middle;
}
.v-bottom{
  vertical-align: bottom;
}
.fw-100{
  font-weight: 100 !important;
}
.fw-300{
  font-weight: 300 !important;
}
.fw-500{
  font-weight: 500 !important;
}
.fw-600{
  font-weight: 600 !important;
}
.fw-700{
  font-weight: 700 !important;
}
.fw-900{
  font-weight: 900 !important;
}
.custom-pd{
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.pd-hr-30{
  padding: 0 30px !important;
}
.mr-y-05{
  margin: 0.5rem 0rem !important;
}
.pd-03{
  padding: 0 3px;
}
.pd-05rm-l{
  padding-left: 0.5rem !important;
}
.pd-05rm-r{
  padding-right: 0.5rem !important;
}
.pd-05rm-t{
  padding-top: 0.5rem !important;
}
.pd-05rm-bt{
  padding-bottom: 0.5rem !important;
}
.pd-05rm{
  padding: 0.5rem;
}
.pd-07rm{
  padding: 0.7rem;
}
.pd-0506rm{
  padding: 0.5rem 0.6rem;
}
.pd-x-03rm{
  padding: 0 0.3rem;
}
.pd-x-05rm{
  padding: 0 0.5rem;
}
.mr-x-05rm{
  margin: 0 0.5rem;
}
table tbody td span {
  font-size: 16px;
}
.fs-18{
  font-size: 18px;
}
.fs-18-fxd{
  font-size: 18px !important;
}
.fs-24-fxd{
  font-size: 24px;
}
.fs-22-fxd{
  font-size: 22px;
}
.fs-20-fxd{
  font-size: 20px !important;
}
.fs-16-fxd{
  font-size: 16px !important;
}
.fs-16-18{
  font-size: 16px;
}
.fs-16-12{
  font-size: 16px;
}
.fs-16{
  font-size: 16px;
}
.fs-14{
  font-size: 14px;
}
.fs-14-fxd{
  font-size: 14px;
}
.fs-12-fxd{
  font-size: 12px !important;
}
.fs-09-fxd{
  font-size: 9px !important;
}
.fs-30{
  font-size: 30px;
}
.fs-32{
  font-size: 32px !important;
}
.fs-36{
  font-size: 36px;
}
.fs-34{
  font-size: 36px !important;
}
.fs-24{
  font-size: 24px !important;
}
.fs-26{
  font-size: 26px !important;
}
.fs-22{
  font-size: 22px !important;
}
.fs-23{
  font-size: 23px;
}
.fs-20{
  font-size: 20px;
}
.width-15px{
  width: 15px;
}
.z-50{
  z-index: 50;
}
.ht-97{
  height: 97%;
}
.ht-10{
  height: 10%;
}
.ht-98{
  height: 98%;
}
.ln-ht-40{
  line-height: 40px;
}
.text-left-mb-center{
  text-align: left;
}
.pd-lt-05{
  padding-left: 5px;
}
.pd-bt-10{
  padding-bottom: 10px;
}
.pd-bt-4r{
  padding-bottom: 4rem;
}
.mwidth-3{
  max-width: 3% !important;
}
.mwidth-4{
  max-width: 4% !important;
}
.bottom-line::after{
  position: absolute;
  bottom: 30%;
  content: " ";
  width:110%;
  background: #3e91c4;
  height:2px;
  left:-4%;
  /* right:auto; */
}
.bottom-line-1::after {
  position: absolute;
  content: " ";
  width: 50%;
  background: #3e91c4;
  height: 2px;
  left: 25%;
  top: 19%;
}
.bottom-line-short::after {
  position: absolute;
  bottom: 0%;
  content: " ";
  width: 46%;
  background: #3e91c4;
  height: 3px;
  left: 28%;
  /* right: auto; */
}
.bottom-line-short-1::after {
  position: absolute;
  bottom: 0%;
  content: " ";
  width: 52%;
  background: #3e91c4;
  height: 3px;
  left: 26%;
  /* right: auto; */
}
.bottom-line-short-2::after {
  position: absolute;
  bottom: 0%;
  content: " ";
  width: 59%;
  background: #3e91c4;
  height: 3px;
  left: 22%;
  /* right: auto; */
}
.bottom-line-short-3::after {
  position: absolute;
  bottom: 0%;
  content: " ";
  width: 59%;
  background: #3e91c4;
  height: 3px;
  left: 22%;
  /* right: auto; */
}
.bottom-dot::after{
  position: absolute;
  bottom: 0px;
  content: " ";
  width:4px;
  background: var(--background);
  height:4px;
  left:49.5%;
  right:auto;
}
.bottom-dot::before{
  position: absolute;
  bottom: 0px;
  content: " ";
  width:4px;
  background: var(--background);
  height:4px;
  left:52%;
  right:auto;
}
.page-item.active .page-link {
  background-color: #3e91c4 !important;
}
/* .bottom-line::before{
  position: absolute;
  bottom: 0px;
  content: " ";
  width:4px;
  background: var(--background);
  height:4px;
  left:47%;
  right: auto;
} */
.footer-light{
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}
.brd-radius{
  border-radius:40px;
}
.pd-5{
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.top-section{
  display: flex;
}
.inner-scroll-height-200{
  max-height: 200px;
  overflow-y: scroll;
}
.width-93-absolute{
  position: absolute;
  width: 93%;
  z-index: 10;
}
.pointer{
  cursor: pointer !important;
}
.pointer-disabled{
  cursor: no-drop !important;
}
.bg-pointer{
  cursor: pointer;
}
.bg-pointer:hover{
  background-color: var(--background-faded);
  /* color: var(--color); */
}
/* .bg-pointer:hover a{
  color: var(--color);
} */
.bg-pointer{
  color: #000;
}
.vc-highlight{
  background-color: var(--background) !important;
}
.vc-title{
  font-weight: 700 !important;
  color: #000 !important;
}
.postion-lt-0-bt-0{
  position: absolute;
  bottom: 0;
  left: 0;
}
.postion-rt--5-bt-0{
  position: absolute;
  bottom: 0;
  right: -5%;
}
.postion-rt--25-bt-0{
  position: absolute;
  bottom: 0;
  right: -25%;
}
.postion-tp-10-lt-0{
  position: absolute;
  top: 10%;
  left: 0;
}
.postion-tp-25-rt-5{
  position: absolute;
  top: 25%;
  right: 5%;
}
.postion-tp-25-rt-10{
  position: absolute;
  top: 25%;
  right: 12%;
}
.postion-tp-09-rt-0{
  position: absolute;
  top: 9%;
  right: 0%;
}
.postion-tp-10-rt-0{
  position: absolute;
  top: 10%;
  right: 0%;
}
.postion-tp-50{
  position: absolute;
  top: 50%;
}
.time-slots .btn{
  padding: 0.7rem 1rem !important;
}
.under-line-theme-25::after {
  display: block;
  content: '';
   width: 25%;
   height: 3px;
   background: var(--background);
   position: absolute;
   bottom: -7px;
 }
 .under-line-theme-20::after {
  display: block;
  content: '';
   width: 20%;
   height: 3px;
   background: var(--background);
   position: absolute;
   bottom: -7px;
 }
 .under-line-theme-40::after {
  display: block;
  content: '';
   width: 40%;
   height: 3px;
   background: var(--background);
   position: absolute;
   bottom: -7px;
 }
 .under-line-theme-30::after {
  display: block;
  content: '';
   width: 30%;
   height: 3px;
   background: var(--background);
   position: absolute;
   bottom: -7px;
 }
 .mine .msg div{
  background: #F4F4F4;
  border-radius: 15px 15px 0px 15px;
  padding: 0.5rem 1rem;
  width: fit-content;
  align-items: center;
  /* transform: matrix(-1, 0, 0, 1, 0, 0); */
 }
 .msg p, .sender-name p{
  color: #000000;
 }
 .theirs .msg div:first-child {
  background: #F4F4F4;
  border-radius: 15px 15px 15px 0px;
  padding: 0.5rem 1rem;
  width: fit-content;
  align-items: center;
 }
 .mine .row{
  justify-content: flex-end;
 }
 .m-width-fit{
   max-width: fit-content !important;
 }
 #tab-section.notification .badge {
  position: absolute;
  /* top: -10px;
  right: -10px; */
  padding: 0px 4px;
  border-radius: 50%;
  background: red;
  color: red;
}
.table-bg{
  background-color: #f3f2f7;
  border-bottom: 2px solid #ebe9f1;
}
.vs--single .vs__selected{
  padding: 0px 0.5rem !important;
}
.vs__selected{
  background-color: var(--background) !important;
  color: #fff !important;
}
.vs--open .vs__dropdown-toggle{
  border-color: var(--background) !important;
  border-bottom-color: var(--background) !important;
}
.vs__dropdown-menu li{
  background-color: var(--background-faded) !important;
  color: var(--background) !important;
}
.vs__dropdown-menu li.vs__dropdown-option--selected{
  background-color: var(--background) !important;
  color: #fff !important;
}

@media only screen and (max-device-width: 1200px) {
  .fs-32{
    font-size: 27px;
  }
  .fs-16{
    font-size: 12px;
  }
  .fs-18{
    font-size: 14px;
  }
  .fs-18-fxd{
    font-size: 18px !important;
  }
  .fs-24-fxd{
    font-size: 24px;
  }
  .fs-22-fxd{
    font-size: 22px;
  }
  .fs-20-fxd{
    font-size: 20px !important;
  }
  .fs-16-18{
    font-size: 16px;
  }
  .fs-16-fxd{
    font-size: 16px;
  }
  .fs-14-fxd{
    font-size: 14px;
  }
  .fs-12-fxd{
    font-size: 12px;
  }
  .fs-16-12{
    font-size: 16px;
  }
  .fs-22{
    font-size: 17px !important;
  }
  .fs-23{
    font-size: 18px;
  }
  .fs-24{
    font-size: 19px !important;
  }
  .ln-ht-40{
    line-height: 35px;
  }
}
@media only screen and (max-device-width: 992px) {
  .fs-32{
    font-size: 25px;
  }
  .fs-16{
    font-size: 12px;
  }
  .fs-16-18{
    font-size: 18px;
  }
  .fs-18{
    font-size: 12px;
  }
  .fs-18-fxd{
    font-size: 18px !important;
  }
  .fs-22{
    font-size: 15px !important;
  }
  .fs-23{
    font-size: 16px;
  }
  .fs-24-fxd{
    font-size: 24px;
  }
  .fs-22-fxd{
    font-size: 22px;
  }
  .fs-20-fxd{
    font-size: 20px !important;
  }
  .fs-16-fxd{
    font-size: 16px;
  }
  .fs-14-fxd{
    font-size: 14px;
  }
  .fs-12-fxd{
    font-size: 12px;
  }
  .fs-16-12{
    font-size: 14px;
  }
  .fs-24{
    font-size: 17px !important;
  }
  .ln-ht-40{
    line-height: 33px;
  }
}
@media only screen and (max-device-width: 768px) {
  .fs-32{
    font-size: 20px;
  }
  .fs-16{
    font-size: 9px;
  }
  .fs-16-18{
    font-size: 18px;
  }
  .fs-18{
    font-size: 10px;
  }
  .fs-18-fxd{
    font-size: 18px !important;
  }
  .fs-22{
    font-size: 11px !important;
  }
  .fs-23{
    font-size: 12px;
  }
  .fs-24-fxd{
    font-size: 24px;
  }
  .fs-22-fxd{
    font-size: 22px;
  }
  .fs-20-fxd{
    font-size: 20px !important;
  }
  .fs-16-fxd{
    font-size: 16px;
  }
  .fs-14-fxd{
    font-size: 14px;
  }
  .fs-12-fxd{
    font-size: 12px;
  }
  .fs-16-12{
    font-size: 14px;
  }
  .fs-24{
    font-size: 12px !important;
  }
  .ln-ht-40{
    line-height: 28px;
  }
}
@media only screen and (max-device-width: 576px) {
  .fs-32{
    font-size: 16px;
  }
  .fs-16{
    font-size: 7px;
  }
  .fs-16-18{
    font-size: 18px;
  }
  .fs-18{
    font-size: 8px;
  }
  .fs-18-fxd{
    font-size: 18px !important;
  }
  .fs-16-12{
    font-size: 12px;
  }
  .fs-22{
    font-size: 8px !important;
  }
  .fs-23{
    font-size: 9px;
  }
  .fs-24{
    font-size: 9px !important;
  }
  .fs-24-fxd{
    font-size: 24px;
  }
  .fs-22-fxd{
    font-size: 22px;
  }
  .fs-20-fxd{
    font-size: 20px !important;
  }
  .fs-16-fxd{
    font-size: 16px;
  }
  .fs-14-fxd{
    font-size: 14px;
  }
  .fs-12-fxd{
    font-size: 12px;
  }
  .ln-ht-40{
    line-height: 20px;
  }
  .card{
    margin-bottom: 0;
  }
}


@media only screen and (min-device-width: 901px) and (max-device-width: 1050px) {
  .pd-hr-30{
    padding: 0 !important;
  }
}
@media only screen and (min-device-width: 601px) and (max-device-width: 900px) {
  .pd-hr-30{
    padding: 0 !important;
  }
  .mr-sm-0{
    margin: 0px;
  }
  .brd-radius{
    border-radius:0px;
  }
  .pd-5{
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .top-section{
    padding: 1rem !important;
    display: block;
  }
  .pd-0{
    padding: 0px !important;
  }
  .login-section{
    height: fit-content;
    /* padding: 50px 0px; */
  }
}
@media only screen and (min-device-width: 0px) and (max-device-width: 600px) {
  .pd-hr-30{
    padding: 0 !important;
  }
  .mr-sm-0{
    margin: 0px;
  }
  .brd-radius{
    border-radius:0px;
  }
  .pd-5{
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .top-section{
    padding: 1rem !important;
    display: block;
  }
  .pd-0{
    padding: 0px !important;
  }
  .login-section{
    height: fit-content;
    /* padding: 50px 0px; */
  }
  .main-menu .navbar-header{
    min-height: fit-content;
    height: auto !important;
  }
  .main-menu .navbar-header ul{
    line-height: 32px;
  }
  .main-menu .navbar-header li{
    line-height: 32px;
  }
  .main-menu .navbar-header li svg{
    margin-bottom: 2%;
  }
  .mb-pt-10{
    padding-top: 10px;
  }
  .postion-right-5{
    bottom:0;
  }
  /* .agencylogo{
    left: auto !important;
    right: 5%;
    top: 65% !important;
  } */
  .agencylogo{
    right: 2%;
  }
  .mb-header-title{
    font-size: 20px;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: 400;
  }
  .navbar-container{
    padding: 10px !important;
  }
  .ln-ht-40{
    line-height: 40px;
  }
  .btn-slim{
    padding: 0.5rem 1.0rem !important;
  }
  .mb-14{
    font-size: 14px;
  }
  .mb-20{
    font-size: 20px;
  }
  .mb-23{
    font-size: 23px;
  }
  .mb-10{
    font-size: 10px;
  }
  .text-left-mb-center{
    text-align: center;
  }
  .pd-bt-10{
    padding-bottom: 0px;
  }
}

[dir] .maz-input__label {
    cursor: text !important;
    transform: translateY(25%) !important;
}
[dir] .maz-input__input {
    cursor: text !important;
    transition-duration: .3s;
    padding: 0 0.8571rem;
    border: none;
    background-color: transparent;
}
[dir] .b-custom-control-lg .custom-file-label {
    cursor: pointer !important;
}
.align-item-r{
    text-align: right;
    align-self: center;
}
.align-item-l{
    text-align: left;
    align-self: center;
}
.input-group-append {
    width: 29% !important;
    border-radius: 9px 0 0 9px !important;
}
.login-password.input-group-append {
  width: auto !important;
  border-radius: 9px 0 0 9px !important;
}
#my-toast .toast-header, #api-error-response .toast-header{
  display: none !important;
}
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&family=Material+Icons&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat'); */