@charset "UTF-8";
html, body {
  overscroll-behavior: none;
}

.d-flex-common {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-flex-column-between {
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-direction: row;
}

.d-flex-column {
  display: flex;
  justify-content: center;
}

.d-flex-evenely {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.d-flex {
  gap: 8px;
}

.gap {
  gap: 12px;
}

.gap-lg {
  gap: 20px;
}

.gap-sm {
  gap: 6px;
}

.nogap {
  gap: 0;
}

.box {
  border-radius: 6px;
  background: #F9FBFC;
  border: 1px solid #E3E7ED;
}

.btn-primary {
  background-color: #0969ce;
  border-radius: 4px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 8px 20px;
  border: none;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
}
.btn-primary .icon {
  background-color: #F4F7FA;
  border-radius: 4px;
  margin-right: 8px;
  padding: 0 4px;
}
.btn-primary .icon svg {
  width: 18px;
  color: #0969ce;
}
.btn-primary .d-flex {
  align-items: center;
}

.btn-primary:hover {
  background-color: #1481F5;
  outline: 0;
}

.btn-primary.active, .btn-primary:focus {
  outline-style: none;
  outline-color: transparent;
  border-color: transparent;
  box-shadow: none !important;
}

.btn-with-icon {
  /*  padding: 8px 10px !important;*/
  padding: 8px 12px !important;
  display: flex;
  align-items: center;
}

.blue-btn-without-icon {
  /*  padding: 8px 10px !important;*/
  padding: 10px 12px !important;
  display: flex;
  align-items: center;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
  font-family: "Gilroy-medium" !important;
  font-size: 14px !important;
  border-radius: 4px !important;
}

.btn-light {
  background-color: #c2dfff;
  border-radius: 4px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 5px 15px;
  border: none;
  outline: none;
  cursor: pointer;
}

.btn-light-noradius {
  background-color: #F4F4F4;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #2E2E2E;
  /* padding: 10px 15px;*/
  padding: 8px 15px;
}

.btn-plain {
  color: #0969ce;
  border: 1px solid #0969ce;
  border-radius: 4px;
  background-color: transparent;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 7px 15px;
}

.blue-btn-plain {
  color: #0969ce;
  border: 1px solid #0969ce;
  border-radius: 4px;
  background-color: transparent;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 11px 15px;
}

.btn-secondary {
  border-radius: 4px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 8px 15px;
  border: 1px solid #0969ce;
  color: #0969ce;
  background: none;
}

.btn-dark {
  background-color: #313131;
  border-radius: 4px;
  color: #fff;
  font-family: "Gilroy-Regular";
  font-size: 14px;
  padding: 10px 20px;
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
}
.btn-dark span {
  font-family: "Gilroy-Regular";
  font-size: 14px;
}

.btn-dark.active, .btn-dark:focus {
  outline-style: none;
  outline-color: transparent;
  border-color: transparent;
  box-shadow: none !important;
}

a.btn-dark {
  display: inline-block;
}

.btn-dark-grey {
  background-color: #D0D5DD;
  border-radius: 4px;
  color: #7D8B96 !important;
  font-family: "Gilroy-Regular";
  font-size: 14px;
  padding: 12px 25px;
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
}
.btn-dark-grey span {
  font-family: "Gilroy-Regular";
  font-size: 14px;
}

.btn-dark-grey.active, .btn-dark-grey:focus {
  outline-style: none;
  color: #7D8B96 !important;
  outline-color: transparent;
  border-color: transparent;
  box-shadow: none !important;
}

.icon-btn {
  background-color: #F4F7FA;
  color: #7D8B96;
  padding: 3px;
  border-radius: 16px;
  border: none;
  outline: none;
}

.btn-bordered {
  background-color: #FFF;
  border: 2px solid #0969CE;
  color: #0969CE;
  border-radius: 4px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 5px 15px;
  outline: none;
  cursor: pointer;
}
.btn-bordered svg {
  color: #0969CE;
  width: 18px;
  margin-right: 5px;
}

.btn-bordered-dark {
  background: #FFFFFF;
  border: 1px solid #7D8B96;
  border-radius: 4px;
  color: #2E2E2E;
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-Regular";
  padding: 5px 15px;
  outline: none;
  cursor: pointer;
  width: fit-content;
  display: flex;
  gap: 5px;
  align-items: center;
}

.btn-bordered-light {
  background: #FFFFFF;
  border: 1px solid #E9EBEF;
  border-radius: 4px;
  color: #7D8B96 !important;
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-Regular";
  padding: 8px 20px;
  outline: none;
  cursor: pointer;
  width: fit-content;
  display: flex;
  gap: 5px;
  align-items: center;
}
.btn-bordered-light span {
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-Regular";
}
.btn-bordered-light svg {
  color: #7D8B96;
  width: 18px;
  margin-right: 5px;
}
.btn-bordered-light:hover svg, .btn-bordered-light:hover p {
  color: #0969ce !important;
}
.btn-bordered-light svg {
  width: 22px;
  height: 22px;
  color: #7D8B96;
}
.btn-bordered-light:hover {
  color: #0969ce !important;
  border: 1px solid #0969ce;
}

.btn-bordered-black {
  background: #FFFFFF;
  border: 1px solid #2E2E2E;
  border-radius: 4px;
  color: #2E2E2E !important;
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-Medium";
  padding: 5px 20px;
  outline: none;
  cursor: pointer;
  width: fit-content;
  display: flex;
  gap: 5px;
  align-items: center;
}
.btn-bordered-black svg {
  color: #2E2E2E;
  width: 18px;
  margin-right: 5px;
}
.btn-bordered-black:hover svg, .btn-bordered-black:hover p {
  color: #0969ce !important;
}
.btn-bordered-black svg {
  width: 22px;
  height: 22px;
  color: #2E2E2E;
}
.btn-bordered-black:hover {
  color: #0969ce !important;
  border: 1px solid #0969ce;
}

.btn-bordered-blue {
  background: #FFFFFF;
  border: 1px solid #0969CE;
  border-radius: 4px;
  color: #0969CE !important;
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-Regular";
  padding: 8px 20px;
  outline: none;
  cursor: pointer;
  width: fit-content;
  display: flex;
  gap: 5px;
  align-items: center;
}
.btn-bordered-blue span {
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-Regular";
}
.btn-bordered-blue svg {
  color: #0969CE;
  width: 18px;
  margin-right: 5px;
}
.btn-bordered-blue:hover svg, .btn-bordered-blue:hover p {
  color: #0969ce !important;
}
.btn-bordered-blue svg {
  width: 22px;
  height: 22px;
  color: #7D8B96;
}
.btn-bordered-blue:hover {
  color: #0969CE !important;
  border: 1px solid #0969CE;
}

/*.btn-bordered-black-save {
    background: #FFFFFF;
    border: 1px solid #2E2E2E;
    border-radius: 4px;
    color: #2E2E2E !important;
    font-weight: 500;
    font-size: 14px;
    font-family: "Gilroy-Medium";
    padding: 5px 7px;
    text-align:left;
    line-height:110%;
    outline: none;
    cursor: pointer;
    width: fit-content;
    display: flex;
    gap: 5px;
    align-items: center;

    svg {
        color: #2E2E2E;
        width: 18px;
        margin-right: 5px;
    }

    &:hover {
        svg, p {
            color: $primary !important;
        }
    }

    svg {
        width: 22px;
        height: 22px;
        color: #2E2E2E;
    }

    &:hover {
        color: $primary !important;
        border: 1px solid $primary;
    }
}*/
.btn-img {
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 5px;
}
.btn-img img {
  border-radius: 5px;
}

.btn-whiteBorder {
  background-color: transparent;
  border-radius: 4px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 8px;
  border: 1px solid #fff;
  outline: none;
  cursor: pointer;
  color: #fff;
}
.btn-whiteBorder .icon {
  background-color: #E8F2FD;
  border-radius: 4px;
  padding: 0 4px;
  color: #0969CE;
}
.btn-whiteBorder .icon svg {
  width: 18px;
}

.btn-white {
  background-color: #FFFFFF;
  border-radius: 4px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  outline: none;
  cursor: pointer;
  color: #0969CE;
}
.btn-white .icon {
  background-color: #E8F2FD;
  border-radius: 4px;
  /* margin-right: 8px;*/
  padding: 0 4px;
}
.btn-white .icon svg {
  width: 18px;
}
.btn-white:hover {
  color: #0969CE;
  cursor: pointer;
}
.btn-white:hover .icon {
  color: #0969CE;
}

.btn-icon {
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
}
.btn-icon svg {
  color: #0969CE;
  width: 22px;
}

svg.btn-icon {
  color: #0969CE;
  width: 22px;
}

.block {
  background-color: #ffffff;
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(232, 236, 241, 0.85);
  /* display: flex;
   flex-direction: column;*/
}

.block-noborder {
  background-color: #ffffff;
  border: none;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(232, 236, 241, 0.85);
}

.light-block {
  background: #F9FBFC;
  border: 1px solid #E3E7ED;
  border-radius: 6px;
}

.grey-block {
  background-color: #F4F4F4;
  border-radius: 6px;
  padding: 8px;
}

.light-blue-block {
  background-color: #E8F2FD;
  border-radius: 6px;
  padding: 8px;
  color: #2E2E2E !important;
}

.white-block {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 2px 0;
  border: 1px solid #E3E7ED;
}

.main-text {
  color: #2E2E2E;
  font-size: 16px;
  /* font-family: "Gilroy-Semibold";*/
  /* font-weight: 600;*/
  font-family: "Gilroy-Regular";
  font-weight: 600;
}

.sub-text {
  color: #888888;
  font-size: 12px;
  font-family: "Gilroy-Regular";
}

.link {
  color: #1A7CE2;
  cursor: pointer;
  font-size: 14px;
}

.link-text {
  color: #0969ce !important;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
}
.link-text:hover {
  text-decoration: underline;
}

.select-link {
  color: #0969ce !important;
  text-decoration: underline;
  cursor: pointer;
}
.select-link:hover {
  text-decoration: underline;
}

.clear-link {
  color: #7D8B96 !important;
  text-decoration: underline;
  cursor: pointer;
  line-height: 120%;
  font-size: 12px;
}
.clear-link:hover {
  text-decoration: underline;
}

.info-text {
  font-size: 16px;
  color: #B9A01D;
  font-family: "Gilroy-Regular";
}

.Bheader {
  /*font-weight: 600;*/
  font-size: 20px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}

.text-link:hover {
  color: #0969ce;
  text-decoration: underline;
}

.dark-text {
  font-size: 14px;
  color: #2E2E2E;
  line-height: 110%;
  font-family: "Gilroy-medium";
}

.light-text {
  font-size: 12px;
  color: #7D8B96;
  font-family: "Gilroy-Light";
  line-height: 120%;
}

.text {
  font-size: 14px;
  color: #7D8B96;
}

.text2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #2E2E2E;
}

.text-primary, .btn-link {
  font-size: 14px;
  color: #7D8B96;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  box-shadow: none;
  font-family: "Gilroy-medium";
}
.text-primary:hover, .btn-link:hover {
  color: #0969ce;
  text-decoration: none;
}

.btn-link:focus {
  text-decoration: none !important;
}

a.btn-link:hover {
  color: #0969ce;
}

a img {
  cursor: pointer;
}

.primary-header {
  color: #0969CE;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  font-family: "Gilroy-medium";
}

.success-text {
  color: #71C676;
  font-weight: 400;
  font-size: 14px;
}

.btn-link:hover {
  color: #1481F5;
}

.page-title {
  font-size: 18px;
  color: #313131;
  font-family: "Gilroy-semibold";
}

.title-lg {
  font-weight: 700;
  font-size: 32px;
  color: #313131;
}

.title {
  font-size: 16px;
  color: #313131;
  /*font-weight: 600;*/
  font-family: "Gilroy-semibold";
  line-height: 120%;
}

.title-sm {
  font-size: 14px;
  color: #313131;
  font-family: "Gilroy-medium";
}

.title-xs {
  font-size: 12px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  /* font-weight: bold;*/
}

.text-xs {
  font-size: 12px;
  color: #2E2E2E;
  font-family: "Gilroy-regular";
}

.subtitle {
  font-weight: 500 !important;
  font-size: 14px;
  font-family: "Gilroy-medium" !important;
}

.primary-textdecoration-text {
  font-size: 14px;
  color: #0969ce;
  font-weight: 500;
  text-decoration: underline;
  font-family: "Gilroy-regular";
}

.block-title {
  font-weight: 500;
  font-size: 18px;
  font-family: "Gilroy-regular";
}

.sub-header {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #7D8B96;
  font-family: "Gilroy-medium";
}

.greenTxtSm {
  color: #6AC46F;
  font-size: 12px;
  font-family: "Gilroy-Semibold";
}

.primary-bold-header {
  /* font-weight: 600;*/
  font-size: 16px;
  color: #0969CE;
  font-family: "Gilroy-Semibold";
}

.std-tabs svg {
  color: #7D8B96;
}

.circle-sm {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #747474;
  position: relative;
}

.search {
  display: flex;
  align-items: center;
  position: relative;
}
.search .feather-search {
  z-index: 100;
  position: absolute;
  color: #acafb5;
  font-size: 14px;
  width: 14px;
  height: 14px;
  margin-left: 10px;
}
.search input {
  border: 1px solid #B9D0DF;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 8px 0;
  padding-left: 35px;
  border-radius: 6px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  width: 100%;
  font-size: 16px;
  color: #2E2E2E;
  height: unset;
}
.search input::placeholder {
  color: #2E2E2E;
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
}

.input-icon {
  float: right;
  margin-top: -30px;
  margin-right: 5px;
  color: #7D8B96;
  width: 22px;
  height: 22px;
  stroke-width: 1;
  outline: none;
}

.upload-csv-modal .download {
  margin-top: -30px;
  text-decoration: underline;
  font-size: 14px;
  color: #2E2E2E;
  cursor: pointer;
  font-family: "Gilroy-medium";
}

.upload-csv {
  border-radius: 17px;
  border: dashed 1px #E3E7ED;
  text-align: center;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-csv img {
  width: 50px;
  margin-bottom: 15px;
}
.upload-csv .browse {
  font-size: 14px;
  color: #2E2E2E;
  font-weight: 500;
}
.upload-csv .browse span {
  text-decoration: underline;
}
.upload-csv .drag-files {
  font-size: 14px;
  color: #7D8B96;
}
.upload-csv .browseInput {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.upload-csv .avatar-preview {
  position: relative;
  height: 190px;
  width: 300px;
}
.upload-csv .avatar-preview .image-priview {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 17px;
  /* background-size: contain;*/
}
.upload-csv .avatar-preview .delete-insurance {
  right: 10px;
  /* right: 5px;*/
  top: 25px;
  position: absolute;
  background: #fff;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
.upload-csv .avatar-preview .delete-insurance svg {
  color: #000;
  height: 17px;
  width: 17px;
}

.upload-insurance {
  border-radius: 17px;
  border: dashed 1px #E3E7ED;
  text-align: center;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-insurance img {
  width: 50px;
  margin-bottom: 15px;
}
.upload-insurance .browse {
  font-size: 14px;
  color: #2E2E2E;
  font-weight: 500;
}
.upload-insurance .browse span {
  text-decoration: underline;
}
.upload-insurance .drag-files {
  font-size: 14px;
  color: #7D8B96;
}
.upload-insurance .browseInput {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.upload-insurance .avatar-preview {
  position: relative;
  height: 190px;
  width: 300px;
}
.upload-insurance .avatar-preview .image-priview {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 17px;
}
.upload-insurance .avatar-preview .delete-insurance {
  right: 5px;
  right: 5px;
  top: 5px;
  position: absolute;
  background: #fff;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
.upload-insurance .avatar-preview .delete-insurance svg {
  color: #000;
  height: 17px;
  width: 17px;
}

.add-insurance-policy .upload-csv {
  /*  width: 300px;*/
  height: 190px;
}
.add-insurance-policy .upload-insurance {
  width: auto;
  height: 190px;
}

.plain-dropdown {
  border: 1px solid #e9ebef;
  padding: 5px 10px;
  border-radius: 4px;
}
.plain-dropdown button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}

.text-dropdown.dropdown {
  border-radius: 4px;
  border: solid 1px #e9ebef !important;
  cursor: pointer;
  padding: 5px 8px;
  background-color: white;
}
.text-dropdown.dropdown .dropdown-menu.show {
  width: max-content;
  font-size: 14px;
}
.text-dropdown.dropdown .dropdown-menu.show .dropdown-item {
  padding: 10px 20px;
}
.text-dropdown.dropdown .dropdown-menu.show .text-primary {
  text-decoration: underline;
}
.text-dropdown.dropdown .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.overflow {
  display: block;
  overflow: auto;
}

.patient-header header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.patient-header header .profile_section {
  width: 250px;
}
.patient-header header .nav-main {
  margin-right: auto;
}
.patient-header header .nav-secondary {
  margin-left: auto;
}
.patient-header header nav {
  margin: 0 10px;
}
.patient-header header nav .assign-to {
  white-space: nowrap;
}
.patient-header header nav ul {
  list-style-type: none;
  display: flex;
}
.patient-header header nav ul li {
  padding: 15px 5px;
  transition: 0.15s all ease-in;
}
.patient-header header nav .form-control {
  width: auto;
  margin: 0 15px;
}
.patient-header .summary {
  margin-bottom: 15px;
}
.patient-header .summary .assign_dropdwon {
  margin: 0 15px;
}
.patient-header .summary .assign_dropdwon .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
}
.patient-header .summary .assign_dropdwon .btn-light:not(:disabled):not(.disabled).active, .patient-header .summary .assign_dropdwon .btn-light:not(:disabled):not(.disabled):active, .patient-header .summary .assign_dropdwon .show > .btn-light.dropdown-toggle {
  background-color: #fff;
}
.patient-header .summary .assign_dropdwon .btn-light {
  padding: 8px 15px;
}
.patient-header .summary .assign_dropdwon .btn-light:focus {
  background-color: #fff;
}
.patient-header .summary .assign_dropdwon .form-control {
  border: 1px solid #ced4da;
}
.patient-header .summary .assign_dropdwon .dropdown-menu.show {
  right: 0;
  width: auto;
}
.patient-header .summary .assign_dropdwon ul li {
  padding: 0 0;
}
.patient-header .summary .information-section {
  padding-left: 15px;
}
.patient-header .summary .profile_pic img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin-right: 15px;
}
.patient-header .summary .profile_info h4 {
  font-size: 20px;
  /* font-weight: 600;*/
  color: #ffffff;
  font-family: "Gilroy-Semibold";
  margin: 0;
}
.patient-header .summary .form-control {
  border-radius: 4px;
  border: solid 1px #ffffff;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #0969ce;
}
.patient-header .summary p {
  font-family: "Gilroy-medium";
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.patient-header .summary h3 {
  font-size: 22px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #ffffff;
  margin: 0;
}
.patient-header .summary .add_activity_dropdown .dropdown-menu {
  border-radius: 5px;
  box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
  width: auto !important;
  padding: 13px;
}
.patient-header .summary .add_activity_dropdown .dropdown-menu a {
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 13px 1.5rem;
}
.patient-header .summary .add_activity_dropdown .dropdown-menu a svg {
  margin-right: 8px;
}
.patient-header .summary .add_activity_dropdown .dropdown-toggle img {
  margin-right: 10px;
}
.patient-header .summary .add_activity_dropdown .dropdown-toggle::after {
  border: none;
}
.patient-header .summary .contact_info svg {
  width: 16px;
  height: 16px;
  color: #fff;
  margin-right: 5px;
}
.patient-header .summary .contact_info p {
  display: flex;
  align-items: center;
}
.patient-header .summary .dropdown-menu.show {
  display: block;
  right: -20px;
  left: inherit !important;
  width: 200px;
}
.patient-header .summary .schedule_btn {
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #ffffff;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #0969ce;
  margin-left: 20px;
}
.patient-header .summary .dropdown-toggle {
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #ffffff;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #0969ce;
}
.patient-header .summary .btn-secondary:not(:disabled):not(.disabled).active, .patient-header .summary .btn-secondary:not(:disabled):not(.disabled):active, .patient-header .summary .show > .btn-secondary.dropdown-toggle {
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #ffffff;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #0969ce;
}

.assign_dropdwon .btn-light {
  background-color: transparent;
  padding: 8px 0px;
}
.assign_dropdwon .btn-light:not(:disabled):not(.disabled).active, .assign_dropdwon .btn-light:not(:disabled):not(.disabled):active, .assign_dropdwon .show > .btn-light.dropdown-toggle {
  background-color: transparent;
}
.assign_dropdwon .filter-option-inner-inner {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #313131;
}
.assign_dropdwon .dropdown-item span {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #313131 !important;
}
.assign_dropdwon .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 90%;
}
.assign_dropdwon .dropdown .dropdown-menu.show {
  margin-left: auto !important;
}
.assign_dropdwon .active {
  background-color: transparent;
}

.dropdown_with_search li:first-child .dropdown-item span {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: blue !important;
}

.select_box_with_border .btn-light {
  background-color: transparent;
  border: solid 1px #e9ebef;
}
.select_box_with_border .btn-light:not(:disabled):not(.disabled).active, .select_box_with_border .btn-light:not(:disabled):not(.disabled):active, .select_box_with_border .show > .btn-light.dropdown-toggle {
  background-color: transparent;
}
.select_box_with_border .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.select_box_with_border .dropdown .dropdown-menu.show {
  margin-left: auto !important;
}

.user-details {
  display: flex;
  gap: 8px;
  align-items: center;
}
.user-details .username {
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}
.user-details .sub-text {
  font-size: 13px;
  color: #7D8B96;
}

.convertion-details-header .section {
  flex: 1 16.6666666667%;
  padding: 17px;
  border-right: 1px solid #e8f2fd;
  border-bottom: 1px solid #e8f2fd;
}
.convertion-details-header .section:first-child {
  flex: 1 33.3333333333%;
}
.convertion-details-header .section:first-child .profile_view {
  flex: 1 33.3333333333%;
}
.convertion-details-header .section:first-child .info {
  flex: 1 66.6666666667%;
}
.convertion-details-header .section:first-child .info .timeline_dropdown {
  border-radius: 5px;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
  background-color: #fafafa;
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  width: 600px;
  z-index: 9999;
  display: none;
}
.convertion-details-header .section:first-child .info .timeline_dropdown table tbody td {
  padding: 10px !important;
}
.convertion-details-header .section:first-child .info .timeline_dropdown table tbody td p {
  margin-bottom: 0 !important;
}
.convertion-details-header .section:first-child .info .timeline_dropdown .self {
  flex: 1 50%;
  border-right: 1px solid #efefef;
  padding: 25px;
}
.convertion-details-header .section:first-child .info .timeline_dropdown .self h3 {
  color: #2E2E2E;
  font-size: 14px;
  font-family: "Gilroy-Semibold";
  margin-bottom: 19px;
  height: 39px;
}
.convertion-details-header .section:first-child .info .timeline_dropdown .self h3 span {
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #2E2E2E;
}
.convertion-details-header .section:first-child .info .timeline_dropdown .self table {
  width: 100%;
}
.convertion-details-header .section:first-child .info .timeline_dropdown .self table tbody {
  vertical-align: baseline;
}
.convertion-details-header .section:first-child .info .timeline_dropdown .self table tbody a {
  font-family: "Gilroy-medium";
  font-size: 14px;
}
.convertion-details-header .section:first-child .info .timeline_dropdown .self table tbody p {
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #2E2E2E;
  margin-bottom: 19px;
}
.convertion-details-header .section img {
  border-radius: 50%;
  margin-bottom: 10px;
}
.convertion-details-header .section a {
  color: #0969ce;
  font-family: "Gilroy-Regular";
  font-size: 12px;
  text-decoration: underline;
  margin-top: 9px;
}
.convertion-details-header .section .info {
  margin-left: 13px;
}
.convertion-details-header .section h3 {
  margin: 0;
}
.convertion-details-header .section p {
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #2E2E2E;
}
.convertion-details-header .section .address {
  margin-top: 8px;
}
.convertion-details-header .section .gery {
  padding: 4px 13px 4px 13px;
  border-radius: 4px;
  background-color: rgba(187, 187, 187, 0.12);
  margin-bottom: 4px;
  position: relative;
}
.convertion-details-header .section .gery P {
  width: 80%;
}
.convertion-details-header .section .gery svg {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.convertion-details-header .section .tittle {
  margin-bottom: 12px;
}
.convertion-details-header .section .tittle span {
  color: #7d8b96;
  font-size: 14px;
  font-family: "Gilroy-medium";
}
.convertion-details-header .section .tittle svg {
  width: 18px;
  height: 18px;
}
.convertion-details-header .section p span {
  color: #7d8b96;
  font-size: 14px;
  font-family: "Gilroy-medium";
}
.convertion-details-header .section ul {
  list-style: disc;
  padding: 0 0 0 17px;
}
.convertion-details-header .section ul li {
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #7d8b96;
}
.convertion-details-header .section ul li span {
  color: #313131;
}

.tab-submit-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
}

.form .btn-group-toggle label {
  width: 100%;
}

.patient-activities-tab .btn-light {
  background-color: transparent;
}

.blue-btn__withdropdown .btn-light {
  padding: 8px 10px;
  background-color: #e8f2fd;
  color: #0969ce;
}
.blue-btn__withdropdown .filter-option-inner-inner {
  color: #0969ce;
}
.blue-btn__withdropdown .btn-light:not(:disabled):not(.disabled).active, .blue-btn__withdropdown .btn-light:not(:disabled):not(.disabled):active, .blue-btn__withdropdown .show > .btn-light.dropdown-toggle {
  background-color: #e8f2fd;
  color: #0969ce;
}

.status-dropdown {
  margin-left: 15px;
  color: black;
  background-color: #e8f2fd;
  padding: 10px;
  border-radius: 5px;
  font-family: "Gilroy-medium";
  font-size: 14px;
}
.status-dropdown .dropdown-menu.show {
  padding: 5px;
}
.status-dropdown .dropdown-menu {
  background-color: #e8f2fd;
  font-family: "Gilroy-medium";
  font-size: 12px;
  padding: 5px;
}
.status-dropdown .dropdown-menu .dropdown-item {
  padding: 5px 15px;
}
.status-dropdown .dropdown .dropdown-menu.show {
  transform: translate3d(-61px, 25px, 0px) !important;
}
.status-dropdown .dropdown {
  cursor: pointer;
}

.statusUpdateReasonText {
  width: 100%;
  border-radius: 6px;
  resize: none;
  border: 1px solid #eeeeee;
}

.blue-plus {
  background-color: #0969ce;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 8px;
}
.blue-plus svg {
  color: #fff;
}

.white-color {
  color: #ffffff;
}

.sidenav {
  position: fixed;
  width: 355px;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
  background-color: #fafafa;
  z-index: 999;
  -moz-transform: translateX(105%);
  -ms-transform: translateX(105%);
  -o-transform: translateX(105%);
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 16px 24px;
  font-family: "Roboto", sans-serif;
  overflow-y: scroll;
}
.sidenav .header {
  margin-bottom: 15px;
}
.sidenav .header p {
  color: #7d8b96;
  font-size: 14px;
  font-family: "Gilroy-medium";
}
.sidenav .header svg {
  cursor: pointer;
}
.sidenav .timeline_section .timeline-block .timeline-content .time {
  font-family: "Gilroy-Regular";
}
.sidenav .circle {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
  border: solid 1px #e0e0e0;
}

.todo-icon {
  cursor: pointer;
  margin-left: 15px;
  padding: 6px;
}
.todo-icon svg {
  width: 22px;
  height: 22px;
}

#notification-overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
  cursor: pointer;
}

.todo-dropdown {
  display: none;
  border-radius: 6px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.15);
}
.todo-dropdown p {
  color: #7d8b96;
  font-family: "Gilroy-medium";
  font-size: 14px;
}
.todo-dropdown svg {
  cursor: pointer;
}
.todo-dropdown .block {
  margin-top: 23px;
}
.todo-dropdown .block .form-group {
  padding: 12px;
  margin-bottom: 0;
}
.todo-dropdown .block .form-group .form-control {
  margin-bottom: 10px;
}

.form-control {
  font-size: 14px;
  line-height: unset;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  opacity: 1;
}

.modal.fade {
  background-color: rgba(0, 0, 0, 0.4);
}

/*.modal-backdrop {
    opacity: 0 !important;
    z-index: 0 !important;
}*/
input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
  background: #fff !important;
  border: 1px solid #CD0A0A;
}

.search-dropdown {
  border-radius: 4px;
  border: solid 1px #e9ebef;
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #313131;
  padding: 7px;
}
.search-dropdown .search-dropdown-select {
  border: none;
  width: 100%;
}
.search-dropdown .search-dropdown-select:focus {
  border: none;
  outline: none;
}
.search-dropdown .more-menu {
  width: 100px;
}

/* More Button / Dropdown Menu */
.more-btn,
.more-menu-btn {
  background: none;
  border: 0 none;
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 100%;
  text-align: left;
  outline: none;
  cursor: pointer;
}

.more-dot {
  background-color: #aab8c2;
  margin: 0 auto;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 1px;
  border-radius: 50%;
  transition: background-color 0.3s;
}

.more-menu {
  position: absolute;
  top: 100%;
  z-index: 900;
  float: left;
  padding: 10px 0;
  top: 15px;
  right: -12px;
  background-color: #fff;
  border: 1px solid #ccd8e0;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  display: none;
  transform: translate(0, 15px) scale(0.95);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  z-index: 5;
}

.more-menu-caret {
  position: absolute;
  top: -10px;
  right: 12px;
  width: 18px;
  height: 10px;
  float: left;
  overflow: hidden;
}

.more-menu-caret-outer,
.more-menu-caret-inner {
  position: absolute;
  display: inline-block;
  margin-left: -1px;
  font-size: 0;
  line-height: 1;
}

.more-menu-caret-outer {
  border-bottom: 10px solid #c1d0da;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: auto;
  left: 0;
  top: 0;
  width: auto;
}

.more-menu-caret-inner {
  top: 1px;
  left: 1px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
}

.more-menu-items {
  margin: 0;
  list-style: none;
  padding: 0;
}

.more-menu-item {
  display: block;
}

.more-menu-btn {
  min-width: 100%;
  color: #66757f;
  cursor: pointer;
  display: block;
  font-size: 13px;
  line-height: 18px;
  padding: 5px 20px;
  position: relative;
  white-space: nowrap;
}

.more-menu-item:hover {
  background-color: #489fe5;
}

.more-menu-item:hover .more-menu-btn {
  color: #fff;
}

.more-btn:hover .more-dot,
.show-more-menu .more-dot {
  background-color: #516471;
}

.show-more-menu .more-menu {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}

.loader {
  position: fixed;
  left: 50%;
  top: 40%;
  z-index: 9999999;
  border: 8px solid #e8f2fd;
  border-radius: 50%;
  border-top: 8px solid #0763c3;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.printer-img, .download-img {
  color: #0969ce;
  cursor: pointer;
}

form.is-readonly input[disabled], form.is-readonly textarea[disabled] {
  cursor: text;
  background-color: #fff;
  border-color: transparent;
  outline-color: transparent;
  box-shadow: none;
  resize: none;
  height: 70px;
  font-size: 12px;
  color: #313131;
  font-family: "Gilroy-Regular";
  margin: 0;
  padding-left: 0;
}

.is-editing, .is-readonly {
  margin: 0;
}
.is-editing .form-group, .is-readonly .form-group {
  margin: 0;
}

.pdcassessment-section .form {
  position: relative;
  margin-bottom: 50px;
}
.pdcassessment-section .saveclosebtn {
  border-radius: 4px;
  border: solid 1px #0969ce;
  background-color: transparent;
  padding: 12px 17px;
  color: #0969ce;
  font-size: 16px;
  font-family: "Gilroy-Regular";
  position: absolute;
  left: 20px;
  bottom: -40px;
}
.pdcassessment-section .tab {
  display: none;
}
.pdcassessment-section .tab .mrr-outcome-block {
  display: block;
}
.pdcassessment-section .tab .mrr-outcome-block h1 {
  font-size: 18px;
  color: #000;
  font-family: "Gilroy-medium";
}
.pdcassessment-section .tab .mrr-outcome-block .selectbox {
  border-radius: 4px;
  border: solid 1px #e9ebef;
  background-color: #ffffff;
  padding: 8px 15px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  font-size: 16px;
  margin-right: 12px;
  margin-top: 20px;
  margin-bottom: 7px;
}
.pdcassessment-section .tab .mrr-outcome-block .text-link {
  font-size: 14px;
  color: #0969ce;
  text-decoration: underline;
  font-family: "Gilroy-medium";
  cursor: pointer;
}
.pdcassessment-section .tab .mrr-outcome-block .yesbtn, .pdcassessment-section .tab .mrr-outcome-block .nobtn {
  border-radius: 6px;
  border: solid 1px #ededf5;
  background-color: #ffffff;
  padding: 8px 43px;
  margin-right: 12px;
}
.pdcassessment-section .tab .mrr-outcome-block .active {
  border: solid 1px #0969ce;
  background-color: #f6fbff;
  color: #0969ce;
}
.pdcassessment-section .tab .footer-section {
  margin: 30px 10px;
  align-items: center;
}
.pdcassessment-section .tab .footer-section .reports {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -27px;
}
.pdcassessment-section .tab .footer-section .btns {
  position: absolute;
  right: 20px;
  bottom: -40px;
}
.pdcassessment-section .tab .footer-section .progressTitle p {
  color: #7d8b96;
  font-size: 16px;
  font-family: "Gilroy-Semibold";
}
.pdcassessment-section .tab .footer-section .nextbtn {
  border-radius: 4px;
  border: solid 1px #0969ce;
  background-color: #0969ce;
  color: #fff;
  font-size: 16px;
  font-family: "Gilroy-Regular";
  padding: 12px 37px;
}
.pdcassessment-section .tab .footer-section .previousbtn {
  color: #7d8b96;
  font-family: "Gilroy-Regular";
  font-size: 16px;
  border: solid 1px transparent;
  background-color: transparent;
}

button:focus {
  outline: 0;
}

.bnone {
  border: none;
}

.readMissionmodal .modal-dialog {
  width: 400px;
}
.readMissionmodal p {
  font-size: 18px;
  color: #313131;
  font-family: "Gilroy-Regular";
}
.readMissionmodal .bbutton {
  border: 1px solid #0969ce;
}

.checkbox-lg {
  width: 1.5rem;
  height: 1.5rem;
}

.prefill-sortby-dropdown .dropdown {
  background-color: #e8f2fd;
}
.prefill-sortby-dropdown .dropdown .dropdown-toggle {
  color: #0969ce;
  font-family: "Gilroy-medium";
}
.prefill-sortby-dropdown .dropdown .dropdown-toggle::after {
  margin-left: 1em;
  position: relative;
  top: 0.2rem;
}

.prefill-table .table th {
  vertical-align: middle;
}
.prefill-table .table td {
  vertical-align: middle;
}

#prefillHomeVisitModal .modal-dialog {
  width: 380px;
}
#prefillHomeVisitModal .modal-content {
  border-radius: 0px;
}
#prefillHomeVisitModal .modal-header {
  border-bottom: none;
  z-index: 99;
}
#prefillHomeVisitModal .modal-header .close {
  position: absolute;
  right: 3px;
  top: -5px;
}
#prefillHomeVisitModal .modal-header .close span {
  font-size: 3rem;
  font-weight: 100;
}
#prefillHomeVisitModal .modal-body {
  margin-top: -15px;
}
#prefillHomeVisitModal .modal-body .text {
  font-size: 20px;
  font-family: "Gilroy-Semibold";
  margin-bottom: 2rem;
}
#prefillHomeVisitModal .modal-body .form {
  margin-bottom: 1rem;
}
#prefillHomeVisitModal .modal-body .form .btn-light {
  padding: 10px 25px;
}

.selectAccount li {
  border: 1px solid #eeeeee;
  padding: 5px 10px;
}
.selectAccount li:hover {
  background-color: #fafafa;
  cursor: pointer;
}

#userListPanelToLoad {
  background: #FFFFFF;
  box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  position: absolute;
  z-index: 1000;
  margin-top: -1rem;
  height: 250px;
  overflow-y: auto;
  margin-top: 2px;
  padding: 8px;
}
#userListPanelToLoad .messageList-item {
  margin-bottom: 5px;
}

.secure-messaging .message-dashboard .md-chat {
  /*  flex-wrap: wrap;
  height:100%;*/
}
.secure-messaging .message-dashboard .md-chat .message-section {
  /* max-height: 47vh;*/ /*Hight scroll issue*/
  /*   min-height: 39vh;
  width: 100%;
  overflow-x: hidden;*/
}
.secure-messaging .message-dashboard .md-chat .bootstrap-tagsinput {
  margin: 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
}
.secure-messaging .message-dashboard .md-chat .msg-title {
  font-size: 16px;
  line-height: 100%;
}
.secure-messaging .message-dashboard .md-chat .sub-text {
  font-size: 12px;
}

.badge-basic {
  color: #007bff;
  background-color: #F4F7FA;
}

.filter-option {
  background: #FFFFFF;
  border: 1px solid #E7ECF0;
  border-radius: 8px;
  color: #7D8B96;
  font-size: 12px;
  line-height: 20px;
  padding: 2px 8px;
  margin: 4px;
  display: inline-block;
  font-weight: bold;
}
.filter-option svg {
  color: #007bff;
  width: 15px;
  display: none;
  cursor: pointer;
}
.filter-option input[type=checkbox] {
  position: absolute;
  z-index: 0;
  clip: rect(0, 0, 0, 0);
}

.filter-option.activeoption {
  color: #007bff;
  background-color: #E8F2FD;
  border: 1px solid transparent;
}
.filter-option.activeoption svg {
  display: inline-block;
}

.checkbox-md {
  width: 20px;
  height: 20px;
}

.s-services .feather-clock {
  width: 18px;
  height: 18px;
}
.s-services .s-subsection {
  background: #FFFFFF;
  border: 1px solid #E9EBEF;
  border-radius: 4px;
  padding: 8px;
  min-height: 100px;
}
.s-services .s-subsection .filterList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.add-tags {
  margin-left: 8px;
  width: fit-content;
  font-size: 14px;
  position: relative;
}
.add-tags input {
  border-bottom: 1px solid transparent;
}
.add-tags svg {
  width: 18px;
  color: #7D8B96;
}

.s-groups-tbl th:nth-child(1) {
  width: 30px;
}
.s-groups-tbl td:last-child, .s-groups-tbl th:last-child {
  width: 15%;
}
.s-groups-tbl td, .s-groups-tbl th {
  vertical-align: middle;
}

.s-notification-type {
  border-right: 1px solid #EEEEEE;
}
.s-notification-type ul li {
  border: 1px solid rgba(0, 0, 0, 0.15);
  /* border-left: 0;*/
  padding: 8px;
  border-collapse: collapse;
  /* border-left: 3px solid transparent;*/
  cursor: pointer;
  width: 200px;
  top: 20px !important;
  border-radius: 5px;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
}
.s-notification-type .filter-option {
  color: #007bff;
}
.s-notification-type .activeNotification {
  border-left: 3px solid #0969CE;
}
.s-notification-type .activeNotification .dark-text {
  color: #0969CE;
}
.s-notification-type .notification-title {
  background-color: #F4F7FA;
  padding: 18px 8px;
}
.s-notification-type .notification-title p {
  color: #313131;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #E3E7ED;
  margin: 1rem 0;
}

.add-patients {
  background: #FFFFFF;
  border: 1px solid #E9EBEF;
  border-radius: 4px;
  padding: 8px;
  min-height: 100px;
  position: relative;
}
.add-patients .filterList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.repeat-appointment .repeat-week {
  display: block;
  gap: 6px;
  flex-wrap: wrap;
  padding: 6px;
  border: 1px solid #e9ebef;
  width: 64%;
  border-radius: 6px;
}
.repeat-appointment .repeat-week label {
  background-color: #E8F2FD;
  color: #0969CE;
  padding: 4px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  margin: 3px;
}
.repeat-appointment .repeat-week label input[type=checkbox] {
  position: absolute;
  z-index: 0;
  clip: rect(0, 0, 0, 0);
}

.repeat-appointment .btn-group-toggle .btn.btn-light {
  background-color: #E8F2FD;
  color: #0969CE;
  border-radius: 50%;
  font-size: 12px;
  padding: 6px;
}

.form .repeat-appointment .btn-group-toggle .btn-light:not(:disabled):not(.disabled).active,
.form .repeat-appointment .btn-group-toggle .btn-light:not(:disabled):not(.disabled):active,
.form .repeat-appointment .btn-group-toggle .show > .btn-light.dropdown-toggle {
  background-color: #0969CE !important;
  color: #fff !important;
  padding: 6px;
  border-radius: 50%;
}

.repeat-note {
  font-size: 12px;
  background: #F5F9FD;
  border: 1px solid #E6EEF7;
  border-radius: 10px;
  color: #7D8B96;
  padding: 4px 10px;
}

.modal-right .modal-dialog {
  float: right;
  width: 50% !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
}
.modal-right .modal-content {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: auto;
  min-height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.tag-primary {
  background-color: #FB9D18;
  color: #fff;
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 4px;
  line-height: 14px;
}

.tag-eligible {
  background-color: #558B2F;
  color: #fff;
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 4px;
  line-height: 14px;
}

.insurance-details .name {
  width: 105px;
  font-family: "Gilroy-Semibold";
  font-size: 14px;
}
.insurance-details .value {
  font-size: 14px;
}

.insurance .main-header {
  line-height: 30px;
  margin-bottom: 1rem;
}
.insurance .insurance-card-img {
  width: 100%;
}
.insurance .btn-primary {
  padding: 5px 8px;
}
.insurance .btn-primary svg {
  width: 16px;
  height: 20px;
}

.main-header {
  font-size: 24px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}

.insurance-header {
  font-family: "Gilroy-medium";
  font-size: 18px;
  color: #7D8B96;
}

.insurance-verified-text {
  font-family: "Gilroy-Medium";
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap;
}
.insurance-verified-text a {
  text-decoration: underline;
}

.select-hospital-btn {
  width: 200px;
}

.select-hospital {
  background: #FFFFFF;
  box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  position: absolute;
  z-index: 1000;
  width: 200px;
}
.select-hospital .select-hospital-list {
  border-bottom: 0.65px solid #E2E2E2;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.select-hospital .select-hospital-list:last-child {
  border: none;
  margin-bottom: 0;
}
.select-hospital .subtitle {
  padding: 5px 10px;
  font-weight: bold;
}
.select-hospital li {
  font-size: 14px;
  padding: 2px 10px;
  margin-left: 0 !important;
}
.select-hospital li:hover {
  color: #0969CE;
  background-color: #F4F7FA;
  cursor: pointer;
}

.search-patient {
  background: #FFFFFF;
  box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.25) !important;
  border-radius: 6px;
  position: absolute;
  z-index: 1000;
  margin-top: 0;
  left: 15px;
  width: 92%;
}
.search-patient ul li {
  padding: 8px;
}
.search-patient ul li:hover {
  color: #0969CE;
  background-color: #F4F7FA;
  cursor: pointer;
}
.search-patient .link-text {
  cursor: pointer;
  border-top: 1px solid #dee2e6;
  padding-top: 1rem;
}

.pdf-block.selectedFile {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.pdf-block.selectedFile svg {
  width: 18px;
}
.pdf-block.selectedFile .mail-attachment {
  width: 48%;
}
.pdf-block.selectedFile .mail-attachment .d-flex {
  align-items: center;
  gap: 5px;
}

.chatWindow .modal-dialog {
  max-width: 1000px;
  width: 100% !important;
}
.chatWindow .message-dashboard .title {
  font-size: 18px;
}
.chatWindow .modal-content .rightwindow .md-chat {
  min-height: 100%;
  max-height: 100%;
}
.chatWindow .modal-content .rightwindow .md-chat .pdf-block.selectedFile {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.chatWindow .modal-content .rightwindow .md-chat .pdf-block.selectedFile svg {
  width: 18px;
}
.chatWindow .modal-content .rightwindow .md-chat .pdf-block.selectedFile .mail-attachment {
  width: 48%;
  padding-right: 10px;
}
.chatWindow .modal-content .rightwindow .md-chat .pdf-block.selectedFile .mail-attachment .d-flex {
  align-items: center;
  gap: 5px;
}
.chatWindow .modal-content .rightwindow .md-chat .totalAttachment {
  text-align: left;
  margin-top: 8px;
  font-size: 14px;
  font-weight: bold;
}
.chatWindow .modal-content .rightwindow .message-mode {
  width: 100%;
}
.chatWindow .modal-content .leftwindow {
  padding: 1rem;
  border-right: 1px solid #EEEEEE;
  background: #fbfcfd;
}
.chatWindow .modal-content .leftwindow .md-menu {
  border: none;
}
.chatWindow .modal-content .leftwindow .feather-edit-2 {
  color: #EF5DA8;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.chatWindow .modal-content .leftwindow .md-patient-info {
  background: #ffffff;
  border: 1px solid #E3E7ED;
  padding: 8px 16px;
  border-radius: 6px;
}
.chatWindow .modal-content .leftwindow .md-patient-list {
  background: #FFFFFF;
  border: 1px solid #E9EBEF;
}
.chatWindow .modal-content .leftwindow .md-patient-list .user-details {
  padding: 10px 16px;
  border-bottom: 1px solid #E9EBEF;
}

.dr-availability ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.dr-availability ul li p:first-child {
  width: 30px;
}
.dr-availability ul li .btn-img img {
  width: 30px;
}

.dr-preview {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  border-bottom: 2px solid #EEEEEE;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.dr-preview .days {
  display: flex;
  align-items: center;
  gap: 6px;
  border-right: 1px solid #CBCBCB;
  padding-right: 1rem;
}
.dr-preview .days .timing {
  background: #E8F2FD;
  font-family: "Gilroy-medium";
  color: #7D8B96;
  border-radius: 5px;
  padding: 5px 10px;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
}
.dr-preview .days .timing svg {
  width: 18px;
}
.dr-preview:last-child {
  border: none;
}

.editableIP {
  border: none;
  outline: none;
}

.filter-mails.dropdown .dropdown-menu .dropdown-item {
  margin: 0;
}
.filter-mails.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}
.filter-mails.dropdown .dropdown-menu .dropdown-item:hover .filter-option.activeoption {
  background-color: #E8F2FD;
}
.filter-mails.dropdown .hotelPref {
  display: block;
  padding: 0 10px;
}
.filter-mails.dropdown .hotelPref .btn-light:not(:disabled):not(.disabled).active, .filter-mails.dropdown .hotelPref .btn-light:not(:disabled):not(.disabled):active, .filter-mails.dropdown .hotelPref .show > .btn-light.dropdown-toggle {
  background-color: #0969ce;
  color: #fff;
  border-radius: 16px;
  margin-bottom: 5px;
  border: 1px solid transparent;
}
.filter-mails.dropdown .hotelPref .btn-light {
  background: #FFFFFF;
  color: #7D8B96;
  border: 1px solid #E7ECF0;
  border-radius: 16px;
  margin-bottom: 5px;
}

.tox-tinymce {
  border-radius: 0px !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
  padding: 0;
  border-radius: 0;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header .tox-toolbar__primary {
  background-color: #E8F2FD;
}

.e-schedule .e-vertical-view .e-time-cells-wrap table td, .e-schedule .e-vertical-view .e-work-cells {
  height: 40px !important;
}

.overview-scheduler .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textreply {
  background: #F4F7FA;
  border: 1px solid #DADFEA;
  border-radius: 4px;
  padding: 4px 6px;
  margin: 10px;
  font-size: 12px;
}
.textreply .textreplyclose {
  width: 15px;
  margin-left: 6px;
}
.textreply .name {
  color: #01182D;
  font-weight: bold;
}
.textreply .date {
  color: #7D8B96;
  font-size: 9px;
}

.notificationListForChatContainer {
  border: 1px solid rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: 52px;
  right: 100px;
  background: white;
}
.notificationListForChatContainer ul li {
  padding: 4px 10px;
}
.notificationListForChatContainer ul li:hover {
  background-color: #c2dfff;
  cursor: pointer;
}

#addBookingModal .modal-dialog {
  display: flex;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(232, 236, 241, 0.85), 0 6px 20px 0 rgba(232, 236, 241, 0.85) !important;
  max-width: 100%;
}
#addBookingModal .modal-dialog .modal-content {
  box-shadow: none !important;
  border-radius: 6px;
  /* border:0;*/
  /* height: 100%;*/
  overflow-y: auto;
  background-color: #F9FBFC !important;
  /* border-left: 1px solid #E3E7ED !important;*/
}

.addtag-btn {
  background: #313131 !important;
  border-radius: 4px;
  padding: 5px !important;
  color: #fff !important;
  cursor: pointer !important;
}

#saveNotificationForm .ck select {
  border: solid 1px #e9ebef !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Gilroy-medium" !important;
  color: #313131 !important;
  padding: 6px;
}

#saveNotificationForm .ck-editor__editable {
  height: 300px !important;
  overflow-y: auto;
}

.add-insurance-policy .upload-csv .drag-files {
  font-weight: 400;
  font-size: 16px;
  color: #7D8B96;
  font-family: "Gilroy-Regular";
}
.add-insurance-policy .btn-secondary {
  background: #E8F2FD;
  border: 1px solid #C2DFFF;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #0969CE;
}

.editTimeSlot {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.search-physician input {
  height: 40px;
  width: 100%;
}

.patientSelectionDropdown .form-group p {
  font-size: 14px;
}

#scheduleApp.e-schedule .e-text-ellipsis {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #313131;
}

.upload-profile-photo .browseImg {
  margin-top: -36px;
  position: absolute;
  width: 195px;
  height: 35px;
  opacity: 0;
  cursor: pointer;
}
.upload-profile-photo .btn-bordered-light svg, .upload-profile-photo .btn-bordered-light p {
  cursor: pointer;
}

#bookingDetailsContainer .btn-bordered-light {
  width: 100%;
  justify-content: center;
  padding: 8px 15px;
}

#notificationsModal.modal-right .modal-dialog, #todoModal.modal-right .modal-dialog, #pendingapprovalModal.modal-right .modal-dialog, #ToppendingapprovalModal.modal-right .modal-dialog {
  max-width: 400px;
}
#notificationsModal.modal-right .modal-dialog .modal-content, #todoModal.modal-right .modal-dialog .modal-content, #pendingapprovalModal.modal-right .modal-dialog .modal-content, #ToppendingapprovalModal.modal-right .modal-dialog .modal-content {
  border-top-left-radius: 16px;
}
#notificationsModal.modal-right .modal-dialog .modal-content .modal-body, #todoModal.modal-right .modal-dialog .modal-content .modal-body, #pendingapprovalModal.modal-right .modal-dialog .modal-content .modal-body, #ToppendingapprovalModal.modal-right .modal-dialog .modal-content .modal-body {
  overflow-x: auto;
}

.slideInEffect .modal-dialog {
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.5s;
}

#todoModal, #notificationsModal, #pendingapprovalModal, #pendingapprovalnextModal, #downloadModal, #fullviewModal,
#ToppendingapprovalModal, #unassignedBackdrop, #detailsBackdrop, #myLeads, #editExecutive, #viewLetterModal .modal-dialog, #pastConsultation .modal-dialog {
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.5s;
}

#todoModal, #notificationsModal, #newInvoiceModal .modal-dialog, #payorInfoModal .modal-dialog, #editInvoiceModal .modal-dialog, #viewCloudRxModal .modal-dialog, #getPaidModal .modal-dialog, #pendingapprovalModal, #pendingapprovalnextModal, #downloadModal, #fullviewModal,
#ToppendingapprovalModal, #unassignedBackdrop, #detailsBackdrop, #myLeads, #editExecutive, #composeLetterModal .modal-dialog, #addBookingModal .modal-dialog, #addNote, #consultationSummary .modal-dialog, #viewShortDictationDetailsModal .modal-dialog, #transcriptNowModal .modal-dialog, #editCloudrx .modal-dialog, #ViewCloudrx .modal-dialog, #followupModal .modal-dialog {
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.5s;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  0% {
    transform: translateX(400px);
  }
  100% {
    transform: translateX(0);
  }
}
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-thumb {
  background: #7D8B96;
}

#patientListInGroup .search-patient {
  left: 0;
  width: 100%;
  top: 40px;
  position: inherit !important;
  margin-top: 0;
}

.actionBtns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.actionBtns svg {
  width: 22px;
  color: #313131;
}

.btop {
  border-top: 0.5px solid #E3E7ED;
}

.bbottom {
  border-bottom: 0.5px solid #E3E7ED;
}

.bbottom1 {
  border-bottom: 1px solid #ccc;
}

.bleft {
  border-left: 0.5px solid #E3E7ED;
}

.bright {
  border-right: 0.5px solid #E3E7ED;
}

.bborder {
  border: 0.5px solid #E3E7ED;
}

.blockLight {
  background: #F9FBFC;
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(232, 236, 241, 0.85);
}

.bradiusNone {
  border-radius: 0 !important;
}

.umSelectRole input[type=radio] {
  width: 30px;
  height: 30px;
  accent-color: #0969ce !important;
}

.slideModalLg {
  -webkit-animation-name: slideInLg;
  -webkit-animation-duration: 0.5s;
}

/* Add Animation */
@-webkit-keyframes slideInLg {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
.lettersTag ul {
  display: flex;
  align-items: center;
  gap: 8px;
}
.lettersTag ul li label {
  color: #7D8B96;
  font-weight: 500;
  font-size: 12px;
  border: 1px solid #E3E7ED;
  padding: 8px;
  border-radius: 6px;
  font-family: "Gilroy-medium";
  cursor: pointer;
  display: flex;
  gap: 5px;
}
.lettersTag ul .activeTag {
  background: #E8F2FD;
  color: #0969CE;
  border: 1px solid #E8F2FD;
}
.lettersTag ul .activeTag img {
  height: 16px;
  width: 16px;
}
.lettersTag ul li {
  position: relative;
  /*label {
      margin: 0 10px 10px 0;
      display: flex;
      background-color: transparent;

      &:hover,
      &:focus,
      &:active {
          background-color: transparent;
      }
  }*/
}
.lettersTag ul li img {
  height: 16px;
  width: 16px;
  /*                display: none;

                  &.unchecked-img {
                      display: block;
                  }*/
}
.lettersTag ul li input:checked + label {
  background: #E8F2FD;
  color: #0969CE;
  border: 1px solid #E8F2FD;
}
.lettersTag ul li input:checked + label:hover, .lettersTag ul li input:checked + label:focus, .lettersTag ul li input:checked + label:active {
  background: #E8F2FD;
  color: #0969CE;
  border: 1px solid #E8F2FD;
}
.lettersTag ul li input:checked + label img {
  display: block;
}
.lettersTag ul li input:checked + label img.unchecked-img {
  display: none;
}
.lettersTag ul li input:not(:checked) + label img {
  display: none;
}
.lettersTag ul li input:not(:checked) + label img.unchecked-img {
  display: block;
}
.lettersTag ul li input {
  opacity: 0;
  position: absolute;
}

.btn:hover, .btn:active, .btn:focus {
  background-color: transparent !important;
  /*color: $main !important;*/
  border: 0.5px solid #E3E7ED !important;
  text-decoration: none !important;
}

.form .btn-group-toggle .btn {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  border: 0.5px solid #E3E7ED !important;
}

.btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.multiselectBtnGroup svg {
  cursor: pointer;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-item {
  font-size: 14px;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.dropdown-item:hover svg, .dropdown-item:hover p {
  color: #0969ce;
}

.dropdown-menu.show {
  padding: 0;
}

#viewModal #viewReportThumbnailList .active {
  border: 1px solid #7d8b96 !important;
}

.max_width {
  width: max-content !important;
}

.drop-zone {
  max-width: 100%;
  height: 225px;
  padding: 3rem 0;
  border-radius: 17px;
  border: dashed 1px #E3E7ED;
  text-align: center;
  background: #F9FBFC;
  display: block;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: none !important;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: unset !important;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  /* bottom: -12px; */
  /* top: 10px; */
  left: 0;
  text-align: center;
  width: 100%;
  padding: 5px 0;
  color: #7d8b96;
  /* background: rgba(0, 0, 0, 0.75); */
  font-size: 14px;
  text-align: center;
}

.scroll-sm {
  max-height: 150px;
  overflow-y: scroll;
}

.scroll-md {
  max-height: 200px;
  overflow-y: scroll;
}

.scroll-xl {
  /*max-height: 500px;*/
  /*overflow-y: scroll;*/
  max-height: calc(100vh - 85px);
  overflow-y: auto;
}

.investigation_preview {
  height: 80vh;
  overflow: auto !important;
  background-color: #ffffff;
  border: 1px solid #E3E7ED;
  width: 100%;
}

.inputIcon {
  /*float: right;
  margin-top: -32px;*/
  /* margin-right: 3px;*/
  /*color: #acafb5;*/
  /* color: #acafb5;*/
  color: #000000;
  top: 20%;
  right: 5px;
  position: absolute;
}

/*Zoom in Zoom Out*/
#pages {
  text-align: center;
}

.page {
  width: 60%;
  margin: 10px;
  box-shadow: 0px 0px 5px #000;
  animation: pageIn 1s ease;
  transition: all 1s ease, width 0.2s ease;
}

@keyframes pageIn {
  0% {
    transform: translateX(-300px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
#zoom-percent {
  display: inline-block;
}

#zoom-percent::after {
  content: "%";
}

.graphStats li {
  display: flex;
  gap: 4px;
  align-items: center;
}

.newPatientsCount {
  background: #E8F2FD;
  border-radius: 4px;
  padding: 5px 10px;
}
.newPatientsCount p {
  color: #0969CE;
  font-size: 14px;
  font-family: "Gilroy-medium";
  font-weight: 500;
}

.practionersect {
  border-top: 0.5px solid #E3E7ED;
  border-left: 0.5px solid #E3E7ED;
  border-right: 0.5px solid #E3E7ED;
}

.practionersect-left.d-flex {
  gap: 0;
}

.practionersect .nav-pills .nav-link {
  border-radius: 0;
  border-bottom: 0.5px solid #E3E7ED;
  font-weight: 600;
}

.modal-right .modal-dialog.h-auto {
  height: auto !important;
}

.select_letter input:focus-visible {
  outline: none !important;
}

.select_letter .searchSelect3 .searchSelect3_List {
  width: initial !important;
}
.select_letter .searchSelect3 .searchSelect3_List li {
  width: 185px;
}

@-moz-document url-prefix() {
  .cardLight select.headerIp.form-control {
    background: #ffffff;
    /*
    option:hover {
        background-color: blue;
    }*/
  }
}
.dictate_bottombtn {
  display: flex;
  /* justify-content: flex-end;*/
  justify-content: flex-end;
  text-align: center;
  padding: 0.5rem;
  gap: 10px;
}
.dictate_bottombtn a {
  font-size: 14px !important;
  padding: 5px 12px;
  line-height: normal;
}
.dictate_bottombtn a.btn-bordered-light {
  color: #2E2E2E;
}

.dictate_scroll {
  /*height: 674px;
  overflow-y: auto;
  overflow-x: hidden;*/
}
.dictate_scroll .light-text-small {
  font-size: 10px;
  color: #2E2E2E;
  font-weight: 400;
  font-family: "Gilroy-Regular";
}

.dictate_sm_scroll {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.dicatevoice {
  padding-inline-start: 20px;
  list-style-type: none;
  padding-inline-end: 20px;
}
.dicatevoice li audio {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.madication-table ol.consultation-summery-list {
  padding-inline-start: 0px;
  list-style-type: none;
}
.madication-table ol.consultation-summery-list li audio {
  width: 295px;
}

.speechbox_textarea {
  /*margin-top: 2%;*/
  display: inline-block;
  width: 98%;
  height: 130px;
  font-weight: 400;
  font-family: "Gilroy-Regular";
  font-size: 14px;
  color: #01182D;
  text-align: left;
  padding: 3%;
  border: 0;
  outline: 0;
}
.speechbox_textarea:focus-visible, .speechbox_textarea:focus, .speechbox_textarea:active, .speechbox_textarea:hover {
  outline: 1px;
  outline-color: rgba(187, 187, 187, 0.7333333333);
}

.compose_tab {
  margin: 0;
  padding: 0 !important;
}
.compose_tab .nav-item {
  color: #0969ce;
  font-family: "Gilroy-medium";
  /* margin-right: 10px; */
  margin: 0 !important;
}
.compose_tab .nav-item:hover {
  border-radius: 0;
}
.compose_tab .nav-item .nav-link {
  border-top: 1px solid #E3E7ED !important;
  border-bottom: 1px solid #E3E7ED !important;
  border-radius: 0;
  color: #2e2e2e;
  padding: 10px 20px;
}
.compose_tab .nav-item.active {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  /*    color: #0969CE !important;*/
  /* &:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
  }*/
}

.diagnosis_place {
  height: 100%;
}
.diagnosis_place .record-block {
  /* width: 490px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  margin: 0;
}

.datepicker .datepicker-days table thead th {
  padding: 5px 10px !important;
}
.datepicker .datepicker-days table tbody td {
  padding: 5px 10px !important;
}
.datepicker .datepicker-days th, .datepicker .datepicker-days td {
  width: 10px !important;
  height: 10px !important;
}

.toastgreenbody {
  position: fixed !important;
}

.prm-primary-text {
  font-size: 12px;
  color: #64717D;
  font-weight: 600;
}

.btn-outline-danger {
  background-color: transparent;
  border-radius: 6px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 0.4rem 1rem !important;
  border: 1px solid #DA0F0F;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  color: #DA0F0F;
}

.leftwindow .btn-primary {
  padding: 0.4rem 2rem;
}

.word-wrap {
  word-wrap: break-word;
}

.cursor {
  cursor: pointer;
}

.textunderline p {
  font-size: 12px;
  color: #2E2E2E;
}

.disabled-btn {
  background-color: #F4F7FA;
  color: #BBBFC2;
}
.disabled-btn:hover {
  background-color: #F4F7FA;
  color: #BBBFC2;
}

.searchicon-style {
  position: absolute;
  padding: 12px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}

.card-title-text {
  font-size: 16px;
  color: #2E2E2E;
  /*  font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}

.icon-grey-color {
  color: #7D8B96;
  font-family: "Gilroy-Semibold";
}

.bookAppoimentbtn {
  background-color: #01182D;
  padding: 9px 15px;
}

.appoinment-text {
  text-align: left;
  font-size: 12px;
}

.black-dark-text {
  color: #000000;
  font-size: 16px;
  font-family: "Gilroy-Semibold";
}

.patientDetailsText span {
  color: #ffffff;
  font-size: 12px;
  font-family: "Gilroy-medium";
}

.headerIp {
  text-align: right;
  width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.headerIp option {
  text-align: left;
}

.img-hover {
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 200px;
  height: 30px;
  border-radius: 10px;
}

/*.has-hover:hover .img-hover {
        display: block
    }*/
.has-hover {
  position: relative;
  width: 100%;
  max-width: 200px;
  height: 43px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.has-hoverimg {
  width: 100%;
  max-width: 200px;
  height: 43px;
}

.mark-as-primary {
  font-weight: 500;
  font-family: "Gilroy-medium";
  vertical-align: text-bottom;
  font-size: 16px;
  color: #2E2E2E;
  line-height: 120%;
}

.umRoleDetails .bootstrap-tagsinput {
  font-size: 14px;
}
.umRoleDetails .bootstrap-tagsinput .tag {
  text-wrap: nowrap;
  display: inline-block;
  margin-bottom: 5px;
}

.switch-item {
  background-image: url("../images/switch.svg");
  background-repeat: no-repeat;
  background-position-y: 7px;
  background-position-x: 15px;
  padding: 10px 3rem !important;
  background-size: 24px;
}

.switch-item:hover {
  background-image: url("../images/switch-hover.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 7px !important;
  background-position-x: 15px !important;
  padding: 10px 3rem !important;
  background-size: 24px;
}

.active .switch-item {
  background-image: url("../images/switch-hover.svg") !important;
}

.top-nav-menu li a svg {
  /*  &:hover stroke {
      fill: none !important;
  }*/
  /* &:hover circle {
      fill: $primary;
  }*/
}
.top-nav-menu li a svg:hover path {
  stroke: #0969ce;
  /* &:hover {
      stroke: $primary;
      fill:$primary;
  }*/
}

.nofilter-icon a {
  cursor: pointer;
}
.nofilter-icon a svg:hover path {
  stroke: #0969ce;
  stroke-width: 1 !important;
  cursor: pointer;
}

/*.todo-item:hover {*/
/*  background-image: url("../images/todolistblue.svg") !important;
background-repeat: no-repeat !important;
background-position-y: 2px !important;*/
/* background-position-x: 15px !important;*/
/*padding: 10px!important;
color:aqua;*/
/* background-size: 20px;*/
/*}*/
/*.active {
color: aqua;*/
/*.todo-item {
    background-image: url("../images/todolistblue.svg") !important;
}*/
/*}*/
.pending-item {
  background-image: url("../images/PendingApproval1.svg");
  background-repeat: no-repeat;
  background-position-y: 1px;
  background-position-x: 2px;
  padding: 10px !important;
  background-size: 16px;
}

.pending-item:hover {
  background-image: url("../images/pendingapprovalblue.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 1px !important;
  background-position-x: 2px !important;
  padding: 10px !important;
  background-size: 16px;
}

.active .pending-item {
  background-image: url("../images/pendingapprovalblue.svg") !important;
}

.notification-item {
  background-image: url("../images/Notification.svg");
  background-repeat: no-repeat;
  background-position-y: 2px;
  background-position-x: -2px;
  padding: 10px !important;
  background-size: 18px;
}

.notification-item:hover {
  background-image: url("../images/Notificationblue.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 2px !important;
  background-position-x: -2px;
  padding: 10px !important;
  background-size: 18px;
}

.active .notification-item {
  background-image: url("../images/Notificationblue.svg") !important;
}

#timezoneSelectionTypeHTML {
  width: 400px;
  text-align: left;
  /*margin-left: 7rem;*/
}

.arrow-left-bold svg {
  color: #000000 !important;
}
.arrow-left-bold .feather {
  stroke-width: 2;
}

.patientInvestigationsListContainer table tbody td {
  padding: 10px 20px !important;
}
.patientInvestigationsListContainer .search {
  width: 245px;
}
.patientInvestigationsListContainer .investigation_select.form-control {
  /* color: #2E2E2E;*/
  padding: 0 7px;
}

.height-75 {
  min-height: 500px;
}

.block-height {
  min-height: calc(100vh - 60px);
}

.height-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
}

.block-height-pdetails {
  /*  min-height: calc(100vh - 165px);*/
  /*min-height: calc(100vh - 155px);*/
}

.flexHeightMain {
  display: flex;
  flex-direction: column;
}

.flexHeightSub {
  flex-grow: 1;
}

.record-block .speechbox_textarea {
  background-color: #f9fbfc !important;
}

.main-nav-tab-content .nav-link.active {
  background-color: #E8F2FD !important;
}

.bootstrap-tagsinput {
  font-size: 14px;
}

.mb-bottom {
  margin-bottom: 10px;
}

.appointment-list {
  border-radius: 10px !important;
  border: none;
  margin-bottom: 5px;
  padding: 1rem;
}
.appointment-list .subtitle {
  font-size: 10px;
  color: #01182D;
  line-height: initial;
}
.appointment-list .patient-in-btn {
  padding: 5px 10px;
  border: 0.42px solid #0969CE;
  border-radius: 3px;
  color: #0969CE;
  font-size: 12px;
  /* font-weight: 600;*/
  font-family: "Gilroy-Semibold";
  background-color: rgba(9, 105, 206, 0.1);
  outline: none;
  cursor: pointer;
}
.appointment-list .patient-in-checked {
  padding: 5px 10px;
  border: none;
  color: #0969CE;
  font-size: 12px;
  /* font-weight: 600;*/
  font-family: "Gilroy-Semibold";
  background-color: transparent;
  /* outline: none;
   cursor: pointer;*/
}
.appointment-list .video-call-btn {
  background-color: #0969CE;
  color: #fff;
  padding: 8px 10px;
  border-radius: 3px;
  font-size: 12px;
  /*font-weight: 600;*/
  font-family: "Gilroy-Semibold";
  outline: none;
  cursor: pointer;
  border: none;
  vertical-align: middle;
  line-height: normal;
}
.appointment-list svg {
  margin-right: 5px !important;
  width: 15px;
  height: 15px;
  stroke-width: 2 !important;
}
.appointment-list svg.feather-video {
  fill: #ffffff;
}
.appointment-list .text-muted {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
}
.appointment-list .d-flex.align-items-end {
  gap: initial;
}

.total-reg-patient .text-muted {
  font-size: 16px;
}

.msg-title {
  color: #000000;
  font-size: 14px;
  /* font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}

.msg-icon .feather {
  width: 20px;
  height: 20px;
}

.user-icon-sm {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.user-icon-lg {
  border-radius: 50%;
  width: 54px;
  height: 54px;
}

.std-tabs .nav-pills {
  padding: 10px;
  line-height: unset;
}
.std-tabs .nav-pills .nav-item {
  /*line-height: normal;*/
}
.std-tabs .nav-pills .nav-item .nav-link {
  font-size: 14px;
}
.std-tabs .form-control {
  /* color: #2E2E2E;*/
}
.std-tabs .tab-content .sub-tabs {
  padding: 0;
}
.std-tabs .tab-content .sub-tabs .nav-pills .nav-link {
  padding: 10px;
  margin: 0 8px;
}
.std-tabs .tab-content .sub-tabs .nav-pills .nav-link.active {
  margin: 0 8px;
}
.std-tabs .tab-content .sub-tabs .text-muted {
  font-family: "Gilroy-Regular";
}

.black-medium-text {
  font-size: 14px;
  color: #000000;
  font-family: "Gilroy-medium";
  font-weight: 500;
  line-height: normal;
}

.main-text-dark {
  color: #2E2E2E;
  font-size: 14px;
  font-family: "Gilroy-Semibold";
  /* font-weight: 600;*/
}

.patientDetailConatiner .modal-header {
  padding: 10px 15px;
  align-items: center;
}

.composeLetter .form-label {
  /*   font-weight: 500;
  font-family: "Gilroy-medium";*/
}

.close {
  opacity: 1 !important;
}
.close .dark-close-icon {
  color: #2E2E2E;
  opacity: 1 !important;
  height: 22px;
  width: 22px;
}
.close .white-close-icon {
  color: #FFFFFF !important;
  opacity: 1 !important;
  height: 25px;
  width: 25px;
}

.compose_bottombtn {
  display: flex;
  /* justify-content: flex-end; */
  justify-content: flex-end;
  text-align: center;
  gap: 10px;
}

.dictatespeech_bottombtn {
  display: flex;
  /* justify-content: flex-end; */
  justify-content: center;
  text-align: center;
  gap: 10px;
}
.dictatespeech_bottombtn .btn-bordered-light {
  display: block;
}
.dictatespeech_bottombtn svg, .dictatespeech_bottombtn img {
  height: 20px;
  width: 20px;
}

.approval-badge-text {
  font-family: "Gilroy-Regular";
  font-weight: 600;
  font-size: 12px;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 0 10px;
  line-height: 2;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.badge-notes {
  color: #005AE0;
  background-color: #EBF3FF;
  border-radius: 4px;
}

.badge-letters {
  color: #325F32;
  background-color: #F2F8F2;
  border-radius: 4px;
}

.badge-labs {
  color: #7A5C52;
  background-color: #F7F4F3;
  border-radius: 4px;
}

.badge-imaging {
  color: #70731C;
  background-color: #FBFBEF;
  border-radius: 4px;
}

.follow-up {
  color: #2E2E2E;
  font-size: 16px !important;
  font-family: "Gilroy-medium";
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: none !important;
  white-space: nowrap;
}

.follow-up-btn .btn-light-noradius {
  background-color: #ffffff;
}
.follow-up-btn .btn-light-noradius.active:focus {
  box-shadow: none;
}

.madication-table table tbody td {
  padding: 10px !important;
}
.madication-table .medication_tbl .table thead {
  background-color: #F3F3F3;
  vertical-align: top;
}
.madication-table .medication_tbl .table thead th {
  word-wrap: normal;
  width: 100%;
  padding: 10px !important;
}

.pm-card .card_gray {
  border-radius: 6px;
}

.pin-icon img {
  transform: rotate(0deg);
  color: #0969CE;
}

.yellow-back-text {
  font-size: 12px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #B9A01D;
  background-color: rgba(185, 160, 29, 0.1);
  padding: 5px 8px;
  border-radius: 6px;
}

.red-color {
  color: #ff0000;
}

.text-overflow-msg {
  width: 145px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.iconsize-small-icon {
  width: 16px;
  height: 16px;
}

.iconsize-xl-icon {
  width: 36px;
  height: 36px;
}

.icon-sm-size {
  width: 30px;
  height: 30px;
}

/*.ck-balloon-panel_arrow_nw, .ck-balloon-panel_arrow_smw, .ck-balloon-panel_arrow_se, .ck-balloon-panel_arrow_s,*/
.ck.ck-balloon-panel.ck-balloon-panel_visible.ck-balloon-panel_with-arrow {
  z-index: 999999 !important;
}

.ck.ck-editor__main > .ck-editor__editable {
  background-color: transparent !important;
}

.vital-history tbody {
  /*height: 200px;*/
}

.madication-table ol audio {
  width: 250px;
}

.collapse-icon svg:hover path {
  stroke: #0969ce;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.quantity input[type=number] {
  -moz-appearance: textfield;
}

#viewLetterBodyContainer .mainSettings.block1 {
  height: 80vh;
}

.dectation-dl audio {
  width: 100%;
}

.patient_multitab table thead th, .patient_multitab table tbody td {
  /*padding: 10px !important;*/
  padding: 10px 20px !important;
}

.eclipsAllergies {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.state-illustrator img {
  /* position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);*/
}

.state-illustrator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90%;
}
.state-illustrator .card {
  margin-bottom: 2rem;
  padding: 20px;
}
.state-illustrator .card img {
  height: 70px;
  filter: grayscale(80%);
}
.state-illustrator .card p {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #7D8B96;
  font-family: "Gilroy-medium";
}

.prescriptionTemplateFormContainer .main-text {
  font-size: 14px;
}
.prescriptionTemplateFormContainer .header-items {
  border-radius: 6px;
}
.prescriptionTemplateFormContainer .header-items .card-bg-light {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.letterTemplatePreviewContainer .main-text {
  font-size: 16px;
  color: #0969CE;
  font-family: "Gilroy-Semibold";
  /* font-weight: 600;*/
}
.letterTemplatePreviewContainer table.patient-information {
  border-bottom: 0 !important;
}
.letterTemplatePreviewContainer table.patient-information tbody tr td {
  padding: 5px 0 !important;
}
.letterTemplatePreviewContainer table.patient-information tbody tr td .p-text {
  color: #01182D;
  font-family: "Gilroy-Regular";
  font-weight: 400;
  font-size: 12px;
}
.letterTemplatePreviewContainer table.patient-information tbody tr td .p-data {
  color: #01182D;
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 12px;
}
.letterTemplatePreviewContainer table.prescribed-table thead tr th {
  font-size: 12px !important;
  padding: 10px !important;
}
.letterTemplatePreviewContainer table.prescribed-table tbody tr td {
  padding: 10px !important;
}

.p-Letters .dropdown-submenu > a:after {
  content: none;
}

.mailAction svg path {
  stroke: #7D8B96;
}
.mailAction svg:hover path {
  stroke: #0969ce;
}

.otherReferralLetterForm input::-webkit-outer-spin-button,
.otherReferralLetterForm input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.otherReferralLetterForm input[type=number] {
  -moz-appearance: textfield;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none !important;
}

.scroll-up {
  position: absolute;
  border-radius: 50%;
  bottom: 10px;
  right: 10px;
}
.scroll-up img {
  height: 30px;
  width: 30px;
  opacity: 0.5;
}
.scroll-up img:hover {
  opacity: 1;
}

/*.dataTables_scroll {*/
.dataTables_scrollBody .table thead {
  display: none !important;
}
.dataTables_scrollBody .table tbody tr:first-child td {
  border-top: none !important;
  height: 30px;
}

/*}
*/
.report-overview-text {
  font-size: 16px;
  font-weight: 500;
  color: #01182D;
  font-family: "Gilroy-medium";
}

#bookingDetailsModal .modal-content {
  /*min-height:initial;*/
}

.form .form-control.datepicker::placeholder {
  font-size: 14px !important;
  color: #7D8B96;
  font-family: "Gilroy-Medium";
}

.form .form-control:focus {
  border: 1px solid #0969ce !important;
}

.search.form-group.mb-0.position-relative {
  width: 300px;
}

#_PatientContactList, .patientDetailsGPtab, #r-patientInfo, #registerInsurance {
  /*    height: calc(100vh - 225px);*/
  overflow-x: hidden;
  overflow-y: scroll;
}

/*#_PatientForm {
    height: calc(100vh - 400px);
    overflow-x: hidden;
    overflow-y: scroll;
}*/
#addUserFormContainer {
  /*height: calc(100vh - 185px);*/
  height: 50vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

#addNewUserSelectionModalBody {
  /* height: calc(100vh - 185px);*/
  height: 50vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

#savePhysicianBasicInfoForm, #pracAvailabilty-content, #pracService-content {
  /* height: calc(100vh - 210px);*/
  height: 50vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

#adminUserRoleAccessFormContainer {
  /* height: calc(100vh - 210px);*/
  /*  height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;*/
}

#savePhysicianBasicInfoForm {
  /*height: calc(100vh - 203px);*/
  height: 50vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #D0D5DD;
  border-color: #D0D5DD;
}

/*
.minimizePatientConsultation#patientConsultationFullModal .modal-full .modal-body {
    overflow: hidden !important;
}*/
/*table.vital-history {
    height: 280px;
    overflow-x: hidden;

    tbody {
        overflow-y: scroll;
        position: absolute;
    }

    tr {
        width: 100%;
        display: inline-table;
        table-layout: fixed;
    }
}*/
.custom-scroll {
  overflow: scroll;
}

.allergy-search {
  position: absolute;
  right: 30px;
}

.message-box .pracImage {
  width: 40px;
  height: 40px;
}

.main-body {
  height: 100%;
  /*  display: flex;
  flex-direction: column;*/
}

.search-box-securemsg {
  background-color: #F4F4F4;
}

.ck.ck-editor__editable_inline > :last-child {
  margin-bottom: 10px !important;
}

.ck.ck-editor__editable_inline > :first-child {
  margin-top: 10px !important;
}

.custom-scroll {
  overflow: scroll;
}

.allergy-search {
  position: absolute;
  right: 30px;
}

.message-box .profileImg-50 {
  width: 40px;
  height: 40px;
}

.main-body {
  height: 100%;
  /*  display: flex;
  flex-direction: column;
  flex-wrap:wrap;*/
}

.search-box-securemsg {
  background-color: #F4F4F4;
}

.ck.ck-editor__editable_inline > :last-child {
  margin-bottom: 10px !important;
}

.ck.ck-editor__editable_inline > :first-child {
  margin-top: 10px !important;
}

.dashboardMessageContainer .notifications-main .notifications-list li {
  border-bottom: none;
}

.col-md-1.smallDiv {
  display: none;
  flex: 0 0 0.333333%;
  max-width: 0.333333%;
}

.cursor.dcDrawerShow.bbottom.collapse-icon.py-2 {
  display: inline-block;
}

.dataTables_wrapper {
  /* height: calc(100vh - 120px);
  overflow-y:auto;*/
}

.dataTables_scrollHead {
  border-bottom: 1px solid #dcdcdc !important;
}

table.table.dataTable, .medication_tbl.tab_useaccess table {
  table-layout: fixed;
  word-wrap: break-word;
}

table.dataTable.std-table.patiantList thead th:first-child {
  width: 18% !important;
}
table.dataTable.std-table.patiantList tbody td:first-child {
  width: 18% !important;
}

table.dataTable.std-table.userList-dataTable thead th:first-child {
  width: 20% !important;
}
table.dataTable.std-table.userList-dataTable tbody td:first-child {
  width: 20% !important;
}

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

#pendingapprovalnextModal .nav-item {
  margin-right: 20px;
}
#pendingapprovalnextModal .subtitle {
  color: #0969ce;
}
/*.letter-template-height {
    min-height: calc(100vh - 65px);
}*/
/*.letter-preview-height {
    min-height: calc(100vh - 120px);
    overflow-y: scroll;
}*/
.pracList .d-flex.pracListItem.slick-slide.slick-current.slick-active, .pracList .d-flex.pracListItem.slick-slide, .table-responsive.patient_multitab.user-tabaccess .dataTables_scrollHead .dataTables_scrollHeadInner {
  width: auto !important;
}

#tblPatientsMedicineList thead th {
  width: auto !important;
  vertical-align: top;
}

#accountListingContainer table#tblAccountList tbody tr td:last-child, #accountListingContainer .account-details-table table.table.w-100.dataTable.no-footer thead th:last-child,
#accountListingContainer table#tblAccountList tbody tr td:nth-child(5), #accountListingContainer .account-details-table table.table.w-100.dataTable.no-footer thead th:nth-child(5) {
  width: 7% !important;
}

#accountListingContainer table#tblAccountList tbody tr td:last-child {
  text-align: center;
}

.uploadReportLetterBody {
  overflow-y: scroll;
}

.start-consultation-height {
  overflow-y: auto;
}

.start-consultation-height:active::-webkit-scrollbar-thumb,
.start-consultation-height:focus::-webkit-scrollbar-thumb,
.start-consultation-height:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.start-consultation-height::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  visibility: hidden;
}

.block-approval-height {
  /* height: calc(100vh - 146px);*/
  /*height: 100%;*/
  height: 800px;
  overflow-y: auto;
}

.approval-inner-block-height {
  /*min-height: calc(100vh - 165px);*/
  min-height: 75vh;
  overflow-y: auto;
}

/* .secretory-dash-height {
    min-height: calc(100vh - 225px);
    overflow-y: auto;
}*/
/*
    height: calc(100vh - 330px);
    overflow-y: scroll;
}*/
.dectate-height {
  overflow-y: scroll;
}

.dectate-height:active::-webkit-scrollbar-thumb,
.dectate-height:focus::-webkit-scrollbar-thumb,
.dectate-height:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.dectate-height::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  visibility: hidden;
}

/*
.c-medication {
    max-height: calc(100vh - 350px);
    overflow-y: scroll;
}
//when hover added scroll
.c-medication:active::-webkit-scrollbar-thumb,
.c-medication:focus::-webkit-scrollbar-thumb,
.c-medication:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}
*/
.lettertabledetails {
  /* height: calc(100vh - 403px);*/
  height: calc(100vh - 420px);
  overflow-y: scroll;
}

/*.c-medicationLeftblock {
    height: calc(100vh - 350px);
    overflow-y: scroll;
}*/
/*.c-medicationLeftblock:active::-webkit-scrollbar-thumb,
.c-medicationLeftblock:focus::-webkit-scrollbar-thumb,
.c-medicationLeftblock:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}
.c-medicationLeftblock::-webkit-scrollbar-thumb {
    visibility: visible;
}*/
.preview-height-scroll {
  height: 300px;
  overflow-y: auto;
}

.preview-height-scroll:active::-webkit-scrollbar-thumb,
.preview-height-scroll:focus::-webkit-scrollbar-thumb,
.preview-height-scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.preview-height-scroll::-webkit-scrollbar-thumb {
  /* background-color: darkgrey;*/
  visibility: hidden;
}

.pendingapprovalallmodal audio {
  width: 225px;
}
.pendingapprovalallmodal .text2 {
  word-break: break-word;
}

.absolute-bottom {
  position: absolute;
  bottom: 0;
  right: 10px;
}

.dictationQueuetbl table tbody tr {
  cursor: pointer;
}

.schedulling-modal-width {
  max-width: 400px;
  overflow-x: hidden;
  /* height: calc(100vh - 56px);*/
}

.back-dark-grey-dropdown {
  background-color: #F4F4F4 !important;
}

.booking-scroll-body {
  overflow-y: auto;
}

.booking-scroll-body:active::-webkit-scrollbar-thumb,
.booking-scroll-body:focus::-webkit-scrollbar-thumb,
.booking-scroll-body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.booking-scroll-body::-webkit-scrollbar-thumb {
  visibility: visible;
}

.patiantList td:last-child {
  word-wrap: revert !important;
}

.composeletter-scroll-body {
  height: calc(100vh - 300px);
  overflow-y: auto;
}

.composeletter-scroll-body:active::-webkit-scrollbar-thumb,
.composeletter-scroll-body:focus::-webkit-scrollbar-thumb,
.composeletter-scroll-body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.tab-content > .active {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dcWindowFullwidth {
  display: flex;
  flex-direction: column;
}

.scrollBlock, .DictateScrollBlock, .chatScroll, .PCscrollBlock {
  overflow-y: scroll;
}

.messageScroll {
  overflow-y: auto;
}

/*.md-chat-body{
    background-color: lightsteelblue;
    height: 55%;
}
*/
.pcFooter {
  border-bottom-left-radius: 6px;
}

.dictateTitle {
  border-top-right-radius: 6px;
}
.dictateTitle .dcDrawer {
  height: 24px;
}

.dictateConsultation, .block1.dictatespeech_bottombtn {
  border-bottom-right-radius: 6px;
}

.pcFooter, .dictatespeech_bottombtn {
  background-color: #fff !important;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}

#vital-calender .datepicker {
  min-width: 200px !important;
}
#vital-calender .input-icon {
  height: 18px;
  width: 18px;
}

.popover {
  border: none;
  box-shadow: 0px 0px 10px rgba(232, 236, 241, 0.85);
  margin-left: 200px;
}
.popover .popover-body {
  padding: 8px;
  box-shadow: 0 4px 8px 0 rgba(232, 236, 241, 0.85), 0 6px 20px 0 rgba(232, 236, 241, 0.85) !important;
}

.rightshift3 {
  right: 3px;
}

.profileImg-50 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-color: #1a7ce2;
  color: #ffffff;
}

.profileImg-30 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #1a7ce2;
  color: #ffffff;
}

.profileImg-25 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background-color: #1a7ce2;
  color: #ffffff;
}

.profileImg-40 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1a7ce2;
  font-size: 14px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
}

.profileImg-minWidth-40 {
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1a7ce2;
  font-size: 14px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
}

.editprofileImage-initals {
  background: #1a7ce2;
  font-size: 18px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}

.small-title-text {
  font-weight: 500;
  font-size: 10px;
  color: #2E2E2E;
  font-family: "Gilroy-Medium";
}

.line-height-common {
  line-height: 100%;
}

.user-icon-xl {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.medium-title-text {
  font-weight: 500;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Medium";
}

.grey-text-link {
  font-weight: 500;
  font-size: 14px;
  color: #7D8B96;
  font-family: "Gilroy-Regular";
  text-decoration: underline;
}
.grey-text-link:hover {
  color: #0969ce;
  text-decoration: underline;
  cursor: pointer;
}

.black-text-link {
  font-weight: 500;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Regular";
  text-decoration: underline;
}
.black-text-link:hover {
  color: #0969ce;
  text-decoration: underline;
  cursor: pointer;
}

.small-title-text {
  font-weight: 500;
  font-size: 10px;
  color: #2E2E2E;
  font-family: "Gilroy-Medium";
}

.line-height-common {
  line-height: 100%;
}

.user-icon-xl {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.medium-title-text {
  font-weight: 500;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Medium";
}

.dictation-box .light-text {
  font-size: 10px;
  border-radius: 4px;
}

.message-inbox-text {
  width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.top-nav-menu .user-details .d-flex-common.pr-2.show .dropdown .dropdown-toggle .feather-chevron-down {
  transform: rotate(180deg);
  transition: 300ms linear all;
}

.top-nav-menu .user-details .d-flex-common.pr-2 .dropdown .dropdown-toggle .feather-chevron-down {
  transition: 300ms linear all;
}

.abc {
  /*  transition: 1s;
  left: 0;*/
}

.op-note-height {
  height: calc(100vh - 265px);
  overflow-y: auto;
}

.p-0.dcWindowFullwidth.h-100.active {
  /*  margin-left: 0px;
    right: 0;
    transition: all 0.3s;*/
}

.two, .allergydisplay, #VitalTopSectionContainer, .noDataMessage {
  height: 110px !important;
}

.vitals-main {
  height: 100%;
}

#VitalTopSectionContainer {
  overflow-y: scroll;
}

.allergydisplay {
  overflow-y: scroll;
}

.noDataMessage .d-flex {
  align-items: center;
  justify-content: center;
  height: 110px !important;
}
.noDataMessage p {
  font-size: 12px;
  font-weight: 500;
  color: #7D8B96;
  font-family: "Gilroy-medium";
}

.blackcolor-hover:hover {
  color: #2E2E2E;
}
.blackcolor-hover:hover svg {
  color: #7D8B96 !important;
}

.black-start-consultation-icon:hover {
  cursor: pointer;
  color: #2E2E2E;
}
.black-start-consultation-icon:hover svg path {
  stroke: #7D8B96;
  stroke-width: 1 !important;
  cursor: pointer;
}

.white-start-consultation-icon:hover {
  cursor: pointer;
  color: #FFFFFF;
}
.white-start-consultation-icon:hover svg path {
  stroke: #7D8B96;
  stroke-width: 1 !important;
  cursor: pointer;
  background-color: #FFFFFF;
}

.dicatate-setting-height {
  height: calc(100vh - 195px);
  overflow-x: hidden;
  overflow-y: auto;
}

.dicatate-setting-height:active::-webkit-scrollbar-thumb,
.dicatate-setting-height:focus::-webkit-scrollbar-thumb,
.dicatate-setting-height:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.service-type-tag {
  background-color: #FFEBED;
  padding: 5px;
  border-radius: 4px;
  color: #FC223F;
  font-size: 12px;
  font-weight: 500;
  font-family: "Gilroy-Medium";
}

.input-padding-right {
  padding-right: 25px !important;
}

.notification-height-scroll {
  height: calc(100vh - 185px);
  overflow-x: hidden;
  overflow-y: scroll;
}

.filter-letterdropdown {
  /* code written by asha*/
  /* .btn-with-icon {
      padding: 7px 15px !important;

      svg {
          color: #ffffff !important;
          height: 18px;
          width: 18px;
      }
  }*/
}
.filter-letterdropdown .dropdown-submenu {
  /* code written by asha this code for filter dropdown enhancement*/
  /*  min-width: 30rem;*/
  /* code written by end*/
}
.filter-letterdropdown .dropdown .dropdown-menu.show {
  /* code written by asha this code for filter dropdown enhancement*/
  /*   margin-left: -180px !important;*/
  /* code written by asha end*/
  z-index: 10000;
}
.filter-letterdropdown .customcheckbox {
  display: flex;
  gap: 10px;
  align-items: center;
}

.filter-selection {
  align-items: center;
}
.filter-selection .box {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #E3E7ED;
}
.filter-selection .box p {
  display: flex;
  align-items: center;
}
.filter-selection .box p svg {
  color: #2E2E2E !important;
  height: 20px;
  stroke-width: 1.5;
  width: 20px;
}

/*code by Nikita*/
.code-description {
  width: 30%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#sCodes .feather {
  width: 20px;
  height: 20px;
  color: #7D8B96;
}

.Scodes-table {
  border: 1px solid #dee2e6;
  border-color: #dee2e6 !important;
  border-top: none;
}

.consultation .cBlock .examination .nav-pills .nav-item:first-child .nav-link {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  min-width: 150px;
  text-align: center;
}

.consultation .cBlock .examination .nav-pills .nav-item:last-child .nav-link {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.examination .nav-pills .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #7D8B96;
  font-family: "Gilroy-medium";
}

.not-found-card {
  padding: 15px !important;
}
.not-found-card svg {
  color: #ffffff !important;
}

.btn-primary-without-icon {
  padding: 10px !important;
}

#pastConsultation.modal.modal-right {
  background: rgba(0, 0, 0, 0.4);
}

.investigation-list-summery {
  list-style-type: disc;
  padding-inline-start: 20px;
}

.confirm-modal-error .modal-dialog {
  float: initial !important;
  width: 50% !important;
  height: 100% !important;
  margin: auto !important;
  padding: initial !important;
}

.letter-prescription-scroll {
  /*   height: 70%;*/
  height: 85%;
  overflow-y: auto;
  padding: 5px;
}

/*Truncate Hover*/
/*[data-title]:hover:after {
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    background-color: #2E2E2E;
    color: #FFFFFF;
    border-radius: 4px;
    letter-spacing: 0.3px;
    font-family: "Gilroy-light";
    font-size: 10px;
    padding: 5px;
    display: block;
    z-index: 100;
    margin: 1px;
    position: absolute;
    top: 15px !important;
    text-decoration: none;
    width: fit-content !important;
    white-space: normal;
    visibility: hidden;
}*/
.examination-height {
  height: 100%;
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-direction: column;
}

.record-block-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  margin: 0;
}

.h-95 {
  height: 95%;
}

.text-red-caution {
  font-size: 16px;
  color: #DC3546;
  text-decoration: underline;
  font-weight: 600;
}

.block-box-shadow {
  box-shadow: 0 4px 8px 0 rgba(232, 236, 241, 0.85), 0 6px 20px 0 rgba(232, 236, 241, 0.85) !important;
}

.videocall-block {
  padding: 10px;
}
.videocall-block:hover, .videocall-block active {
  background-color: #F4F4F4;
  cursor: pointer;
}

.booking-leftwindow {
  height: 100vh;
  overflow-y: scroll;
}

.profile-img-width {
  width: 40px !important;
}

.d-flex-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.video-block-hover {
  padding: 20px 60px;
}
.video-block-hover:hover, .video-block-hover:active {
  background-color: #E8F2FD;
  cursor: pointer;
}

.allergy-black-btn {
  /* white-space:nowrap;*/
  display: flex;
  justify-content: end;
}

.phone-call-header .primary-title {
  color: #7D8B96;
  font-weight: 500;
  font-size: 12px;
}
.phone-call-header .primary-number {
  color: #34C759;
  font-weight: 600;
  font-size: 16px;
}
.phone-call-header .secondary-title {
  color: #7D8B96;
  font-weight: 500;
  font-size: 12px;
}
.phone-call-header .secondary-number {
  color: #2E2E2E;
  font-weight: 500;
  font-size: 16px;
}

.phoneCall-info {
  color: #7D8B96 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

.more-time-title {
  display: inline;
  color: #0969CE;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  padding-left: 40px;
}

.smartWatch-title {
  color: #2E2E2E;
  font-size: 16px;
  font-weight: 500;
}

.vital-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -5px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.vital-switch .slider:before {
  height: 12px;
  width: 12px;
  left: 4px;
  top: 2px;
}

.d-flex-column-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.displayNone {
  display: none;
}

.displayPulseNone {
  display: none;
}

.borderVital {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.borderVital table {
  border-bottom: none !important;
}

.addtosystemwrap {
  white-space: nowrap;
}

.wordBreak {
  word-break: break-all;
}

.block-height-scroll {
  height: 80vh;
  overflow-y: scroll;
}

.setting-block-height {
  height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.block-height-80 {
  height: 80vh;
}

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

.text-overflow-ellipse {
  text-overflow: ellipsis;
}

.green-text-bold {
  color: #34C759;
  font-size: 24px;
  font-weight: 600;
  font-family: "Gilroy-Regular";
}

.textBold {
  font-weight: 800 !important;
}

.actionButton {
  display: flex;
  align-items: center;
  gap: 30px;
}

.paddingDirection {
  padding: 0 30px;
}

.billingTbl table.dataTable.std-table.patiantList thead th:first-child {
  width: 8% !important;
}

.borderDate {
  border: 1px solid #E3E7ED;
  padding: 10px;
  border-radius: 4px;
}

.borderDate2 {
  border: 1px solid #E3E7ED;
  padding: 5px 10px;
  border-radius: 4px;
}

.textbackground {
  background: #fff url("../images/visaicon.svg") no-repeat;
  background-position: 98% 60%;
  background-size: 10%;
}

.w-40 {
  width: 40%;
}

.customDateMenu {
  display: none;
}
.customDateMenu .datebackground {
  padding: 8px 15px;
  cursor: pointer;
}
.customDateMenu .datebackground:hover {
  background-color: #E8F2FD;
}
.customDateMenu .customActive {
  padding: 8px 15px;
  cursor: pointer;
  background-color: #E8F2FD;
  color: #0969ce !important;
}

.overflowModalBody {
  height: 50vh;
  overflow-y: scroll;
}

.bluback-btn {
  background-color: #0969ce;
  color: #FFFFFF;
  cursor: pointer !important;
}

.iconXS {
  width: 20px;
  height: 20px;
}

.backgroundLight {
  background: #F9FBFC;
}

.textbackgroundInsurance {
  background: #fff url(../images/usaaLogo.svg) no-repeat;
  background-position: 99% 60%;
  background-size: 3%;
}

.WhiteDropdownBlock {
  background: #FFFFFF;
  padding: 5px;
  border: solid 1px #e9ebef;
  border-radius: 6px;
  height: 20vh;
  overflow-y: auto;
}

.width85 {
  width: 85px;
}

.width-100 {
  width: 100px;
}

.Width-150 {
  width: 150px !important;
}

.Width-200 {
  width: 200px !important;
}

.billingTblOverflow {
  height: 30vh;
  overflow-y: auto;
}

.marginTop32 {
  margin-top: 32px;
}

.dInlineblock {
  display: inline-block;
}

.gap-0 {
  gap: 0 !important;
}

.dropdownHeading {
  color: #7D8B96;
  font-size: 16px;
  font-family: "Gilroy-Regular";
  font-weight: 600;
  cursor: default !important;
}

/*Customize Dropdown*/
.selectBox {
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  appearance: none !important;
  background-image: url(../../assets/images/black-check-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center right 7px !important;
  padding-right: 25px !important;
}
.selectBox__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.selectBox .dropdown-menu {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  display: block;
  top: 100%;
  width: 100%;
  max-height: 250px;
  z-index: -1;
  overflow-y: auto;
  transform: translateY(-15%);
  visibility: hidden;
  padding: 0 !important;
}
.selectBox.show {
  background-color: #fff;
}
.selectBox.show:after {
  transform: translateY(-50%) rotate(180deg);
}
.selectBox.show .dropdown-menu {
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
}
.selectBox .dropdown-item {
  padding: 0.5rem !important;
}
.selectBox .dropdown-item img {
  width: 20px;
  height: 20px;
}
.selectBox a.dropdown-item:hover {
  text-decoration: none;
  background-color: #E8F2FD !important;
  color: #0969ce !important;
}
.selectBox a.dropdown-item.active {
  text-decoration: none;
  background-color: #E8F2FD !important;
  color: #0969ce !important;
}

/*End Customize Dropdown*/
/*Customize Dropdown*/
.selectBox2 {
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  appearance: none !important;
  background-image: url(../../assets/images/black-check-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center right 7px !important;
  padding-right: 25px !important;
}
.selectBox2__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.selectBox2 .dropdown-menu {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  display: block;
  top: 100%;
  width: 100%;
  max-height: 250px;
  z-index: -1;
  overflow-y: auto;
  transform: translateY(-15%);
  visibility: hidden;
  padding: 0 !important;
}
.selectBox2.show {
  background-color: #fff;
}
.selectBox2.show:after {
  transform: translateY(-50%) rotate(180deg);
}
.selectBox2.show .dropdown-menu {
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
}
.selectBox2 .dropdown-item {
  padding: 0.5rem !important;
}
.selectBox2 .dropdown-item img {
  width: 20px;
  height: 20px;
}
.selectBox2 a.dropdown-item:hover {
  text-decoration: none;
  background-color: #E8F2FD !important;
  color: #0969ce !important;
}
.selectBox2 a.dropdown-item.active {
  text-decoration: none;
  background-color: #E8F2FD !important;
  color: #0969ce !important;
}

/*End Customize Dropdown*/
#addNewPayorModal .modal-dialog {
  float: none;
  margin: 0 auto;
  height: auto !important;
}
#addNewPayorModal .modal-content {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#payorInfoModal #patientPayorSelectedPayorFormContainer form .grey_section {
  border-radius: 0 !important;
  border: none;
  background-color: transparent;
}

#addNewPayorModal .modal-xl {
  width: 850px !important;
}

.fontSize11 {
  font-size: 11px;
}

.fontSize12 {
  font-size: 12px !important;
}

.w18 {
  width: 18%;
}

.w-60 {
  width: 60%;
}

.disabledDiv {
  pointer-events: none; /* Disables all mouse interactions */
  opacity: 0.5; /* Makes the div appear disabled */
  cursor: not-allowed;
}

.stickyTable table {
  max-height: 300px;
  overflow-y: auto;
}
.stickyTable table thead th {
  background-color: #f4f4f4;
  position: sticky;
  top: 0;
  z-index: 2;
}
.stickyTable table thead th:first-child {
  position: sticky;
  left: 0;
  background-color: #f4f4f4;
  z-index: 3; /* Higher z-index to stay above the rest of the table */
}
.stickyTable table tbody th {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #f4f4f4;
  z-index: 2;
}
.stickyTable table tbody td:first-child {
  position: sticky;
  left: 0;
  background-color: #f4f4f4;
  z-index: 1;
}

.BillingSearch .search-patient {
  width: 96%;
}

.toastBilling .toast {
  border-radius: 8px !important;
  max-width: 100% !important;
}

.stripeblock {
  border: none !important;
  box-shadow: 0px 0px 10px rgba(232, 236, 241, 0.85) !important;
  margin-left: 0 !important;
}
.stripeblock .popover-body {
  padding: 8px !important;
  box-shadow: 0 4px 8px 0 rgba(232, 236, 241, 0.85), 0 6px 20px 0 rgba(232, 236, 241, 0.85) !important;
}
.stripeblock .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.form-control:disabled {
  cursor: not-allowed !important;
  background: #e9ecef !important;
}

.height-27 {
  height: 27%;
}

.height-800 {
  height: 800px;
}

.backgroundWhite {
  background-color: #FFFFFF;
}

.modalFooter {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #FFFFFF;
}

.positionRelative {
  position: relative;
}

.applyBtn:hover, applyBtn:active {
  background-color: #0969ce !important;
}

.width-100 {
  width: 100px;
}

.paddingDarkBtn {
  padding: 10px 12px !important;
}

.ScrollForm {
  max-height: 70vh;
  overflow-y: auto;
}

.imageResolution {
  min-width: 280px;
  max-width: 300px;
  height: 100%;
  object-fit: contain;
  border-radius: 17px;
}

.displayContent {
  display: contents;
}

.GroupTbl table tbody td {
  padding: 20px !important;
}

.borderRadius15 {
  border-radius: 15px;
}

.greyBorderBackground {
  background: #FAFAFA;
  border: 0.5px solid #E3E7ED;
  padding: 8px 16px;
  border-radius: 6px;
}

.underblacktxt {
  font-size: 12px;
  font-family: "Gilroy-Semibold";
  color: #2E2E2E;
  text-decoration: underline;
}

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

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

.marginbtm5 {
  margin-bottom: 5px;
}

.height100 {
  height: 100vh;
}

.addedPatient:last-child {
  border-bottom: none; /* Assuming bbottom is adding a border at the bottom */
  /* Or override any other styles from the bbottom class */
}

.d-flex-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.schedullingHeight {
  height: 80vh;
  overflow-y: auto;
}

.toBeAddedPatient:last-child {
  border-bottom: none;
}

.scrollProcessingBlock {
  height: 70vh;
  overflow-y: auto; /* Enables scroll on this element when active */
}

.stripeblock2 {
  border: none !important;
  box-shadow: 0px 0px 10px rgba(232, 236, 241, 0.85) !important;
}

.ServiceTypeNote {
  font-size: 12px;
  color: #DC3546;
  margin-top: 0.3rem;
}

.d-flex-gap {
  flex: 1;
}

.overflow50 {
  height: 50vh;
}

.W-15 {
  width: 15% !important;
}

.hoverGryBg:hover {
  background: #FAFAFA;
}

.textBold {
  font-size: 18px !important;
  color: #2E2E2E !important;
  font-weight: 800 !important;
}

#appointmentDetailGroupModal .modal-content {
  border-radius: 12px !important;
}

.overflowModalAppBody {
  height: 55vh;
  overflow-y: auto;
}

.serveyBlock {
  background-color: #F4F4F4;
  border-radius: 6px;
  padding: 8px;
}
.serveyBlock .Bheader {
  font-size: 34px;
  font-weight: 500;
}

.iconsize14 {
  width: 14px;
  height: 14px;
}

.h-600 {
  height: 600px;
}

#invoiceDraftTable_wrapper table.dataTable tbody td {
  padding: 8px 20px !important;
}

.marginTop3 {
  margin-top: 3px;
}

.dashunreadmsg a:last-child {
  border-bottom: 0 !important;
}

.disabledarea {
  cursor: not-allowed !important;
  background: #e9ecef !important;
  pointer-events: none;
}

.disabledRadiobtn {
  pointer-events: none; /* Prevent clicking */
  opacity: 0.5 !important; /* Make it look disabled */
  cursor: not-allowed !important;
}

#patientlistConatiner table thead th {
  padding: 10px !important;
}

.dictationQueuetbl table thead th {
  padding: 10px !important;
}

.noBBorder {
  border-bottom: none !important;
}

.GroupTbl {
  border: none !important;
  border-radius: 0 !important;
}

.overflowGroup {
  height: 60vh;
  overflow-y: auto;
}

.medication_tbl table {
  border: 1px solid #dcdcdc !important;
}
.medication_tbl table thead th {
  padding: 10px !important;
}

.med-tbl table thead th {
  padding: 10px !important;
}

.img30 {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

#PatientLetterListContainer table thead th {
  padding: 10px !important;
}

/*Movable dictate consultation*/
.cMBlock {
  position: relative;
}

#movableDictationBox {
  position: absolute;
  top: 10%;
  right: 0;
  width: 200px;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  z-index: 9999;
  user-select: none;
  cursor: move;
}

#movableHeader {
  background: #313131;
  color: white;
  padding: 10px;
  text-align: center;
}

#dictationContent {
  transition: all 0.3s ease; /* smooth toggle effect */
}

.minimizeBtn {
  float: right;
  background: none;
  border: none;
  cursor: pointer;
}

/*End Movable dictate consultation*/
#tblAccountList_wrapper table thead th {
  padding: 10px !important;
}

.summary {
  background-color: #0763c3;
  padding: 15px;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.summary .blue-bg {
  background-color: #3688de;
  padding: 15px;
  border-radius: 4px;
}
.summary .dprogress-bar div p {
  font-size: 12px;
}
.summary .dprogress-bar .success {
  border-top: 6px solid #6ac720;
  width: 100%;
}
.summary .dprogress-bar .success .d-flex {
  justify-content: flex-start;
}
.summary .dprogress-bar .success .success-circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #6ac720;
  margin-right: 5px;
  margin-top: 4px;
}
.summary .dprogress-bar .warning {
  border-top: 6px solid #ffbc11;
  width: 100%;
}
.summary .dprogress-bar .warning .d-flex {
  justify-content: flex-start;
}
.summary .dprogress-bar .warning .warning-circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #ffbc11;
  margin-right: 5px;
  margin-top: 4px;
}
.summary .dprogress-bar .light {
  border-top: 6px solid white;
  width: 100%;
}
.summary .dprogress-bar .light .d-flex {
  justify-content: flex-start;
}
.summary .dprogress-bar .light .light-circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: white;
  margin-right: 5px;
  margin-top: 4px;
}
.summary .pending, .summary .delayed {
  color: #ffbc11;
}
.summary .pending h3, .summary .delayed h3 {
  color: white;
}

.dashboard .todo-block {
  padding: 15px 0;
}
.dashboard .todo-block input, .dashboard .todo-block svg {
  margin-top: 6px;
}
.dashboard .todo-block input {
  margin-right: 10px;
}
.dashboard .divider {
  width: 80%;
  height: 1px;
  margin: 0 auto;
  background-color: #7d8b96;
}

.PMdashboardAmount .feather {
  color: #0969CE;
  width: 30px;
  height: 30px;
  stroke-width: 1.5;
}
.PMdashboardAmount span {
  color: #2E2E2E;
  font-size: 32px;
}

.revenueBlock .amount {
  display: flex;
  align-items: center;
}
.revenueBlock .amount {
  font-size: 32px;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
}
.revenueBlock .amount .feather {
  width: 30px;
  height: 30px;
  stroke-width: 1.5;
}
.revenueBlock .amount span {
  font-size: 32px;
}

.profitBlock {
  background: rgba(106, 196, 111, 0.29);
  border: 0.5px solid #6AC46F;
  border-radius: 6px;
  padding: 4px 6px;
  color: #2E2E2E;
  font-size: 12px;
  display: flex;
  align-items: center;
  font-family: "Gilroy-medium";
}
.profitBlock .feather {
  width: 15px;
  height: 15px;
  stroke-width: 1.5;
}

.staffAvailability ul li {
  padding: 1rem;
  border-bottom: 1px solid #E3E7ED;
}

.count {
  /*font-weight: 600;*/
  font-size: 32px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}

.count-sm {
  font-size: 24px;
  color: #2E2E2E;
}

.progress-green .progress-bar {
  background: #69C720;
}

.progress-yellow .progress-bar {
  background: #FFBC11;
}

.pmDashboardGraphs select.form-control {
  border: none;
  background: transparent;
}
.pmDashboardGraphs .card {
  border-color: #E3E7ED;
}
.pmDashboardGraphs .card .cardLight {
  border: none !important;
  border-bottom: 1px solid #E3E7ED !important;
}
.pmDashboardGraphs .profileImg-30, .pmDashboardGraphs .profileImg-40 {
  height: 40px;
  width: 40px;
  text-align: center;
  margin: 0 auto;
}

.pracList .activePrac {
  background-color: #0969CE !important;
  border-radius: 4px !important;
  padding: 12px 10px !important;
}
.pracList .activePrac p, .pracList .activePrac .title, .pracList .activePrac .text-muted {
  color: #fff !important;
}
.pracList .title {
  font-family: "Gilroy-medium";
}
.pracList .pracListItem {
  background-color: #F4F4F4;
  border-radius: 4px;
  padding: 12px 10px;
  margin: 0 5px;
  /*
          &.slick-slide {
              width: 100% !important;
          }

          &.slick-active {
              width: 100% !important;
          }*/
}
.pracList .pracListItem:hover {
  background-color: #0969CE !important;
  cursor: pointer;
}
.pracList .pracListItem:hover p, .pracList .pracListItem:hover .title, .pracList .pracListItem:hover .text-muted {
  color: #fff !important;
}
.pracList .slick-track {
  display: flex;
  height: 100%;
  margin: 0;
}

.PMpracList .profileImg-50 {
  margin: 0 auto;
}
.PMpracList .specializationText {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
}

.card_gray {
  background: #F9FBFC;
  padding: 10px;
  margin: 5px;
}

.overflowithscroll {
  position: absolute;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}

.count_div {
  color: #FFFFFF;
  background-color: #000;
  padding: 5px;
  border-radius: 40%;
}

.PMpracList .slick-cloned {
  height: 0 !important;
}

.pract-dash-img {
  width: 20px;
  height: 20px;
  color: #7D8B96;
}

.graph-height-scroll {
  height: 100%;
  min-height: 700px;
  overflow-y: scroll;
}

.dashboardMessageContainer {
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.total-appointments-btn .btn-group {
  /*.btn-light:not(first-child):not(.disabled).active {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
  }*/
}
.total-appointments-btn .btn-group .btn-light {
  background-color: transparent;
  color: #7D8B96;
  font-size: 14px;
  padding: 6px 10px !important;
  font-family: "Gilroy-medium";
  line-height: normal;
  border-radius: 0.25rem !important;
}
.total-appointments-btn .btn-group .btn-light:focus, .total-appointments-btn .btn-group .btn-light:hover {
  border: none !important;
}
.total-appointments-btn .btn-group .btn-light:not(:disabled):not(.disabled).active {
  padding: 6px 10px !important;
  line-height: normal;
  /*border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;*/
}
.total-appointments-btn .btn-group .btn-light:not(:disabled):not(.disabled).active:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.total-appointments-btn .btn-group .btn-light:not(:disabled):not(.disabled).active:last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.total-appointments-btn .btn-group .btn-light:not(:disabled):not(.disabled):active {
  padding: 6px 10px !important;
  line-height: normal;
}

.selectAccount table {
  border-bottom: none !important;
  background: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.selectAccount .profile_patient-info .close {
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  opacity: 1.5;
}

.ntLetter .slick-prev {
  left: 5px;
  z-index: 1;
}
.ntLetter .slick-next {
  right: 10px;
  z-index: 1;
}
.ntLetter .slick-prev:before, .ntLetter .slick-next:before {
  color: #2E2E2E;
}
.ntLetter .nav-item .nav-link {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.search input::placeholder {
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #7d8b96 !important;
}

.header {
  /* padding: 10px 0;*/
  padding: 0;
  margin: 10px 0;
}
.header .search input {
  border: none;
}
.header .search input:focus {
  border: 1px solid #ced4da;
  outline: none;
  box-shadow: none;
}
.header .search input::placeholder {
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #7d8b96 !important;
}
.header ul li {
  margin-left: 25px;
  cursor: pointer;
}
.header .user-details {
  cursor: pointer;
}
.header .user-details .dropdown {
  background-color: transparent;
  color: #000;
  font-family: "Gilroy-Semibold";
}
.header .user-details .dropdown svg {
  color: #2E2E2E;
}
.header .user-details .dropdown .dropdown-toggle p {
  font-family: "Gilroy-Semibold";
  color: #2E2E2E;
  font-size: 12px;
  /* white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 115px;*/
}
.header .user-details .dropdown .dropdown-toggle .sub-text {
  font-size: 12px;
  font-family: "Gilroy-medium";
  font-weight: 500;
  color: #7D8B96;
}
.header .user-details .dropdown .dropdown-toggle::after {
  display: none;
}
.header .user-details .dropdown .dropdown-item {
  padding: 8px 15px;
  gap: 0;
  font-family: "Gilroy-Regular";
  font-size: 14px;
}
.header .user-details .dropdown .dropdown-item:hover svg, .header .user-details .dropdown .dropdown-item:hover p {
  color: #0969ce;
}
.header .user-details .dropdown .dropdown-item svg {
  width: 22px;
  height: 22px;
  color: #7D8B96;
}
.header .user-details .dropdown .dropdown-item:hover {
  color: #0969ce;
}
.header .user-details .dropdown-menu.show {
  top: 15px !important;
  border-radius: 5px;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
  background-color: #ffffff;
}
.header .user-details:hover {
  color: red;
}
.header .dropdown-menu {
  left: inherit !important;
  right: 0px !important;
  transform: translate3d(0px, 22px, 0px) !important;
}
.header .select-hospital-btn input {
  cursor: pointer;
  font-size: 14px;
}

::placeholder {
  color: #b6bcc0;
}

.header-todo .todo-block {
  border-bottom: 1px solid #EEEEEE;
  align-items: start;
}
.header-todo .todo-block .main-text-todo {
  font-family: "Gilroy-Regular";
  font-size: 16px;
  font-weight: 400;
  color: #2E2E2E;
  word-break: break-word;
}
.header-todo svg {
  margin-top: 4px;
}
.header-todo input[type=checkbox] {
  margin-top: 6px;
  width: 18px !important;
  height: 18px !important;
}
.header-todo .todo-icon {
  color: #fff;
  margin: 0;
}
.header-todo .todo-icon svg {
  margin-top: -5px;
  stroke-width: 2;
}
.header-todo .dropdown .dropdown-menu.show {
  min-width: 100px;
  margin-left: -100px !important;
}
.header-todo .dropdown .dropdown-menu.show .dropdown-item {
  padding: 5px 10px;
}
.header-todo .sub-text span {
  color: #7D8B96;
  font-size: 12px;
  font-family: "Gilroy-medium";
  font-weight: 500;
}

#notificationsModal .feather-arrow-left,
#ToppendingapprovalModal .feather-arrow-left {
  cursor: pointer;
}

#PendingApprovalContainer .notifications-main .notifications-list li:last-child {
  border-bottom: none;
}
#PendingApprovalContainer .notifications-main .notifications-list li {
  border-bottom: 1px solid #E3E7ED;
  padding: 5px;
}

.notifications-main .bellIcon {
  position: relative;
}
.notifications-main .notifications-list {
  background-color: #fff;
  /*border-radius: 5px;*/
  z-index: 99;
}
.notifications-main .notifications-list li {
  border-bottom: 1px solid #d5d5d5;
}
.notifications-main .notifications-list li.approval-inner-block-height {
  border-bottom: none;
}
.notifications-main .notifications-list .sub-text {
  margin-top: 5px;
}
.notifications-main .notifications-list .sub-text span {
  color: #7D8B96;
  font-size: 12px;
  font-family: "Gilroy-medium";
  font-weight: 500;
}
.notifications-main .notifications-list .sTitle {
  font-size: 16px;
  color: #2E2E2E;
  font-family: "Gilroy-Regular";
  font-weight: 400;
}

.statuslinks a {
  display: flex;
  align-items: center;
}
.statuslinks a img {
  margin-right: 12px;
}
.statuslinks p {
  text-decoration: underline;
}

.header .search {
  position: relative;
  border-radius: 4px;
  padding-left: 0;
}
.header .search #globleSearchResultDiv {
  left: 0px;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
  max-height: 267px;
}
.header .search #globleSearchResultDiv .messageList-item {
  margin-bottom: 8px;
}

.login {
  background-image: url(../images/mainloginimg.svg);
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.login .sidebar, .login .header {
  display: none;
}
.login .main-body {
  position: relative;
  /*        left: 70px;*/
  /*top: 50%;*/
  /*transform: translate(0, -50%);*/
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* padding-left: 5%; */
  /* margin: 0 auto; */
  height: 100%;
  /* padding-left: 5%;*/
  /*margin: 0 auto;*/
}
.login .main-body .login_logo {
  margin-top: 15px;
}
.login .main-logo {
  width: 50%;
  margin: 0 auto;
}
.login .login-block {
  box-shadow: 0 2px 9px 0 rgba(215, 233, 252, 0.85);
  background-color: #ffffff;
  border-radius: 6px;
  width: 500px;
  /*margin-top: 2rem;*/
  margin-right: 5rem !important;
}
.login .login-block .form-control:focus {
  border-color: #ced4da;
  box-shadow: none !important;
}
.login .login-block .welcome-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.login .login-block .welcome-text .main-text {
  color: #313131;
  font-size: 20px;
  margin-bottom: 1px;
}
.login .login-block .eye-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 15px;
}
.login .login-block .eye-on {
  display: none;
}
.login .login-block .login-btn {
  border-radius: 5px;
  background-color: #0969ce;
  color: white;
  width: 100%;
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy-regular";
  text-align: center;
}
.login .login-block .login-btn a {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.login .login-block .welcome-text {
  font-size: 32px !important;
  font-family: "Gilroy-regular";
  font-weight: 400 !important;
}
.login .login-block .welcome-text p {
  color: #7d8b96;
}
.login .login-block .welcome-text h3 {
  color: #7d8b96;
  margin-bottom: 0;
}
.login .login-block .form h6 {
  font-size: 18px;
}
.login .login-block .remember-block {
  color: #333333;
  font-size: 14px;
  font-family: "Gilroy-Semibold";
}
.login .login-block .remember-block a {
  text-decoration: underline;
}

.login-admin {
  background-image: url(../images/doc-patient.svg);
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.login-admin .sidebar, .login-admin .header {
  display: none;
}
.login-admin .main-body {
  position: relative;
  /*        left: 70px;*/
  /*top: 50%;*/
  /*transform: translate(0, -50%);*/
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* padding-left: 5%; */
  /* margin: 0 auto; */
  height: 100%;
  /* padding-left: 5%;*/
  /*margin: 0 auto;*/
}
.login-admin .main-body .login_logo {
  margin-top: 15px;
}
.login-admin .main-logo {
  width: 50%;
  margin: 0 auto;
}
.login-admin .login-block {
  box-shadow: 0 2px 9px 0 rgba(215, 233, 252, 0.85);
  background-color: #ffffff;
  border-radius: 6px;
  width: 500px;
  /*margin-top: 2rem;*/
  margin-right: 5rem !important;
}
.login-admin .login-block .form-control:focus {
  border-color: #ced4da;
  box-shadow: none !important;
}
.login-admin .login-block .welcome-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.login-admin .login-block .welcome-text .main-text {
  color: #313131;
  font-size: 20px;
  margin-bottom: 1px;
}
.login-admin .login-block .eye-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 15px;
}
.login-admin .login-block .eye-on {
  display: none;
}
.login-admin .login-block .login-btn {
  border-radius: 5px;
  background-color: #0969ce;
  color: white;
  width: 100%;
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy-regular";
  text-align: center;
}
.login-admin .login-block .login-btn a {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.login-admin .login-block .welcome-text {
  font-size: 32px !important;
  font-family: "Gilroy-regular";
  font-weight: 400 !important;
}
.login-admin .login-block .welcome-text p {
  color: #7d8b96;
}
.login-admin .login-block .welcome-text h3 {
  color: #7d8b96;
  margin-bottom: 0;
}
.login-admin .login-block .form h6 {
  font-size: 18px;
}
.login-admin .login-block .remember-block {
  color: #333333;
  font-size: 14px;
  font-family: "Gilroy-Semibold";
}
.login-admin .login-block .remember-block a {
  text-decoration: underline;
}

.emailVerification {
  max-width: 500px;
  margin: 0 auto;
}
.emailVerification .btn-bordered-light {
  display: inline-block;
}
.emailVerification .input-icon {
  cursor: pointer;
}
.emailVerification .sub-header {
  text-transform: inherit;
}
.emailVerification .feather-eye, .emailVerification .feather-eye-off {
  width: 15px;
}
.emailVerification .btn-bordered-light {
  background: #F9FBFC;
  border: 1px solid #E3E7ED;
  border-radius: 114px;
  color: #2E2E2E;
}
.emailVerification .btn-bordered-light svg {
  color: #0969CE;
}
.emailVerification:hover {
  color: #7D8B96 !important;
}

.form_style {
  height: 90%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  row-gap: 7%;
}
.form_style .form_grid {
  grid-column: 7/8;
}

.bottom_grid {
  grid-column: 1/5;
  font-family: "Gilroy-Medium" !important;
  font-weight: 500 !important;
}

.terms_policy {
  box-shadow: none !important;
  background-color: transparent !important;
}

#forgotPassword .modal-content {
  border: none;
}

.sect-login-form {
  position: absolute;
  transform: translate(0, -50%);
  max-width: 100%;
  top: 50%;
  width: 100%;
  left: auto;
}

.sect-login-foot {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem 0;
}

.textunderline {
  text-decoration: underline !important;
}

.font_semibold {
  font-family: Gilroy-semibold !important;
  font-weight: 400;
}

.font_regular {
  font-family: Gilroy-regular !important;
}

.border_none {
  border: none !important;
}

.border_top {
  border-top: none !important;
}

.border_bottom {
  border-bottom: none !important;
}

.border_left {
  border-left: none !important;
}

.form_bottomzero {
  margin-bottom: 0 !important;
}

.line_height {
  line-height: 110% !important;
}

.text_black {
  color: #2E2E2E !important;
  line-height: 110% !important;
}

.text_white {
  color: #ffffff !important;
}

.text_primary {
  color: #0969ce !important;
  /* font-family: "Gilroy-semibold";*/
  font-family: "Gilroy-Regular";
  font-weight: 700;
}

.text_lightgray {
  color: #7d8b96 !important;
}

.text_green {
  color: #14CC26 !important;
}

.text_blacktitleSm {
  font-size: 18px !important;
  color: #2E2E2E !important;
  font-weight: 500 !important;
}

.text_darkblack {
  font-size: 12px !important;
  color: #2E2E2E !important;
  font-weight: 500 !important;
  font-family: Gilroy-Semibold !important;
}

.text_blacktitleXs {
  font-size: 12px !important;
  color: #7d8b96 !important;
  font-weight: 500 !important;
  font-family: "Gilroy-medium" !important;
  width: 40px;
}
.text_blacktitleXs::after {
  content: "";
  height: 0.5px;
  width: 100%;
  background-color: #EEEEEE;
  position: absolute;
  top: 8px;
  left: 38px;
}

.text_blackxxs {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 13px;
  color: #7d8b96;
}

.heading_boldXs {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 10px !important;
  color: #2E2E2E;
}

.heading_mediumXs {
  font-family: "Gilroy-medium";
  font-weight: 600;
  font-size: 14px !important;
  color: #2E2E2E;
}

.forgotblock {
  text-decoration: none !important;
  color: #2E2E2E !important;
}

.bborderradius {
  border-radius: 10px !important;
}

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

.bborderRadius6 {
  border-radius: 6px !important;
}

.textblue {
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 12px;
  color: #0969ce;
}

.textblack {
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 12px;
  color: #2E2E2E;
}

.titleblackmd {
  font-family: "Gilroy-Regular";
  font-weight: 700;
  font-size: 15px;
  color: #2E2E2E;
}

.titleblacklg {
  font-family: "Gilroy-Regular";
  font-weight: 700;
  font-size: 16px;
  color: #2E2E2E;
}

.title1 {
  font-family: "Gilroy-medium";
  font-weight: 700;
  font-size: 15px;
  color: #2E2E2E;
}

.title2 {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 14px;
  color: #0969ce;
}

.title3 {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 14px;
  color: #7d8b96;
}

.title4 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 14px;
  color: #7d8b96;
}

.title5 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 14px;
  color: #2E2E2E;
}

.title6 {
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 8px !important;
  color: #2E2E2E;
}

.title7 {
  font-family: "Gilroy-Regular";
  font-weight: 600;
  font-size: 16px !important;
  color: #2E2E2E;
}

.title8 {
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 18px !important;
  color: #2E2E2E;
}

.title9 {
  font-family: "Gilroy-Regular";
  font-weight: 400;
  font-size: 14px !important;
  color: #7d8b96;
}

.title10 {
  font-family: "Gilroy-medium";
  font-weight: 400;
  font-size: 10px !important;
  color: #2E2E2E;
}

.title11 {
  font-family: "Gilroy-medium";
  font-weight: 600;
  font-size: 10px !important;
  color: #2E2E2E;
}

.title12 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 12px;
  color: #0969ce;
}

.title13 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 18px;
  color: #0969ce;
}

.title14 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 18px;
  color: #2E2E2E;
}

.title-16 {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 16px;
  color: #7d8b96;
}

.title15 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 16px;
  color: #7d8b96;
}

.title16 {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 12px;
  color: #7d8b96;
}

.title17 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 16px;
  color: #0969ce;
}

.title18 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 12px;
  color: #2E2E2E;
}

.title19 {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 15px;
  color: #7d8b96;
}

.title20 {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 21px;
  color: #2E2E2E;
}

.title21 {
  font-family: "Gilroy-medium";
  font-weight: 400;
  font-size: 14px !important;
  color: #2E2E2E;
  line-height: 120% !important;
}

.title22 {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 12px;
  color: #7d8b96;
}

.title23 {
  font-family: "Gilroy-regular";
  font-weight: 500;
  font-size: 14px;
  color: #2E2E2E;
}

.title24 {
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 14px;
  color: #ffffff !important;
}

.title25 {
  font-family: "Gilroy-Regular";
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #0969ce !important;
  line-height: 15px;
}

.title26 {
  font-family: "Gilroy-regular";
  font-weight: 400;
  font-size: 12px;
  color: #7d8b96;
  line-height: 15px;
}

.titlelightgreen {
  font-family: "Gilroy-medium";
  font-weight: 600;
  font-size: 14px;
  color: #AFB42B;
}

.titledarkgreen {
  font-family: "Gilroy-medium";
  font-weight: 600;
  font-size: 14px;
  color: #325F32;
}

.titlelightblue {
  font-family: "Gilroy-medium";
  font-weight: 600;
  font-size: 12px;
  color: #5A9DFF;
}

.titlewhite {
  font-family: "Gilroy-regular";
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
}

.titledarkbrown {
  font-family: "Gilroy-medium";
  font-weight: 600;
  font-size: 14px;
  color: #8D6E63;
}

.badge-lightgreen {
  background-color: rgba(175, 180, 43, 0.1);
  padding: 5px 10px;
  border: 1px solid #AFB42B;
  margin: 0 10px;
}

.badge-darkgreen {
  background-color: rgba(50, 95, 50, 0.1);
  padding: 5px 10px;
  border: 1px solid #AFB42B;
  margin: 0 10px;
}

.badge-lightblue {
  background-color: #E8F2FD;
  padding: 6px 15px;
  margin: 0 10px;
  font-size: 12px;
  color: #0969CE;
  /*font-family: "Gilroy-Semibold";*/
  font-family: "Gilroy-Regular";
  font-weight: 700;
}

.badge-darkbrown {
  background-color: rgba(141, 110, 99, 0.1);
  padding: 5px 10px;
  border: 1px solid #8D6E63;
  margin: 0 10px;
}

.dropdown p {
  font-size: 14px;
  font-family: "Gilroy-medium";
  font-weight: 500;
  line-height: 110%;
  color: #2E2E2E;
}

.reportview-menu {
  position: absolute;
  width: 185px;
  text-align: left;
  left: 135px;
  margin-top: -18px;
  margin-left: -30px;
  background: white;
  z-index: 1000;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
}

.iconsize {
  width: 20px;
  height: 20px;
}

dropdownview-menu {
  position: absolute;
  width: 185px;
  text-align: left;
  left: 135px;
  margin-top: -18px;
  margin-left: -30px;
  background: white;
  z-index: 1000;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
}

.p-01 {
  padding: 1.3rem !important;
}

.pxy-0 {
  padding: 0.5rem 1rem !important;
}

.overflowY {
  /* overflow-y: scroll !important;*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.overflow-block {
  overflow-y: scroll;
}

.overflowXY {
  overflow: auto !important;
}

.overflowXauto {
  overflow-x: auto !important;
}

.overflowXHidden {
  overflow-x: hidden !important;
}

.floatright {
  float: right !important;
}

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

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

.flex-3 {
  flex: 3 !important;
}

.flex-4 {
  flex: 4 !important;
}

.flex-5 {
  flex: 5 !important;
}

.flex-6 {
  flex: 6 !important;
}

.h-90 {
  height: 90%;
}

.modal-right .dialogwidth {
  float: right !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
  max-width: 1000px !important;
}

.modalbodyapproval {
  padding: 0 !important;
}

.navlinkmargin {
  margin: 0 !important;
  padding: 0.5rem !important;
}

.bnotification {
  border-bottom: 0.5px solid #E3E7ED;
}

.block1 {
  background-color: #ffffff;
  /*  border: 1px solid #E3E7ED;*/
  width: 100%;
}

.notificationhover:hover, .notificationhover:focus {
  background-color: #F9FBFC;
}

.backgroundlight {
  background: #F9FBFC !important;
}

.background_white {
  background: #FFFFFF !important;
}

.commentbox {
  background-color: #ffffff;
  padding: 0.5rem;
  /*height: 50%;*/
  /*  position: absolute;*/
  position: sticky;
  /* width: 100%; */
  width: -webkit-fill-available;
  /* margin-top: 5px; */
}

.prescriptionimages {
  height: 435px;
  overflow-y: scroll;
  margin-right: 15px;
}

.selecthover {
  background-color: #ffffff !important;
}

.titleorange {
  color: #FF9100 !important;
}

.readonlybackground {
  background-color: #ffffff !important;
}

.dividerdashed {
  border-bottom: 1px dashed #E3E7ED;
  margin: 1rem 0;
}

.avatar-upload {
  position: relative;
  max-width: 205px;
}

.avatar-upload .avatar-edit {
  position: absolute;
  /* right: 109px; */
  left: 40px;
  z-index: 1;
  top: 40px;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input + label:after {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: auto;
}

.avatar-upload .avatar-preview {
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 100%;
  /* border: 6px solid #F8F8F8;*/
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.smallediticon {
  width: 12px;
  height: 14px;
  margin: 3px;
  display: block;
}

.cardLight {
  background: #F9FBFC !important;
  border: 1px solid #E3E7ED !important;
}

.lightborder {
  border: 0.5px solid #E3E7ED !important;
}

.lightbackground {
  background: #FCFCFC !important;
}

.bluecard {
  background: #E7FDFF !important;
}

.lightyellow {
  background: #FFF2E4 !important;
}

.maintoast {
  position: absolute;
  /* top: 10px;*/
  right: 20px;
  /* width: 20em;*/
  z-index: 999999 !important;
}
.maintoast .toastbluebody {
  background: #0969CE;
  color: #FFFFFF;
  border-radius: 10px;
  position: absolute;
  top: 58px;
  right: 20px;
}
.maintoast .toast-body {
  padding: 0.25rem 0.75rem !important;
}
.maintoast .toast.show {
  border-radius: 10px !important;
}
.maintoast .toastgreenbody {
  background: #34C759;
  color: #FFFFFF;
  border-radius: 5px;
  position: absolute;
  top: 58px;
  right: 20px;
}
.maintoast .toast-body {
  padding: 0.25rem 0.75rem !important;
}
.maintoast .toast.show {
  border-radius: 10px !important;
}
.maintoast .toastorangebody {
  background: #FF9500;
  color: #FFFFFF;
  border-radius: 10px;
  position: absolute;
  top: 58px;
  right: 20px;
  width: max-content;
}
.maintoast .toast-body {
  padding: 0.25rem 0.75rem !important;
}
.maintoast .toast.show {
  border-radius: 10px !important;
}
.maintoast .toastredbody {
  background: #E43E3D;
  color: #FFFFFF;
  border-radius: 10px;
  position: absolute;
  top: 58px;
  right: 20px;
  /* position: fixed;
  right: 1rem;*/
  /* position: absolute;
  right: 20px;*/
}
.maintoast .toast-body {
  padding: 1rem !important;
}
.maintoast .toast.show {
  border-radius: 10px !important;
}

/*Apointment staticstics*/
#stats {
  width: 100px;
  height: 100px;
  background: white;
  position: relative;
}

.circle {
  border-radius: 100px;
  background: #CCC;
  width: 100px;
  height: 100px;
  position: absolute;
}

.circle#men {
  background: #27ae60;
}

.circle#women {
  background: #f26646;
}

.small-circle {
  border-radius: 100px;
  background: white;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* Login Form*/
.login_logoheight {
  height: 10% !important;
}

.login_logo {
  /*  width: 20% !important;*/
}

.login_form {
  /*position: absolute !important;*/
  right: 10px !important;
}

.login_bottom {
  /* margin-top: 80vh;*/
}

.bottom_term {
  text-align: center;
  grid-column: 7/8;
}

/* Setting*/
.group_name {
  width: 80% !important;
}

.action_name {
  width: 20% !important;
}

/* gap*/
.gap_0 {
  gap: 0 !important;
}

/*setting letter section*/
.Dq_pending {
  background: rgba(117, 117, 117, 0.1);
  width: 80%;
  color: #7d8b96;
  padding: 0.2rem 0.5rem;
}

.Dq_ready {
  background: rgba(20, 204, 38, 0.1);
  width: 80%;
  padding: 0.2rem 0.5rem;
  color: #14CC26 !important;
}

.Dq_Inprogress {
  background: rgba(255, 145, 0, 0.1);
  padding: 0.2rem 0.5rem;
  color: #FF9100 !important;
  width: 80%;
}

.slick_menu {
  /*.slider-single h3 {
      line-height: 10rem;
  }

  .slider-nav h3::before {
      content: "";
      display: block;
      padding-top: 75%;
  }*/
  /*  .slider-nav h3 span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slider-nav .slick-slide {
        cursor: pointer;
    }

    .slick-slide.is-active h3 {
        color: #0969CE !important;
        background-color: #E8F2FD !important;
    }


    .slick-next:before, .slick-prev:before {
        color: $text !important;
    }

    .slick-prev {
        z-index: 1 !important;
        left: 0 !important;
        top: 55% !important;
    }

    .slick-next {
        z-index: 1 !important;
        right: 0 !important;
        top: 55% !important;
    }*/
}
.slick_menu .slider-single > div:nth-child(1n+2) {
  display: none;
}
.slick_menu .slider-single.slick-initialized > div:nth-child(1n+2) {
  display: block;
}
.slick_menu h3 {
  background: #FFFFFF;
  color: #7d8b96 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  font-family: "Gilroy-regular" !important;
  padding: 2%;
  position: relative;
  text-align: center;
}

.smIcon.feather {
  color: #7D8B96;
  width: 18px;
  stroke-width: 1.5;
}

#DashBoardTodaysAppointmentContainer .card .btn-primary {
  padding: 4px 12px !important;
  display: flex;
  align-items: center;
  gap: 5px;
}
#DashBoardTodaysAppointmentContainer .card .btn-primary svg {
  stroke-width: 1.5;
}
#DashBoardTodaysAppointmentContainer .card .btn-bordered {
  background: rgba(9, 105, 206, 0.1);
}
#DashBoardTodaysAppointmentContainer .card .btn-bordered svg {
  stroke-width: 1.5;
}

.practitionerList {
  position: relative;
  cursor: pointer;
}
.practitionerList .feather-x.inputIcon {
  margin-top: 0;
  margin-left: -35px;
}

.customDropdownWrapper {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 60px;
}
.customDropdownWrapper .customDropdown {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(198, 204, 212, 0.85);
  border-radius: 6px;
}
.customDropdownWrapper .customDropdown li {
  padding: 1rem;
  cursor: pointer;
}
.customDropdownWrapper .customDropdown li:hover {
  background-color: #F9FBFC;
}
.customDropdownWrapper .customDropdown li:last-child {
  margin-bottom: 0;
}
.customDropdownWrapper .physicianListItem {
  cursor: pointer;
}
.customDropdownWrapper .physicianListItem:hover {
  background-color: #E8F2FD;
}

.dashboardDropdown.customDropdownWrapper {
  left: 10px;
  right: 10px;
  top: 70px;
}

.notificationAlert {
  width: 10px;
  height: 10px;
  background: #E43E3D;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}

.bellIcon {
  position: relative;
}

.dropdown-toggle::after {
  border: none;
}

.contenttype {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.contenttype input, .contenttype label {
  cursor: pointer;
}

.graphtitlesize {
  font-size: 12px;
}

/*.chartlinked div {*/
/* &:nth-child(1) {
     flex-basis: 10%;
 }

 &:nth-child(2) {
     flex-basis: 30%;
 }*/
/* &:nth-child(3) {
     flex-basis: 10%;
 }*/
/*}*/
.tab_useaccess ::-webkit-scrollbar {
  height: 4px;
}

.mainSettings::-webkit-scrollbar {
  height: 4px;
}
.mainSettings .text_primary {
  font-family: "Gilroy-Semibold";
  /* font-weight: 600;*/
}
.mainSettings .main-nav-tab-content .nav-link {
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #7D8B96;
  font-family: "Gilroy-medium";
}
.mainSettings #serviceTypesContainer .form-control:disabled {
  background-color: transparent;
  border: 1px solid #E3E7ED;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  padding: 20px 10px;
  border-radius: 6px;
}
.mainSettings #serviceTypesContainer .form-control {
  background-color: #ffffff;
  border: 1px solid #E3E7ED;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  padding: 20px 10px;
  border-radius: 6px;
}
.mainSettings .setting-title {
  font-family: "Gilroy-Semibold";
  font-size: 18px;
  color: #000000;
}
.mainSettings .s-groups-tbl tbody tr td {
  padding: 20px 15px !important;
}
.mainSettings .s-groups-tbl thead tr th {
  padding: 12px 15px !important;
}
.mainSettings .title {
  font-family: "Gilroy-Semibold";
}
.mainSettings .card {
  border-color: #E3E7ED;
  background-color: #F9FBFC;
}
.mainSettings table thead {
  border-radius: 6px;
}
.mainSettings table thead th {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.mainSettings .notification-templete .nav-item .nav-link {
  padding: 11px;
}
.mainSettings .saveNotificationForm .card .card-header {
  border-radius: 0;
}

.letter_modal .modal-right .modal-dialog {
  float: right;
  width: 100% !important;
  /*height: auto !important;*/
  height: 100% !important;
  margin: 0;
  padding: 0;
  top: 0;
}

.notifications-tab-container {
  display: flex;
  flex-direction: column;
}

.grey-bold-lg {
  font-size: 14px;
  font-weight: 700;
  color: #7D8B96;
  font-family: "Gilroy-Regular";
}

.black-bold-lg {
  font-size: 24px;
  font-weight: 600;
  color: #0969CE;
  font-family: "Gilroy-Regular";
}

.black-txt-xxs {
  font-family: "Gilroy-Regular";
  font-weight: 400;
  font-size: 16px;
  color: #2E2E2E;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #e8f2fd;
  color: #0969ce !important;
  font-family: "Gilroy-medium";
}

.nav-pills .nav-link.active .gray_div {
  background-color: #FFFFFF;
  color: #0969ce;
}

.nav-item {
  color: #0969ce;
  font-family: "Gilroy-medium";
  margin-right: 9px;
}
.nav-item:hover {
  background-color: #e8f2fd;
  border-radius: 6px;
}
.nav-item:hover .nav-link {
  color: #0969ce !important;
}
.nav-item .nav-link {
  /*color: #313131;*/
  color: #7D8B96;
}

.bottom-border-tab .nav-pills .nav-link.active, .bottom-border-tab .nav-pills .show > .nav-link {
  background-color: transparent;
  color: #0969ce;
  font-family: "Gilroy-medium";
  border-bottom: 2px solid #0969ce !important;
  border-radius: 0 !important;
}
.bottom-border-tab .nav-pills .nav-link.active .gray_div {
  background-color: #FFFFFF;
  color: #0969ce;
}
.bottom-border-tab .nav-item {
  color: #0969ce;
  font-family: "Gilroy-medium";
  margin-right: 9px;
}
.bottom-border-tab .nav-item:hover {
  background-color: transparent;
  /*border-radius: $border-radius;*/
}
.bottom-border-tab .nav-item:hover .nav-link {
  color: #0969ce;
  border-bottom: 2px solid #0969ce !important;
  border-radius: 0 !important;
}
.bottom-border-tab .nav-item .nav-link {
  /*color: #313131;*/
  color: #7D8B96;
}

.form h6, .form .form-label {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #7D8B96;
  font-family: "Gilroy-Regular";
  margin-bottom: 4px;
}
.form .form-control {
  border-radius: 6px;
  border: solid 1px #e9ebef;
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  /* color: #2E2E2E !important;*/
}
.form .form-control:focus {
  box-shadow: none;
}
.form .btn-group-toggle .btn {
  background-color: #fff;
  color: #2E2E2E;
  font-size: 14px;
  font-family: "Gilroy-medium";
  /* border: solid 1px $input-border;*/
}
.form .btn-group-toggle .btn-light:hover {
  /*border-color: $input-border;*/
}
.form .btn-group-toggle .btn-light:not(:disabled):not(.disabled).active, .form .btn-group-toggle .btn-light:not(:disabled):not(.disabled):active, .form .btn-group-toggle .show > .btn-light.dropdown-toggle {
  background-color: #e8f2fd;
  border-color: #e8f2fd;
  color: #0969ce;
}
.form .btn-group-toggle .btn-light:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
.form .grey_section {
  border-radius: 6px;
  border: solid 1px #E3E7ED;
  background-color: #F9FBFC;
}

.form-label {
  font-size: 13px;
  /*font-size: 14px;*/
  font-weight: 400;
  text-align: left;
  color: #7D8B96;
  font-family: "Gilroy-Medium";
  margin-bottom: 4px;
}

.form-control {
  border-radius: 6px;
  border: solid 1px #e9ebef;
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  cursor: pointer;
}
.form-control:focus {
  box-shadow: none;
  color: #2E2E2E !important;
  border-color: none !important;
  outline: 0 !important;
}
.form-control:active {
  border-color: none !important;
}

.form select.form-control {
  appearance: none !important;
  background-image: url("../../assets/images/black-check-icon.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center right 7px !important;
  padding-right: 25px !important;
}

select.form-control {
  appearance: none !important;
  background-image: url("../../assets/images/black-check-icon.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center right 7px !important;
  padding-right: 25px !important;
}

.dropdown .dropdown-menu .dropdown-item {
  padding: 5px 10px;
}
.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #E8F2FD;
  /*                font-weight: 600;*/
  color: #0969ce;
  /* color: red;*/
}
.dropdown .dropdown-menu .dropdown-item:hover svg path {
  stroke: #0969ce !important;
}
.dropdown .dropdown-menu .dropdown-item:active {
  background-color: #E8F2FD;
  color: #0969ce;
}
.dropdown .dropdown-menu.show {
  width: auto;
  margin-left: -15px !important;
  top: 0 !important;
  padding: 0;
}

.toggle-btn .btn-group {
  border: solid 1px #e9ebef;
  background-color: #ffffff;
  border-radius: 6px;
}
.toggle-btn .btn-group .active {
  background-color: #0969ce;
  color: white;
  box-shadow: none;
  outline: none;
}

.assign_dropdwon .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
}

.assign_dropdwon .btn-light.focus, .btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: none;
  border-color: transparent;
}

.feather {
  stroke-width: 1;
}

.std-table .w-20 {
  background: transparent !important;
  border-right: none !important;
}

.dropdown-toggle.btn-light {
  padding: 8px;
  background-color: white;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-bottom: 1px solid #dcdcdc;
  /*border: 0.5px solid $border-light;*/
}

/*tbody {
    border-bottom: 1px solid $border-light !important;
}


.table td, .table th {

    border-bottom: 1px solid rgb(222, 226, 230)!important;
}*/
.table thead th,
table.dataTable.std-table thead th, table.dataTable.std-table thead td {
  border-bottom: none;
  vertical-align: top;
}

table.dataTable thead th, table.dataTable thead td {
  border-bottom: none;
}

.table.dataTable.std-table td {
  vertical-align: middle;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container {
  width: 100% !important;
  margin-left: 25px !important;
}

.select2-container {
  margin-left: 0 !important;
}

.select2-hidden-accessible {
  margin-left: 25px !important;
}

.form.search {
  border-radius: 6px;
  padding: 4px;
  border: solid 1px #e9ebef;
}
.form.search svg {
  position: relative;
}

body .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
  border-radius: 6px;
  border: solid 1px #e9ebef;
}

.bootstrap-select > .dropdown-toggle {
  background-color: white;
}

.dropdown .dropdown-toggle {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: none;
  padding: 3px 12px;
  background-color: #e8f2fd;
  color: #0969ce !important;
  border-color: #0969ce;
  border-radius: 6px;
}

input[type=checkbox] {
  /* width: 18px;*/
  cursor: pointer;
  accent-color: #0969ce;
}

.modal .nClose {
  position: absolute;
  right: -45px;
  font-size: 36px;
  line-height: 32px;
  padding: 5px 13px;
  background-color: #E8F2FD;
  border-radius: 6px;
  opacity: 1;
  border: none;
  top: 0;
}
.modal .table {
  margin-bottom: 0;
}
.modal .modal-title {
  /* font-weight: 600;*/
  font-size: 18px;
  font-family: "Gilroy-Semibold" !important;
  color: #2E2E2E;
}
.modal .close {
  font-size: 22px !important;
  font-family: "Gilroy-Regular";
  cursor: pointer;
}

.view_modalbody .modal-body {
  display: block !important;
  flex: 0 1 !important;
  padding: 1rem !important;
}

.comment_modalFooter .modal-footer {
  display: block !important;
}

.dataTables_length label, .dataTables_info {
  padding-left: 10px;
}

.dataTables_filter {
  padding-right: 10px;
}

.table.dataTable.no-footer {
  border-bottom: 1px solid lightgray;
}

table.dataTable tbody tr {
  border-top: none !important;
}

.card {
  border-color: #E3E7ED;
  border-radius: 6px;
}
.card .card-header {
  background-color: #E8F2FD;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  border-color: #E3E7ED;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card .card-body {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  /*border-color: #E8F2FD;*/
  border: 1px solid #E3E7ED;
  padding: 10px;
}

body .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
  width: 100% !important;
}
body .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) {
  cursor: pointer;
}
body .e-schedule .e-vertical-view .e-time-cells-wrap table td {
  background-color: #fff !important;
  border-bottom: none !important;
  font-size: 14px;
}
body .e-schedule .e-vertical-view .e-header-cells .e-header-day {
  margin: 0 auto;
  padding-bottom: 0;
}
body .e-schedule .e-vertical-view .e-header-cells .e-header-date {
  margin: 0 auto;
  padding-top: 0;
}

.message-mode .btn-light:not(:disabled):not(.disabled).active,
.message-mode .btn-light:not(:disabled):not(.disabled):active,
.message-mode .show > .btn-light.dropdown-toggle {
  border: none;
  outline: none;
  box-shadow: none;
}

.e-schedule .e-vertical-view .e-clone-time-indicator, .e-schedule .e-vertical-view .e-current-time {
  font-size: 14px !important;
}

.e-calendar .e-content td.e-today.e-selected.e-focused-date, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected.e-focused-date {
  box-shadow: none !important;
  background-color: transparent !important;
}

.form-group span {
  font-size: 14px;
}

body table.dataTable thead th, body table.dataTable tfoot th {
  font-weight: unset;
  border-radius: 0;
}

.modal-xlg {
  max-width: 1000px;
}

#consultationSummary .modal-xlg {
  max-width: 1000px;
  width: 100% !important;
}

.sub-tabs {
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  padding: 10px;
}
.sub-tabs .nav-pills .nav-link.active, .sub-tabs .nav-pills .show > .nav-link {
  background-color: unset;
}
.sub-tabs .nav-item .nav-link {
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #7D8B96;
  padding: 4px 10px;
}
.sub-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #0969CE;
  color: #0969CE;
}
.sub-tabs .nav-item:hover {
  background-color: unset;
}
.sub-tabs .nav-item:hover .nav-link {
  border-bottom: 2px solid #0969CE;
  color: #0969CE;
}

.progress {
  height: 8px;
}
.progress .progress-bar {
  background-color: linear-gradient(94.16deg, #0763C4 -2.6%, #1A7CE2 70.24%);
}

.progress.success .progress-bar {
  background-color: #71C676;
}

body .text-muted {
  color: #7D8B96 !important;
  line-height: 120%;
  font-family: "Gilroy-Regular";
}

.btn-group .btn-light {
  background-color: #F4F4F4;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #2E2E2E;
  /* padding: 10px 15px;*/
  padding: 8px 15px;
}

.btn-group-toggle.btn-group > .btn.active, .btn-group-toggle.btn-group > .btn:hover {
  background-color: #E8F2FD !important;
  color: #0969CE;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  background: #E8F2FD;
  color: #0969CE;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* padding: 10px 20px;*/
}

input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  accent-color: #0969ce !important;
  width: 20px;
  height: 20px;
  /*flex-basis: 0;*/
}

input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  accent-color: #0969ce !important;
  width: 14px;
  height: 14px;
  /*flex-basis: 0;*/
}

.modal-lg {
  max-width: 850px !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3,
.col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2,
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
.col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11,
.col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7,
.col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10,
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl,
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3,
.col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 10px;
  padding-left: 10px;
}

.paragraph_bottom {
  margin-bottom: 0 !important;
}

.ntHeader .nav-pills .nav-link.active, .ntHeader .nav-pills .show > .nav-link {
  background-color: #e8f2fd !important;
  color: #0969ce !important;
  font-family: "Gilroy-medium";
}
.ntHeader .slick-prev {
  display: none !important;
  /* top: 40% !important;
  left: 0px !important;
  z-index: 1 !important;*/
}
.ntHeader .slick-next {
  display: none !important;
  /* top: 40% !important;
  right: 6px !important;
  z-index: 1 !important;*/
}
.ntHeader .slick-prev:before {
  content: url(/assets/images/arrow-left.svg) !important;
}
.ntHeader .slick-next:before {
  content: url(/assets/images/arrow-right.svg) !important;
}
.ntHeader .slick-list {
  /*margin: 0 30px!important;*/
  margin: 0 !important;
}

.main-tab-gray .nav-pills .nav-link.active, .main-tab-gray .nav-pills .show > .nav-link {
  color: #2E2E2E;
  font-family: Gilroy-Semibold;
  background-color: #fafafa;
}

.letterTemplate.dropdown .dropdown-toggle.form-control {
  border: solid 1px #e9ebef !important;
}
.letterTemplate.dropdown .dropdown-menu {
  padding: 8px;
  margin-left: 0 !important;
  top: 30px !important;
  width: 100%;
}
.letterTemplate.dropdown .dropdown-menu .user-details {
  margin-bottom: 8px;
  cursor: pointer;
}
.letterTemplate.dropdown svg {
  cursor: pointer;
}
.letterTemplate.dropdown .dropdown .dropdown-menu.show {
  padding: 8px;
}

.ui-menu .ui-menu-item:hover {
  background-color: #0969CE;
  color: #fff;
  border: none;
}
.ui-menu .ui-menu-item-wrapper {
  font-size: 12px;
}
.ui-menu .ui-menu-item-wrapper:hover {
  background-color: #0969CE;
  color: #fff;
  border: none;
}

textarea {
  resize: none !important;
}

.text-primary, .btn-link, button {
  text-transform: capitalize;
}

#repeatMonthlyOnDateSelectionBlock {
  display: flex;
  justify-content: end;
}

#emptyChatboxDisplay {
  /* display: flex;
  justify-content: center;
  align-items: center;*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#tblUsersList.table tbody td {
  /*padding: 1.2rem 10px !important;*/
  padding: 1.2rem 20px !important;
}

.physicianAvailabilityOuterBlock {
  cursor: pointer;
}
.physicianAvailabilityOuterBlock svg {
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #7D8B96;
}

/*#tblPatientsMedicineList td:last-child{
    width: 10%;
}*/
.modal-sm {
  max-width: 400px;
}

/*#secureMessageLinkLayout{
    .feather{
        width: 22px;
        height: 22px;
    }
}*/
#patientConsultationFullModalBody table.dataTable tbody {
  border-bottom: 1px solid #dee2e6;
}

#avilablePractitionerContainer {
  max-height: 130px;
  overflow-x: auto;
}

#IsHospitalTimeZone {
  height: 30px;
  width: 30px;
}

.msg-section-img {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
}

.msg-section-img img {
  width: 200px;
  height: auto;
}

.e-schedule .e-vertical-view .e-work-hours {
  cursor: pointer;
}

.btn-primary-small {
  background-color: #0969ce;
  border-radius: 6px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 0.2rem 0.95rem !important;
  border: none;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  color: #FFFFFF;
}

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

.e-schedule .e-vertical-view .e-time-cells-wrap table td {
  color: #7D8B96 !important;
  font-family: "Gilroy-medium";
  font-size: 14px !important;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
  color: #7D8B96 !important;
  font-family: "Gilroy-medium";
  font-size: 14px !important;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
  color: #2E2E2E !important;
  font-family: "Gilroy-medium";
  font-size: 14px !important;
}

.e-schedule {
  background-color: #fff;
  border: 1px solid #dee2e6;
  min-height: calc(100vh - 120px) !important;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow {
  margin-top: 0 !important;
}

.e-schedule .e-vertical-view .e-work-cells:hover {
  background-image: url("../images/addcircular.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.e-schedule .e-block-appointment {
  background-image: url("../images/diagonallines.svg") !important;
  opacity: 0.5 !important;
  background-position: center !important;
  /* background-repeat: no-repeat !important;*/
  background-repeat: repeat !important;
  /* background-size: cover !important;*/
  background-size: 150px !important;
  position: absolute;
  border-color: #dee2e6;
  border-style: solid;
  border-width: 0 0 1px 1px;
}

.grey-backimg {
  background-image: url("../images/diagonallines.svg") !important;
  background-position: center !important;
  background-repeat: repeat !important;
  background-size: cover;
}

.e-schedule .e-month-view .e-appointment {
  color: #000 !important;
}

.nameList li.colorCode1 span {
  color: #0969CE;
  font-size: 14px;
  /* font-weight:600;*/
  font-family: "Gilroy-Semibold";
}

.modal-header .close {
  /*  float: right;
    font-size: 2rem;
    font-weight:100!important; 
    line-height: 1;
    color: #000!important;
    text-shadow: 0 1px 0 #fff;*/
}

.booking-btn-toggle .btn:hover, .booking-btn-toggle .btn:active, .booking-btn-toggle .btn:focus {
  box-shadow: none;
}

.leftborder {
  border-left: solid 1px #e9ebef !important;
}

.modal-login-fade .modal.fade {
  background-color: #FFFFFF;
}
.modal-login-fade .modal-overlay .modal-content {
  background-color: transparent;
  /* border: none;*/
  /* box-shadow: 0px 0px 10px 10px #E8ECF1D9;*/
  border: 1px solid #E3E7ED;
  box-shadow: 0 2px 9px 0 rgba(215, 233, 252, 0.85);
}

.scroll-past-consultation {
  height: calc(100vh - 245px);
  overflow-y: scroll;
}

#patientConsultationFullModal {
  /*top: 0 !important;
  left: 0 !important;*/
  overflow-y: hidden;
}

.input-group-text {
  padding: 0;
  outline: none;
  border: none !important;
  border-right: none !important;
  background-color: none !important;
}

/*#patientExaminationFormContainer{
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    height: 100px;
    overflow-y: scroll;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    height: 100px;
    overflow-y: scroll;
}
}*/
.h-10 {
  height: 10%;
}

.form-control-select {
  border-right: none !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border: 1px solid #e9ebef !important;
  height: auto !important;
  padding: 0.37rem 0.75rem !important;
  background-color: none !important;
}

.input-group-text {
  background-color: #FFFFFF !important;
}

/* Override Safari's default user agent styles */
@supports (-webkit-appearance: none) {
  /* Reset box-shadow */
  * {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
}
.sync-block .dropdown .dropdown-menu.show {
  width: auto;
  margin-left: -180px !important;
  top: -20px !important;
  padding: 0;
}

/*This css form disable section when click content speech stop text*/
.disabledSection {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
.disabledSection .bright, .disabledSection .btop, .disabledSection .bbottom, .disabledSection .bleft {
  background-color: transparent !important;
  border-color: transparent !important;
}
.disabledSection .subCard {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
}
.disabledSection .subCard .title {
  color: #7D8B96;
}
.disabledSection .subCard .subtitle {
  color: #7D8B96;
}
.disabledSection .subCard p {
  color: #7D8B96;
}
.disabledSection .activity-block .activity-line {
  border-color: transparent !important;
}
.disabledSection .dark-text {
  color: #7D8B96;
}
.disabledSection .black-medium-text {
  color: #7D8B96;
}
.disabledSection .form-control {
  background-color: transparent !important;
  border-color: transparent !important;
}
.disabledSection .allergies-list {
  background-color: transparent !important;
  border-color: transparent !important;
}
.disabledSection .btn-bordered-light {
  background-color: transparent !important;
  border-color: transparent !important;
}
.disabledSection .btn-dark {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
}
.disabledSection .btn-primary {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
}
.disabledSection .btn-primary .icon {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
}
.disabledSection .main-text-dark {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
}
.disabledSection .allergies-list a {
  background-color: transparent !important;
}
.disabledSection .allergies-list a .feather-plus {
  opacity: 0.3;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
}
.disabledSection .text-ellipsis {
  color: #7D8B96;
}
.disabledSection .allergies-mild {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
  opacity: 0.3;
}
.disabledSection .allergies-moderate {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
  opacity: 0.3;
}
.disabledSection .allergies-serve {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #7D8B96;
  opacity: 0.3;
}
.disabledSection .vitals-block p {
  color: #7D8B96;
}
.disabledSection .feather {
  opacity: 0.3;
}
.disabledSection .consultation .cBlock .nav-pills .nav-item .nav-link {
  opacity: 0.3;
}
.disabledSection .compose_tab {
  opacity: 0.3;
}
.disabledSection .ck.ck-editor {
  opacity: 0.3 !important;
}
.disabledSection .customcheckbox input[type=checkbox] {
  background-color: transparent !important;
  border-color: transparent !important;
  opacity: 0.2;
}
.disabledSection label {
  color: #7D8B96;
}
.disabledSection .quantity {
  background-color: transparent !important;
  border-color: transparent !important;
  opacity: 0.2;
}
.disabledSection .title {
  color: #7D8B96;
}
.disabledSection .subtitle {
  color: #7D8B96;
}
.disabledSection table {
  opacity: 0.2;
}
.disabledSection select .form-control {
  opacity: 0.3;
}
.disabledSection .blue-btn-plain {
  background-color: transparent !important;
  border-color: transparent !important;
  opacity: 0.2;
}
.disabledSection .bootstrap-tagsinput {
  background-color: transparent !important;
  border-color: transparent !important;
  opacity: 0.2;
}
.disabledSection .main-nav-tab-content .nav-link {
  opacity: 0.3;
}
.disabledSection .main-nav-tab-content .w-80 .tab-content .form-control {
  opacity: 0.3;
}
.disabledSection .add-vitals {
  background-color: transparent !important;
  border-color: transparent !important;
  opacity: 0.2;
}
.disabledSection .iconsize-xl-icon {
  opacity: 0.3;
}
.disabledSection .btn-border-save {
  opacity: 0.3;
}
.disabledSection .a.btn-dark {
  opacity: 0.3;
}

/*end This css form disable section when click content speech stop text*/
.customDates .dropdown .dropdown-menu.show {
  width: 100%;
  left: 15px !important;
  top: -25px !important;
  padding: 0;
}

.daterangepicker .drp-selected {
  display: none !important;
}

.daterangepicker .ranges li.active {
  background-color: #E8F2FD !important;
  color: #0969CE !important;
}

.daterangepicker .ranges ul li:hover {
  background-color: #E3E7ED !important;
  color: #2E2E2E !important;
}

.daterangepicker .ranges ul {
  width: 240px !important;
}

.daterangepicker {
  margin-top: 10px !important;
  /*margin-left: -10px !important;*/
}

.datepicker {
  padding: 8px !important;
}

.modePayment input[type=radio] {
  width: 20px !important;
  height: 20px !important;
}

.table-responsive {
  scroll-behavior: smooth !important; /* Enables smooth scrolling */
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 120%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

p, label, span {
  padding: 0;
  margin: 0;
}

p, span {
  font-size: 14px;
}

.wrapper {
  position: relative;
  top: 0;
  height: 100%;
}
.wrapper .sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-position: 50%;
  width: 200px;
  display: block;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: hidden;
  font-weight: 200;
  /*   width: 200px;
  position: relative;
  z-index: 9;*/
  /*.menu-sidebar {
      svg {
          &:hover path {
              stroke: $primary;
          }
      }
  }*/
  /*.book-item {
      background-image: url("../images/calendarplus.svg");
      background-repeat: no-repeat;
      background-position-y: 15px;
      background-position-x: 10px;
      padding: 15px 2.2rem !important;
      background-size: 15px;
  }

  .book-item:hover {
      background-image: url("../images/bookappointmentblue.svg") !important;
      background-repeat: no-repeat !important;
      background-position-y: 15px !important;
      background-position-x: 10px !important;
      padding: 15px 2.2rem !important;
      background-size: 15px;
  }

  .active {
      .book-item {
          background-image: url("../images/bookappointmentblue.svg") !important;
      }
  }*/
}
.wrapper .sidebar .sidebar-menu {
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 200px;
  z-index: 4;
  padding: 0.5rem;
  /*  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 260px;
  z-index: 4;

  box-shadow: inset -1px 0 0 0 #ddd;*/
  /* padding: 0.5rem;
  text-align: center;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  height: 100%;*/
}
.wrapper .sidebar .sidebar-menu .logo {
  margin-bottom: 20px;
}
.wrapper .sidebar .sidebar-menu a {
  cursor: pointer;
}
.wrapper .sidebar .sidebar-menu a.active .menu-item {
  background-color: #E8F2FD;
  border-radius: 6px;
}
.wrapper .sidebar .sidebar-menu a.active svg, .wrapper .sidebar .sidebar-menu a.active p {
  color: #0969ce;
}
.wrapper .sidebar .sidebar-menu a.active p {
  width: fit-content;
  font-size: 14px;
}
.wrapper .sidebar .sidebar-menu .dropdown-toggle {
  white-space: normal;
}
.wrapper .sidebar .sidebar-menu .dropdown-toggle::after {
  display: inline;
  border: none;
  margin-left: 0;
}
.wrapper .sidebar .sidebar-menu .menu-item {
  margin-bottom: 1rem;
  color: #7d8b96;
  display: flex;
  align-items: center;
  text-align: left;
  gap: 8px;
  padding: 5px 1rem;
}
.wrapper .sidebar .sidebar-menu .menu-item p {
  font-size: 14px;
  line-height: 110%;
  font-family: "Gilroy-Regular";
  font-weight: 500;
}
.wrapper .sidebar .sidebar-menu .menu-item svg {
  /* width: 22px;*/
  width: 18px;
}
.wrapper .sidebar .sidebar-menu .menu-item:hover {
  color: #0969ce;
  background: #E8F2FD;
  border-radius: 6px;
}
.wrapper .sidebar .sidebar-menu .menu-item:hover svg {
  color: #0969ce;
}
.wrapper .sidebar .sidebar-menu .menu-item:hover svg path {
  stroke: #0969ce !important;
}
.wrapper .sidebar .sidebar-menu .active .menu-item svg path {
  stroke: #0969ce !important;
}
.wrapper .sidebar .menu-patient-item {
  background-image: url("../images/7.svg");
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-position-x: 17px;
  padding: 10px 41px !important;
}
.wrapper .sidebar .menu-patient-item:hover {
  background-image: url("../images/7-hover.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 10px !important;
  background-position-x: 17px !important;
  padding: 10px 41px !important;
}
.wrapper .sidebar .active .menu-patient-item {
  background-image: url("../images/7-hover.svg") !important;
}
.wrapper .sidebar .registerpatient-item {
  background-image: url("../images/registerpatienticon.svg");
  background-repeat: no-repeat;
  background-position-y: 15px;
  background-position-x: 10px;
  padding: 15px 2.2rem !important;
  background-size: 15px;
}
.wrapper .sidebar .registerpatient-item:hover {
  background-image: url("../images/registerpatientblue.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 15px;
  background-position-x: 10px;
  padding: 15px 2.2rem;
  background-size: 15px;
}
.wrapper .sidebar .active .registerpatient-item {
  background-image: url("../images/registerpatientblue.svg") !important;
}
.wrapper .sidebar .newuser-item {
  background-image: url("../images/userplusicon.svg");
  background-repeat: no-repeat !important;
  background-position-y: 15px !important;
  background-position-x: 10px !important;
  padding: 15px 2.2rem !important;
  background-size: 15px;
}
.wrapper .sidebar .newuser-item:hover {
  background-image: url("../images/newuserblue.svg");
  background-repeat: no-repeat !important;
  background-position-y: 15px !important;
  background-position-x: 10px !important;
  padding: 15px 2.2rem !important;
  background-size: 15px;
}
.wrapper .sidebar .active .newuser-item {
  background-image: url("../images/newuserblue.svg");
}
.wrapper .sidebar .prm-item {
  background-image: url("../images/shakehand.svg");
  background-repeat: no-repeat;
  background-position-y: 18px;
  background-position-x: 12px;
  padding: 15px 3rem !important;
  background-size: 20px;
}
.wrapper .sidebar .prm-item:hover {
  background-image: url("../images/prmblue.svg");
  background-repeat: no-repeat !important;
  background-position-y: 18px !important;
  background-position-x: 12px !important;
  padding: 15px 3rem !important;
  background-size: 20px;
}
.wrapper .sidebar .active .prm-item {
  background-image: url("../images/prmblue.svg");
}
.wrapper .sidebar .telehealth-item {
  background-image: url("../images/telehealthicon.svg");
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-position-x: 12px;
  padding: 15px 2.8rem !important;
  background-size: 12px;
}
.wrapper .sidebar .telehealth-item:hover {
  background-image: url("../images/telehealthblue.svg");
  background-repeat: no-repeat !important;
  background-position-y: 10px !important;
  background-position-x: 12px !important;
  padding: 15px 2.8rem !important;
  background-size: 12px;
}
.wrapper .sidebar .active .telehealth-item {
  background-image: url("../images/telehealthblue.svg");
}
.wrapper .sidebar .sidebar-menu::-webkit-scrollbar {
  width: 2px;
}
.wrapper .sidebar .sidebar-menu::-webkit-scrollbar-thumb {
  background: #d5d5d5;
}
.wrapper .sidebar .sub-menu {
  padding: 15px 20px;
  width: 140px;
  cursor: pointer;
}
.wrapper .sidebar .sub-menu:hover {
  background-color: #0969ce;
  border-radius: 6px;
  color: white;
}
.wrapper .sidebar .sub-menu:hover .item-1 {
  background-image: url("../images/1-hover.svg");
}
.wrapper .sidebar .sub-menu:hover .item-2 {
  background-image: url("../images/2-hover.svg");
}
.wrapper .sidebar .sub-menu:hover .item-3 {
  background-image: url("../images/3-hover.svg");
}
.wrapper .sidebar .sub-menu:hover .item-4 {
  background-image: url("../images/4-hover.svg");
}
.wrapper .sidebar .sub-menu:hover .item-5 {
  background-image: url("../images/5-hover.svg");
}
.wrapper .sidebar .sub-menu:hover .item-6 {
  background-image: url("../images/6-hover.svg");
}
.wrapper .sidebar .sub-menu:hover .item-7 {
  background-image: url("../images/7-hover.svg");
}
.wrapper .sidebar .treeview-menu {
  position: absolute;
  width: 175px;
  left: 140px;
  margin-top: -80px;
  margin-left: -30px;
  background: white;
  z-index: 1000;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
}
.wrapper .sidebar .treeview-menu .item-1, .wrapper .sidebar .treeview-menu .item-2, .wrapper .sidebar .treeview-menu .item-3, .wrapper .sidebar .treeview-menu .item-4, .wrapper .sidebar .treeview-menu .item-5, .wrapper .sidebar .treeview-menu .item-6, .wrapper .sidebar .treeview-menu .item-7 {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  margin-bottom: 7px;
  background-repeat: no-repeat;
}
.wrapper .sidebar .treeview-menu .item-1 {
  background-image: url("../images/1.svg");
}
.wrapper .sidebar .treeview-menu .item-2 {
  background-image: url("../images/2.svg");
}
.wrapper .sidebar .treeview-menu .item-3 {
  background-image: url("../images/3.svg");
}
.wrapper .sidebar .treeview-menu .item-4 {
  background-image: url("../images/4.svg");
}
.wrapper .sidebar .treeview-menu .item-5 {
  background-image: url("../images/5.svg");
}
.wrapper .sidebar .treeview-menu .item-6 {
  background-image: url("../images/6.svg");
}
.wrapper .sidebar .treeview-menu .item-7 {
  background-image: url("../images/7.svg");
}
.wrapper .sidebar .menu-item img:hover {
  background-image: url("../images/7-hover.svg");
}
.wrapper .main {
  position: relative;
  float: right;
  width: calc(100% - 200px);
  min-height: 100%;
  overflow-x: hidden;
  padding: 0 15px;
  /* display:flex;
   flex-direction:column;
   flex-wrap:wrap;*/
}

.right-sidebar-openblock {
  width: 400px;
  background-color: #fafafa;
  position: absolute;
  right: 43px;
  padding: 20px 25px;
  border-radius: 6px;
  box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
  top: 10px;
}

.attachments .list {
  display: flex;
  flex-wrap: wrap;
  height: 200px;
  overflow-y: scroll;
}
.attachments .file-block {
  border: 1px solid #eeeeee;
  padding: 10px;
  width: 40%;
  margin: 10px;
}
.attachments .file-block .fileName {
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}
.attachments .file-block .date {
  font-size: 12px;
  color: #8a8a8a;
}

.all-notes {
  height: 200px;
  overflow-y: scroll;
}
.all-notes .individual-note {
  padding: 13px;
  margin-bottom: 10px;
}
.all-notes .individual-note h5 {
  font-family: "Gilroy-Semibold";
  font-size: 12px;
  color: #2E2E2E;
  margin: 0;
}
.all-notes .individual-note span {
  font-family: "Gilroy-Regular";
  font-size: 10px;
  color: #bbb;
}
.all-notes .individual-note .my-textbox {
  font-size: 12px;
  color: #2E2E2E;
  font-family: "Gilroy-Regular";
  margin: 0;
}

.upload {
  padding: 7px;
  background-color: #0969ce;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-right: 15px;
}

.top-section {
  margin-bottom: 50px;
}

.sidebar-dropdown .dropdown {
  background-color: transparent;
  color: #000;
  font-family: "Gilroy-Semibold";
}
.sidebar-dropdown .dropdown .dropdown-toggle {
  font-size: 14px;
}
.sidebar-dropdown .dropdown .sub-text {
  font-size: 12px;
}
.sidebar-dropdown .dropdown .dropdown-item {
  padding: 8px 12px;
  gap: 0;
  font-family: "Gilroy-Regular";
  font-size: 14px;
  bottom: 20px !important;
}
.sidebar-dropdown .dropdown .dropdown-menu.show {
  width: auto;
  /* margin-left: -85px !important;*/
  margin-left: -60px !important;
  top: 35px !important;
  padding: 0px;
  position: absolute !important;
  will-change: transform;
  transform: translate3d(0px, 0px, 0px) !important;
}

.sidebar-reportdropdownoption .dropdown {
  background-color: transparent;
  color: #000;
  font-family: "Gilroy-Semibold";
}
.sidebar-reportdropdownoption .dropdown .dropdown-toggle {
  font-size: 14px;
}
.sidebar-reportdropdownoption .dropdown .sub-text {
  font-size: 12px;
}
.sidebar-reportdropdownoption .dropdown .dropdown-item {
  padding: 8px 15px;
  gap: 0;
  font-family: "Gilroy-Regular";
  font-size: 14px;
}
.sidebar-reportdropdownoption .dropdown .dropdown-menu.show {
  width: auto;
  padding: 0px;
  margin-left: -3px !important;
  top: 38px !important;
  position: absolute !important;
  will-change: transform;
  transform: translate3d(0px, 0px, 0px) !important;
}

table thead {
  background-color: #F9FBFC;
}
table thead th {
  color: #7D8B96;
  font-family: "Gilroy-medium";
  font-size: 14px;
  font-weight: 500;
  /*padding: 10px !important;*/
  padding: 10px 20px !important;
}
table tbody td {
  color: #2E2E2E;
  font-size: 14px;
  /* padding: 10px 20px!important;*/
  /*padding: 10px !important;*/
  font-family: "Gilroy-medium";
}

#userRoleAccessSelectionContainer table tbody td {
  padding: 10px 20px;
}

.tableN td {
  vertical-align: middle;
}
.tableN thead {
  background: #F9FBFC;
}

.table-bordered thead th {
  border-bottom: 0;
}
.table-bordered tbody td {
  vertical-align: top;
}
.table-bordered thead th {
  font-weight: 600;
  font-size: 14px;
  color: #2E2E2E;
}

#tblPatientsList tbody {
  overflow-y: auto;
}
#tblPatientsList tbody tr {
  cursor: pointer;
}

.std-table .text-dropdown.dropdown {
  width: auto !important;
}

.tablescroll-container table thead {
  position: sticky;
  top: 0; /* Stick the header to the top */
  background-color: #fff; /* Background color for the header */
  z-index: 1; /* Ensure the header is above other content */
}
.tablescroll-container table thead th {
  background-color: #FFFFFF;
}

/*@font-face {
    font-family: "Gilroy-ExtraBold";
    src: url("./../font/Gilroy-ExtraBold.otf");
}
@font-face { 
    font-family: "Gilroy-Light";
    src: url("./../font/Gilroy-Light.otf"); 
}
@font-face {
    font-family: "Gilroy-Regular";
    src: url("./../font/Gilroy-Regular.woff") format('woff');
}
@font-face {
    font-family: "Gilroy-Semibold";
    src: url("../font/Gilroy-Semibold.otf") format("opentype");;
}
@font-face {
    font-family: "Gilroy-Medium";
    src: url("../fonts/Gilroy-Medium.otf") format("opentype");

}
@font-face {
    font-family: "Gilroy-bold";
    src: url("../font/Gilroy-Bold.otf") format("opentype");;
}*/
@font-face {
  font-family: "Gilroy-ExtraBold";
  src: url("./../fonts/Gilroy-Extrabold.woff") format("woff");
}
@font-face {
  font-family: "Gilroy-Light";
  src: url("./../fonts/Gilroy-Light.woff") format("woff");
}
@font-face {
  font-family: "Gilroy-Regular";
  src: url("./../fonts/Gilroy-Regular.woff") format("woff");
}
@font-face {
  font-family: "Gilroy-Semibold";
  src: url("./../fonts/Gilroy-Semibold.woff") format("woff");
}
@font-face {
  font-family: "Gilroy-Medium";
  src: url("../fonts/Gilroy-Medium.woff") format("woff");
}
@font-face {
  font-family: "Gilroy-bold";
  src: url("../fonts/Gilroy-Medium.woff") format("woff");
}
.patient-info .block {
  padding: 0;
}
.patient-info .block .nav-pills {
  padding: 8px;
  border-bottom: 1px solid #eeeeee;
}
.patient-info .block .nav-pills .nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  text-align: center;
  color: #0969ce;
  font-family: "Gilroy-medium";
  padding: 13px;
  border-radius: 5px;
  margin: 5px;
}
.patient-info .block .nav-pills .nav-item:hover {
  background-color: #e8f2fd;
}
.patient-info .block .nav-pills .active {
  background-color: #e8f2fd;
}
.patient-info .tab-pane .progress_status {
  padding: 20px 10px;
  border-bottom: 1px solid #eeeeee;
}
.patient-info .tab-pane .progress_status .d-flex {
  position: relative;
  align-items: center;
}
.patient-info .tab-pane .progress_status .d-flex:after {
  content: "";
  content: "";
  width: 16px;
  height: 1px;
  border: solid 1px #c5d0d8;
  margin: 0 4px 0 2px;
}
.patient-info .tab-pane .progress_status .d-flex:last-child::after {
  border: none;
  width: 0px;
}
.patient-info .tab-pane .progress_status .circle {
  width: 18px;
  height: 18px;
  background-color: #7d8b96;
  border-radius: 50%;
  margin-right: 2px;
  border: 3px solid #f1f5f8;
}
.patient-info .tab-pane .progress_status p {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #7d8b96;
  font-family: "Gilroy-medium";
}
.patient-info .tab-pane .progress_status .done p {
  color: #010203;
  font-family: "Gilroy-Semibold";
}
.patient-info .tab-pane .progress_status .done .circle {
  background-color: #8bc34a;
  border-radius: 50%;
  margin-right: 2px;
  border: 3px solid #f1f5f8;
}
.patient-info .right_side .block {
  background-color: rgba(243, 243, 243, 0.4);
  box-shadow: 0 2px 9px 0 rgba(215, 233, 252, 0.85);
  padding: 0 15px;
}
.patient-info .right_side .block .nav-pills {
  border-bottom: none;
}
.patient-info .right_side .block .nav-pills .nav-item {
  padding: 13px 3px;
  color: #2E2E2E;
}
.patient-info .right_side .block .nav-pills .nav-item:hover {
  color: #0969ce;
  background-color: transparent;
}
.patient-info .right_side .block .nav-pills .nav-item:hover svg {
  color: #0969ce;
}
.patient-info .right_side .block .nav-pills .active {
  background-color: transparent;
  color: #0969ce;
}
.patient-info .right_side .block .nav-pills .active svg {
  color: #0969ce;
}
.patient-info .form .grey_section {
  padding: 10px 20px;
}
.patient-info .form .grey_section .block {
  border: solid 1px #e9ebef;
  padding: 20px 10px;
  height: 100px;
}
.patient-info .form .grey_section .block img {
  margin-right: 10px;
}
.patient-info .form .grey_section .block h4 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  margin: 0;
}
.patient-info .form .grey_section .block p {
  font-size: 14px;
  font-weight: bold;
  font-family: "Gilroy-bold";
  color: #0969ce;
}
.patient-info .form .grey_section .block p span {
  font-weight: 500;
  color: #929292;
}
.patient-info .contact-info-tab .section_tittle {
  margin-bottom: 7px;
}
.patient-info .contact-info-tab .section_tittle p {
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  font-size: 16px;
  font-weight: 500;
}
.patient-info .contact-info-tab .section_tittle svg {
  color: #0969ce;
}
.patient-info .contact-info-tab .form .grey_section {
  padding: 18px;
  margin-bottom: 30px;
}
.patient-info .contact-info-tab .form .grey_section:last-child {
  margin-bottom: 0;
}
.patient-info .patient-activities-tab .std-table tr td .form .form-control {
  border: none;
  padding: 0;
  width: 90%;
}
.patient-info .patient-activities-tab .std-table tr td svg {
  color: #000;
}
.patient-info .patient-activities-tab .std-table tr td span {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #7d8b96;
}

.timeline_section {
  position: relative;
  overflow: hidden;
}
.timeline_section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 2px;
  height: 97%;
  background: #d8d8d8;
  z-index: 1;
}
.timeline_section .timeline-block {
  display: flex;
  justify-content: space-between;
  clear: both;
  margin-bottom: 20px;
}
.timeline_section .timeline-block .marker {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  background: #fff;
  z-index: 99;
}
.timeline_section .timeline-block .timeline-content {
  width: 95%;
  padding-left: 15px;
  color: #666;
}
.timeline_section .timeline-block .timeline-content h3 {
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 500;
}
.timeline_section .timeline-block .timeline-content .block {
  background-color: white;
  padding: 10px 15px;
}
.timeline_section .timeline-block .timeline-content .time {
  font-size: 12px;
  font-family: "Gilroy-Semibold";
  color: #8e8e8e;
  margin-bottom: 8px;
}

.timeline-content span {
  font-size: 15px;
  color: #a4a4a4;
}

.notes_section .add-notes {
  background-color: #0969ce;
  color: white;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.notes_section .notes-block {
  background-color: white;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.notes_section .notes-block .content {
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Regular";
}

.Patient-Info .right_side .timeline-content .block {
  background-color: #fff;
  padding: 10px 20px;
}

.bootstrap-timepicker-widget table td a {
  position: relative;
  padding: 13px 0 !important;
}

.up-icon:before {
  content: "";
  background: url("../images/chevron-up.svg");
  background-repeat: no-repeat;
  background-position: 75% 40%;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
}

.down-icon:before {
  content: "";
  background: url("../images/chevron-down.svg");
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
}

.bootstrap-timepicker-widget table td input {
  width: 32px !important;
}

#Patient-Info [class*=col-] {
  margin-bottom: 10px;
  padding: 10px 10px 0;
}

.std-table svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #7D8B96;
}

.medications_table thead th {
  vertical-align: middle;
  border-bottom: 2px solid #dee2e6;
}

.vitals_table tbody .heart_rate td {
  padding: 0.75rem 0;
}
.vitals_table tbody .heart_rate td:first-child {
  padding: 0.75rem;
}
.vitals_table tbody .heart_rate td img {
  width: 100%;
  height: 100px;
}
.vitals_table tbody tr:last-child td {
  height: 121px;
}
.vitals_table tbody tr td {
  vertical-align: middle;
}
.vitals_table tbody .progress {
  height: 8px;
  transform: rotate(90deg);
}

.view_btn {
  cursor: pointer;
}
.view_btn:hover {
  background-color: transparent;
}

.open_activity .assign_dropdwon .filter-option-inner-inner {
  width: 100px;
}

.addnewAllergyblock {
  background-color: #fafafa;
  border-radius: 4px;
  padding: 20px;
  position: absolute;
  z-index: 100;
  margin-top: 10px;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
}

#p-Letters .dropdown-menu.multi-level {
  z-index: 10000;
  /* left: -140px !important;*/
}
#p-Letters .dropdown-menu.multi-level .dropdown-submenu .dropdown-item {
  padding: 8px 10px;
}
#p-Letters .dropdown-menu.multi-level .dropdown-submenu .dropdown-item::after {
  content: none;
}
#p-Letters .dropdown-menu.multi-level .dropdown-submenu .dropdown-menu {
  margin: 0;
  padding: 0;
}

.switch-header .table td, .switch-header .table th {
  padding: 10px 20px !important;
}
.switch-header .table td, .switch-header .table th {
  vertical-align: middle !important;
}

.account-details .title {
  width: 140px;
}
.account-details .account-details-subtabs {
  border: 1px solid #eeeeee;
}
.account-details .account-details-subtabs table {
  border-left: 1px solid #eeeeee;
  margin-bottom: 0;
}
.account-details .account-details-subtabs .nav-link.active {
  font-family: "Gilroy-medium";
  color: #0969ce;
  font-size: 14px;
}
.account-details .account-details-subtabs .nav-link {
  color: #7d8b96;
}

.summary .details {
  padding: 0 10px;
}

.account-details-table .table tbody tr td h5 {
  font-size: 18px;
  color: #2E2E2E;
  margin: 0;
}

.patients .head {
  padding: 15px 0px;
}
.patients .table td, .patients .table th {
  vertical-align: middle;
}
.patients .patients-search {
  width: 40%;
}

.patients-filter {
  position: absolute;
  right: 0;
  background: white;
  margin: 0 30px;
  border-radius: 5px;
  box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.patients-filter .patients-filter-inner {
  display: flex;
  justify-content: space-between;
}
.patients-filter .patients-filter-inner .flex-column {
  border-right: 2px solid #e9ebef;
}
.patients-filter .patients-filter-inner .nav-link {
  font-size: 14px;
  color: #7d8b96;
  font-weight: 600;
  border-bottom: 2px solid #e9ebef;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.patients-filter .patients-filter-inner .active {
  color: #0969ce;
}
.patients-filter .patients-filter-inner .tab-content ul li {
  margin: 23px 70px 23px 15px;
}
.patients-filter .patients-filter-inner .tab-content input {
  margin-right: 5px;
}
.patients-filter .fillter_list {
  display: block;
  position: relative;
  padding-left: 18px;
  /* margin-bottom: 12px; */
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
  color: #2E2E2E;
}
.patients-filter .fillter_list input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.patients-filter .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #eee;
}
.patients-filter .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.patients-filter .fillter_list:hover input ~ .checkmark {
  background-color: #ccc;
}
.patients-filter .fillter_list input:checked ~ .checkmark {
  background-color: #2196F3;
}
.patients-filter .fillter_list input:checked ~ .checkmark:after {
  display: block;
}
.patients-filter .footer-section {
  border-top: 2px solid #e9ebef;
  padding: 15px;
}
.patients-filter .footer-section .btn-link {
  color: #7d8b96;
}
.patients-filter .footer-section .btn-primary {
  padding: 7px 40px;
}

.patients-filter-icon {
  cursor: pointer;
}

.enrollment-dropdown .dropdown .dropdown-menu.show {
  margin-left: 0 !important;
}

#registerNewPatients .btn-light {
  padding: 6px 15px;
}

.all_patients .search svg {
  z-index: auto;
}
.all_patients .enrollment-dropdown .dropdown .dropdown-menu.show {
  width: 100%;
  transform: translate3d(0px, 31px, 0px) !important;
}
.all_patients .top_header svg, .all_patients .top_header input[type=text] {
  display: none;
}

.switch {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 17px;
  font-size: 13px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -3px;
  right: 0;
  bottom: 0;
  background-color: #B9D0DF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 6px;
  top: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #0969ce;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0969ce;
}

input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

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

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

.pastConsultations .text-primary {
  font-family: "Gilroy-Semibold";
  color: #0969CE !important;
}
.pastConsultations .pc-summary, .pastConsultations .pc-history, .pastConsultations .scroll-history {
  border-right: 1px solid #E3E7ED;
}
.pastConsultations .pc-transcription {
  padding: 8px;
}
.pastConsultations .pc-transcription .filesize {
  font-weight: 500;
  font-size: 9px !important;
  display: flex;
  align-items: center;
  color: #7D8B96;
}
.pastConsultations .pc-transcription .box {
  width: fit-content;
}
.pastConsultations .pc-transcription audio {
  width: 100%;
}

.pc-history {
  /*max-height: calc(100vh - 215px);*/
  max-height: calc(100vh - 240px);
  overflow-y: scroll;
  transition: visibility 0s 0.2s;
}
.pc-history ul li {
  border-bottom: 1px solid #E3E7ED;
  /*  padding: 10px 0;*/
  padding: 15px 20px;
  cursor: pointer;
}
.pc-history ul li .text {
  margin-top: 6px;
  font-weight: 400;
  font-family: "Gilroy-Regular";
}
.pc-history ul li svg {
  color: #7D8B96;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.pc-history ul li.active {
  background-color: #F9FBFC;
}
.pc-history ul li.active p {
  /*font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}
.pc-history ul li:hover {
  background-color: #F9FBFC;
}
.pc-history ul li:hover p {
  /*font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}
.pc-history ul li:last-child {
  border: none;
}

.scroll-history {
  /*max-height: calc(100vh - 215px);*/
  /*height: calc(100vh - 235px);*/
  /* height:90vh;*/
  /* overflow-y: scroll;
  transition: visibility 0s 0.2s;*/
  overflow: auto;
}
.scroll-history ul li {
  border-bottom: 1px solid #E3E7ED;
  /*  padding: 10px 0;*/
  padding: 15px 20px;
  cursor: pointer;
}
.scroll-history ul li .text {
  margin-top: 6px;
  font-weight: 400;
  font-family: "Gilroy-Regular";
}
.scroll-history ul li svg {
  color: #7D8B96;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.scroll-history ul li.active {
  background-color: #F9FBFC;
}
.scroll-history ul li.active p {
  /*font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}
.scroll-history ul li:hover {
  background-color: #F9FBFC;
}
.scroll-history ul li:hover .dark-text {
  /* font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}
.scroll-history ul li:last-child {
  border: none;
}

.scroll-history:active::-webkit-scrollbar-thumb,
.scroll-history:focus::-webkit-scrollbar-thumb,
.scroll-history:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.scroll-history::-webkit-scrollbar-thumb {
  /* background-color: darkgrey;*/
  visibility: hidden;
}

.messageSearch:active::-webkit-scrollbar-thumb,
.messageSearch:focus::-webkit-scrollbar-thumb,
.messageSearch:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.messageSearch::-webkit-scrollbar-thumb {
  /* background-color: darkgrey;*/
  visibility: hidden;
}

.messageCoversations:active::-webkit-scrollbar-thumb,
.messageCoversations:focus::-webkit-scrollbar-thumb,
.messageCoversations:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.messageCoversations::-webkit-scrollbar-thumb {
  /* background-color: darkgrey;*/
  visibility: hidden;
}

.messageFiles:active::-webkit-scrollbar-thumb,
.messageFiles:focus::-webkit-scrollbar-thumb,
.messageFiles:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.messageFiles::-webkit-scrollbar-thumb {
  /* background-color: darkgrey;*/
  visibility: hidden;
}

.scroll-op-history {
  /*max-height: calc(100vh - 215px);*/
  /* height: calc(100vh - 280px);*/
  /* height:90vh;*/
  /* overflow-y: scroll;
  transition: visibility 0s 0.2s;*/
  overflow: auto;
}
.scroll-op-history ul li {
  border-bottom: 1px solid #E3E7ED;
  /*  padding: 10px 0;*/
  padding: 15px 20px;
  cursor: pointer;
}
.scroll-op-history ul li .text {
  margin-top: 6px;
  font-weight: 400;
  font-family: "Gilroy-Regular";
}
.scroll-op-history ul li svg {
  color: #7D8B96;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.scroll-op-history ul li.active {
  background-color: #F9FBFC;
}
.scroll-op-history ul li.active p {
  /* font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}
.scroll-op-history ul li:hover {
  background-color: #F9FBFC;
}
.scroll-op-history ul li:hover .dark-text {
  /*font-weight: 600;*/
  font-family: "Gilroy-Semibold";
}
.scroll-op-history ul li:last-child {
  border: none;
}

.scroll-op-history:active::-webkit-scrollbar-thumb,
.scroll-op-history:focus::-webkit-scrollbar-thumb,
.scroll-op-history:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.scroll-op-history::-webkit-scrollbar-thumb {
  /* background-color: darkgrey;*/
  visibility: hidden;
}

.blue-box {
  background: linear-gradient(94.16deg, #0763C4 -2.6%, #1A7CE2 70.24%);
  border-radius: 0px 20px;
  padding: 12px;
  color: #fff;
  font-size: 13px;
}
.blue-box .patientName {
  font-size: 18px;
  color: #FFFFFF;
  font-family: "Gilroy-Semibold";
}
.blue-box .patinentProfileImg {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.blue-box .patientContact {
  background: #2282E5;
  border-radius: 4px;
  font-size: 12px;
  padding: 8px;
}
.blue-box .patientContact svg {
  /* width: 20px;
  height: 20px;*/
  width: 17px;
  height: 17px;
}
.blue-box .patientContact p span {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.blue-box .btn-white, .blue-box .btn-whiteBorder {
  /*font-size: 12px;*/
}

.social-history .btn-group .btn-light:nth-child(2) {
  border-radius: 0;
}

.dictateConsultation {
  border-left: 0.5px solid #E3E7ED;
  background: #F9FBFC;
}
.dictateConsultation .dictate-block {
  text-align: left;
  border-bottom: 0.5px solid #E3E7ED;
  padding: 1rem;
  margin-bottom: 1rem;
}
.dictateConsultation .dictate-block .light-text {
  padding: 5px 0;
}
.dictateConsultation .dictate-block .text2 {
  margin-bottom: 5px;
}
.dictateConsultation .record-block {
  text-align: center;
  border-bottom: 0.5px solid #E3E7ED;
  /*padding: 1.5rem 0.5rem;*/
  padding: 0.5rem;
}
.dictateConsultation .record-block img {
  margin: 8px 0;
}
.dictateConsultation .record-block:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.dictateConsultation:last-child {
  border-bottom: 0;
}

.op-notesTime {
  border-right: 1px solid #E3E7ED;
}
.op-notesTime ul li {
  border-bottom: 1px solid #E3E7ED;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 14px;
  color: #7D8B96;
}
.op-notesTime ul .activeOpnotes {
  background: #E8F2FD;
  color: #0969CE;
}

.op-notesTimeLeft {
  border-right: 1px solid #E3E7ED;
}
.op-notesTimeLeft ul li {
  border-bottom: 1px solid #E3E7ED;
  padding: 15px 20px;
}
.op-notesTimeLeft ul .activeOpnotes {
  background: #E8F2FD;
  color: #0969CE;
}

.shareTranscription {
  color: #7D8B96;
  font-size: 12px;
}
.shareTranscription svg {
  width: 15px;
  color: #7D8B96;
}

#c-allergies .subCard {
  width: 49%;
}
#c-allergies .subCard textarea {
  resize: none;
}
#c-allergies .subCardallergey {
  width: 100%;
}

#c-allergiesPC .subCard {
  width: 49.4%;
}
#c-allergiesPC .subCard textarea {
  resize: none;
}
#c-allergiesPC .subCardallergey {
  width: 100%;
}

/*Letter template Dropdown*/
[data-icon]:after {
  font-family: "entypo";
  content: attr(data-icon);
  speak: none;
}

input[type=search] {
  width: 80px;
  height: 36px;
  padding: 0;
  line-height: 32px;
  background: #56e2c9;
  color: #7D8B96;
  border: 0;
  font: bold 14px/20px "Arial", sans-serif;
  text-indent: 12px;
  outline: none;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-input-placeholder {
  color: transparent;
}

input[type=search]::-moz-input-placeholder {
  color: transparent;
}

input[type=search]:-ms-input-placeholder {
  color: transparent;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  width: 32px;
  height: 32px;
  line-height: 30px;
  color: red;
  text-align: left;
  cursor: pointer;
}

input[type=search]::-webkit-search-cancel-button:before, input[type=search]::-webkit-search-results-button:before, input[type=search]::-webkit-search-results-decoration:before {
  position: absolute;
  content: "x";
  font-style: normal;
}

input[type=search]:invalid {
  border: 0 !important;
}

input[type=search]:invalid::-webkit-search-cancel-button:before, input[type=search]:invalid::-webkit-search-results-button:before, input[type=search]:invalid::-webkit-search-results-decoration:before {
  font-family: "entypo";
  content: attr(data-icon);
}

input[type=search] + label {
  position: absolute;
  margin: 8px 0 0 -30px;
  cursor: pointer;
}

input[type=search] + label:before {
  position: absolute;
  content: "Choisir";
  left: -152px;
  width: 180px;
  color: #fff;
  font: bold 14px/20px "Arial", sans-serif;
  text-align: left;
}

input[type=search] + label:after {
  margin-left: 7px;
  color: #fff;
  content: "▾";
}

input[type=search]:focus::-webkit-input-placeholder {
  font-weight: normal;
  color: #fff;
}

input[type=search]:focus::-moz-input-placeholder {
  font-weight: normal;
  color: #fff;
}

input[type=search]:focus:-ms-input-placeholder {
  font-weight: normal;
  color: #fff;
}

input[type=search]:focus:invalid + label:before {
  display: none;
}

input[type=search]:focus:invalid + label:after {
  margin-left: 4px;
  content: attr(data-icon);
}

input[type=search]:valid + label {
  display: none;
}

.ui-autocomplete {
  width: 190px;
  max-height: 180px;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: #2ec5aa;
  color: #fff;
  border-width: 4px 4px 4px 0;
  border-style: solid;
  border-color: #2ec5aa;
}

.ui-autocomplete ul {
  list-style: none;
}

.ui-autocomplete li {
  height: 36px;
  margin: 0;
  font: bold 14px/36px Arial, Helvetica, sans-serif;
  white-space: nowrap;
}

.ui-autocomplete li:hover {
  -moz-transition: background 0.3s ease-in;
  -o-transition: background 0.3s ease-in;
  -webkit-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in;
  background: #3ed1b7;
}

.ui-autocomplete li a {
  display: block;
  padding: 0 12px;
  cursor: pointer;
}

/* START SELECT3.css */
.searchSelect3 {
  position: relative;
  color: #000;
  margin-bottom: 10px;
  /*font-size: 16px;*/
}

.searchSelect3_Input {
  /*width: 250px;*/
  height: 32px;
  /* background: #fcfcfc;*/
  /*border: 1px solid #aaa;*/
  /* border-radius: 5px;*/
  text-indent: 10px;
  padding-right: 20px;
  border-radius: 4px;
  border: solid 1px #e9ebef;
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  /* width: 200px;*/
  /*font: 200 16px/1.5 Helvetica, Verdana, sans-serif;*/
}

.searchSelect3_Caret_Down {
  position: absolute;
  top: 10px;
  left: 180px;
  cursor: pointer;
}

.searchSelect3_Times {
  position: absolute;
  top: 10px;
  left: 210px;
  cursor: pointer;
  display: none;
}

.searchSelect3_List {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  height: 20em;
  width: 250px;
  position: absolute;
}

.searchSelect3_List li {
  list-style-type: none;
  background: #ffffff;
  color: #000000;
  /*font: 200 16px/1.5 Helvetica, Verdana, sans-serif;*/
  border-bottom: 1px solid #ccc;
}

.searchSelect3_List li:hover {
  cursor: pointer;
  color: #ffffff;
}

.searchSelect3_List li label {
  padding: 0.5em;
  cursor: pointer;
}

.searchSelect3_List li:hover label {
  /*color: #ffffff;*/
  color: #000;
}

.searchSelect3_Input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.searchSelect3_Input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.searchSelect3_Input::-webkit-search-decoration,
.searchSelect3_Input::-webkit-search-cancel-button,
.searchSelect3_Input::-webkit-search-results-button,
.searchSelect3_Input::-webkit-search-results-decoration {
  display: none;
}

/* END SELECT3.css */
#wrapper {
  margin-top: 20px;
  margin-left: 300px;
}

.allergydisplay:active::-webkit-scrollbar-thumb,
.allergydisplay:focus::-webkit-scrollbar-thumb,
.allergydisplay:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.allergydisplay::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  visibility: hidden;
}

#registerPatient.modal.show {
  padding: 0 !important;
  overflow: hidden !important;
}

.patient-text {
  font-size: 14px;
  font-weight: 400;
  color: #7D8B96;
}
.patient-text span {
  font-size: 14px;
  font-weight: 700;
  color: #7D8B96;
}

.text-red {
  font-size: 15px;
  font-weight: 500;
  color: #D50707;
}

#consultBackdrop .modal-header {
  padding: 0.5rem 1rem 0.4rem 1rem !important;
  border-bottom: none !important;
}
#consultBackdrop .modal-footer {
  padding: 1rem !important;
  border-top: none !important;
}

.opnotes-height {
  height: calc(100vh - 300px);
  overflow-y: scroll;
}

.border-top-right-consult {
  border-top-right-radius: 6px;
}

.text-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  /* max-width:140px;*/
}

.text-header-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 115px;
}

.text-address-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 185px;
}

.text-appointment-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 150px;
}

.text-review-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 150px;
}

.one, .one .col-md-3, .one .col-md-9, .dictateTitle {
  height: 45px;
  display: flex;
  align-items: center;
}

/*
@media only screen and (max-width: 1440px) {
    .consultation .cBlock #patientConsultationInnerContentContainer {
        height: 100%;
        zoom: 0.8;
    }   
}

*/
.pcc-jobs .card-body .header {
  background-color: #e8f2fd;
}
.pcc-jobs .card-body .header .text-primary {
  font-family: "Gilroy-Semibold";
}
.pcc-jobs .card-body .header p {
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 12px;
}
.pcc-jobs .card-body .header h6 {
  font-size: 14px;
  font-family: "Gilroy-Light";
  color: #9a9a9a;
}
.pcc-jobs .card-body .header h6 b {
  color: #000;
  font-family: "Gilroy-medium";
}
.pcc-jobs .card-body .main-nav-pills {
  padding: 12px 0;
}
.pcc-jobs .card-body .main-nav-pills .nav-item {
  color: #7d8b96;
  font-size: 14px;
}
.pcc-jobs .card-body .main-nav-pills .nav-item .active {
  background-color: transparent;
}
.pcc-jobs .card-body .main-nav-pills .nav-item:hover {
  background-color: transparent;
}
.pcc-jobs .card-body .main-nav-pills .nav-item:hover a {
  color: #0969ce;
}
.pcc-jobs .card-body .border-right {
  border-right: solid 1px rgba(237, 237, 245, 0.6);
}
.pcc-jobs .card-body .border-right svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.pcc-jobs .card-body .tab-content {
  border-radius: 6px;
  border: solid 1px rgba(237, 237, 245, 0.6);
  background-color: #fafafa;
}
.pcc-jobs .card-body .tab-content .tab-content {
  border: none;
}

#addMedicine .modal-header h5 {
  font-size: 22px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}
#addMedicine .modal-header h5 span {
  font-size: 14px;
  font-family: "Gilroy-medium";
  margin-left: 5px;
}
#addMedicine .error_btn {
  border-radius: 4px;
  border: solid 1px #c2dfff;
  background-color: #e8f2fd;
  color: #0969ce;
  padding: 10px 14px;
  font-size: 14px;
  font-family: "Gilroy-medium";
}
#addMedicine .error_btn svg {
  color: #0969ce;
  margin-right: 10px;
}
#addMedicine .show {
  display: block;
}
#addMedicine .hide {
  display: none;
}

.block_tittle {
  font-size: 14px;
  font-family: "Gilroy-medium";
  color: #0969ce;
}

.admin-enroll .select_box_with_border .btn-light {
  background-color: #fff;
  padding: 8px 15px;
}
.admin-enroll .btn-light:not(:disabled):not(.disabled).active, .admin-enroll .btn-light:not(:disabled):not(.disabled):active, .admin-enroll .show > .btn-light.dropdown-toggle {
  background-color: #fff;
}

.pcc-jobs-appointment tbody {
  background-color: #fff;
}

.health_assessment_tab .question {
  border-bottom: solid 1px rgba(237, 237, 245, 0.6);
  border-radius: 0;
  padding: 10px;
}
.health_assessment_tab .question h6 {
  font-family: "Gilroy-Semibold";
  color: #2E2E2E;
  font-size: 14px;
  margin: 0;
  /*font-weight: bold;*/
}
.health_assessment_tab .question h4 {
  font-family: "Gilroy-Semibold";
  color: #2E2E2E;
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}
.health_assessment_tab .notes {
  padding: 10px;
}
.health_assessment_tab .two-inputs .form-control {
  width: 70px;
}
.health_assessment_tab .two-inputs .toggle-btn {
  margin-left: 10px;
}
.health_assessment_tab .two-inputs .toggle-btn .btn-group-toggle .btn {
  font-size: 13px;
}
.health_assessment_tab .toggle-section {
  display: none;
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}
.health_assessment_tab .toggle-section .form-control {
  max-width: 200px;
}
.health_assessment_tab .select_box_with_border .btn {
  background-color: #fff;
}
.health_assessment_tab .btn-secondary {
  background-color: #fff;
}

@media only screen and (max-width: 1280px) {
  .patient-info .open_activity {
    display: none;
  }
  .patient-info .block .nav-pills .nav-item {
    padding: 13px 7px;
  }
  .patient-info .right_side .block .nav-pills .nav-item span {
    display: none;
  }
  .patient-info .right_side .block .nav-pills .nav-item svg {
    width: 30px;
    height: 30px;
  }
  .consBlock .add-vitals {
    width: 31.5% !important;
  }
  /* .profileImg-30 {
      min-width: 30px;
      height: 30px;
  }*/
  .dashboard .today_activity {
    flex-wrap: wrap;
  }
  .delayed {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .sidebar .sidebar-menu .logo, .sidebar .sidebar-menu .plus, .sidebar .sidebar-menu .menu-item {
    /* margin-bottom: 25px;*/
    margin-bottom: 20px;
  }
  body .main.container-fluid {
    width: calc(100% - 200px);
  }
  .patients .head {
    display: block;
  }
  .patients .head .search input {
    width: 100%;
  }
  .patients .head .patients-search {
    margin-bottom: 20px;
    width: 70%;
  }
  .account-details .summary .card-body {
    display: block !important;
  }
  .account-details .summary .details {
    padding: 0;
    margin-top: 15px;
  }
  .summary .dprogress-bar .success .success-circle, .summary .dprogress-bar .warning .warning-circle, .summary .dprogress-bar .light .light-circle {
    display: none;
  }
  body .changePassword .changePasswordForm {
    width: 40%;
  }
  #LetterTypeContainer ul {
    white-space: normal;
  }
  /*responsive code wrriten by asha patil*/
  .card-title-text, .dark-text, .subtitle {
    /* font-size: 11px;*/
    font-size: 14px;
    font-family: "Gilroy-Medium";
    font-weight: 500;
  }
  #LetterTypeContainer ul {
    flex-wrap: wrap;
  }
  .mark-as-primary {
    font-size: 16px;
  }
  .responsive-wrap {
    /*flex-wrap: wrap;*/
    white-space: nowrap;
  }
  .multiselectBtnGroup {
    align-items: baseline;
  }
  .dashboardMessageContainer .pending-approval {
    margin-top: 5px;
  }
  .dashboardMessageContainer .pending-approval span {
    margin: 0;
  }
  .dashboardMessageContainer .titleblackmd span {
    margin: 5px 0;
    line-height: 2rem;
  }
  .dashboardMessageContainer .mtop {
    margin-top: 5px;
  }
  .dashboardMessageContainer .mbottom-4 {
    margin-bottom: 1.5rem;
  }
  .dashboardMessageContainer .subtitle.textunderline.text_lightgray {
    width: max-content;
  }
  .mt-responsive {
    margin-top: 0 !important;
  }
  .w-25-responsive {
    width: 30% !important;
  }
  .main-text-dark {
    word-break: break-word;
  }
  audio {
    width: 250px;
  }
  #timeAvaibility {
    height: 47vh;
  }
  .allergydisplay {
    max-height: 110px;
    overflow-y: auto;
  }
  .hide-info {
    display: none;
  }
  .review-dash-title {
    white-space: nowrap;
  }
  .filter-apply-scroll {
    width: 200px;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .text-review-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    max-width: 85px;
  }
  .statusTags-share {
    white-space: wrap;
  }
  .header ul li {
    margin-left: 20px;
  }
  .total-reg-patient .text-muted {
    font-size: 14px;
  }
  .text-appointment-ellipsis {
    max-width: 120px;
  }
  .patient-in-btn {
    padding: 1px 4px !important;
  }
  .check-sm-title {
    font-size: 10px;
  }
  .video-call-btn {
    padding: 5px 8px !important;
  }
  .phonecall-title {
    font-size: 12px;
  }
  .signature-sm-pic {
    margin-right: 0 !important;
  }
  .signature-sm-pic img {
    max-width: 85px !important;
    min-width: auto !important;
  }
  .hospital-logo-sm img {
    max-width: 120px !important;
    min-width: auto !important;
  }
  .letter-signature-pic img {
    max-width: 48px !important;
    min-width: auto !important;
  }
  .prescription-padding {
    padding: 2px 10px;
  }
  .issue-title {
    font-size: 9px !important;
  }
  .text-header-ellipsis {
    max-width: 130px;
  }
  .diagnosiswrap {
    white-space: nowrap;
  }
  .paddingDarkBtn {
    padding: 10px 12px !important;
  }
  .toast-container {
    bottom: 112px !important;
  }
  .s-groups-tbl td:last-child, .s-groups-tbl th:last-child {
    width: 18%;
  }
  .investigationTbl .tableLayout {
    table-layout: auto !important;
  }
  .message-dashboard .md-chat .outgoing .outgoing-block {
    max-width: 95% !important;
  }
  .message-dashboard .md-chat .incoming {
    max-width: 95% !important;
  }
}
@media only screen and (max-width: 1150px) {
  .form h6 {
    font-size: 12px;
  }
  .form .btn-group-toggle .btn {
    font-size: 14px;
  }
  .form .form-control {
    font-size: 14px;
  }
  body .consultation .add-vitals {
    width: 31%;
  }
  .assign_dropdwon .filter-option-inner-inner {
    font-size: 12px;
  }
  .account-details-table .table tbody tr td h5 {
    font-size: 14px;
  }
  .patient-info .right_side .timeline-content {
    padding: 0 8px;
  }
  .patient-info .right_side .timeline-content .block {
    padding: 10px;
  }
  .patient-info .right_side .timeline-content .block .dark-text, .patient-info .right_side .timeline-content .block .text-link {
    font-size: 12px;
  }
  .patient-info .form .grey_section .block h4 {
    font-size: 12px;
  }
  table tbody td {
    font-size: 12px;
  }
  table thead th {
    font-size: 12px;
  }
  .patient-info .patient-activities-tab .std-table tr td .form .form-control {
    font-size: 12px;
  }
  .patient-info .patient-activities-tab .std-table tr td span {
    font-size: 12px;
  }
  .summary .dprogress-bar div {
    padding: 0;
  }
  .dashboard .std-table .user-details .username {
    font-size: 14px;
  }
  .dashboard .std-table .user-details .sub-text {
    font-size: 12px;
  }
  .allergydisplay {
    max-height: 130px;
    overflow-y: auto;
  }
  .text-header-ellipsis {
    max-width: 115px;
  }
}
@media only screen and (max-width: 1440px) {
  .two, .allergydisplay, #VitalTopSectionContainer, .noDataMessage {
    height: 110px !important;
  }
  .ob-wrapper {
    /*width:85%;*/
    width: 100%;
  }
  .patient-info .tab-pane .progress_status p {
    white-space: nowrap;
  }
  .patient-info .tab-pane .progress_status .d-flex:after {
    width: 10px;
  }
  .patient-info .tab-pane .progress_status .circle {
    width: 15px;
    height: 15px;
    margin-right: 0;
  }
  .patientDetailsText {
    max-width: 160px;
  }
  /*   .hide-button{
      display:none;
  }*/
  #LetterTypeContainer ul {
    white-space: normal;
  }
  .med-tbl table thead tr {
    white-space: nowrap;
  }
  .filter-apply-scroll {
    width: 250px;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .btn-border-save {
    line-height: 110%;
    padding: 4px 7px !important;
    text-align: left !important;
  }
  .btn-border-share {
    line-height: 110%;
    padding: 5px 7px !important;
    text-align: left !important;
  }
  .statusTags-share {
    white-space: wrap;
  }
}
.login .login-block {
  width: 400px;
  margin: 0 auto;
}

.login-admin .login-block {
  width: 400px;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .header ul li {
    margin-left: 8px;
  }
  .profileImg-30 {
    width: 30px;
    height: 30px;
  }
  .hide-info {
    display: none;
  }
  .login .login-block {
    width: 350px;
    margin: 0 auto;
  }
  .login-admin .login-block {
    width: 350px;
    margin: 0 auto;
  }
  .group_name {
    width: 70% !important;
  }
  .action_name {
    width: 30% !important;
  }
  .term_privacy {
    margin-left: -80% !important;
  }
  .prm-excecutive-management .total-team-attendance .excecutive-card {
    flex-wrap: wrap;
  }
  #LetterTypeContainer ul {
    white-space: normal !important;
  }
  .report-overview .vertical-line-report:after {
    right: 9px;
  }
  .allergydisplay {
    max-height: 151px;
    overflow-y: auto;
  }
  .two, .allergydisplay, #VitalTopSectionContainer, .noDataMessage {
    height: 148px !important;
  }
  .vital-history tbody {
    height: 200px;
  }
  .filter-apply-scroll {
    max-width: 165px;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .appointment-list .text-muted {
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75px;
  }
  .btn-sm-dark {
    padding: 10px !important;
    text-align: left;
  }
  .addtosystemwrap {
    white-space: normal;
  }
  .profileImg-40 {
    min-width: 40px;
    height: 40px;
  }
  .text-address-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    max-width: 60px;
  }
  .total-reg-patient .text-muted {
    font-size: 14px;
  }
  .text-header-ellipsis {
    max-width: 60px;
  }
  .message-inbox-text {
    width: 250px;
  }
  .tableLayout {
    table-layout: auto !important;
  }
  .search-sm-margin {
    margin-right: 4px;
  }
  #dictationQueueFilterBlock .search input {
    padding: 6px 35px !important;
  }
  .diagnosiswrap {
    white-space: wrap;
  }
  .secretory-sm-title {
    font-size: 13px;
  }
  #editCloudrx .modal-dialog {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1440px) {
  .login .login-block {
    width: 550px;
  }
  .login-admin .login-block {
    width: 550px;
  }
  .two, .allergydisplay, #VitalTopSectionContainer, .noDataMessage {
    height: 110px !important;
  }
  .filter-apply-scroll {
    width: 100px;
    overflow-x: scroll;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .trancate-line {
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .two, .allergydisplay, #VitalTopSectionContainer, .noDataMessage {
    /* height: 110px !important;*/
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1224) {
  /*
      .two, .allergydisplay, #VitalTopSectionContainer, .noDataMessage {
          height: 130px !important;
      }
  */
}
@media only screen and (min-width: 2000px) and (max-width: 2300px) {
  #_PatientContactList, .patientDetailsGPtab, #r-patientInfo, #registerInsurance {
    height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  #addUserFormContainer, #addNewUserSelectionModalBody {
    height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
.queue .head svg {
  color: #0969ce;
  height: 30px;
  width: 30px;
}
.queue .search svg {
  color: #d5d5d5;
  width: auto;
  height: auto;
}

.details-main-block {
  background-color: #0969ce;
  min-height: 100vh;
}
.details-main-block .sidebar, .details-main-block .header {
  display: none;
}
.details-main-block .head {
  color: white;
  font-size: 14px;
  margin-top: 1rem;
  margin-right: 54px;
}
.details-main-block .head p {
  padding: 10px 0;
}
.details-main-block .head svg {
  color: white;
}
.details-main-block .head .patient-id {
  font-size: 16px;
}
.details-main-block .head .d-flex {
  align-self: center;
}
.details-main-block .head .back-btn {
  padding: 9px 9px 5px 5px;
  border-radius: 4px;
  background-color: rgba(34, 130, 229, 0.7);
}

.right-sidebar {
  padding-left: 10px;
  z-index: 5;
}
.right-sidebar .save {
  background-color: #e8f2fd;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 8px;
  cursor: pointer;
}
.right-sidebar .save svg {
  color: #0969ce;
}
.right-sidebar .sub-options {
  background-color: #e8f2fd;
  border-radius: 4px;
  padding: 10px;
}
.right-sidebar .sub-options div:first-child svg {
  color: #0969ce;
}
.right-sidebar .sub-options .notes .form {
  padding: 12px;
}
.right-sidebar .sub-options .notes .form .form-control {
  margin-bottom: 10px;
}
.right-sidebar .sub-options .notes .plus-square {
  background-color: #0969ce;
  color: white;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-right: 15px;
}
.right-sidebar .sub-options svg {
  margin-bottom: 15px;
  cursor: pointer;
}

.status-dropdown .text-muted {
  z-index: 4;
}

.pdc-review {
  z-index: 4;
}

.enrollment .activeOpt {
  border: solid 1px #0969ce;
  background-color: #f6fbff;
  color: #0969ce;
}
.enrollment .enrollment-type .enrollment-block.activeOpt {
  border: solid 1px #0969ce;
  background-color: #f6fbff;
  color: #0969ce;
}

.content {
  padding: 0 10px;
  padding: 8px;
  border-radius: 6px;
  border: solid 1px rgba(237, 237, 245, 0.6);
}
.content input {
  width: 50%;
}
.content .bootstrap-select > .dropdown-toggle {
  width: 100px;
}
.content .btn-light {
  padding: 8px 10px;
  background-color: #e8f2fd;
  color: #0969ce;
  width: 100px;
}
.content .btn-light .filter-option-inner-inner {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #0969ce;
}
.content .add-notes {
  background-color: #0969ce;
  color: white;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-left: 8px;
}
.content .assign_dropdwon .btn-light:not(:disabled):not(.disabled).active, .content .assign_dropdwon .btn-light:not(:disabled):not(.disabled):active, .content .assign_dropdwon .show > .btn-light.dropdown-toggle {
  background-color: #e8f2fd;
}
.content .std-table {
  margin-top: 5px;
  /* Hide the browser's default checkbox */
}
.content .std-table .username {
  font-size: 14px;
}
.content .std-table .name {
  font-family: "Gilroy-medium";
}
.content .std-table .check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.content .std-table .check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.content .std-table .checkmark {
  position: absolute;
  top: 0;
  left: 50%;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  transform: translate(-50%, 0);
}
.content .std-table .check:hover input ~ .checkmark {
  background-color: #ccc;
}
.content .std-table .check input:checked ~ .checkmark {
  background-color: #0969ce;
}
.content .std-table .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.content .std-table .check input:checked ~ .checkmark:after {
  display: block;
}
.content .std-table .check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-close {
  position: absolute;
  right: -52px;
  padding: 14px 16px 15px;
  border-radius: 5px;
  background-color: #e8f2fd;
  padding: 10px 10px 9px 12px;
  opacity: 1;
  cursor: pointer;
}
.modal-close svg {
  color: #313131;
}
.modal-close:hover {
  background-color: #0969ce;
  opacity: 1;
}
.modal-close:hover svg {
  color: #fff;
}

.modal-overlay .modal-lg {
  max-width: 1000px;
}
.modal-overlay .save {
  position: absolute;
  right: -52px;
  top: 53px;
  background-color: #0969ce;
  padding: 12px;
  padding: 10px 10px 9px 12px;
  border-radius: 5px;
  cursor: pointer;
}
.modal-overlay .save svg {
  color: #fff;
}
.modal-overlay .save:hover {
  background-color: #e8f2fd;
}
.modal-overlay .save:hover svg {
  color: #313131;
}
.modal-overlay .summary {
  margin: 0;
}
.modal-overlay .summary .blue-bg {
  padding: 8px;
}
.modal-overlay .modal-content {
  background-color: transparent;
  border: none;
}
.modal-overlay .profile_pic img {
  margin: 0;
}
.modal-overlay .profile_patient-info {
  width: 100%;
}
.modal-overlay .profile_patient-info h2 {
  font-family: "Gilroy-Semibold";
  font-size: 20px;
  color: #fff;
  margin: 0;
}
.modal-overlay .profile_patient-info p {
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #fff;
}
.modal-overlay .profile_patient-info .contact_info p {
  margin: 0;
}
.modal-overlay .profile_patient-info .contact_info .phone {
  margin-right: 15px;
}
.modal-overlay header nav ul li {
  padding: 0;
}

.contact-info-tab .contactName {
  position: relative;
}
.contact-info-tab .contactName .p {
  position: absolute;
  top: 50%;
  right: 12px;
  border-radius: 2px;
  background-color: #e8e8e8;
  padding: 5px 10px;
  transform: translate(0, -50%);
}
.contact-info-tab .contactName .p p {
  font-family: "Gilroy-Semibold";
  font-size: 10px;
  color: #fff;
}
.contact-info-tab .contactName .active {
  background-color: #0969ce;
}
.contact-info-tab .text-primary {
  display: inline-block;
  text-align: right;
  width: 100%;
  text-decoration: underline;
}
.contact-info-tab .add-more-contact {
  text-align: center;
  font-family: "Gilroy-medium";
}
.contact-info-tab .grey_section {
  padding: 0 !important;
}
.contact-info-tab .grey_section:last-child {
  margin-bottom: 0 !important;
}
.contact-info-tab .section {
  flex: 1 66.6666666667%;
  padding: 18px;
}
.contact-info-tab .section:first-child {
  flex: 1 33.3333333333%;
  border-right: 1px solid #f2f2f7;
}
.contact-info-tab .section .contact-add .text-primary {
  width: auto;
  font-family: "Gilroy-medium";
}

.main.container-fluid {
  width: calc(100% - 200px);
  padding-left: 0;
}

.table-wrapper {
  display: block;
  overflow-x: scroll;
}

#conversion .std-table {
  white-space: nowrap;
}

#outer {
  position: absolute;
  top: 4px;
  left: 10px;
  /* width: 70px; */
  /* height: 140px; */
  /* overflow: hidden; */
  border-radius: 5px;
  /* border-bottom-right-radius: 0; */
  /* border-top-right-radius: 0; */
}

#inner {
  transform: rotate(100deg);
  background-color: #e8f2fd;
  width: 41px;
  height: 41px;
  /* top: 20px; */
  /* left: -50px; */
  /* position: relative; */
  border-radius: 5px;
  /* z-index: -1; */
  border-bottom-right-radius: 0;
  /* border-top-right-radius: 0; */
}

#allergies .allergies-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 45px 0;
}
#allergies .allergies-section .add-notes {
  background-color: #0969ce;
  color: white;
  border-radius: 4px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  margin-left: 8px;
  padding: 6px;
}
#allergies .allergies-section .enrollment-block {
  background-color: white;
  padding: 15px;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: flex;
  flex-direction: column;
}
#allergies .allergies-section .enrollment-block .title {
  font-size: 20px;
  color: #0969ce;
  font-family: "Gilroy-Semibold";
}
#allergies .allergies-section .enrollment-block svg {
  height: 13px;
  width: 13px;
  color: #313131;
  cursor: pointer;
}
#allergies .allergies-section .enrollment-block .sub-text {
  margin-top: 14px;
  font-family: "Gilroy-Regular";
  color: #929292;
  flex-grow: 1;
  margin-bottom: 20px;
}
#allergies .center {
  justify-content: center;
}
#allergies .center .col {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 9px;
  padding-left: 9px;
}
#allergies .center .col-span-3 {
  flex-basis: 25%;
}

.input-with-searchicon-rideside .form-control {
  padding: 0.375rem 27px;
}
.input-with-searchicon-rideside .text-link {
  float: right;
}
.input-with-searchicon-rideside .search {
  position: absolute;
  top: 55%;
  transform: translate(0, -50%);
  height: 14px;
  width: 14px;
  left: 19px;
}
.input-with-searchicon-rideside .close-icon {
  position: absolute;
  top: 55%;
  transform: translate(0, -50%);
  height: 14px;
  width: 14px;
  right: 19px;
}

.details_overlay {
  border-radius: 5px;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
  background-color: #fafafa;
  padding: 17px 20px;
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  /* left: 0; */
  width: 275px;
}
.details_overlay h1 {
  font-family: "Gilroy-Semibold";
  font-size: 20px;
  color: #313131;
}
.details_overlay span {
  font-size: 14px;
  color: #929292;
  font-family: "Gilroy-medium";
}
.details_overlay p {
  font-size: 14px;
  color: #313131;
  font-family: "Gilroy-medium";
  margin-left: 5px;
}

.note-section {
  padding: 14px;
  align-items: center;
  /* Hide the browser's default checkbox */
}
.note-section p {
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #7d8b96;
  font-weight: 500;
}
.note-section .check {
  display: block;
  position: relative;
  padding-left: 20px;
  /* margin-bottom: 12px; */
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 10px 0 30px;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  line-height: 24px;
}
.note-section .check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.note-section .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  transform: translate(-50%, 0);
}
.note-section .check:hover input ~ .checkmark {
  background-color: #ccc;
}
.note-section .check input:checked ~ .checkmark {
  background-color: #0969ce;
}
.note-section .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.note-section .check input:checked ~ .checkmark:after {
  display: block;
}
.note-section .check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#convertionOutcome .modal-content {
  padding: 30px;
}
#convertionOutcome .modal-content .modal-title {
  margin-bottom: 30px;
}
#convertionOutcome .modal-content .modal-close {
  top: 0;
}

.option_section {
  margin-bottom: 20px;
}
.option_section .grey_section {
  background-color: #fafafa;
  padding: 30px;
  align-items: center;
  border-radius: 6px;
  border: solid 1px rgba(237, 237, 245, 0.6);
  margin: 0px 0 10px;
}
.option_section .grey_section h3 {
  color: #000;
  font-size: 18px;
  font-family: "Gilroy-medium";
}
.option_section .nobt, .option_section .yesbt {
  border-radius: 6px;
  border: solid 1px #ededf5;
  background-color: #ffffff;
  padding: 8px 43px;
  margin-right: 12px;
}
.option_section .active {
  border: solid 1px #0969ce;
  background-color: #f6fbff;
  color: #0969ce;
}

#refillForm .modal-lg, #refillForm .modal-xl {
  max-width: 1000px;
}

.form-section {
  background-color: #fff;
  padding: 15px;
}
.form-section .table {
  font-size: 14px;
}
.form-section .table th, .form-section .table td {
  border: 1px solid #dee2e6;
}
.form-section .w-30 {
  width: 30%;
  padding: 0 15px 0 0;
}
.form-section .w-70 {
  width: 70%;
  padding: 0 0 0 15px;
}

.allergies {
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid #eee;
}

.allergies-block {
  background-color: white;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  width: 31%;
  margin-bottom: 15px;
  margin-right: 15px;
}
.allergies-block .name {
  font-size: 20px;
  color: #0969ce;
  font-family: "Gilroy-Semibold";
}
.allergies-block .description {
  font-size: 14px;
  color: #929292;
  margin: 8px 0;
}

.enrollment-type {
  flex-wrap: wrap;
}
.enrollment-type .enrollment-block {
  background-color: white;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  width: 22%;
  margin-bottom: 15px;
  margin-right: 15px;
}
.enrollment-type .enrollment-block .title {
  font-size: 24px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  margin-bottom: 15px;
}
.enrollment-type .enrollment-block:hover {
  border: solid 1px #0969ce !important;
  background-color: #f6fbff !important;
  color: #0969ce !important;
}
.enrollment-type .enrolled .title, .enrollment-type .enrolled svg {
  color: #0969ce;
}
.enrollment-type input[type=radio] {
  display: none;
}

.outcome-block {
  padding: 30px 10px;
  background-color: #fafafa;
  margin: 10px;
  border-radius: 6px;
  border: 1px solid #eeeeee;
  flex: 1 16.6666666667%;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #000;
  text-align: center;
  align-items: center;
  cursor: pointer;
}
.outcome-block:hover {
  border: solid 1px #0969ce !important;
  background-color: #f6fbff !important;
  color: #0969ce !important;
}
.outcome-block:hover svg path {
  stroke: #0969ce;
}
.outcome-block p {
  margin-left: 10px;
  font-family: "Gilroy-medium";
}
.outcome-block input[type=radio] {
  display: none;
}

.outcome-block.active {
  border: solid 1px #0969ce !important;
  background-color: #f6fbff;
  color: #0969ce;
  border-radius: 6px !important;
}

.enrollment-block.active {
  border: solid 1px #0969ce !important;
  background-color: #f6fbff;
  color: #0969ce;
  border-radius: 6px !important;
}

.answered__section .outcome-block {
  margin: 15px;
}

.modal-title {
  font-size: 18px;
  font-family: "Gilroy-Semibold";
  /*font-weight: 600;*/
}

.mrr-outcome-block {
  padding: 20px;
  background-color: #fafafa;
  margin: 10px;
  display: flex;
  /* Hide the browser's default checkbox */
}
.mrr-outcome-block p {
  font-size: 16px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  margin-left: 10px;
  width: 95%;
}
.mrr-outcome-block .check {
  display: block;
  position: relative;
  padding-left: 23px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mrr-outcome-block .check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mrr-outcome-block .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
}
.mrr-outcome-block .check:hover input ~ .checkmark {
  background-color: #ccc;
}
.mrr-outcome-block .check input:checked ~ .checkmark {
  background-color: #0969ce;
}
.mrr-outcome-block .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.mrr-outcome-block .check input:checked ~ .checkmark:after {
  display: block;
}
.mrr-outcome-block .check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.multisteps-form__progress {
  padding-bottom: 13px;
  border-bottom: 1px solid #f2f2f7;
  display: flex;
  align-items: center;
}
.multisteps-form__progress .multisteps-form__progress-btn {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  position: relative;
  color: #2E2E2E;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  padding: 0;
  font-family: "Gilroy-medium";
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-right: 35px;
}
.multisteps-form__progress .multisteps-form__progress-btn svg {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

.multisteps-form__panel .form-control {
  width: 100px;
}
.multisteps-form__panel .notes .form-control {
  width: 100%;
}

.multisteps-form__progress-btn:first-child:after {
  display: none;
}

.multisteps-form__progress-btn.js-active {
  color: #0969ce;
}
.multisteps-form__progress-btn.js-active svg path {
  fill: #0969ce;
}

.multisteps-form__progress-btn.js-active:before {
  -webkit-transform: translateX(-50%) scale(1.2);
  transform: translateX(-50%) scale(1.2);
  background-color: currentColor;
}

.multisteps-form__form {
  position: relative;
}

.multisteps-form__panel {
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.multisteps-form__panel.js-active {
  height: auto;
  opacity: 1;
  visibility: visible;
  display: block;
}

#mrrclinicalInt .content {
  padding: 0;
  margin: 0;
  border: none;
}

#mrrAllergies .main-text {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding-bottom: 10px;
}
#mrrAllergies .allergies_list .search svg {
  color: #acafb5;
  background-color: transparent;
}

.intervation-for__development h5 {
  font-size: 22px;
  color: #313131;
  font-family: "Gilroy-Semibold";
}
.intervation-for__development h5 span {
  font-size: 14px;
  font-family: "Gilroy-medium";
  margin-left: 5px;
}
.intervation-for__development .modal-body {
  padding: 20px;
}
.intervation-for__development .modal-body .form {
  border-radius: 6px;
  border: solid 1px rgba(237, 237, 245, 0.6);
  background-color: #fafafa;
  padding: 13px 8px;
}
.intervation-for__development .modal-body .form .form_header {
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 10px;
}
.intervation-for__development .modal-body .form .form_header p {
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  font-size: 14px;
  margin-left: 7px;
}
.intervation-for__development .modal-body .form .form_header svg {
  width: 14px;
  height: 14px;
}
.intervation-for__development .modal-body .form .select_box_with_border .btn-light {
  background-color: #fff;
}
.intervation-for__development .modal-body .form .BBottom {
  border-bottom: 1px solid #f2f2f7;
  margin: 0px -8px 19px;
}
.intervation-for__development .modal-body .form .btn-group .btn-light {
  padding: 6px 15px;
}

.mrr-medlistNotesWrapper .mrr-medlistNotes {
  position: absolute;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18);
  background-color: #ffffff;
  margin-top: 25px;
  width: 300px;
  margin-left: -300px;
}
.mrr-medlistNotesWrapper .mrr-medlistNotes .name {
  font-family: "Gilroy-Semibold";
  color: #2E2E2E;
  font-size: 12px;
  margin: 0;
}
.mrr-medlistNotesWrapper .mrr-medlistNotes .description {
  color: #2E2E2E;
  font-size: 12px;
  font-family: "Gilroy-Regular";
}

#addBookingModal .modal-header {
  padding: 0.8rem !important;
}

.reports .chart-section {
  flex: 1 50%;
  margin: 10px;
  box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.04);
  padding: 20px;
}
.reports .enrollment-chart-section {
  margin: 10px;
  box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.04);
  padding: 20px;
}
.reports .btn-primary .feather-log-out {
  border-radius: 4px;
  background-color: #e8f2fd;
  padding: 3px;
  color: #0969ce;
}
.reports .progressTitle {
  color: #313131;
  font-size: 11px;
  font-family: "Gilroy-medium";
}
.reports .progressTitle span {
  color: #0969ce;
}
.reports .progress-bar {
  color: #0969ce;
}
.reports .nav-link.active svg {
  color: #0969ce;
}
.reports .graph-navigation {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.reports .graph-navigation .legends {
  flex: 1 20%;
  align-items: center;
  margin-top: 15px;
}
.reports .graph-navigation .legends .circle {
  width: 14px;
  height: 14px;
}
.reports .graph-navigation .legends .deep-blush {
  background-color: #7262fd;
}
.reports .graph-navigation .legends .buttercup {
  background-color: #f6bd16;
}
.reports .graph-navigation .legends .lynch {
  background-color: #65789b;
}
.reports .graph-navigation .legends .bermuda {
  background-color: #61ddaa;
}
.reports .graph-navigation .legends .cornflower {
  background-color: #5b8ff9;
}
.reports .graph-navigation .legends .melrose {
  background-color: #b0caff;
}
.reports .graph-navigation .legends .algae-green {
  background-color: #89e2ac;
}
.reports .graph-navigation .legends .blue-bell {
  background-color: #9d97d2;
}
.reports .graph-navigation .legends p {
  color: rgba(44, 53, 66, 0.65);
  font-size: 10px;
  font-family: "Gilroy-medium";
  margin-left: 10px;
}
.reports .daily-graph-navigation .legends {
  flex: 1 50%;
  align-items: flex-start;
  padding: 2px;
}
.reports .daily-graph-navigation .legends span {
  font-family: "Gilroy-Semibold";
  font-size: 14px;
  color: #2E2E2E;
}
.reports .enrollmentdaily-graph-navigation .legends {
  flex: 1 33.3333333333%;
}
.reports .intervantion-graph-navigation .legends {
  flex: 1 33.3333333333%;
}

.show-calendar {
  right: 30px !important;
}
.show-calendar table tbody td {
  /*padding: 12px !important;*/
  padding: 5px 8px !important;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
}
.show-calendar table thead th {
  background-color: transparent;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}

.drp-calendar {
  max-width: 100% !important;
}

.daterangepicker .ranges ul {
  width: 160px;
}
.daterangepicker .ranges ul li {
  font-size: 14px;
  font-weight: 500;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  margin: 5px 0;
}
.daterangepicker .ranges ul li:hover {
  background-color: #2E2E2E;
  color: #fff;
}
.daterangepicker .ranges ul .active {
  background-color: #2E2E2E;
  color: #fff;
}
.daterangepicker .drp-selected {
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-Semibold";
}
.daterangepicker .drp-buttons .btn-default {
  color: #7d8b96;
  font-size: 14px;
  font-family: "Gilroy-Regular";
  background-color: transparent;
  font-weight: normal;
}
.daterangepicker .drp-buttons .btn-primary {
  border-radius: 4px;
  background-color: #0969ce;
  font-size: 14px;
  font-family: "Gilroy-Regular";
  color: #fff;
  padding: 10px 39px;
  font-weight: normal;
}
.daterangepicker .calendar-table td {
  line-height: 20px !important;
}

#reportranges {
  margin-bottom: 22px;
  width: 320px;
  cursor: pointer;
}

.reports .main-nav-tab-content .w-20 {
  width: 15%;
  position: relative;
}
.reports .main-nav-tab-content .w-20 .nav-link {
  font-size: 16px;
  color: #929292;
  font-family: "Gilroy-Regular";
}
.reports .main-nav-tab-content .w-20 .active {
  background-color: rgba(244, 244, 244, 0.4) !important;
  color: #0969ce;
  font-family: "Gilroy-medium";
}
.reports .main-nav-tab-content .w-80 {
  width: 85%;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section {
  flex: 1 80%;
  border-right: 1px solid #dadada;
  padding: 0 15px 0 0;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .complete {
  width: 50%;
  background-color: #7262fd;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 12px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .cancelled {
  width: 20%;
  background-color: #ff0000;
  height: 12px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .nocontact {
  width: 60%;
  background-color: #65789b;
  height: 12px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .refused {
  width: 55%;
  background-color: #61ddaa;
  height: 12px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .inprogress {
  width: 30%;
  background-color: #5b8ff9;
  height: 12px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .others {
  width: 10%;
  background-color: #dcdada;
  height: 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .gray {
  background-color: #dcdada;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .daily-graph-navigation .legends {
  flex: auto;
  align-items: flex-start;
  padding: 2px;
  margin-top: 8px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .left-section .daily-graph-navigation .circle {
  width: 14px;
  height: 14px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .noborder {
  border: none;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .right-section {
  flex: 1 20%;
  padding: 0 0 0 15px;
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .right-section p {
  font-size: 14px;
  color: #7d8b96;
  font-family: "Gilroy-medium";
}
.reports .main-nav-tab-content .w-80 .home-visitone-section .right-section span {
  color: #0969ce;
  font-size: 24px;
  line-height: 22px;
}
.reports .bulk-report {
  color: #0969ce !important;
  border: none;
  position: absolute;
  bottom: 0;
  text-decoration: underline;
  cursor: pointer;
}
.reports .bulk-report svg {
  color: #0969ce;
  margin-right: 10px;
}
.reports .header {
  padding: 0;
  margin-bottom: 25px;
}
.reports .header h1 {
  margin: 0;
  font-size: 26px;
  color: #000;
  font-family: "Gilroy-medium";
}
.reports .header .report-togglebtn {
  display: flex;
}
.reports .header .report-togglebtn .btn {
  /* border-radius: 0; */
  border: solid 1px #e9ebef !important;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.13px;
  color: #7d8b96;
  font-family: "Gilroy-medium";
  background-color: #fff;
}
.reports .header .btn-primary:not(:disabled):not(.disabled).active, .reports .header .btn-primary:not(:disabled):not(.disabled):active, .reports .header .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2E2E2E;
  border-color: #2E2E2E !important;
}
.reports .header .border-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.reports .header .border-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.reports .table-section {
  margin-top: 30px;
}
.reports .table-section .selector {
  padding: 12px;
}
.reports .table-section .selector label {
  color: #929292;
  font-family: "Gilroy-medium";
  font-size: 12px;
}
.reports .table-section .selector svg {
  color: #0969ce;
  cursor: pointer;
  margin-right: 10px;
}
.reports .home, .reports .calls, .reports .enrollments {
  display: none;
}
.reports .show {
  display: block;
}

.selectbox {
  border-radius: 4px;
  border: solid 1px #e9ebef;
  background-color: #ffffff;
  padding: 8px 15px;
  color: #313131;
  font-family: "Gilroy-medium";
  font-size: 16px;
  width: 150px;
}

#calls .left-section {
  flex: 1 70%;
}
#calls .right-section p {
  margin-right: 10px;
}
#calls .right-section p:last-child {
  margin: 0;
}
#calls .inprogress {
  background-color: #32cd32;
}
#calls .attempt1 {
  background-color: #9286fd;
  width: 30%;
  height: 12px;
}
#calls .attempt2 {
  background-color: #a49bfd;
  width: 30%;
  height: 12px;
}
#calls .attempt3 {
  background-color: #b7affd;
  width: 30%;
  height: 12px;
}
#calls .notstarted {
  background-color: #dcdada;
  width: 30%;
  height: 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#calls .daily-graph-navigation .circle {
  width: 14px;
  height: 14px;
}

#consults .inprogress {
  background-color: #33cd33;
}
#consults .others {
  background-color: #5b8ff9;
}
#consults .legends .others {
  border-radius: 50%;
}

#mrr .inprogress {
  background-color: #32cd32;
}
#mrr .consultnotneeded {
  background-color: #b98eff;
  width: 50%;
  height: 12px;
}
#mrr .daily-graph-navigation .circle {
  width: 14px;
  height: 14px;
}
#mrr .legends .others {
  border-radius: 50%;
}

#enrollments .nocontactgreen {
  background-color: #33cd33;
  height: 12px;
  width: 52%;
}
#enrollments .langbarrier {
  background-color: #f6bd16;
  height: 12px;
  width: 52%;
}
#enrollments .circle {
  width: 14px;
  height: 14px;
}
#enrollments .legends .others {
  border-radius: 50%;
}

#interventions .drugreaction {
  background-color: #b0caff;
  height: 12px;
  width: 52%;
}
#interventions .contraindicator {
  background-color: #89e2ac;
  height: 12px;
  width: 25%;
}
#interventions .langbarrier {
  background-color: #f6bd16;
  height: 12px;
  width: 52%;
}
#interventions .circle {
  width: 14px;
  height: 14px;
}
#interventions .legends .drugreaction, #interventions .legends .contraindicator {
  border-radius: 50%;
}

.model-graphnavigation {
  margin-bottom: 20px;
}
.model-graphnavigation p {
  color: rgba(44, 53, 66, 0.65);
  font-size: 10px;
  font-family: "Gilroy-medium";
  margin-left: 10px;
}
.model-graphnavigation .legends {
  flex: auto;
  align-items: flex-start;
  padding: 2px;
  margin-top: 8px;
  align-items: center;
}
.model-graphnavigation .legends .circle {
  width: 14px;
  height: 14px;
}
.model-graphnavigation .legends .deep-blush {
  background-color: #7262fd;
}
.model-graphnavigation .legends .cancelled {
  background-color: #ff0000;
}
.model-graphnavigation .legends .nocontact {
  background-color: #65789b;
}
.model-graphnavigation .legends .refused {
  background-color: #61ddaa;
}
.model-graphnavigation .legends .inprogress {
  background-color: #33cd33;
}
.model-graphnavigation .legends .other {
  background-color: #5b8ff9;
}
.model-graphnavigation .legends .attempt1 {
  background-color: #9286fd;
}
.model-graphnavigation .legends .attempt2 {
  background-color: #a49bfd;
}
.model-graphnavigation .legends .attempt3 {
  background-color: #b7affd;
}
.model-graphnavigation .legends .consultnotneeded {
  background-color: #b98eff;
}
.model-graphnavigation .legends .notstarted {
  background-color: #dcdada;
}
.model-graphnavigation .legends .langbarrier {
  background-color: #f6bd16;
}
.model-graphnavigation .legends .drugreaction {
  background-color: #b0caff;
}
.model-graphnavigation .legends .contraindicator {
  background-color: #89e2ac;
}

.daterangepicker.opensright:before, .daterangepicker.opensright:after {
  display: none;
}

#exportReportreportranges {
  margin-bottom: 15px;
}

.report-modal .modal-lg {
  max-width: 1200px;
}

.physicianOfPractitionerList {
  background-color: white;
  z-index: 999;
  position: absolute;
  box-shadow: 0px 0px 10px rgba(198, 204, 212, 0.85);
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
}
.physicianOfPractitionerList .name {
  font-weight: 600;
  font-size: 14px;
  /*color: #2E2E2E;*/
  color: #2E2E2E;
}
.physicianOfPractitionerList .user-details:hover .name {
  color: #0969ce;
}
.physicianOfPractitionerList .physicianListItem:hover {
  background: #F4F7FA;
}

.statusActionBtn {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.statusActionBtn .btn-bordered-light {
  width: 48% !important;
}

.lightblue-note {
  font-size: 12px;
  background: #c2dfff;
  border: 1px solid #E6EEF7;
  border-radius: 10px;
  color: #7d8b96;
  padding: 4px 10px;
}

.checktitlestyle {
  color: #0969ce;
  text-decoration: underline;
  font-size: 10px;
}

.spanbold {
  font-family: "Gilroy-semibold";
}

.modallightgrey {
  background-color: #F9FBFC;
}
.modallightgrey .checktable::-webkit-scrollbar {
  height: 4px;
}

/*Schedulling by nikita*/
.blue-note {
  font-size: 12px;
  background: #c2dfff;
  border: 1px solid #5A9DFF;
  border-radius: 4px;
  color: #7d8b96;
  padding: 4px 10px;
}

.tableheadingblue {
  color: #0969ce;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.tableheadingblack {
  color: #7d8b96;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

.tabletxt {
  color: #7d8b96;
  font-size: 14px;
  font-weight: 500;
}

.plushover {
  position: relative;
}

.plusicon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.plusicon:hover {
  display: flex;
  justify-content: center;
  opacity: 1;
  background-color: #F4F4F4;
}

.selectedbackground {
  background-color: #DEF7F4;
  text-align: center;
  vertical-align: middle !important;
}

.blue-recommended {
  font-size: 10px;
  background: #c2dfff;
  border: 1px solid #5A9DFF;
  border-radius: 5px;
  color: #5A9DFF;
  padding: 2px 10px;
  margin-bottom: 5px;
}

.checktable thead th {
  vertical-align: middle !important;
  /*padding: 0 10px !important;*/
  padding: 10px !important;
}

.tableheadingpara {
  color: #7d8b96;
  font-size: 12px;
  font-weight: 500;
}

.justifycenter {
  justify-content: center;
}

.shedulingposition {
  position: relative !important;
}

.e-header-row td.e-header-cells {
  color: #7d8b96 !important;
  font-weight: 500 !important;
  font-family: "Gilroy-medium" !important;
  font-size: 14px !important;
}

.e-header-row td.e-header-cells.e-current-day {
  color: #0d6efd !important;
}

.padding-primary-btn {
  padding: 0.4rem 4rem !important;
}

/*.e-schedule .e-vertical-view .e-header-cells {
    height: 30px !important;
}*/
.patient-in-item {
  background-image: url("../images/patientIn.svg");
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-position-x: 15px;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.patient-in-item:hover {
  background-image: url("../images/patientinblue.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 10px !important;
  background-position-x: 15px !important;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.active .patient-in-item {
  background-image: url("../images/patientinblue.svg") !important;
}

.noshow-item {
  background-image: url("../images/patientNoshow.svg");
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-position-x: 15px;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.noshow-item:hover {
  background-image: url("../images/noshowblue.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 10px !important;
  background-position-x: 15px !important;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.active .noshow-item {
  background-image: url("../images/noshowblue.svg") !important;
}

.reschedule-item {
  background-image: url("../images/reschedule.svg");
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-position-x: 15px;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.reschedule-item:hover {
  background-image: url("../images/resheduleblue.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 10px !important;
  background-position-x: 15px !important;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.active .reschedule-item {
  background-image: url("../images/resheduleblue.svg") !important;
}

.cancel-item {
  background-image: url("../images/cancelappt.svg");
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-position-x: 15px;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.cancel-item:hover {
  background-image: url("../images/cancelblue.svg") !important;
  background-repeat: no-repeat !important;
  background-position-y: 10px !important;
  background-position-x: 15px !important;
  /* padding: 8px !important;*/
  background-size: 18px;
}

.active .cancel-item {
  background-image: url("../images/cancelblue.svg") !important;
}

.overview-scheduler .e-calendar .e-content.e-month td.e-today span.e-day {
  color: inherit !important;
}
.overview-scheduler .e-calendar .e-content td.e-today.e-selected.e-focused-date span.e-day {
  color: #fff !important;
}
.overview-scheduler .e-calendar .e-content td.e-today span.e-day {
  height: 32px !important;
  width: 32px !important;
  line-height: 32px !important;
}

.consultation {
  background-color: #0969CE !important;
  border-radius: 0 !important;
  padding: 1rem;
  padding-top: 0;
}
.consultation .c-patientDetails {
  color: #fff;
  margin: 10px 0;
}
.consultation .c-patientDetails .patientName {
  font-family: "Gilroy-Semibold";
  font-size: 16px;
}
.consultation .c-patientDetails .minMax {
  line-height: normal;
  font-weight: 500;
  font-family: "Gilroy-medium";
  font-size: 12px;
  color: #ffffff;
}
.consultation .c-patientDetails .minMax .feather-edit {
  height: 19px;
}
.consultation .c-patientDetails .minMax span {
  font-weight: 500;
  font-family: "Gilroy-medium";
  font-size: 12px;
  /* color: #ffffff;*/
}
.consultation .c-patientDetails .imgC {
  color: #0969CE;
  background-color: #ECF4FE;
  border-radius: 50%;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.consultation .c-patientDetails .imgC svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.5;
}
.consultation .c-patientDetails .btn-primary {
  background-color: #2282E5;
}
.consultation .c-patientDetails .btn-primary:hover {
  background-color: #FFFFFF !important;
  color: #2E2E2E !important;
}
.consultation .c-patientDetails .btn-primary:hover svg {
  color: #7D8B96 !important;
}
.consultation .c-patientDetails .address {
  width: 40%;
  word-break: break-word;
  display: flex;
  gap: 8px;
  align-items: center;
  border-left: 1px solid #E3E7ED;
  border-right: 1px solid #E3E7ED;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 12px;
}
.consultation .cBlock {
  background-color: #fff;
  border-radius: 6px;
  height: calc(100vh - 73px);
  /*overflow-y: scroll;
   height:100vh;*/
}
.consultation .cBlock .tab-content svg {
  color: #7D8B96;
  /* height: 22px;
  width: 22px;*/
}
.consultation .cBlock .nav-pills .nav-item {
  border-radius: 0 !important;
}
.consultation .cBlock .nav-pills .nav-item .nav-link {
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-medium";
  /* color: #7D8B96;*/
  border-radius: 0 !important;
  border-bottom: 2px solid transparent;
}
.consultation .cBlock .nav-pills .nav-item .nav-link.active p {
  color: #0969CE;
}
.consultation .cBlock2 {
  background-color: #fff;
  border-radius: 6px;
}
.consultation .allergies-mild {
  background: #F4F4F4;
  border-radius: 4px;
  padding: 3px 8px;
  color: #217510;
  font-weight: 500;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  font-family: Gilroy-medium;
}
.consultation .allergies-moderate {
  background: #F4F4F4;
  border-radius: 4px;
  padding: 3px 8px;
  color: #FF9100;
  font-weight: 500;
  line-height: normal;
  font-size: 12px;
  font-weight: 500;
  font-family: Gilroy-medium;
}
.consultation .allergies-serve {
  background: #F4F4F4;
  border-radius: 4px;
  padding: 3px 8px;
  color: #D50707;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  font-family: Gilroy-medium;
}
.consultation .add-vitals-main {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1rem;
}
.consultation .add-vitals {
  background: #F9FBFC;
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  display: flex;
  gap: 6px;
  padding: 0.5rem;
  width: 23.5%;
  flex-direction: column;
}
.consultation .add-vitals input {
  width: 75px;
}
.consultation .add-vitals img {
  width: 22px;
  height: 22px;
  margin-top: 7px;
}
.consultation .add-vitals .vital-text {
  font-weight: 500;
  font-size: 14px;
  color: #2E2E2E;
  font-family: "Gilroy-medium";
  margin-top: 7px;
}
.consultation .add-vitals .prev {
  margin-top: 4px;
  color: #7D8B96;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  margin-top: 0px;
}

.vt-datesList {
  gap: 1rem;
}
.vt-datesList .title {
  font-weight: 500;
  font-size: 16px;
  font-family: "Gilroy-medium";
  color: #7D8B96;
}

.vitals-main {
  display: flex;
  flex-wrap: wrap;
}
.vitals-main .vitals-block {
  display: flex;
  gap: 4px;
  width: 20%;
  padding: 8px;
}
.vitals-main .vitals-block img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.vitalTrendsModal .modal-dialog {
  max-width: 1000px;
  width: 100% !important;
}
.vitalTrendsModal .modal-dialog .modal-content {
  border-top-left-radius: 6px !important;
}
.vitalTrendsModal .vitals-main {
  display: block;
}
.vitalTrendsModal .vitals-main .vitals-block {
  width: 100%;
  border: none;
  border-bottom: 0.5px solid #E3E7ED;
  justify-content: left;
  padding: 20px 6px;
}
.vitalTrendsModal .vitals-main .vitals-block .dark-text {
  color: #0969CE;
}

.subCard {
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  background: #FFFFFF;
  padding: 0.5rem;
  word-wrap: break-word;
}
.subCard .title {
  font-size: 14px;
  font-family: "Gilroy-Semibold";
}
.subCard svg {
  cursor: pointer;
}

.subCardallergy {
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  background: #FFFFFF;
  padding: 0.5rem;
  word-wrap: break-word;
}
.subCardallergy .title {
  font-size: 14px;
  font-family: "Gilroy-Semibold";
}
.subCardallergy svg {
  cursor: pointer;
}

.allergies-list {
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  background: #FFFFFF;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.allergies-list a {
  background-color: #ffffff;
  padding: 0 2px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px rgba(27, 124, 227, 0.15);
}
.allergies-list a .feather-plus {
  color: #0969ce !important;
  cursor: pointer;
}
.allergies-list .subtitle {
  /* max-width: 150px;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.activity-block {
  display: flex;
}
.activity-block .activity-time {
  font-weight: 400;
  font-size: 12px;
  color: #7D8B96;
  margin-bottom: 4px;
}
.activity-block .activity-line {
  border-left: 1px solid #E3E7ED;
  margin-left: -7px;
  padding-left: 15px;
  width: 100%;
}
.activity-block .activity-line .subCard {
  margin-bottom: 1rem;
  font-size: 14px;
}

.quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1.5px solid #E9EBEF;
  width: fit-content;
  border-radius: 6px;
}
.quantity .quantity__minus,
.quantity .quantity__plus {
  display: block;
  padding: 5px 15px;
  margin: 0;
  color: #242424;
  text-decoration: none;
  text-align: center;
  background: #E4E4E4;
  line-height: 25px;
}
.quantity .quantity__minus {
  border-radius: 3px 0 0 3px;
}
.quantity .quantity__plus {
  border-radius: 0 3px 3px 0;
}
.quantity .quantity__input {
  width: 70%;
  height: 35px;
  margin: 0;
  padding: 0;
  text-align: center;
  border: none;
  border-radius: 4px;
  background: #fff;
  font-weight: 700;
}
.quantity .quantity__input:focus {
  outline: none;
  border: none;
}

.composeLetterType {
  flex-wrap: wrap;
  display: flex;
  gap: 15px;
}
.composeLetterType .btn-light {
  width: 30%;
}

.letterPreviewBlock {
  background: #FFFFFF;
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 12px;
}
.letterPreviewBlock .mailDetails .mTitle {
  font-weight: 600;
  font-size: 12px;
  color: #0969CE;
}
.letterPreviewBlock .mailDetails .mText {
  font-weight: 600;
  font-size: 12px;
  color: #2E2E2E;
}
.letterPreviewBlock .mailDetails .text-muted {
  font-size: 12px;
}
.letterPreviewBlock p {
  font-size: 16px;
  color: #2E2E2E;
  font-weight: 400;
  font-family: "Gilroy-Regular";
  word-break: break-word;
}
.letterPreviewBlock p span {
  color: #01182D;
  font-weight: 400;
  font-size: 10px;
}
.letterPreviewBlock .letterpara {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
}

#openLetter .close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}

.prewviewBlock {
  background: #F9FBFC;
  border-radius: 0px;
  border-left: 1px solid #EEEEEE;
}
.prewviewBlock .dr-preview .days {
  border: none;
}
.prewviewBlock .noPrviewBlock {
  justify-content: center;
  align-items: center;
  background: lavender;
  border-radius: 0px;
  color: #7D8B96;
  font-weight: 400;
  font-size: 16px;
  height: 95%;
  display: flex;
}

.um-service table tbody td {
  vertical-align: middle;
}
.um-service table tbody td input {
  width: 100px;
  text-align: center;
}

.umSelectRole input[type=radio] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-top: 5px;
}

.mainSettings .nav .nav-link.text-primary {
  font-weight: 600;
  font-size: 18px;
  pointer-events: none;
}

#patientConsultationFullModal .modal-full {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  margin: 0;
}
#patientConsultationFullModal .modal-full .modal-body {
  padding: 0;
  margin: 0;
  max-height: 100% !important;
  overflow-y: hidden !important;
  overflow-x: hidden;
}
#patientConsultationFullModal .modal-full .modal-footer {
  background-color: #fff;
  border-radius: 0;
  border: 0;
}

#followupBookAppointmentModal .modal-xl {
  width: 90%;
  max-width: 90%;
  border-radius: 0;
  margin: 2rem auto;
  /* .modal-body {
      padding: 0;
      margin: 0;
      max-height: 100% !important;
      overflow-y: hidden !important;
      overflow-x: hidden;
  }

  .modal-footer {
      background-color: #fff;
      border-radius: 0;
      border: 0;
  }*/
}

.sTitle {
  color: #2E2E2E;
  font-weight: 500;
  font-size: 14px;
  font-family: "Gilroy-medium";
}

.sText {
  color: #7D8B96;
  font-weight: 500;
  font-size: 12px;
}

.sGap {
  row-gap: 0;
  column-gap: 12px;
}

.sGap2 {
  row-gap: 0;
  column-gap: 3.5rem;
}

.lettertypes {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
.lettertypes li {
  background: #F4F4F4;
  border-radius: 6px;
  padding: 12px;
  width: 32%;
  text-align: center;
  cursor: pointer;
  font-family: "Gilroy-medium";
  font-size: 14px;
  color: #2E2E2E;
}
.lettertypes li:hover {
  background: #E8F2FD;
  color: #0969CE;
}

.nowrapstyle {
  white-space: nowrap;
}

#LetterTypeContainer ul {
  white-space: nowrap;
}

#form_PatientInsurance .ui-widget-content {
  border: none;
}
#form_PatientInsurance .ui-widget.ui-widget-content {
  border-left: 1px solid #e9ebef;
  border-right: 1px solid #e9ebef;
  border-bottom: 1px solid #e9ebef;
}

.patient_scrolling {
  max-height: calc(100vh - 355px);
  overflow-y: auto;
}

.patient_multitab table.std-table tbody {
  border-bottom: none !important;
  overflow-y: auto;
  position: initial;
}

.minimizePatientConsultation.modal.show {
  position: fixed;
  width: 25%;
  height: 60px;
  right: 1rem !important;
  bottom: 0 !important;
  top: auto;
  left: auto;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  z-index: 1049;
}
.minimizePatientConsultation.modal.show .modal-content {
  padding-bottom: 0;
}
.medication_tbl .table thead th, .medication_tbl table.dataTable.std-table thead th, .medication_tbl table.dataTable.std-table thead td {
  width: 100px;
  word-wrap: break-word;
}

.preview-row {
  margin-left: 0;
  margin-right: 0;
}

#playAudioModal .modal-body audio {
  width: 100%;
}

.medication_tbl.tab_useaccess table thead th, .medication_tbl.tab_useaccess table tbody td, #PastConsultationSummaryContainer table thead th, #PastConsultationSummaryContainer table tbody td {
  border-right: 1px solid #dee2e6;
}
.medication_tbl.tab_useaccess table thead th:last-child, .medication_tbl.tab_useaccess table tbody td:last-child, #PastConsultationSummaryContainer table thead th:last-child, #PastConsultationSummaryContainer table tbody td:last-child {
  border-right: none;
}

.appCancelModal .title {
  font-size: 20px;
}
.appCancelModal .confirm-text {
  font-size: 18px;
  font-weight: 400;
  color: #01182D;
  font-family: "Gilroy-Regular";
}
.appCancelModal .confirm-text span {
  /*font-weight: 600;*/
  font-size: 18px;
  font-family: "Gilroy-Semibold";
}

.font-white-sm {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 101%;
}

.trancate-line {
  max-width: 85px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-diagnosis {
  /*max-width: 100px;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.font-weight-Bold {
  font-weight: 800 !important;
}

#VitalsHistoryContainer .table td {
  padding: 10px 20px !important;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

#VitalsHistoryContainerPC .table td {
  padding: 10px 20px !important;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

.text-ellipsis-search {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 280px;*/ /* You can adjust this value as needed */
}

.text-ellipsisMedFormMedName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*max-width: 100px;*/ /**/ /* You can adjust this value as needed */
}

#patientDetailProperty #addBookingModal.modal.show {
  padding: 2rem 0 !important;
}
#patientDetailProperty #addBookingModal .modal-dialog {
  width: 94%;
  margin: 0% auto !important;
  height: 100%;
  background-color: #fff;
  border-radius: 6px;
}
#patientDetailProperty #addBookingModal .modal-dialog .schedulerBlock {
  overflow-y: hidden;
}
#patientDetailProperty #addBookingModal .modal-dialog .schedulerBlock #schedulerAppointmentBooking {
  overflow-y: scroll;
}
#patientDetailProperty #addBookingModal .modal-dialog .schedulerBlock .modal-body {
  overflow-y: scroll;
  padding-right: 0;
}
#patientDetailProperty #addBookingModal .modal-dialog .modal-header {
  height: 50px;
}
#patientDetailProperty #addBookingModal .modal-content {
  border: 0 !important;
  box-shadow: none !important;
}

.filter-apply-scroll {
  width: 375px;
  overflow-x: scroll;
  white-space: nowrap;
}

.filter-apply-scroll:active::-webkit-scrollbar-thumb,
.filter-apply-scroll:focus::-webkit-scrollbar-thumb,
.filter-apply-scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.filter-apply-scroll::-webkit-scrollbar-thumb {
  visibility: hidden;
}

.activity-block2 .activity-line2 {
  border-left: 1px solid #E3E7ED;
  margin-left: -12px;
  padding-left: 15px;
  margin-top: 2px;
  width: 100%;
}

.single-mail {
  padding: 8px 0;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.single-mail .mailSelect {
  margin-top: 10px;
}
.single-mail .mailContent {
  color: #2E2E2E;
  font-weight: 400;
  font-size: 14px;
}
.single-mail .mailTime p {
  color: #7D8B96;
  font-weight: 500;
  font-size: 14px;
  text-align: right;
}
.single-mail .mailAction {
  display: none;
}
.single-mail .mailAction svg, .single-mail .mailAction img {
  width: 18px;
  height: 18px;
  color: #7D8B96;
}
.single-mail:hover .mailAction {
  display: block;
  padding: 5px;
}
.single-mail .nav-item .nav-link {
  font-size: 14px;
  padding: 5px 10px;
}

.unreadMail {
  background: #D8EAFD;
}

.mailFilter {
  display: flex;
  align-items: center;
  gap: 6px;
}

.message-dashboard svg {
  color: #7D8B96;
}
.message-dashboard .feather-paperclip {
  transform: rotate(-45deg);
  stroke-width: 1px;
  cursor: pointer;
}
.message-dashboard .feather-send {
  transform: rotate(45deg);
  stroke-width: 2;
  margin-right: 8px !important;
}
.message-dashboard .btn-primary svg {
  color: #fff;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}
.message-dashboard .type-message {
  width: 100%;
  background: #F9FBFC;
  margin-top: 20px;
  position: relative;
  bottom: 0;
  /* position: absolute;
  bottom: 0;*/
  /* margin-right: 20px;*/
  /*place-self: flex-end;*/
}
.message-dashboard .type-message .mail-header {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.message-dashboard .type-message .mail-header input {
  border: none;
  outline: none;
  width: 100%;
  padding: 4px 6px;
  font-size: 14px;
  background: none;
}
.message-dashboard .type-message .mail-header .composeTitle {
  position: absolute;
  top: 8px;
}
.message-dashboard .type-message textarea {
  resize: none;
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  border: none;
  outline: none;
  width: 100%;
  padding: 8px 12px;
  background: #F9FBFC;
  border-top: 1px solid #E3E7ED;
  border-bottom: 1px solid #E3E7ED;
}
.message-dashboard .type-message .selectedFile {
  flex-wrap: wrap;
}
.message-dashboard .type-message .selectedFile .sub-text {
  color: #2E2E2E;
  font-size: 12px;
  width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.message-dashboard .type-message .selectedFile .text-muted {
  color: #7D8B96;
  font-size: 10px;
}
.message-dashboard .type-message .selectedFile .block {
  width: 49%;
}
.message-dashboard .type-message .block {
  padding: 6px 12px;
}
.message-dashboard .type-message .block svg {
  color: #0969ce;
  height: 20px;
}
.message-dashboard .type-message .block svg:first-child {
  margin-top: 4px;
}
.message-dashboard .chat-messages {
  width: 100%;
  background: #F9FBFC;
  margin-top: 30px;
  position: absolute;
  bottom: 0;
  /* margin-right: 20px;*/
  /*place-self: flex-end;*/
}
.message-dashboard .chat-messages .mail-header {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.message-dashboard .chat-messages .mail-header input {
  border: none;
  outline: none;
  width: 100%;
  padding: 4px 6px;
  font-size: 14px;
  background: none;
}
.message-dashboard .chat-messages .mail-header .composeTitle {
  position: absolute;
  top: 8px;
}
.message-dashboard .chat-messages textarea {
  resize: none;
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  border: none;
  outline: none;
  width: 100%;
  padding: 8px 12px;
  background: #F9FBFC;
  border-top: 1px solid #E3E7ED;
  border-bottom: 1px solid #E3E7ED;
}
.message-dashboard .chat-messages .selectedFile {
  flex-wrap: wrap;
}
.message-dashboard .chat-messages .selectedFile .sub-text {
  color: #2E2E2E;
  font-size: 12px;
}
.message-dashboard .chat-messages .selectedFile .text-muted {
  color: #7D8B96;
  font-size: 10px;
}
.message-dashboard .chat-messages .selectedFile .block {
  width: 310px;
}
.message-dashboard .chat-messages .block {
  padding: 6px 12px;
}
.message-dashboard .chat-messages .block svg {
  color: #0969ce;
  height: 20px;
}
.message-dashboard .chat-messages .block svg:first-child {
  margin-top: 4px;
}
.message-dashboard .bootstrap-tagsinput {
  margin-bottom: 0px;
}
.message-dashboard .btn-bordered {
  display: flex;
  align-items: center;
}
.message-dashboard .dropdown-menu.show {
  min-width: 100px;
  /* margin-left: -6.8rem !important;*/
  box-shadow: 0 2px 16px 0 rgba(52, 52, 52, 0.18) !important;
  border: 0;
}
.message-dashboard .dropdown-menu.show .dropdown-item {
  padding: 6px 15px;
  font-size: 14px;
  line-height: 17px;
}
.message-dashboard .dropdown-menu.show .dropdown-item:hover {
  color: #0969CE;
  background: #F4F7FA;
}
.message-dashboard .dropdown-menu.show .dropdown-item svg {
  width: 20px;
  margin-right: 6px;
}
.message-dashboard .active-chat .feather-more-vertical {
  color: #313131 !important;
  height: 24px !important;
  width: 24px !important;
}
.message-dashboard .active-chat .dropdown-menu.show {
  transform: translate3d(-120px, 25px, 0px) !important;
}
.message-dashboard .md-menu {
  border-right: 1px solid #EEEEEE;
}
.message-dashboard .md-menu ul {
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  padding: 0 10px;
}
.message-dashboard .md-menu ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.message-dashboard .md-menu ul li span {
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  color: #313131;
  padding-left: 5px;
}
.message-dashboard .md-menu ul li p {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #2E2E2E;
  font-family: "Gilroy-Medium";
  padding-left: 5px;
}
.message-dashboard .md-messageList .messageList-item {
  border-top: 1px solid #EEEEEE;
  padding: 15px;
}
.message-dashboard .md-messageList .messageList-item:hover {
  cursor: pointer;
}
.message-dashboard .md-messageList .mailDetails {
  width: 100%;
}
.message-dashboard .md-messageList .mailDetails .feather {
  width: 20px !important;
  height: 20px !important;
}
.message-dashboard .md-messageList .mailDetails .user-details .card-title-text {
  font-size: 14px;
  color: #000000;
}
.message-dashboard .md-messageList .mailDetails .user-details .btn-primary {
  padding: 10px;
  line-height: normal;
}
.message-dashboard .md-messageList .md-actionBtn {
  gap: 12px;
}
.message-dashboard .md-messageList .md-actionBtn .icon-btn img {
  width: 24px;
}
.message-dashboard .md-messageList .nav-item svg {
  width: 20px;
}
.message-dashboard .md-messageList .page-title {
  color: #01182D;
  font-size: 22px;
  font-family: "Gilroy-Semibold";
  /*font-weight: 600;*/
}
.message-dashboard .ch-wrapper {
  /*  min-height: 100%;

     max-height: 100%;

     flex-wrap: wrap;
  */
}
.message-dashboard .ch-wrapper .title {
  margin-bottom: 0.5rem;
}
.message-dashboard .md-chat .feather-more-vertical {
  width: 18px;
  height: 18px;
  color: #B4BCC3;
  cursor: pointer;
}
.message-dashboard .md-chat .message-section {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 14px;
  width: 100%;
  height: 100%;
}
.message-dashboard .md-chat .md-chat-body {
  height: 70%;
  overflow-y: auto;
}
.message-dashboard .md-chat .message-section::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  visibility: hidden;
}
.message-dashboard .md-chat .message-section:active::-webkit-scrollbar-thumb,
.message-dashboard .md-chat .message-section:focus::-webkit-scrollbar-thumb,
.message-dashboard .md-chat .message-section:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.message-dashboard .md-chat .message-section::-webkit-scrollbar {
  width: 3px;
}
.message-dashboard .md-chat .message-section::-webkit-scrollbar-thumb {
  background: #0969ce;
}
.message-dashboard .md-chat .message-mode {
  border-top: 1px solid #EEEEEE;
  padding: 1rem 0;
  padding-bottom: 0;
}
.message-dashboard .md-chat .message-mode textarea {
  resize: none;
}
.message-dashboard .md-chat .message-mode .btn-light {
  padding: 4px 10px;
}
.message-dashboard .md-chat .message-mode .btn-light svg {
  width: 20px;
  height: 20px;
}
.message-dashboard .md-chat .message-mode .page-title {
  font-size: 14px;
}
.message-dashboard .md-chat .message-mode .btn-group .btn-light:not(:disabled):not(.disabled).active, .message-dashboard .md-chat .message-mode .btn-group .btn-light:not(:disabled):not(.disabled):active, .message-dashboard .md-chat .message-mode .btn-group .show > .btn-light.dropdown-toggle,
.message-dashboard .md-chat .message-mode .btn-group .btn-light {
  background-color: transparent;
}
.message-dashboard .md-chat .message-mode .btn-group .btn-light.active, .message-dashboard .md-chat .message-mode .btn-group .btn-light:not(:disabled):not(.disabled).active {
  background-color: #C5DFFC;
  border-radius: 6px;
}
.message-dashboard .md-chat .incoming {
  margin: 8px 0;
  width: fit-content;
  max-width: 85%;
}
.message-dashboard .md-chat .incoming .d-flex {
  gap: 3px;
}
.message-dashboard .md-chat .incoming .link {
  word-break: break-all;
}
.message-dashboard .md-chat .incoming .incoming-text {
  background: #DDEAF8;
  padding: 5px;
  border-radius: 10px 10px 10px 0px;
}
.message-dashboard .md-chat .time svg {
  width: 15px;
  height: 15px;
}
.message-dashboard .md-chat .time span, .message-dashboard .md-chat .time p {
  color: #7D8B96;
  font-size: 10px;
  font-family: "Gilroy-medium";
  line-height: normal;
}
.message-dashboard .md-chat .outgoing {
  width: 100%;
  display: flex;
  justify-content: end;
  margin: 8px 0;
}
.message-dashboard .md-chat .outgoing .outgoing-block {
  width: fit-content;
  /*max-width: 65%;*/
  max-width: 85%;
}
.message-dashboard .md-chat .outgoing .outgoing-block .outgoing-text {
  background-color: #EEF6FF;
  padding: 10px 15px;
  color: #000;
  border-radius: 10px 10px 0px 10px;
  font-size: 14px;
  word-break: break-all;
  /*
  p {
      font-size: 14px;
      word-break: break-all;
  }*/
}
.message-dashboard .md-chat .outgoing .outgoing-block .outgoing-text .more {
  padding: 8px 0;
  letter-spacing: 0;
}
.message-dashboard .md-chat .outgoing .by p {
  font-weight: 600;
  font-size: 12px;
  color: #7D8B96;
  line-height: 25px;
  font-family: "Gilroy-Semibold";
}
.message-dashboard .md-chat .outgoing .link {
  text-decoration: underline;
  margin-left: 5px;
  word-break: break-all;
}
.message-dashboard .md-chat .send-message-icons {
  position: relative;
}
.message-dashboard .md-chat .send-message-icons svg {
  color: #000000;
  cursor: pointer;
  width: 20px;
  margin-left: 5px;
}
.message-dashboard .md-chat .send-message-icons .icons {
  position: absolute;
  margin-top: -36px;
  right: 6px;
}
.message-dashboard .md-chat .active-chat {
  padding: 0.5rem 1rem;
}
.message-dashboard .trash-message-tagline {
  font-size: 10px;
  color: #7D8B96;
  font-weight: 500;
  font-family: "Gilroy-medium";
  padding-left: 35px;
}

.SendMessageBlockForm .ck.ck-editor {
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  margin: 0 10px;
}
.SendMessageBlockForm .ck-content a {
  text-decoration: underline;
  color: #0969ce;
}
.SendMessageBlockForm .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .SendMessageBlockForm .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
  border: none;
}

/*-------code by NG------*/
.msglist-single {
  position: relative;
}

.msglist-hbuttons {
  display: none;
}

.single-mail .mailDetails:hover .msglist-hbuttons {
  display: block;
}

.msglist-hbuttons {
  position: absolute;
  right: 0;
  bottom: 0;
}

.msglist-single .mailDetails .d-flex-common {
  gap: 1rem;
  grid-gap: 1rem;
}

.msglist-hbuttons .mailAction p img, .msglist-hbuttons .mailAction p svg {
  width: 18px;
  height: 18px;
}

.single-mail.unreadMail.messageList-item.checked-chat .msglist-hbuttons .mailAction .msg-delete-icon {
  display: none;
}

/*code by nikita*/
.breakword {
  word-break: break-all;
}

.less {
  overflow: hidden;
  height: 1.2em;
}

.morestyle {
  font-size: 10px;
  color: #000;
  text-decoration: underline;
}

.lessstyle {
  font-size: 10px;
  color: #000;
  text-decoration: underline;
  display: none;
}

.email-compose-box {
  padding: 0 10px;
}
.email-compose-box .form-control {
  border: none;
}
.email-compose-box .text2 {
  /* font-weight: 600;*/
  font-family: "Gilroy-Semibold";
  min-width: 65px;
}
.email-compose-box .form-control.form-control-sm::placeholder {
  color: rgba(125, 139, 150, 0.5);
  font-size: 14px;
  font-family: "Gilroy-medium";
}
.email-compose-box .ui-autocomplete-input::placeholder {
  color: rgba(125, 139, 150, 0.5);
  font-size: 14px;
  font-family: "Gilroy-medium";
}

.actulmessageContainerHavingancher a {
  text-decoration: underline;
  color: #0969ce;
}
.actulmessageContainerHavingancher a.more {
  text-decoration: none;
  color: #2E2E2E;
  letter-spacing: 0;
}

.message-trash a span {
  cursor: pointer;
}

.social-network span {
  font-weight: 500;
  color: #2E2E2E;
  font-size: 14px;
  font-family: "Gilroy-medium";
  padding-left: 5px;
}

.msg-icon a {
  cursor: pointer;
}
.msg-icon a:hover svg {
  color: #0969ce;
}
.msg-icon .mailFilter:hover svg {
  color: #0969ce;
}

.bluecolor-icon:hover svg {
  color: #0969ce !important;
  cursor: pointer;
}
.bluecolor-icon a {
  cursor: pointer;
}
.bluecolor-icon a:hover svg {
  color: #0969ce !important;
}
.bluecolor-icon .mailFilter:hover svg {
  color: #0969ce !important;
}

.customcheckbox input:before {
  content: "";
  display: block;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  border: 1px solid #E3E7ED;
  transition: 0.2s border-color ease;
  border-radius: 4px;
}
.customcheckbox input[type=checkbox] {
  /* height: 20px;
  width: 20px;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  background-color: #FFFFFF;
}
.customcheckbox input[type=checkbox]::before {
  border-radius: 4px;
}
.customcheckbox input[type=checkbox]:checked {
  position: relative;
  border: 1px solid #0969ce;
  padding: 9px;
  background-color: #0969CE;
}
.customcheckbox input[type=checkbox]:checked::before {
  left: 7px;
  bottom: 5px;
  width: 4px;
  height: 10px;
  border: 2px solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  border-radius: 0;
}

.message-box .text2 {
  margin-top: -3px;
  max-width: 240px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}

.compose-letter-link .ck-content a {
  text-decoration: underline;
  color: #0969ce;
}

.op-notesTime a {
  text-decoration: underline;
  color: #0969ce;
}

/*
// Secure Messaging
.outgoing-block {
    table tbody td {
        padding: 7px 10px !important;
    }
}*/
.ob-wrapper {
  margin: 0 auto;
  padding: 0 30px;
}
.ob-wrapper .dropdown .dropdown-menu.show {
  min-width: 100px;
  margin-left: -5.5rem !important;
}
.ob-wrapper .dropdown .dropdown-menu svg {
  width: 18px !important;
  height: 18px !important;
}
.ob-wrapper table.dataTable thead th {
  border-bottom: none !important;
}

.ob-header {
  background: #FFFFFF;
  box-shadow: 0px 2px 9px rgba(215, 233, 252, 0.85);
  padding: 10px;
}
.ob-header .user-details .dropdown-menu {
  left: inherit !important;
  right: 0px !important;
  transform: translate3d(4px, 22px, 0px) !important;
}
.ob-header .user-details .feather-log-out {
  cursor: pointer;
}

.w-80 {
  width: 80% !important;
}

.w-20 {
  width: 20% !important;
}

.ob-body {
  width: 100%;
  max-width: 1400px;
  margin: 1rem auto;
}
.ob-body table {
  width: 100%;
}
.ob-body thead {
  background: none;
}
.ob-body thead input {
  margin-right: 5px;
  /*width: 18px;
  height: 18px;*/
}
.ob-body .ob-useraccess .ob-useraccess-tbl {
  border: 1px solid #E3E7ED;
  border-radius: 6px;
  display: flex;
  width: 100%;
}
.ob-body .ob-useraccess .ob-useraccess-tbl .nav-link {
  padding: 1rem;
  border-bottom: 1px solid #E3E7ED;
}
.ob-body .ob-useraccess .ob-useraccess-tbl .nav-pills .nav-link.active, .ob-body .ob-useraccess .ob-useraccess-tbl .nav-pills .show > .nav-link {
  background: #E8F2FD;
  border-radius: 4px 0px 0px 0px;
}
.ob-body .ob-useraccess .table-bordered thead th {
  padding: 15px 10px !important;
}
.ob-body .ob-useraccess .table-bordered tbody td {
  padding: 15px 10px !important;
}

.obAccType {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 1rem;
}
.obAccType input[type=radio] {
  width: 18px;
  height: 18px;
}

.modules {
  border-radius: 4px;
}
.modules td, .modules th {
  border: 1px solid #E3E7ED;
  padding: 12px 20px !important;
  background: none;
  text-align: center;
}
.modules thead th {
  font-weight: 600;
  font-size: 14px;
  color: #2E2E2E;
}
.modules td:nth-child(1), .modules th:nth-child(1) {
  text-align: left;
}
.modules tbody td:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  color: #2E2E2E;
}

/*#tblAccountList {
    .dropdown .dropdown-menu.show {
        transform: translate3d(-80px, 20px, 0px) !important;
        .dropdown-item{

        }
    }
}*/
#tblAccountList_paginate {
  margin-top: 15px;
}

#tblAccountList_wrapper .dataTables_filter {
  display: none;
}

.userrole_tbl {
  width: 200px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.onbording-tab .nav-pills .nav-link.active, .onbording-tab .nav-pills .show > .nav-link {
  background-color: transparent;
  border-bottom: 2px solid #0969ce;
  font-family: "Gilroy-semibold";
  font-size: 16px;
  color: #0969ce;
}
.onbording-tab .nav-pills .nav-link {
  border-radius: 0;
}
.onbording-tab .nav-pills .nav-link.active .gray_div {
  background-color: transparent;
  color: #0969ce;
  border-radius: 0;
}
.onbording-tab .nav-item {
  color: #0969ce;
  font-family: "Gilroy-medium";
  margin-right: 10px;
}
.onbording-tab .nav-item:hover {
  background-color: transparent;
  border-radius: 0;
}
.onbording-tab .nav-item .nav-link {
  color: #7D8B96;
  font-family: "Gilroy-Medium";
  font-size: 16px;
}

/*Onbording*/
.block-onbording-height {
  height: calc(100vh - 90px);
  overflow-y: auto;
}

/*.block-onbording-BasicInfoheight{
    height:calc(100vh - 160px);
    overflow-y:scroll;
}*/
.onboardTbleScroll {
  height: 55vh;
  overflow-y: auto;
}

.scrollModules {
  height: 60vh;
  overflow-y: auto;
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

.blueprm_title {
  font-size: 14px;
  font-weight: 500;
  color: #0969CE;
  text-decoration: underline;
  cursor: pointer;
}

.gray_div {
  font-size: 12px;
  font-weight: 500;
  color: #7D8B96;
  padding: 5px;
  background-color: #E3E7ED;
}

.sub-tab .nav-pills .nav-link.active, .sub-tab .nav-pills .show > .nav-link {
  background-color: none !important;
  color: #0969ce;
  font-family: "Gilroy-medium";
  border-bottom: 2px solid #0969ce;
}
.sub-tab .nav-pills .nav-link {
  border-radius: 0;
}
.sub-tab .nav-pills .nav-link.active, .sub-tab .nav-pills .show > .nav-link {
  background-color: transparent;
}
.sub-tab .nav-item {
  color: #0969ce;
  font-family: "Gilroy-medium";
  margin-right: 10px;
}
.sub-tab .nav-item:hover {
  background-color: transparent;
}
.sub-tab .nav-item .nav-link {
  color: #7D8B96;
}

.lightgray_back {
  background-color: #F9FBFC;
  padding: 5px;
  gap: 8px;
  border-radius: 4px;
}
.lightgray_back p {
  color: #2E2E2E;
  font-size: 10px;
  font-weight: 500;
}

.blue_back {
  background-color: #D6EFFF;
  color: #0496FF;
  padding: 0 5px;
  font-weight: 700;
  font-size: 10px;
}

.pink_back {
  background-color: #F3E2E7;
  color: #8F3D52;
  padding: 0 5px;
  font-weight: 700;
  font-size: 10px;
}

.purple_back {
  background-color: #E8E6F0;
  color: #60558B;
  padding: 0 5px;
  font-weight: 700;
  font-size: 10px;
}

.light_gray_bg {
  background-color: #F4F4F4;
  color: #C74600;
  padding: 1px 5px;
  font-weight: 500;
  font-size: 12px;
}

.btn-gray {
  background-color: #F4F4F4;
  border-radius: 6px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 8px 10px;
  border: 1px solid #fff;
  outline: none;
  cursor: pointer;
  width: 30%;
  color: #7D8B96;
}

.btn-green {
  background-color: #6AC46F;
  border-radius: 6px;
  font-family: "Gilroy-medium";
  font-size: 14px;
  padding: 8px 10px;
  border: 1px solid #fff;
  outline: none;
  width: 30%;
  cursor: pointer;
  color: #FFFFFF;
}

.activity_timeline {
  border-radius: 6px;
  background: #FFFFFF;
  word-wrap: break-word;
}

.circle-sm-green {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #6AC46F;
  position: relative;
}

.circle-sm-blue {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #0969CE;
  position: relative;
}

/* navigation*/
.page-link {
  background-color: #F9FBFC;
  border-radius: 4px;
  padding: 8px 10px;
  line-height: 10px;
  font-size: 12px;
  color: #7D8B96;
}

.page-item.active .page-link {
  background-color: #0969CE;
}

.more {
  padding: 8px 10px;
  line-height: 10px;
  text-decoration: none;
  font-size: 14px;
  color: #7D8B96;
  letter-spacing: 4px;
}

.more:hover {
  text-decoration: none;
}

.pagination_range input#quantity:focus-visible {
  border: 1px solid #E3E7ED;
  outline: 0;
}
.pagination_range input {
  width: 50px;
}

/*
Pophover message*/
.content-hide {
  position: relative;
}
.content-hide .hideDiv {
  display: none;
  cursor: pointer;
  color: #2E2E2E;
  font-size: 10px;
  font-weight: 500;
  box-shadow: 0px 0px 8px 0px rgba(198, 204, 212, 0.8) !important;
}
.content-hide .myDIV:hover + .hideDiv {
  display: block;
  color: black;
  margin-top: 50px;
  margin-left: 85px;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 #C6CCD4;
  border-radius: 6px;
  z-index: 999999;
  width: auto;
  min-height: 20px;
  padding: 5px;
  white-space: nowrap;
}

.content-hide1 {
  position: relative;
}
.content-hide1 .hideDiv1 {
  display: none;
  cursor: pointer;
  box-shadow: 0px 0px 8px 0px rgba(198, 204, 212, 0.8) !important;
}
.content-hide1 .hideDiv1 ul {
  padding: 8px 10px;
}
.content-hide1 .hideDiv1 ul li {
  margin-bottom: 5px;
}
.content-hide1 .hideDiv1 ul li p {
  color: #2E2E2E;
  font-size: 10px;
  font-weight: 500;
}
.content-hide1 .myDIV1:hover + .hideDiv1 {
  display: block;
  color: black;
  margin-top: 20px;
  margin-left: 85px;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 #C6CCD4;
  border-radius: 6px;
  z-index: 999999;
  width: auto;
  min-height: 20px;
  padding: 5px;
  white-space: nowrap;
}

/*prm pages*/
.prm-pages {
  /* tabs design prm*/
}
.prm-pages .filter-hidden {
  display: none;
}
.prm-pages .filter-panel {
  right: 5%;
  margin-top: 3%;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 #C6CCD4;
  border-radius: 6px;
  z-index: 999999;
  width: 300px;
  border: 0.5px solid #E3E7ED !important;
}
.prm-pages .filter-panel .tab-header {
  border-right: 1px solid #E3E7ED;
  flex-basis: 128px;
}
.prm-pages .filter-panel .tab-header .nav-link {
  cursor: pointer;
}
.prm-pages .filter-panel .tab-header .nav-link.active {
  background-color: #E8F2FD;
  border-bottom: 0.5px solid #E3E7ED;
}
.prm-pages .filter-panel .tab-header .nav-link:last-child {
  border-bottom: none;
}
.prm-pages .filter-panel .tab-header .active .tab-header-bedge {
  color: #E8F2FD;
  background-color: #0969CE;
}
.prm-pages .filter-panel .tab-header .active .tab-heading {
  color: #0969CE;
}
.prm-pages .filter-panel .tab-header .tab-heading {
  font-size: 12px;
  font-weight: 400;
  color: #64717D;
}
.prm-pages .filter-panel .tab-header-bedge {
  font-size: 10px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  padding: 0;
  color: #7D8B96;
  background-color: #E3E7ED;
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.prm-pages .filter-panel .list {
  list-style-type: none;
  margin: 0;
  padding-inline-start: 0px;
}
.prm-pages .filter-panel .list li {
  cursor: pointer;
}
.prm-pages .filter-panel .list li input[type=checkbox] {
  margin-top: 2px;
}
.prm-pages .filter-panel .list span {
  padding: 0 10px 0 10px;
}
.prm-pages .filter-panel .tab-content {
  padding: 10px 10px 10px 0;
}
.prm-pages #leadsTab .nav-item .nav-link {
  font-family: "Gilroy-medium";
  color: #64717D;
  font-size: 14px;
  font-weight: 500;
}
.prm-pages #leadsTab .nav-item .nav-link.active {
  color: #0969CE;
  font-weight: 600;
}
.prm-pages #leadsTabContent .text2:hover {
  color: #0969CE;
}
.prm-pages #leadsTabContent .search input {
  border-radius: 6px;
  padding: 10px;
  padding: 8px 0;
  padding-left: 35px;
  font-weight: 500;
  color: #2E2E2E;
  font-size: 14px;
  border: 1px solid #E3E7ED;
}
.prm-pages .table thead th {
  padding: 10px !important;
  color: #64717D;
  font-weight: 500;
  font-size: 14px;
}
.prm-pages table tbody tr {
  /* cursor:pointer;*/
}
.prm-pages table tbody tr td {
  padding: 20px 10px !important;
}

.info-tooltip {
  color: #2E2E2E;
  font-size: 10px;
  font-family: "Gilroy-medium";
  font-weight: 500;
}

.list p {
  font-size: 12px;
  color: #2E2E2E;
  font-weight: 500;
}

.custdropdown-right.dropdown .dropdown-menu.show {
  left: inherit !important;
  right: 0px !important;
  transform: translate3d(4px, 22px, 0px) !important;
}

.details-gray-div {
  background-color: #E8F2FD;
  border: 1px solid #0969CE;
  padding: 5px;
  border-radius: 5px;
}

.edit-details table.dataTable {
  white-space: nowrap;
}

.prm-modal .modal-header {
  padding: 10px 20px;
}
.prm-modal .modal-header .modal-title {
  font-size: 16px;
  color: #2E2E2E;
  font-weight: 600;
  font-family: "Gilroy-Regular";
}
.prm-modal .modal-grey-text {
  font-size: 14px;
  color: #64717D;
  font-weight: 600;
}
.prm-modal .text-dropdown.dropdown {
  color: #313131;
}
.prm-modal .card {
  border: 0.5px solid #E3E7ED;
}
.prm-modal .card .card-header {
  background-color: #F9FBFC;
  border-color: #E3E7ED;
  padding: 10px;
}
.prm-modal .card .card-header p {
  font-weight: 700;
}
.prm-modal .card .card-body {
  padding: 8px;
  border: none;
}
.prm-modal .card .card-body .activity-line {
  line-height: 25px;
  padding-bottom: 1rem;
}
.prm-modal .card .card-body .activity-line .modal-grey-text {
  margin-top: -6px;
}
.prm-modal .card.call-outcome {
  min-height: 635px;
}
.prm-modal .card.call-outcome .card-header {
  background-color: #ffffff;
}
.prm-modal .card.call-outcome .card-block {
  flex: 0 0 calc(31.33% - 15px);
  margin: 15px;
  height: 140px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding: 20px;
  cursor: pointer;
}
.prm-modal .card.call-outcome .card-block:hover {
  background-color: #F9FBFC;
}
.prm-modal .card.call-outcome .card-block.active {
  background-color: #E8F2FD;
  border-color: #0969ce;
}
.prm-modal .card.call-outcome .card-block.active .call-outcome-block .call-outcome-text {
  color: #0969ce;
}
.prm-modal .card.call-outcome .card-block .call-outcome-block .call-outcome-text {
  font-size: 16px;
  color: #64717D;
  font-weight: 500;
}
.prm-modal .card.call-outcome #answered, .prm-modal .card.call-outcome #requestCallBack, .prm-modal .card.call-outcome #languageBarrier, .prm-modal .card.call-outcome #answeredOther {
  display: none;
}
.prm-modal .details-primary-text {
  font-size: 14px;
  color: #0969CE;
  font-weight: 600;
}
.prm-modal .card_gray {
  background-color: #F9FBFC;
  margin: 0;
}
.prm-modal .modal-grey-text {
  font-weight: 500;
}

.prm-modal#sendcsvBackdrop .sendcsv {
  background-color: #E8F2FD;
  color: #0969CE;
  padding: 8px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 6px;
}

/* Excecutive Management*/
.prm-excecutive-management .online-tag {
  font-family: "Gilroy-medium";
  border-radius: 4px;
  padding: 6px 10px;
  background-color: #F3FBEE;
  color: #42801E;
  font-size: 12px;
  font-weight: 600;
}
.prm-excecutive-management .offline-tag {
  background-color: #F5F5F5;
  font-family: "Gilroy-medium";
  border-radius: 4px;
  padding: 6px 10px;
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 600;
}
.prm-excecutive-management .expired-tag {
  background: #FBEFEF;
  font-family: "Gilroy-medium";
  border-radius: 4px;
  padding: 6px 10px;
  color: #731D1D;
  font-size: 12px;
  font-weight: 600;
}
.prm-excecutive-management #tblUsersList.table tbody td, .prm-excecutive-management #tblUsersList.table th {
  padding: 9px 22px !important;
}
.prm-excecutive-management .total-team-attendance {
  background-color: #F4F4F4;
  border-radius: 6px;
  padding: 8px;
}
.prm-excecutive-management .total-team-attendance .progress {
  border-radius: 70px;
  background-color: #CCCCCC;
  height: 6px;
  margin: 8px 0;
}
.prm-excecutive-management .total-team-attendance .progress .progress-bar {
  background-color: #42801E;
}
.prm-excecutive-management .total-team-attendance .Bheader {
  font-size: 22px;
  font-weight: 500;
}
.prm-excecutive-management .total-team-attendance .Bheader .percentage {
  font-size: 16px;
  color: #2E2E2E;
}
.prm-excecutive-management .total-team-attendance .excecutive-card .Bheader {
  font-size: 34px;
  font-weight: 500;
}
.prm-excecutive-management .total-team-attendance .text-title {
  font-size: 14px;
  font-weight: 700 !important;
  color: #2E2E2E;
}

.executive-modal .modal.show {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.executive-modal .chatWindow .modal-dialog {
  max-width: 1180px;
}
.executive-modal .chatWindow .table thead th {
  font-size: 12px;
}
.executive-modal .chatWindow .table tbody td {
  font-size: 12px;
}
.executive-modal .chatWindow .table tbody td p {
  font-size: 12px;
}
.executive-modal .chatWindow .activity-line {
  line-height: 25px;
  padding-bottom: 15px;
  margin-top: -4px;
}

.menu_hover {
  /*color: #7D8B96;*/
  cursor: pointer;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
  background-position: left;
}
.menu_hover .filter-txt {
  font-family: "Gilroy-medium";
}

.menu_hover:hover {
  color: #0969ce;
}

.menu-filter-container {
  background-image: url("../images/filtericon.svg");
}

.menu-filter-container:hover {
  background-image: url("../images/bluefiltericon.svg");
}

.menu-sort-container {
  background-image: url("../images/sorticon.svg");
}

.menu-sort-container:hover {
  background-image: url("../images/bluesorticon.svg");
}

.followModal .modal-right .modal-dialog {
  float: right;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
  max-width: 100% !important;
}
.followModal .modal-right .modal-content {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.followModal .modal-right .modal-header {
  border-bottom: 0 !important;
}

.indexblock {
  z-index: 999999;
}

.scrolltodayactivity {
  height: 30vh;
  overflow-y: auto;
}

.scrollotheractivity {
  height: 45vh;
  overflow-y: auto;
}

.report-filter p {
  width: max-content;
}

.report-overview {
  /*.total-reg-patient {
      position: relative;

      &:after {
          content: "";
          height: 65px;
          top: 3px;
          position: absolute;
          right:-25px;
          border-right: 1px solid #E3E7ED;
      }
  }*/
}
.report-overview .top-bar-activity svg, .report-overview .top-bar-activity img {
  height: 30px;
  width: 30px;
  color: #0969CE;
  margin-right: 5px;
}
.report-overview .report-overview-text {
  font-size: 16px;
  font-weight: 500;
  color: #01182D;
  font-family: "Gilroy-medium";
}
.report-overview .vertical-line-report {
  position: relative;
}
.report-overview .vertical-line-report:after {
  content: "";
  height: 104px;
  top: -16px;
  position: absolute;
  right: -20px;
  border-right: 1px solid #E3E7ED;
}
.report-overview .total-revenue p span {
  font-size: 16px;
  /* font-weight: 600;*/
  color: #348338;
  font-family: "Gilroy-Semibold";
}
.report-overview .total-revenue p span .arrow {
  height: 15px;
  width: 10px;
  margin-left: 10px;
}
.report-overview .total-revenue .monthly-average {
  height: 40px;
  width: 40px;
}
.report-overview .count {
  font-size: 30px;
}
.report-overview .text-muted {
  font-family: "Gilroy-Regular";
}

.surgery-count .grey-block {
  padding: 10px 14px !important;
}

.report-block-p {
  font-family: "Gilroy-medium";
  font-weight: 500;
  font-size: 16px;
  color: #2E2E2E;
}

.table-report-datagrid .dataTables_length, .table-report-datagrid .dataTables_filter, .table-report-datagrid .dataTables_wrapper .dataTables_info, .table-report-datagrid .dataTables_paginate {
  display: none !important;
}
.table-report-datagrid thead tr {
  background-color: #F9FBFC !important;
}
.table-report-datagrid thead th {
  border-bottom: none !important;
}
.table-report-datagrid tbody tr {
  background-color: #FFFFFF !important;
}
.table-report-datagrid .table-bordered td, .table-report-datagrid .table-bordered th {
  border: 1px solid #E3E7ED !important;
}
.table-report-datagrid .bluecolor-icon svg {
  color: #0969ce;
  height: 20px;
  width: 20px;
}

.d-flex-column {
  display: flex;
  flex-direction: column;
}

.report-bluebold-txt {
  color: #0969CE;
  font-size: 40px;
  font-family: "Gilroy-Semibold";
  line-height: 30px;
}

.bold-style-report {
  font-weight: bold;
  font-size: 18px;
}

.span-grey-sm-txt {
  color: #7D8B96;
  font-size: 16px;
  font-family: "Gilroy-Regular";
}

.span-grey-txt {
  color: #7D8B96;
  font-size: 16px;
  font-family: "Gilroy-Regular";
}

.div-height {
  height: 30%;
}

.green-txt-report {
  font-size: 16px;
  font-family: "Gilroy-Medium";
  color: #6AC46F;
}

.report-height-100 {
  height: 100%;
}

.specialist {
  width: 17%;
}
.specialist .specialist-num {
  color: #0969CE;
  font-size: 20px;
  font-family: "Gilroy-Semibold";
  /* font-weight: 600;*/
}

.p-location-text {
  color: #2E2E2E;
  font-size: 14px;
  font-family: "Gilroy-Semibold";
  /* font-weight: 600;*/
}

.min-height-scroll {
  height: 205px;
  overflow-y: scroll;
}
.min-height-scroll .specialist-num {
  color: #0969CE;
  font-size: 16px;
  font-family: "Gilroy-Semibold";
  /* font-weight: 600;*/
}

body {
  background-color: #fbfcfd;
  font-family: "Gilroy-Regular";
  height: 100%;
}

.main-nav-tab-content .nav-link {
  color: #2E2E2E;
  font-family: Gilroy-Regular;
  /*border-bottom: solid 1px rgba(237, 237, 245, 0.6);*/
  border-radius: 0;
  padding: 10px;
  font-size: 14px;
}
.main-nav-tab-content .w-20 {
  width: 20%;
  border-right: solid 1px rgba(237, 237, 245, 0.6);
}
.main-nav-tab-content .w-20 .active {
  color: #2E2E2E;
  font-family: Gilroy-Semibold;
  /* background-color: #F4F4F4;*/
}
.main-nav-tab-content .w-80 {
  width: 80%;
}
.main-nav-tab-content .w-80 .tab-content .form-control {
  font-size: 14px;
  font-family: "Gilroy-medium";
  /* background-color: transparent;*/
}
.main-nav-tab-content .w-80 .form-check .form-check-label {
  color: #2E2E2E;
  font-size: 14px;
  font-family: "Gilroy-medium";
}
.main-nav-tab-content .w-80 h3 {
  font-size: 20px;
  /* font-weight: 600;*/
  font-family: "Gilroy-Semibold";
  margin: 0;
}
.main-nav-tab-content .w-80 .btn-secondary:not(:disabled):not(.disabled).active, .main-nav-tab-content .w-80 .btn-secondary:not(:disabled):not(.disabled):active, .main-nav-tab-content .w-80 .show > .btn-secondary.dropdown-toggle {
  background-color: #e8f2fd;
  color: #0969ce;
}
.main-nav-tab-content .w-80 .btn-secondary {
  background-color: transparent;
  border: solid 1px #dcdcdc;
  color: #7d8b96;
  font-size: 14px;
  font-family: "Gilroy-Light";
}
.main-nav-tab-content .w-80 .btn-secondary:focus {
  box-shadow: none;
}
.main-nav-tab-content .w-80 .text-muted {
  font-family: "Gilroy-Semibold";
  font-size: 12px;
  color: #bbbbbb !important;
}
.main-nav-tab-content .w-80 .allergies_list .card-body {
  color: #7d8b96;
  font-size: 14px;
  font-family: "Gilroy-medium";
  background-color: #fafafa;
}
.main-nav-tab-content .w-80 .allergies_list svg {
  color: #0969ce;
  background-color: transparent;
}

#upload-menuItem {
  font-size: 14px;
  font-family: "Gilroy-medium";
}

.health_assessment_tab {
  border-radius: 6px;
  border: solid 1px rgba(237, 237, 245, 0.6);
  background-color: #fafafa;
  padding: 15px;
}
.health_assessment_tab .toggle-btn .btn-group {
  border: none;
}
.health_assessment_tab .toggle-btn .btn-group .btn {
  padding: 5px 25px;
}

.home-visit-medlist {
  border: none;
  padding: 0;
  margin: 0;
}

.changePassword {
  border-radius: 10px;
  box-shadow: 0 2px 9px 0 rgba(215, 233, 252, 0.85);
  background-color: #ffffff;
}
.changePassword p {
  font-size: 18px;
  text-align: center;
  color: #bbbbbb;
  font-family: "Gilroy-medium";
  padding: 0 35px;
}
.changePassword h2 {
  color: #010203;
  font-family: "Gilroy-medium";
  text-align: center;
}
.changePassword .changePasswordForm {
  width: 33%;
  margin: 0 auto;
  padding: 60px 0;
  font-family: "Gilroy-medium";
}
.changePassword .changePasswordForm .fieldTitle {
  color: #7d8b96;
  font-size: 18px;
}
.changePassword .changePasswordForm .updatePass {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background-color: #313131;
  border-radius: 6px;
  border: none;
  padding: 8px;
  cursor: pointer;
}
.changePassword .changePasswordForm .form-control {
  border: solid 1px #e9ebef;
  background-color: #f9fafc;
}
.changePassword .changePasswordForm .show-password {
  float: right;
  margin-top: -31px;
  margin-right: 10px;
  cursor: pointer;
}

.reports .reports-subblock {
  box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  padding: 12px 15px;
  border-radius: 6px;
}
.reports .reports-subblock .main {
  margin-bottom: 12px;
  border-bottom: 1px solid #f2f2f7;
  padding-bottom: 15px;
}
.reports .progress {
  height: 8px;
}
.reports .reporting-table .table {
  margin-bottom: 0;
}
.reports .reporting-table .table .hvCompleted, .reports .reporting-table .table .hvCancelled {
  cursor: pointer;
  color: #0969ce;
  text-decoration: underline;
}
.reports .reporting-table .table thead {
  background-color: #f2f2f7;
  font-size: 12px;
  color: #7d8b96;
  text-align: center;
  padding: 10px;
}
.reports .reporting-table .table thead th {
  padding: 10px;
}
.reports .reporting-table .table tr td {
  text-align: center;
  padding: 10px !important;
}
.reports .nav-pills .nav-link.active, .reports .nav-pills .nav-pills .show > .nav-link {
  background: none;
}
.reports .nav-item:hover {
  background: none;
}

.reportDetailsTable thead {
  background-color: #f2f2f7;
}
.reportDetailsTable thead th {
  border: none;
  padding: 8px 15px;
}
.reportDetailsTable tbody {
  border-radius: 6px;
  border: solid 1px rgba(237, 237, 245, 0.6);
  background-color: #fafafa;
}
.reportDetailsTable tbody td {
  padding: 8px 15px !important;
}

/*.modal-content {
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(232, 236, 241, 0.85);
    background-color: #ffffff;
    border: none;
}*/
.exportReportSection .card {
  font-family: "Gilroy-medium";
}
.exportReportSection .card input[type=checkbox] {
  margin-right: 6px;
  margin-top: 5px;
  cursor: pointer;
}
.exportReportSection .card-header {
  background-color: #fafafa;
}
.exportReportSection .card-header p {
  color: #313131;
  font-size: 16px;
}

.barchart, .piechart {
  margin: 20px 0;
}

.nameList li.colorCode1 {
  border-left: 4px solid #E8F2FD;
}
.nameList li.colorCode1 span {
  color: #0969CE;
}

.nameList li.colorCode2 {
  border-left: 4px solid #EFC71F;
}
.nameList li.colorCode2 span {
  color: #2E2E2E;
}

.nameList {
  border-right: 1px solid #EEEEEE;
}
.nameList li {
  border-left: 0;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  font-size: 14px;
  font-family: "Gilroy-medium";
  color: #2E2E2E;
  font-weight: 500;
}
.nameList .activeColor {
  width: 4px;
}
.nameList span {
  padding: 1rem 8px;
  font-size: 14px;
}

.e-event-content .subject {
  display: flex;
  align-items: center;
}
.e-event-content .subject .subtitle {
  margin-right: 5px;
}

.nbHeader {
  border: 0;
  padding-bottom: 0;
}

.palinlist li {
  list-style: initial;
}

.statusTags-success {
  background: rgba(20, 204, 38, 0.1);
  border-radius: 2px;
  color: #14CC26;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 8px;
  width: fit-content;
  min-width: 85px;
  white-space: nowrap;
  text-align: center;
}

.statusTags-collected {
  background: #ECFDEE;
  border-radius: 2px;
  color: #0E811C;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 8px;
  width: fit-content;
  min-width: 85px;
  white-space: nowrap;
  text-align: center;
}

.statusTags-valided {
  background: #FCFAED;
  border-radius: 2px;
  color: #7A6D15;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 8px;
  width: fit-content;
  min-width: 85px;
  white-space: nowrap;
  text-align: center;
}

.statusTags-warning {
  font-weight: 500;
  font-size: 12px;
  background: rgba(255, 145, 0, 0.1);
  border-radius: 2px;
  color: #FF9100;
  padding: 4px 8px;
  width: fit-content;
  min-width: 85px;
  text-align: center;
  white-space: nowrap;
}

.statusTags-paid {
  font-weight: 500;
  font-size: 12px;
  background: #F2F8F2;
  border-radius: 2px;
  color: #325F32;
  padding: 4px 8px;
  width: fit-content;
  min-width: 85px;
  text-align: center;
  white-space: nowrap;
}

.statusTags-danger {
  font-weight: 500;
  font-size: 12px;
  background: #FFEBEB;
  border-radius: 2px;
  color: #BC0215;
  padding: 4px 8px;
  width: fit-content;
  min-width: 85px;
  text-align: center;
  white-space: nowrap;
}

.statusTags-pending {
  font-weight: 500;
  font-size: 12px;
  background: rgba(117, 117, 117, 0.1);
  border-radius: 2px;
  color: #757575;
  padding: 4px 8px;
  width: fit-content;
  /* white-space: nowrap;*/
}

.statusTags-na {
  color: #65707B;
  font-weight: 500;
  font-size: 12px;
  background: rgba(117, 117, 117, 0.1);
  border-radius: 2px;
  padding: 4px 8px;
  width: fit-content;
}

.statusTags-share {
  font-weight: 500;
  font-size: 12px;
  background: #F7F3F2;
  border-radius: 2px;
  color: #7E574E;
  padding: 4px 11px;
  width: fit-content;
  white-space: nowrap;
}

.statusTags-sentForapproval {
  font-weight: 500;
  font-size: 12px;
  background: rgba(170, 0, 255, 0.1);
  border-radius: 2px;
  color: #AA00FF;
  padding: 4px 6px;
  width: fit-content;
  white-space: nowrap;
}

.statuscolor-brown {
  color: #A35A00 !important;
}

.cs-userDetails .d-flex {
  align-items: center;
}
.cs-userDetails .csBright {
  border-right: 2px solid rgba(34, 130, 229, 0.7);
}
.cs-userDetails .csImg {
  background: #0969CE;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-userDetails .csImg svg {
  width: 18px;
  height: 18px;
  color: #fff;
  stroke-width: 1.5;
}

.uploadBlock {
  cursor: pointer !important;
}
.uploadBlock .d-flex {
  position: relative;
}
.uploadBlock input {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
}

.ck.ck-label.ck-voice-label,
.ck.ck-toolbar.ck-toolbar_grouping {
  background: #E8F2FD !important;
}

.customEditor .ck {
  padding: 0;
}
.customEditor .ck .ck-toolbar__items {
  background: #E8F2FD;
}
.customEditor .ck.ck-toolbar,
.customEditor .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .customEditor .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-color: #E3E7ED;
}
.customEditor .addtag-btn {
  margin-left: auto !important;
}

body .errorBorder {
  border: 1px solid #E43E3D !important;
}

.alertIcon {
  color: #E43E3D !important;
}
.alertIcon svg {
  color: #E43E3D;
  width: 18px;
  height: 18px;
}

#form_patientpatientMedicine .ui-widget.ui-widget-content {
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
#form_patientpatientMedicine .ui-menu .ui-menu-item {
  font-size: 14px;
  font-weight: 500;
  font-family: Gilroy-medium;
  color: rgb(46, 46, 46);
}

#serviceTypesContainer .feather {
  cursor: pointer;
  width: 20px;
  color: #7D8B96;
}

#groupListContainer {
  border: 1px solid #E3E7ED;
  border-radius: 6px;
}
#groupListContainer table {
  margin-bottom: 0;
  border-bottom: 0 !important;
}

.tag-success {
  background: #34C759;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 1rem;
  color: #FFFFFF;
  font-family: "Gilroy-Regular";
}

.tag-register {
  background: #F7F3F2;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 1rem;
  color: #7E574E;
  font-family: "Gilroy-Regular";
}

.tag-pending {
  background: #EEEEEE;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 1rem;
  color: #666666;
  font-family: "Gilroy-Regular";
}

.deletedRow, .inactiveRow {
  opacity: 0.5;
}

.headerIp.form-control {
  border: 0;
  background: transparent;
}

.username-truncate {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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