.form-wrap.form-builder .frmb-control {
  margin: 0;
  padding: 0;
  display: flex;
  border-radius: 5px;
  flex-wrap: wrap;
}

.rendered-form .form-control {
  height: 34px;
  display: block;
  width: auto;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;

  .pull-right {
    float: right;
    display: flex;
  }
}
.rendered-form {
  min-height: 400px !important;
}
.render-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: baseline !important;
  /* max-width: 200px !important; */
  align-items: center !important;
  max-height: 460px !important;
  min-width: 600px !important;
  overflow-y: auto;
}

.form-wrap.form-builder {
  display: flex;
  flex-direction: row-reverse;
}

#saveFormButton {
  display: none;
}

#saveFormButton:after {
  content: "Save form";
}

.forms_filters {
  margin: 20px;
  font-size: 14px;
  cursor: pointer;
  color: #6a6868;
}

.blue_btn_button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 20px;
  box-shadow: none;
  color: #2196f3;
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  margin-top: 20px;
  padding: 6px 16px;
  text-transform: capitalize;
  text-transform: capitalize;
}

.formsList {
  /* border: 1px solid #dddada; */
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px !important;
  /* padding: 40px; */
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  row-gap: 30px;
  /* column-gap: 20px; */
  align-items: center;
  place-items: center;
}

.formFields {
  color: var(--Secondary-text, #bababa);
  font-family: "Helvetica Neue";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.formTitle {
  color: var(--Black-5, #2b2f32);
  font-family: Inter, Helvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  margin-top: 20px;
}

.formDiv {
  /* min-height: 70px; */
  border-radius: 10px;
  border: 1px solid var(--Disabled-text, #dedede);
  background: var(--Bknd-White, #fff);
  width: 170px;
  height: 161px;
  border-top: 1px solid #e6e4e4;
  padding: 12px;
  padding-bottom: 20px;
  position: relative;
  transition: background-color 0.5s, display 0.5s;
  color: var(--Main-Text, #707070);
  text-align: center;
  font-family: Inter, Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  &:hover {
    background-color: #f5f5f5;
  }
}

.form_btn_button {
  display: flex;
  width: 100px;
  padding: 17px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--Primary, #5570f1);
  color: #fff;
  text-align: center;
  font-family: Inter, Helvetica;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.form-wrap.form-builder .frmb button,
.render-wrap .rendered-form button,
#saveFormButton,
.contentBox button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 20px;
  box-shadow: none;
  color: #2196f3;
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  margin-left: 0;
  margin-top: 20px;
  padding: 6px 16px;
  text-transform: uppercase;
}

.form-wrap.form-builder .frmb input[type="text"],
.render-wrap input[type="text"] {
  box-sizing: border-box;

  width: 241px;
  height: 120px;
  border: 1px solid #dedede;
  border-radius: 5px;
}

.form-wrap.form-builder .frmb label {
  font-family: "Helvetica Neue", Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;

  color: #4f4f4f;
}

.form-wrap.form-builder .frmb .fb-radio {
  font-family: "Helvetica Neue", Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;

  color: #4f4f4f;
}

.form-wrap.form-builder .frmb .fb-radio input {
  font-family: "Helvetica Neue", Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  background-color: red;
  width: 10px;
  height: 10px;
  color: #4f4f4f;
}

.form-wrap.form-builder .cb-wrap {
  width: 46%;
  transition: transform 250ms;
}

.form-wrap.form-builder .frmb .fb-radio label,
.render-wrap label {
  font-family: "Helvetica Neue", Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #4f4f4f;
}

.form-wrap.form-builder .frmb-control li {
  width: 190px;
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  border: 1px solid #dedede;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: "Helvetica Neue", Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  cursor: grab;

  color: #4f4f4f;
}

.form-wrap.form-builder .frmb-control li::before {
  filter: brightness(0) saturate(100%) invert(59%) sepia(30%) saturate(6201%)
    hue-rotate(194deg) brightness(104%) contrast(104%);
}

.form-wrap.form-builder .form-actions {
  width: 100%;

  .save-template,
  .get-data,
  .clear-all {
    align-items: center;
    background-color: #fff;
    border: 1px solid #bababa;
    border-radius: 20px;
    box-shadow: none;
    color: #2196f3;
    cursor: pointer;
    display: flex;
    height: 26px;
    justify-content: center;
    margin-left: 0;
    margin-top: 20px;
    padding: 6px 16px;
    text-transform: uppercase;
  }
}

input,
select,
.new_vivi_protocol,
.newConfigCity {
  cursor: pointer;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: #f2f2f2;
  margin: 0px;
  font-family: Raleway;
  position: relative;
  min-height: 100vh;
}

.mainBodyContent {
  /* position: absolute; */
  display: flex;
  max-width: 1366px;
  margin: 0 auto;
  /* background: #FFFFFF; */
  height: 108vh;
}

#header {
  height: 44px;
  width: 100%;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  display: flex;
  border-bottom: 4px solid #f2f2f2;
  z-index: 100;
}

.hidden_item {
  visibility: hidden !important;
  margin-top: -10px !important;
  height: 0px !important;
}

#patheadermain .patheader {
  position: relative;
  width: 282px;
  height: 100%;
  display: inline-block;
  background: #444192;
  padding: 34px 0 0 21px;
  overflow-y: auto;
  /*display: none;*/
  /*z-index: 951;*/
}

.menu {
  display: flex;
  font-size: 16px;
}

.pat_menu {
  display: block;
  font-size: 16px;
}

.menu_item {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 6px solid #ffffff;
  margin-top: 6px;
  cursor: pointer;
}

.menu_item:hover {
  border-color: #489dff47;
  color: #489dff47;
}

.menu_item_active,
.menu_item_active:hover {
  border-color: #489dff;
  color: #489dff;
  font-weight: bold;
}

.pat_menu_item {
  /* width: 238px; */
  width: 270px;
  height: 49px;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;

  color: #e3e2f0;
  display: block;
  border: 0;
  text-align: left;
  padding-top: 12px;
  padding-left: 17px;
  margin-left: -17px;
}

.pat_menu_item:hover {
  background: #2b295f;
  border-radius: 7px;
  color: #e3e2f0;
}

.pat_menu_item_active,
.pat_menu_item_active:hover {
  background: #2b295f;
  border-radius: 7px;
}

.menu_item2 {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 6px solid #ffffff;
  margin-top: 6px;
  cursor: pointer;
}

.menu_item2:hover {
  border-color: #489dff47;
  color: #489dff47;
}

.menu_item_active2,
.menu_item_active2:hover {
  border-color: #489dff;
  color: #489dff;
  font-weight: bold;
}

.menu_item_doctors {
  border-color: #1b6f9e;
  margin-right: 18px;
}

.menu_item_doctors:hover {
  border-color: #ffffff;
  color: #ffffff;
}

.menu_item_doctors_active,
.menu_item_doctors_active:hover {
  border-color: #ffffff;
  color: #ffffff;
  font-weight: bold;
}

#bottom_menu {
  position: fixed;
  z-index: 500;
  bottom: 0px;
  background-color: white;
  width: 100%;
  border-top: 4px solid #f2f2f2;
}

#bottom_menu .menu_item {
  font-weight: bold;
  padding: 10px 0px;
}

.mainContent {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

#patcontentContainer {
  /* margin-top: 60px; */
  display: block;
  /* margin-bottom: 60px; */
  padding-bottom: 40px;
  background: #fff;
  height: 100%;
  overflow: scroll;
}

.patmainContent {
  width: calc(100% - 287px);
  margin: 0 auto;
  /* display: inline-block !important; */
  vertical-align: top;
}

.copyright {
  /* margin-bottom: 60px; */
  font-size: 17px;
  text-align: center;
  color: #585858;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin-bottom: 15px;
}

.contentBox {
  border: 1px solid #ffffff;
  background-color: white;
  margin: 24px 0px;
  padding: 0 5px;
}

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

.addNewItem {
  position: relative;
  cursor: pointer;
}

.addNewItemBtn {
  color: #9b9b9b;
}

.addNewItem div:not(.addNewItemBtn) {
  opacity: 0.5;
}

.addNewItemBtn:hover {
  color: #489dff;
}

.colors_reports {
  color: #379613;
}

.colors_reports_bg {
  background-color: #379613;
}

.colors_diagnoses {
  color: #d92201;
}

.colors_diagnoses_bg {
  background-color: #d92201;
}

.colors_medications {
  color: #f72cf7;
}

.colors_medications_bg {
  background-color: #f72cf7;
}

.colors_allergies {
  color: #8ea3fc;
}

.colors_allergies_bg {
  background-color: #8ea3fc;
}

.colors_vaccinations {
  color: #157598;
}

.colors_vaccinations_bg {
  background-color: #157598;
}

.colors_askForPayment_bg,
.colors_paymentMethodAdded_bg {
  background-color: #00ea00;
}

.colors_newCategory_bg {
  background-color: #4c6ef5;
}

.category {
  width: 100%;
  padding: 0 15px;
}

.backgroundPersonLogo {
  position: absolute;
  z-index: -1;
  top: 100px;
  left: 0;
  right: 0;
  max-height: 300px;
  max-width: 90%;
  display: block;
  margin: 0 auto;
}

.hidden {
  display: none;
}

.blink {
  backface-visibility: hidden;
  /* -webkit-backface-visibility: hidden;
  -webkit-animation: noteBellBlink 1s linear infinite 0s;
  -moz-animation: noteBellBlink 1s linear infinite 0s;
  -o-animation: noteBellBlink 1s linear infinite 0s;
  -ms-animation: noteBellBlink 1s linear infinite 0s; */
  animation: noteBellBlink 1s linear infinite 0s;
}

.blink-10 {
  animation-iteration-count: 10;
}

/* @-webkit-keyframes noteBellBlink {
  0% {
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
  }

  50% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
}

@-moz-keyframes noteBellBlink {
  0% {
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
  }

  50% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
}

@-o-keyframes noteBellBlink {
  0% {
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
  }

  50% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
}

@-ms-keyframes noteBellBlink {
  0% {
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
  }

  50% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
} */

@keyframes noteBellBlink {
  0% {
    opacity: 0.2;
    /* -webkit-animation-timing-function: ease-in; */
    animation-timing-function: ease-in;
  }

  50% {
    opacity: 1;
    /* -webkit-animation-timing-function: ease-out; */
    animation-timing-function: ease-in;
  }
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }

  body,
  body * {
    /* -webkit-print-color-adjust: exact; */
    print-color-adjust: exact;
  }

  #header {
    position: absolute;
    top: 0;
  }

  .chatMessage {
    page-break-inside: avoid;
    margin-right: 200px !important;
    margin-left: 45px !important;
  }

  .chatMessage:last-child {
    page-break-inside: auto;
  }

  .chatMessageRight {
    margin-right: 45px !important;
    margin-left: 200px !important;
  }

  #footer,
  .copyright {
    page-break-after: auto !important;
    margin: 0px;
  }

  .header_menu {
    display: flex !important;
  }

  .header_menu_placeholder {
    display: none !important;
  }

  .header_image {
    flex: 1 !important;
  }

  .header_image div img {
    max-height: 100% !important;
  }

  .header_image_person {
    display: none !important;
  }

  .header_image_full {
    display: flex !important;
  }
}

@media (min-width: 700px) {
  #header {
    height: 56px;
  }

  #bottom_menu {
    display: none;
  }

  .mainContent {
    width: calc(100% - 287px);
    padding: 0px;
  }

  .contentBox {
    border: 1px solid #dddada;
    border-radius: 5px;
    padding: 10px;
  }

  .bg-grey {
    background-color: lightgrey;
  }
}

body > .ui-pnotify {
  top: 55px;
  z-index: 950;
}

.ui-pnotify .ui-pnotify-container,
.ui-pnotify-noborder {
  border-color: #cacaca;
  padding: 0;
}

.map {
  width: 100%;
  height: 600px;
}

@media screen and (max-width: 812px) {
  .map {
    display: none;
  }
}

.hide {
  display: none;
}

.visiblityHidden {
  visibility: hidden;
}

.surveyContainer {
  background: #fff;
  padding: 44px 45px;
  border-radius: 4px;
  height: 100%;
}

.surveyTitle {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;

  color: #000000;
}

.surveyDes {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 16px;
  color: #000000;
}

.protocolContent {
  display: flex;
  /* margin-top: 27px; */
  padding: 42px 0 0 41px;
}

.newDocDashprotocolContent {
  padding: 10px 0 0;
}

.symprotocolContent {
  padding: 36px 0 0 0;
  margin-top: 0;
  margin-bottom: 33px;
}

.protocolImg {
  width: 51px;
  height: 51px;
  text-align: center;
}

.iconImg {
  width: 100%;
  height: auto;
  max-width: 30px;
}

.protocolDes {
  margin-left: 10px;
}

.protocolDesName {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 29px;
  margin-bottom: 5px;
  color: #000000;
}

.newDocDashprotocolDesName {
  font-size: 16px;
}

.newDocDashSymData {
  /* max-height: 250px; */
  /* overflow: auto; */
  margin-top: 10px;
}

.protocolDesSubText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 14px;
  margin-bottom: 0;
  color: #878682;
}

.bannerContent {
  display: flex;
  justify-content: space-around;
}

.assesmentCont {
  display: flex;
}

.imageCont {
  width: 29px;
  height: 30.04px;
}

.iconImg {
  width: 100%;
  height: auto;
  max-width: 30px;
}

.assementSec {
  margin-left: 15px;
}

.title {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 8px;
  color: #838383;
}

.date {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 3px;
}

.timeHours {
  height: 18px;
}

.time {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 17px;
  color: #000000;
  margin-right: 22px;
}

.hours {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 17px;
  color: #979797;
}

.buttonCont {
  width: 200px;
  height: 60px;
  background: #ffffff;
  border: 1px solid #3e7bfa;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 16px;
  margin-top: 33px;
  color: #3e7bfa;
}

.healthStatusCont {
  display: flex;
  width: 300px;
}

.healthCont {
  margin-left: 15px;
  width: 247px;
}

.sliderComp {
  width: 247px;
  margin-top: 37px;
}

.vitalsliderComp {
  width: 247px;
  margin-top: 37px;
}

.symsliderComp {
  position: absolute;
  width: 253px;
  height: 169px;
  margin-left: 135px;
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(174, 174, 174, 0.7);
  padding: 13px 18px;
  margin-top: -68px;
  z-index: 999;
}

.vitalsliderComp {
  position: absolute;
  width: 253px;
  height: 169px;
  margin-left: 135px;
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(174, 174, 174, 0.7);
  padding: 13px 18px;
  margin-top: -68px;
  z-index: 999;
}

.sliderEle {
  border: 2px solid #c5c5c5 !important;
  height: 1px !important;
  margin-top: 22px;
  margin-right: 18px;
}

.symsliderCompHead {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  color: #8e8e8e;
}

.symsliderCompSymCon {
  display: flex;
}

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

.symsliderCompHeadSec {
  display: flex;
  justify-content: space-between;
}

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

.symhealthStage {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #0084f4;
  margin-top: 0;
  text-transform: uppercase;
}

.symsliderCompSym {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  margin-left: 8px;
}

.vitalsliderCompHead {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  color: #8e8e8e;
}

.vitalsliderCompVitalCon {
  display: flex;
}

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

.vitalsliderCompHeadSec {
  display: flex;
  justify-content: space-between;
}

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

.vitalhealthStage {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #0084f4;
  margin-top: 0;
  text-transform: uppercase;
}

.vitalsliderCompVital {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  margin-left: 8px;
}

.sliderComp .healthCompSlider .ui-slider-handle {
  width: 36px;
  height: 36px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(218, 218, 218);
  box-sizing: border-box;
  border-radius: 20px;
  margin-top: -15px;
  outline: none;
}

.symsliderComp .sliderEle .ui-slider-handle {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(218, 218, 218);
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  top: -11px;
  outline: none;
}

.vitalsliderComp .sliderEle .ui-slider-handle {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(218, 218, 218);
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  top: -11px;
  outline: none;
}

.healthCompSlider {
  height: 1px !important;
  border: 1px solid #939393;
}

.healthStatus {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #838383;
  margin-bottom: 0;
}

.healthImg {
  width: 29px;
  height: 30.04px;
}

.surMedList {
  display: flex;
}

.surMedComp {
  margin-left: 15px;
}

.surMedCompHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #838383;
}

.surMedListCont {
  margin-top: 15px;
}

.surMedListItem {
  display: flex;
  margin-bottom: 15px;
}

.surMedName {
  width: 150px;
  margin-left: 10px;
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 14px;
  color: #ff8800;
  text-transform: uppercase;
  margin-top: 2px;
}

.checkbox {
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #ff8800;
  box-sizing: border-box;
  margin-top: -1px;
}

.vitalsContent {
  margin-top: 60px;
}

.vitalsHeader {
  display: flex;
}

.vitalImg {
  width: 31px;
  height: 32px;
}

.vitalTitle {
  margin-left: 15px;
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #838383;
  margin-top: 6px;
}

.symptomsContent {
  margin-top: 60px;
}

.sympHeader {
  display: flex;
}

.sympImg {
  width: 31px;
  height: 32px;
}

.sympTitle {
  margin-left: 15px;
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #838383;
  margin-top: 6px;
}

.surveySymptomsListCont {
  margin-top: 30px;
}

.surveyVitalsListCont {
  margin-top: 30px;
}

.surSympList {
  display: flex;
  margin-bottom: 30px;
}

.surVitalList {
  display: flex;
  margin-bottom: 30px;
}

.surBodyList,
.surNoseList,
.surAbdomenList {
  align-items: center;
}

.surSympListSec {
  margin-left: 15px;
  width: 250px;
}

.surSympListItem {
  display: flex;
  margin-bottom: 12px;
}

.surVitalListSec {
  margin-left: 15px;
  width: 250px;
}

.surVitalListItem {
  display: flex;
  margin-bottom: 12px;
}

.checkbox {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #ffdd8d;
  box-sizing: border-box;
  position: inherit;
}

.surSympListItemSec .sliderComp .sliderEle .ui-slider-handle {
  width: 36px;
  height: 36px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(218, 218, 218);
  box-sizing: border-box;
  border-radius: 20px;
  margin-top: -15px;
  outline: none;
}

.surSympListItem {
  display: flex;
  margin-bottom: 12px;
}

.surSympImg {
  width: 52px;
  margin-right: 14px;
}

.bodySympImg {
  margin-top: -9%;
}

.headSympImg {
  margin-top: -11px;
}

.noseSympImg {
  margin-top: -6%;
}

.lungsSympImg {
  margin-top: 11px;
}

.abddomenSympImg {
  margin-top: -10%;
}

.sursymName {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #272727;
  margin-bottom: 8px;
  margin-top: -2px;
  text-transform: capitalize;
}

.surVitalListItemSec .sliderComp .sliderEle .ui-slider-handle {
  width: 36px;
  height: 36px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(218, 218, 218);
  box-sizing: border-box;
  border-radius: 20px;
  margin-top: -15px;
  outline: none;
}

.surVitalListItem {
  display: flex;
  margin-bottom: 12px;
}

.surVitalImg {
  width: 52px;
  margin-right: 14px;
}

.bodyVitalImg {
  margin-top: -9%;
}

.headVitalImg {
  margin-top: -11px;
}

.noseVitalImg {
  margin-top: -6%;
}

.lungsVitalImg {
  margin-top: 11px;
}

.abddomenVitalImg {
  margin-top: -10%;
}

.survitalName {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #272727;
  margin-bottom: 8px;
  margin-top: -2px;
  text-transform: capitalize;
}

.fontbold {
  font-weight: bold;
}

.checkbox {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #ffdd8d;
  box-sizing: border-box;
  cursor: pointer;
}

.healthStage {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin-top: 4px;
  color: #000000;
  margin-bottom: 10px;
  margin-top: 24px;
}

.rc-slider {
}

.rc-slider-rail {
  border: 1px solid #939393;
  height: 1px;
}

.rc-slider-handle {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #dadada;
  box-sizing: border-box;
  top: 0;
}

.alert-succes-msg {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  display: none;
  height: 50px;
  font-size: 18px;
  padding-top: 11px;
  padding-left: 20px;
  margin-bottom: 30px;
}

.visiblityHidden {
  visibility: hidden;
}

.hidden {
  display: none;
}

.newdashContent {
  background: #fff;
  /* padding-bottom: 30px; */
  overflow-x: auto;
}

.newMonitorSection {
  padding-left: 15%;
}

.assementBanner {
  width: 100%;
}

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

.newdashContentPar {
  padding: 0 20px;
  /*height: 100vh;*/
}

.newDocProDashboard {
  padding: 0;
}

.newPatDashMonitorSection {
  padding-right: 34px;
}

.assementBanner {
  padding: 34px 45px 20px 45px;
}

.assementBannerTitle {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  text-align: left;
  margin-bottom: 37px;
  color: #000000;
}

.newDateSec {
  display: flex;
  margin-top: 20px;
  justify-content: flex-end;
}

.dateCell {
  /* width: 38px; */
  width: 26px;
  margin-right: 12px;
  vertical-align: bottom;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.todayImage {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  margin-bottom: 8px;
  margin-top: 5px;
}

.iconImg {
  width: 12px;
  width: 11px;
  /* height: auto; */
  /* max-width: 30px; */
}

.todayCell {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.todayText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  color: #000000;
}

.disableBox {
  opacity: 0.5;
}

.highlightBox {
  background: #e7e7e7;
}

.monitordaystext {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 3px;
  color: #838383;
}

.monitordaysSection {
  margin: 35px 0 0 50px;
}

.monitorTotaldays {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  color: #000000;
}

.dateMonth {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 14px;
  color: #707070;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.dateMonth .image,
.caret_holder .image {
  filter: invert(82%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(95%)
    contrast(95%);
}

.patientRow_expansion_rpm_graph .caret_holder .image {
  width: 52px;
  height: 44px;
}

.dateBox {
  /* width: 38px; */
  width: 26px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
}

.dateBoxOpacity {
  opacity: 0.5;
}

.dateText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
  margin: 0;
}

.dateDayText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 11px;
  text-align: center;
  color: #000000;
  margin: 0;
}

.newMonScoreSection {
  padding-left: 54px;
}

.newMonScoreSectionDoc {
  padding-left: 54px;
}

.scoreCellCont {
  display: flex;
}

.scoreSec {
  display: flex;
  margin-top: 10px;
}

.scoreTextCont {
  margin-right: 11px;
  width: 92px;
}

.scoreTextHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  text-transform: capitalize;
  color: #000000;
  margin-top: 20px;
  margin-right: 6px;
}

.scoreCellCont {
  display: flex;
}

.scoreCell {
  /* width: 37px; */
  max-width: 26px;
  height: 37px;
  background: #39d98a;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #ffffff;
  margin-right: 10px;
  border-radius: 20px;
  margin: 10px 10px 0 3px;
}

.scoreText {
  margin: 4px;
  display: inline-block;
}

.statusSec {
  display: flex;
  margin-top: 15px;
}

.statusTextCont {
  margin-right: 10px;
  width: 151px;
}

.statusTextHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  color: #0063f7;
  text-transform: capitalize;
  margin-top: 4px;
  margin-right: 10px;
}

.statusCellCont {
  display: flex;
}

.statusCell {
  width: 38px;
  height: 26px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0 10px 0 2px;
  text-align: center;
}

.statusCellText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
  display: inline-block;
  margin-top: 4px;
  color: #ffffff;
}

.symptomsSec {
  display: flex;
  margin-top: 15px;
  justify-content: flex-end;
}

.symptomsTextCont {
  margin-right: 10px;
  width: 150px;
}

.symptomsCellText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
  display: inline-block;
  margin-top: 4px;
  color: #000000;
}

.symptomsTextHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  color: #ff3b3b;
  text-transform: capitalize;
  margin-top: 4px;
  margin-right: 10px;
}

.symptomsCellCont {
  display: flex;
}

.symptomsCell {
  /* width: 38px; */
  max-width: 26px;
  height: 26px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0 12px 0 0;
  text-align: center;
}

.symptomsCellHightlight {
  background: #ffcc00;
}

.symptomsCellRed {
  background: #ff3b3b;
}

.symptomsCellOrange {
  background: #ffa500;
}

.symptomsCellRed .symptomsCellText {
  color: #ffffff !important;
}

.symptomsMild {
  background: #ff8d3b;
}

.stageLow {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  color: #000000;
}

.stageMild,
.stageHigh {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  color: #fff;
}

.medicationsSec {
  display: flex;
  margin-top: 15px;
  justify-content: flex-end;
}

.medicationsTextCont {
  margin-right: 8px;
  width: 150px;
}

.medicationsTextHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  color: #ff8800;
  text-transform: capitalize;
  margin-top: 4px;
  margin-right: 10px;
}

.vitalsTextHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  color: #ff3b3b;
  text-transform: capitalize;
  margin-top: 4px;
  margin-right: 10px;
}

.medicationsCellCont {
  display: flex;
}

.medicationsCell {
  max-width: 26px;
  height: 26px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0 10px 0 2px;
  text-align: center;
}

.medicationsCellText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
  display: inline-block;
  margin-top: 4px;
  color: #000000;
}

.stageNull {
  background: #e7e7e7;
}

.stageZero {
  background: #39d98a;
}

.stageOne {
  background: #66b5f8;
}

.stageTwo {
  background: #ff8800;
}

.stageThree {
  background: #ff3b3b;
}

.stageFour {
  background: #ff8080;
}

.stageFive {
  background: #06c270;
}

.stageNone {
  background: #e7e7e7;
}

.disabledCell {
  background: white;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
}

.emptyCell {
  background: #e7e7e7;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
}

.disabledDate {
  background: #e7e7e7;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
}

.newPatDashDocTitle {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;

  color: #000000;
}

.newpatDashDocDec {
  padding: 30px;
}

.newDashDocName {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;

  color: #000000;
}

.newpatDashDocSec {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
}

.statusContent {
  width: 225px;
  padding: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  text-align: center;
  /* height: 124px; */
}

.count {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 59px;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

.description {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  margin: 0;
  color: #ffffff;
}

.hint {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  margin: 0;
  color: #e6e6e6;
}

.statusBannerCont {
  flex: auto;
}

.newDashBtnSec {
  width: 87px;
  height: 30px;
  display: inline-block;
  margin-left: 20px;
}

.newDashBtnSec button {
  background: #ffffff;
  border: 1px solid #3e7bfa;
  box-sizing: border-box;
  border-radius: 5px;
}

.assesmentBtn {
  width: 87px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #3e7bfa;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #3e7bfa;
}

.healthStageText {
  margin-top: 21px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}

.surMedListImg {
  margin-top: -3px;
}

.abdomen_checkbox {
  border: 1px solid #ffa26b;
}

.body_checkbox {
  border: 1px solid #ffdd8d;
}

.head_checkbox {
  border: 1px solid #ff647c;
}

.lungs_checkbox {
  border: 1px solid #0084f4;
}

.nose_checkbox {
  border: 1px solid #06c270;
}

.newpatDashDocCont {
  display: none;
}

.surveyLoader {
  margin: 30% auto;
  height: 100%;
  width: 100px;
  text-align: center;
}

.dashboardLoader {
  margin: 0 auto;
  height: 912px;
  width: 100px;
  text-align: center;
  padding: 20% 0;
}

.newConfigSec {
  margin-bottom: 35px;
}

.newConfigHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}

.newConfigCont {
  margin-top: 30px;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 150px;
  justify-content: space-between;
}

.newPinConfigCont {
  margin-top: 30px;
  margin-left: 40px;
  display: flex;
  flex-direction: row;
}

.newConfigInputSec {
  width: 215px;
  margin-bottom: 22px;
}

.newConfigPinInputSec {
  width: 129px;
  margin-bottom: 22px;
  display: inline-block;
}

.newPinInputSpacing {
  margin-right: 30px;
}

.newConfigPin,
.newConfigVerifyPin {
  width: 100%;
}

.newConfigInputFeild {
  border-bottom: 1px solid #e6e6e6;
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #828282;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  cursor: pointer;
}

.newConfigInputLabel {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  color: #828282;
  display: inline-block;
  margin-top: 5px;
}

.newConfigBtn {
  width: 87px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #3e7bfa;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #3e7bfa;
  margin-left: 39px;
  margin-top: 13px;
}

.newCondConfigCont {
  margin-top: 30px;
  margin-left: 40px;
}

.newSocConfigCont {
  margin-top: 30px;
}

.newCondSec {
  width: 55%;
  display: inline-block;
  vertical-align: top;
}

.newSocSec {
  width: 44%;
  display: inline-block;
  vertical-align: top;
}

.checkContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 21px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #4f4f4f;
}

/* Hide the browser's default checkbox */
.checkContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.checkContainer:hover input ~ .checkmark {
  background-color: #fff;
  border: 1px solid #000;
}

/* When the checkbox is checked, add a blue background */
.checkContainer input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkContainer .checkmark:after {
  left: 6px;
  top: -6px;
  width: 10px;
  height: 19px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 624px) and (max-width: 768px) {
  .newConfigCont {
    height: 250px !important;
  }
}

@media (max-width: 460px) {
  .infoContainer {
    flex-direction: column;
  }

  .infoContainer > * {
    width: 100% !important;
  }
}

.dateCellTop {
  margin-top: -21px;
}

.fontColorWhite {
  color: #fff;
}

.newDocDateSec {
  justify-content: flex-start;
}

.newDocMonitorSection {
  padding-left: 0;
}

.symptomsDocSec {
  justify-content: flex-start;
}

.newMonDocDateSection {
  padding-left: 159px;
}

.docMonitordaysSection {
  margin: 20px 0 0 0;
}

.docmonitordaystext {
  /* display: none; */
}

#patient_home-icon .fa-home:hover {
  color: #1562ba !important;
}

.conditions-modal-sec {
  display: none;
  position: fixed;
  top: 10%;
  z-index: 1001;
  width: 100%;
}

.conditions-modal-cont {
  width: 466px;
  height: 557px;
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(174, 174, 174, 0.7);
  margin: auto;
}

.conmodal-close-cont {
  padding: 20px 30px 0 0;
  text-align: right;
}

.conmodal-close-image {
  cursor: pointer;
}

.conmodal-protocol-cont {
  height: 90%;
}

.new_gender_sec {
  border-bottom: 1px solid #e6e6e6;
  width: 204px;
  position: relative;
}

.new_gender_content {
  margin-left: 0;
  display: inline-block;
}

.new_gender_arrow_con {
  margin: 0;
  display: inline-block;
  float: right;
  cursor: pointer;
}

.new_gender_arrow_img {
  display: inline;
  margin-top: -7px;
}

.new_gender_arrow_img_down {
  display: none;
}

.newPopConfigInputFeild {
  border-bottom: 1px solid #e6e6e6;
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #828282;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
}

.newPopConfigDateFeild {
  border-bottom: 1px solid #e6e6e6;
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #828282;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  display: block;
}

.newPopGenderDropDownCont {
  position: absolute;
  width: 100%;
  background: rgb(255, 255, 255);
  top: 24px;
  display: none;
}

.newPopGenderdropDownImageCont {
  display: inline-block;
  width: 19px;
  height: 32px;
}

.newPopGenderdropDownImageContImg {
  width: 100%;
}

.newPopGenderdropDownTextCont {
  display: inline-block;
  vertical-align: sub;
  cursor: pointer;
}

.sexArrow {
  cursor: pointer;
}

.conmodal-protocol-intro-sec {
  padding: 10px 70px;
}

.conmodal-protocol-intro-img {
  width: 89px;
  height: 89px;
  margin: 0 auto;
  border: 1px solid #dadada;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 66px;
}

.conmodal-protocol-image {
  width: 60px;
  height: 60px;
  margin-top: 13px;
}

.conmodal-title {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 40px;
  color: #000000;
  margin-bottom: 4px;
}

.conmodal-des {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 40px;
  color: #707070;
}

.conmodal-patient-intro-btn {
  width: 217px;
  height: 44px;
  background: #3e7bfa;
  border-radius: 5px;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  padding-top: 10px;
  cursor: pointer;
}

.conmodal-patient-info-sec {
  display: none;
  height: 100%;
  position: relative;
  padding: 10px 41px;
}

.conmodal-patient-dob-sec,
.conmodal-patient-gender-sec,
.conmodal-patient-conditions-sec {
  display: none;
}

.conmodal-nav-sec {
  bottom: 18px;
  position: absolute;
  width: 84%;
}

.conmodal-nav-left-sec {
  display: inline-block;
  float: left;
  width: 100px;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #646464;
  cursor: pointer;
  margin-top: 10px;
}

.conmodal-nav-next-right-sec {
  display: inline-block;
  float: right;
  width: 94px;
  height: 40px;
  background: #3e7bfa;
  border-radius: 5px;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.conmodal-nav-right-sec-text {
  margin: 9px 0 0 0;
  cursor: pointer;
}

.conmodal-conditions-list-item {
  display: none;
}

.conmodal-nav-save-sec {
  display: none;
  float: right;
  width: 94px;
  height: 40px;
  background: #3e7bfa;
  border-radius: 5px;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.conmodal-step-title {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #707070;
  margin: 0;
}

.conmodal-step-des {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 17px;

  color: #adadad;
}

.conmodal-step-progress-sec {
  width: 310px;
  height: 4px;
  background: #c4c4c4;
  border-radius: 4px;
  position: relative;
}

.conmodal-step-progress-bar {
  height: 4px;
  display: inline-block;
  background: #06c270;
  border-radius: 4px;
  position: absolute;
}

.conmodal-checkContainer {
  display: block;
  position: relative;
  padding-left: 47px;
  margin-bottom: 11px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
  color: #000000;
}

/* Hide the browser's default checkbox */
.conmodal-checkContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.conmodal-checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 33px;
  width: 33px;
  border: 1px solid #d1d1d1;
  border-radius: 19px;
}

/* On mouse-over, add a grey background color */
.conmodal-checkContainer:hover input ~ .conmodal-checkmark {
  background-color: #fff;
  border: 1px solid #000;
}

/* When the checkbox is checked, add a blue background */
.conmodal-checkContainer input:checked ~ .conmodal-checkmark {
  background: #06c270;
  border: 1px solid #06c270;
}

/* Create the checkmark/indicator (hidden when not checked) */
.conmodal-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.conmodal-checkContainer input:checked ~ .conmodal-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.conmodal-checkContainer .conmodal-checkmark:after {
  left: 10px;
  top: 3px;
  width: 10px;
  height: 19px;
  border: solid #fff;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.conmodal-checkbox-sec {
  display: none;
}

.conmodal-patient-sex-sec-des {
  margin-bottom: 22px;
}

.conmodal-patient-conditions-sec {
  margin-top: 53px;
}

.conmodal-patient-dob-sec,
.conmodal-patient-gender-sec {
  margin-top: 84px;
}

#insurancePayment {
  margin-top: 20px;
}

#insurancePayment p.insurance_title {
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #838383;
  margin: 0 20px 20px 20px;
}

#insurancePayment p.insurance_subtitle {
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  color: #838383;
  margin: 7px 0 3px 0;
}

#insurancePayment .form-group {
  text-align: left;
}

#insurancePayment .form-group label {
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  text-align: left;
  color: #838383;
  margin: 0 0 3px 0;
}

.patMobHeader {
  display: none;
}

.patMobMenu {
  display: none;
}

@media (max-width: 767px) {
  .symptomsContent {
    margin-top: 10px;
  }

  .vitalsContent {
    margin-top: 10px;
  }

  .surMedList {
    margin-top: 40px;
  }

  .assesmentCont {
    margin-top: 40px;
  }

  .bannerContent {
    display: block;
  }

  .surveySymptomsListCont {
    display: block;
    height: auto;
    max-height: initial;
  }

  .surveyVitalsListCont {
    display: block;
    height: auto;
    max-height: initial;
  }

  .dashboardLoader {
    height: 300px;
  }

  .assementBannerTitle,
  .assesmentCont {
    display: none;
  }

  .newPatDashMonitorSection {
    display: none;
  }

  .newpatDashDocSec {
    display: block;
  }

  .newDashDocName {
    display: block;
    margin-bottom: 21px;
  }

  .newDashBtnSec {
    margin-left: 0;
  }

  .newpatDashDocCont {
    margin-bottom: 30px;
  }

  .protocolImg {
    width: 36px;
    height: 36px;
  }

  .protocolDesName {
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;

    color: #000000;
  }

  .assementBanner {
    padding: 34px 45px 20px 62px;
  }

  .surveyContainer {
    padding: 20px 30px;
  }

  .surveyTitle,
  .symprotocolContent {
    display: none;
  }

  .symassesmentCont {
    display: flex;
  }

  .surSympList {
    margin-bottom: 12px;
  }

  .bodySympImg,
  .abddomenSympImg {
    margin-top: -3%;
  }

  .noseSympImg {
    margin-top: -4%;
  }

  .symsliderComp {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
    left: 0;
  }

  .vitalsliderComp {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
    left: 0;
  }

  .newSettingsPage {
    padding: 20px 0;
  }

  .newConfigCont {
    display: block;
    height: auto;
    margin-left: 40px;
  }

  .newCondSec {
    width: 100%;
    display: block;
  }

  .newSocSec {
    width: 100%;
    display: block;
  }

  .newSocConfigCont {
    padding-left: 40px;
  }

  .sliderEle {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .conditions-modal-sec {
    height: 100%;
    top: 0;
  }

  .conditions-modal-cont {
    width: 100%;
    height: 100%;
  }

  .conmodal-close-image {
    display: none;
  }

  patcontentContainer {
    width: 100%;
  }

  #patheadermain .patheader {
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 56px;
    background: #fff;
    border-bottom: 1px solid #c1c1c1;
    padding: 0;
    overflow-y: initial;
  }

  .patmainContent {
    width: -webkit-fill-available;
  }

  .patMobHeader {
    width: 100px;
    display: inline-block;
    float: right;
    margin: 14px 16px 0 0;
  }

  .patMobMenu {
    display: inline-block;
    width: 28.59px;
    height: 29px;
    margin-right: 11px;
    padding: 3px;
  }

  #patcontentContainer {
    margin-top: 0px;
    /* padding-top: 60px; */
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%;
    /* overflow-y: auto; */
    overflow-y: hidden;
  }

  .category {
    padding: 2% 5% 0;
  }

  .patient-portal-generic .patmainContent {
    width: 100%;
  }

  .patient-portal-generic #patcontentContainer {
    margin-top: 0px;
    padding-top: 60px;
    height: 100%;
    overflow-y: auto;
  }
}

.surveyContainer.row {
  margin: 0;
}

/* The switch - the box around the slider */
.easSwitchWrapper .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

/* Hide default HTML checkbox */
.easSwitchWrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.easSwitchWrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.easSwitchWrapper .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.easSwitchWrapper input:checked + .slider {
  background-color: #2196f3;
}

.easSwitchWrapper input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

.easSwitchWrapper input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

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

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

.easSwitchWrapper .switch_label {
  position: absolute;
  display: inline-block;
  top: 5px;
  left: 70px;
  height: 24px;
}

.symptomsSec .symptomsCellCont .image,
.medicationsSec .medicationsTextCont .image {
  width: 25px;
  height: 25px;
  max-width: none;
  margin-left: -20px;
}

.symptomsSec .symptomsCellCont .arrowDown,
.medicationsSec .medicationsTextCont .arrowDown,
.symptomsSec .symptomsCellCont .arrowUp,
.medicationsSec .medicationsTextCont .arrowUp {
  width: 12px;
  height: 12px;
  max-width: none;
  margin-left: -14px;
  margin-top: 7px;
  margin-right: 5px;
}

.local-media-container {
  position: absolute;
  right: 5%;
  top: 5%;
  z-index: 88;
}

.local-media-microphone {
  color: white !important;
}

@media (min-width: 1025px) {
  .patient-portal-generic .video-options {
    top: 82% !important;
    left: 80% !important;
    width: 182px !important;
    height: 49px !important;
    padding: 0px !important;
  }

  .patient-portal-generic .video-options .item-options {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
  }

  .patient-portal-generic .leaveVideoPhone {
    color: white;
    background-color: red;
    border-radius: 100px;
    transform: scale(-1, 1);
    width: 40px;
    height: 40px;
    padding-top: 10px;
    font-size: 1.3em;
  }

  .patient-portal-generic .ico-responsive .microphone {
    background-color: green;
    color: white !important;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    padding-right: 0px !important;
    font-size: 1.5em;
  }

  .patient-portal-generic .switchCamera {
    background-color: #489dff;
    color: white !important;
    /* padding: 10px; */
    border-radius: 100px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    padding-right: 0px !important;
  }

  .patient-portal-generic .switchCamera img {
    width: 25px;
  }

  .patient-portal-generic .ico-responsive span.fa.microphone {
    font-weight: 300 !important;
  }

  .patient-countdown-timer {
    display: none;
  }

  .patient-portal-generic .telemedContainer {
    top: auto !important;
  }
}

/*@media (max-width: 1024px) { */
@media only screen and (min-width: 480px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* .category {
    padding: 0px;
  }

  .contentBox {
    padding: 0px;
    border: 0px;
  }
  */

  .patient-countdown-timer {
    display: none;
  }

  .patient-portal-generic #telemedContainerFloat {
    min-height: 0px !important;
    position: inherit !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    top: 0px !important;
  }

  .patient-portal-generic .remote-media video {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    left: 0px !important;
    top: 0px !important;
    object-fit: contain;
    background: #cacaca;
  }

  .patient-portal-generic .local-media {
    top: auto !important;
    bottom: calc(5% + 80px) !important;
    right: 5% !important;
    left: auto !important;
    position: fixed !important;
  }

  .patient-portal-generic .local-media video {
    margin-left: auto;
    max-width: 100px;
    height: auto !important;
  }

  .patient-portal-generic .local-media-container {
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 88;
  }

  .patient-portal-generic .local-media-microphone {
    color: white !important;
  }

  .patient-portal-generic .video-options {
    top: auto !important;
    bottom: 5% !important;
    left: 40% !important;
    width: 20% !important;
    height: 49px !important;
    padding: 0px !important;
    position: fixed !important;
  }

  .patient-portal-generic .video-options .item-options {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
  }

  .patient-portal-generic .leaveVideoPhone {
    color: white;
    background-color: red;
    border-radius: 100px;
    transform: scale(-1, 1);
    width: 40px;
    height: 40px;
    padding-top: 10px;
    font-size: 1.3em;
  }

  .patient-portal-generic .microphone {
    background-color: green;
    color: white !important;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    padding-right: 0px !important;
    font-size: 1.5em;
  }

  .patient-portal-generic .switchCamera {
    background-color: #489dff;
    color: white !important;
    /* padding: 10px; */
    border-radius: 100px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    padding-right: 0px !important;
  }

  .patient-portal-generic .switchCamera img {
    width: 25px;
  }

  .patient-portal-generic span.fa.microphone {
    font-weight: 300 !important;
  }
}

@media screen and (min-width: 30px) {
  .symptomsSec .symptomsTextCont .image,
  .medicationsSec .medicationsTextCont .image {
    width: 25px;
    height: 25px;
    max-width: none;
    margin-left: -10px;
    margin-top: 0px;
    cursor: pointer;
  }

  .symptomsSec .symptomsTextCont .arrowDown,
  .medicationsSec .medicationsTextCont .arrowDown,
  .symptomsSec .symptomsTextCont .arrowUp,
  .medicationsSec .medicationsTextCont .arrowUp {
    width: 12px;
    height: 12px;
    max-width: none;
    margin-left: -5px;
    margin-top: 7px;
    margin-right: 5px;
    cursor: pointer;
  }

  .symptomsTextCont,
  .medicationsTextCont {
    display: flex;
    justify-content: flex-end;
  }

  .patientRow_expansion_rpm_graph .caret_holder .image {
    width: 52px;
    height: 44px;
  }
}

/* All modifications for the call in a phone */
@media (max-width: 480px) {
  .caseBox_header {
    display: none;
  }

  /*
  video {
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
  }
  */

  .patient-countdown-timer {
    display: none;
  }

  .patient-portal-generic #telemedContainerFloat {
    /* Need to be important to override inline css for normal screens...*/
    min-height: 0px !important;
    position: inherit !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    top: 0px !important;
  }

  .patient-portal-generic .remote-media video {
    /* Need to be important to override inline css for normal screens...*/
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    left: 0px !important;
    top: 0px !important;
    object-fit: cover;
  }

  /*
  .category {
    padding: 0px;
  }

  .contentBox {
    padding: 0px;
    border: 0px;
  }
  
  */

  .patient-portal-generic .video-options {
    top: auto !important;
    bottom: 50px !important;
    left: 20% !important;
    width: 60% !important;
    height: 70px !important;
    padding: 0px !important;
  }

  .patient-portal-generic .video-options .item-options {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
  }

  .patient-portal-generic .microphone {
    background-color: green;
    color: white !important;
    /* padding: 10px; */
    border-radius: 100px;
    width: 57px;
    height: 57px;
    padding-top: 14px;
    padding-right: 0px !important;
  }

  .patient-portal-generic .leaveVideoPhone {
    color: white;
    background-color: red;
    border-radius: 100px;
    transform: scale(-1, 1);
    width: 57px;
    height: 57px;
    padding-top: 14px;
  }

  .patient-portal-generic .switchCamera {
    background-color: #489dff;
    color: white !important;
    /* padding: 10px; */
    border-radius: 100px;
    width: 57px;
    height: 57px;
    padding-top: 7px;
    padding-right: 0px !important;
  }

  .patient-portal-generic .switchCamera img {
    width: 40px;
    height: 40px;
  }

  .patient-portal-generic span.fa.microphone {
    font-weight: 300 !important;
  }

  .patient-portal-generic .local-media {
    top: auto !important;
    bottom: 200px !important;
    right: 5% !important;
    left: auto !important;
  }

  .patient-portal-generic .local-media video {
    margin-left: auto;
    max-width: 100px;
    height: auto !important;
  }

  .patient-portal-generic .local-media-container {
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 88;
  }

  .local-media-microphone {
    color: white !important;
  }

  .pleaseFullScreen {
    object-fit: cover;
    position: absolute;
    top: 0px;
    z-index: 101;
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }

  .agreementTitle {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    color: #000000;
    margin-top: 10%;
  }

  .agreementInfo {
    margin-top: 5% !important;
    width: 80% !important;
  }

  .agreementAcknowledge {
    margin-top: 3% !important;
    width: 80% !important;
  }

  #agreement-content {
    width: 80% !important;
    max-height: 50vh !important;
  }

  .acceptBtn {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    background: #ffffff;
    border: 1px solid #489dff;
    box-sizing: border-box;
    border-radius: 30px;
    color: #489dff;
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    margin-top: 3%;
  }

  .acceptBtn:hover,
  .rejectBtn:hover {
    text-decoration: underline;
  }

  .rejectBtn {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
    color: #489dff;
    width: 80%;
    text-align: left;
    margin-bottom: 5%;
    margin-top: 5%;
  }

  .u-care-popup-details {
    height: auto;
    top: 390px;
    padding: 15px 15px 15px 15px;
  }

  .u-care-popup-details #urgentCare_tools {
    width: auto;
  }

  .u-care-popup-details .leaveVideo {
    color: white;
    border-radius: 50%;
    width: 57px;
    height: 57px;
    padding-top: 10px;
    font-size: 35px;
    box-shadow: 0px 0px 4px #000;
  }

  .u-care-popup-details .microphone {
    background-color: green;
    color: white !important;
    border-radius: 100px;
    width: 57px;
    height: 57px;
    font-size: 35px;
    margin-right: 10px;
    padding-top: 10px;
  }
}

/* Patient portal CSS*/
.patient-portal-generic .newPatDashMonitorSection {
  padding-right: 34px;
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  /*align-items: flex-end; */
}

.patient-portal-generic .newDocDashSymData {
  max-height: 250px;
  overflow: auto;
  margin-top: 10px;
}

.patient-portal-generic .newdashContent {
  background: #fff;
  padding-bottom: 30px;
  overflow-x: auto;
}

.patient-portal-generic .newDateSec {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
}

.patient-portal-generic .dateCell {
  width: 38px;
  margin-right: 12px;
}

.patient-portal-generic .todayImage {
  width: 16px;
  height: 15px;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: 10px;
}

.patient-portal-generic .iconImg {
  width: 100%;
  height: auto;
  max-width: 30px;
}

.patient-portal-generic .todayText {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  color: #000000;
  margin-bottom: 5px;
}

.patient-portal-generic .dateMonth {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 14px;
  color: #707070;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.patient-portal-generic .dateBox {
  width: 38px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
}

.patient-portal-generic .scoreCell {
  width: 37px;
  height: 37px;
  background: #39d98a;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #ffffff;
  margin-right: 10px;
  border-radius: 20px;
  margin: 10px 10px 0 3px;
}

.patient-portal-generic .symptomsCell {
  width: 38px;
  max-width: 38px;
  height: 26px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0 12px 0 0;
  text-align: center;
}

.patient-portal-generic .medicationsTextHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  color: #ff8800;
  text-transform: uppercase;
  margin-top: 4px;
  margin-right: 10px;
}

.patient-portal-generic .vitalsTextHead {
  font-family: "Raleway";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  color: #000;
  text-transform: uppercase;
  margin-top: 4px;
  margin-right: 10px;
}

.patient-portal-generic .medicationsCell {
  width: 38px;
  max-width: 38px;
  height: 26px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0 10px 0 2px;
  text-align: center;
}

.patient-portal-generic .disabledCell {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
}

.row.resultsModal {
  margin-top: 30px;
  padding-left: 0px;
}

.resultsModal .row.resultRow {
  height: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  cursor: pointer;
}

.resultsModal .row.resultRow:hover {
  background-color: #c4c4c4;
  opacity: 0.5;
}

.resultsModal .row.resultRow.resultRowSelected {
  background-color: #c4c4c4;
  opacity: 0.8;
}

.resultsModal .resultsContainer {
  margin-top: 10px;
  max-height: 200px;
  overflow-y: auto;
}

.resultsModal .row.resultHeader div {
  color: #489dff;
  font-weight: bold;
  text-decoration: underline;
}

.appointment-scheduler .resultsModal.header-container {
  padding: 10px 0px 0px 0px;
  margin-top: 0px;
}