.live-overview {
  background: transparent linear-gradient(180deg, #95249B 0%, #571982 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 17px !important;
  opacity: 1;
  padding: 0.5rem;
  margin: 0.5rem; }

.live-text {
  font: normal normal normal 20px Roboto !important;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin: 0.5rem 0.5rem 0rem 0.5rem !important; }

.live-paperneo {
  box-shadow: inset 0px 3px 6px #000000 !important;
  border-radius: 17px !important;
  margin: 0.5rem;
  width: 33%;
  background: #ffffff; }

.live-image {
  width: 64px;
  height: 64px; }

.live-number {
  font: normal normal normal 40px/62px Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin: auto !important; }

.live-description {
  font: normal normal normal 18px/29px Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1; }

.covid-overview {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 17px !important;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.covid-header {
  text-align: center;
  font: normal normal normal 22px/29px Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1; }

.covid-number {
  text-align: center;
  font: normal normal normal 47px/62px Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1; }

.covid-description {
  text-align: center;
  font: normal normal normal 22px/29px Roboto !important;
  letter-spacing: 0px;
  color: #383838;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1; }

.view-analytics-btn {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #60139C4D;
  border-radius: 26px !important;
  text-align: center;
  font: normal normal normal 23px/30px Roboto;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1; }

.deliveries-overview {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 17px !important;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.premium-overview {
  width: 40%;
  border-radius: 17px !important;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.thirdrow-overview {
  width: 30%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 17px !important;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.fourthrow-overview {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 17px !important;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; }

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

.margin-15 {
  margin-top: 15vh; }

.width-40 {
  width: 40%; }
  @media (max-width: 800px) {
    .width-40 {
      width: 80%; } }

.padding-4 {
  padding: 4rem; }
  @media (max-width: 600px) {
    .padding-4 {
      padding: 1rem; } }

.margin-2 {
  margin-top: 2rem !important; }

.mtop-1 {
  margin-top: 1rem !important; }

.mtop-half {
  margin-top: 0.5rem !important; }

.mtop-0 {
  margin-top: 0rem !important; }

.mbot-1 {
  margin-bottom: 1rem !important; }

.mbot-half {
  margin-bottom: 0.5rem !important; }

.mright-2 {
  margin-left: 2rem !important; }

.mright-2 {
  margin-right: 2rem !important; }

.mright-1 {
  margin-right: 1rem !important; }

.mright-half {
  margin-right: 0.5rem !important; }

.mleft-1 {
  margin-left: 1rem !important; }

.mleft-half {
  margin-left: 0.5rem !important; }

.margin-0 {
  margin: 0px !important; }

.padding-2 {
  padding: 2rem !important; }

.padding-1 {
  padding: 1rem !important; }

.padding-half {
  padding: 0.5rem !important; }

.paddingtop-0 {
  padding-top: 0rem !important; }

.pointer {
  cursor: pointer; }

.rounded-1 {
  border-radius: 1rem !important; }

.rounded-half {
  border-radius: 0.5rem !important; }

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

.input:focus {
  outline: none; }

.root {
  flex-grow: 1;
  height: 100%;
  background: #ECEDFD; }

.row {
  display: flex !important;
  flex-direction: row !important; }

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

.centerboth {
  text-align: center;
  align-self: center; }

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

.iconfont {
  font-size: 2rem !important; }

.menuhover {
  margin-top: -0.4rem; }

.login_layout_janitri_logo {
  width: 17rem;
  padding-bottom: 1rem; }

.analytics-paper {
  border-radius: 12px !important;
  padding: 16px;
  margin-bottom: 20px; }
  .analytics-paper:hover {
    cursor: pointer;
    box-shadow: -3px -3px 5px #ffffff70, 3px 3px 15px #00000070 !important; }

.analytics-title {
  text-align: center;
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 20px 0px 20px 0px !important; }

.analytics-block-icon {
  width: 60px;
  margin: 0 auto;
  margin-bottom: 10px; }

.analytics-count {
  text-align: center;
  font-size: 40px !important;
  font-weight: bold !important; }

.analytics-text {
  text-align: center;
  font-size: 18px !important;
  color: #000; }

.graph-font {
  font-family: "Helvetica Neue" !important;
  color: #fff !important; }

.values-font {
  font-family: "Roboto" !important;
  font-size: 50px !important; }

.patientdetails-font {
  font-family: "Roboto" !important;
  font-size: 20px !important;
  color: #fff !important; }

.icon-size {
  width: 32px !important;
  height: 32px !important; }

.green-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #30D024; }

.red-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #EF4D38; }

.highcharts-background {
  width: 100%; }

.highcharts-title {
  display: none !important; }

.highcharts-credits {
  display: none !important; }

.highcharts-grid-line {
  stroke: #A7A6A6;
  opacity: 0.6; }

.highcharts-minor-grid-line {
  stroke: #A7A6A6;
  opacity: 0.2; }

.highcharts-scrollbar {
  display: none; }

.boxinside {
  background: #707070;
  box-shadow: inset -3px -3px 5px #ffffff70, inset 3px 3px 15px #00000070; }

.boxoutside {
  background: #707070;
  box-shadow: inset -3px -3px 5px #ffffff70, 3px 3px 15px #00000070; }

.hc-graph.h-100 {
  height: 100px; }

.hc-graph.h-150 {
  height: 150px; }

.hc-graph.h-200 {
  height: 200px; }

.hc-graph.h-250 {
  height: 250px; }

.hc-graph.h-300 {
  height: 300px; }

.hc-graph.h-350 {
  height: 350px; }

.hc-graph.h-400 {
  height: 400px; }

/* Mobile Chart Page */
.hc-graph.small {
  height: 150px; }

.hc-graph.smaller {
  height: 75px; }

.mobile {
  height: 100vh;
  width: 100vw; }

.portrait {
  height: 50vh !important; }

.hc-graph.small-portrait {
  height: 100px !important; }

.loader-text {
  text-align: center;
  font: normal normal normal;
  font-size: 50px !important;
  line-height: 66px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #6B6B6B !important;
  opacity: 1; }

.loader-img {
  width: 67px;
  height: 92px;
  margin: 2rem auto !important;
  animation: rotation 2s infinite linear !important; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.empty-text-paper {
  padding-top: 1em;
  padding-bottom: 1em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important; }

.empty-text {
  text-align: center;
  font: normal normal normal;
  font-size: 18px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #6D0E81 !important;
  opacity: 1; }

.new-line {
  white-space: pre-line !important; }

.print-grid {
  display: grid;
  grid-template-columns: auto auto auto; }

.print-fieldset {
  margin: 0 auto;
  padding: 2rem; }

.print_paper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important;
  opacity: 1; }

.print:last-child {
  page-break-after: avoid;
  page-break-inside: avoid;
  page-break-before: avoid;
  margin-bottom: 0px; }

@media print {
  html, body {
    width: 4000px !important;
    height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    zoom: 85% !important; } }

.refer-strip {
  font: normal normal normal;
  font-size: 16px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #ffffff !important;
  opacity: 1;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.active-class {
  color: #6D0E81; }

.inactive-class {
  color: grey; }

.alert-class {
  color: #FD3B1D;
  width: 0.5em !important; }

.alert-msg-font {
  font-size: 10px; }

.alert-time-font {
  font-size: 8px; }

.time-font {
  font-size: 12px; }

.grid-2 {
  display: grid;
  grid-template-columns: auto auto; }

.grid-3 {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  justify-content: space-evenly;
  width: 100%; }

.grid-patientinfo {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 1rem; }

.centralmonitor-text {
  color: #ffffff;
  font-family: Roboto;
  font-weight: 600; }

.patientinfo-text {
  color: #ffffff;
  font-family: Roboto;
  font-size: 34px; }

.singlepatientinfo-text {
  color: #ffffff;
  font-family: Roboto;
  font-size: 20px; }

.multipatientinfo-text {
  color: #ffffff;
  font-family: Roboto;
  font-size: 14px; }

.singlepatientinfo-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(56px, 185px));
  width: 30%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  justify-content: space-between; }

.singlepatientinfo-item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  color: #ffffff;
  font-family: Roboto;
  font-size: 18px;
  text-decoration: none; }

.info_btn {
  position: absolute !important;
  right: 0;
  top: 0;
  background-color: #ffffff !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 100px !important; }

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

.patientinfo-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.patientinfo-item {
  flex: 0 1 200px;
  text-align: left; }

#onesignal-popover-container.slide-down {
  display: none !important; }

.margin-nev7 {
  margin-left: -7rem !important; }

.mtop-new {
  margin-top: 3rem !important; }

.dialog-login .dialog {
  max-height: 835px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  border-radius: 20px; }

.dialog-login .error-div {
  width: 1060px;
  height: 90px;
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid #FFCDCD;
  background: #FFEFEF; }
  .dialog-login .error-div .error-img {
    width: 35px;
    height: 35px;
    margin-right: 15px; }

.dialog-login .step-boxs {
  display: flex;
  flex-direction: row;
  gap: 57px; }
  .dialog-login .step-boxs .box {
    width: 160px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #E6EFFF; }
    .dialog-login .step-boxs .box p {
      color: #000;
      font-size: 19px;
      font-weight: 400; }
  .dialog-login .step-boxs .arrow-img {
    width: 100px; }

.dialog-login .gif-box {
  display: flex;
  flex-direction: row;
  gap: 22px;
  margin-bottom: 60px; }
  .dialog-login .gif-box .gif {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px; }
    .dialog-login .gif-box .gif p {
      color: #343434;
      font-family: Poppins;
      font-size: 17px; }
    .dialog-login .gif-box .gif img {
      width: 350px;
      height: 275px; }
    .dialog-login .gif-box .gif .active-gif {
      width: 350px;
      height: 275px;
      border-radius: 12px;
      transform: scale(1.15); }
    .dialog-login .gif-box .gif .inactive-gif {
      width: 350px;
      height: 275px; }

.dialog-login .MuiDialog-paperWidthSm {
  max-width: 1500px;
  border-radius: 20px;
  padding-left: 60px;
  padding-right: 60px; }

.dialog-login .dialog-button {
  border: none;
  cursor: pointer !important;
  margin-top: 10px; }

.userheader-paper {
  height: 60px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #6D0E814D !important;
  opacity: 1;
  border-radius: 0px !important; }

.row-reverse {
  display: flex;
  flex-direction: row;
  float: right;
  align-items: center;
  height: 100%; }

.sidediv {
  display: flex;
  align-items: center;
  justify-content: center; }

.janitri_logo {
  width: 12rem;
  padding-top: 2rem;
  padding-left: 3rem; }

.sidetext {
  font: normal normal normal 25px/33px Roboto;
  color: #656565 !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #6D0E814D !important;
  border: 0.10000000149011612px solid #F7EFF8;
  border-radius: 36px;
  text-align: center;
  width: 65%;
  padding: 0.6rem; }

.sidetext_active {
  font: normal normal normal 25px/33px Roboto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 3px 6px #6D0E814D !important;
  border: 0.10000000149011612px solid #F7EFF8;
  border-radius: 36px;
  color: #6D0E81;
  text-align: center;
  width: 65%;
  padding: 0.6rem; }

.search-paper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important;
  opacity: 1;
  padding: 1rem;
  padding-top: 0.6rem; }

.search-text {
  text-align: left;
  font: normal normal normal 20px/24px Helvetica Neue;
  letter-spacing: 0px;
  color: #646464;
  opacity: 1;
  margin-left: 1rem !important;
  margin-bottom: 0.5rem !important; }

.search-input {
  width: 100% !important;
  height: 30px;
  border: 0.1px solid #6D0E81 !important;
  border-radius: 22px !important;
  opacity: 1;
  box-shadow: inset 0px 3px 6px #6D0E814D !important; }
  .search-input:hover, .search-input:focus {
    outline: none !important;
    background: #F6F6FE !important; }

.search-image {
  height: 30px;
  margin-left: 0.5rem;
  margin-top: 0.2rem !important;
  cursor: pointer; }

.filter-paper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important;
  opacity: 1;
  padding: 1rem; }

.go_button {
  background-color: #6D0E81 !important;
  color: #fff !important;
  align-self: flex-end;
  border-radius: 22px !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  text-transform: none !important;
  font: normal normal normal;
  font-size: 18px !important;
  line-height: 22px !important;
  font-family: Helvetica Neue !important; }

.next_patients {
  background-color: #6D0E81 !important;
  color: #fff !important;
  align-self: flex-end;
  border-radius: 22px !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  text-transform: none !important;
  font: normal normal normal;
  font-size: 18px !important;
  line-height: 22px !important;
  font-family: Helvetica Neue !important;
  margin-left: 15rem !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important; }
  @media (min-width: 1200px) {
    .next_patients {
      margin-left: 17rem !important; } }
  @media (min-width: 1300px) {
    .next_patients {
      margin-left: 20rem !important; } }
  @media (min-width: 1400px) {
    .next_patients {
      margin-left: 21rem !important; } }

.previous_patients {
  background-color: #6D0E81 !important;
  color: #fff !important;
  align-self: flex-end;
  border-radius: 22px !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  text-transform: none !important;
  font: normal normal normal;
  font-size: 18px !important;
  line-height: 22px !important;
  font-family: Helvetica Neue !important;
  margin-right: 15rem !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important; }
  @media (min-width: 1200px) {
    .previous_patients {
      margin-right: 17rem !important; } }
  @media (min-width: 1300px) {
    .previous_patients {
      margin-right: 20rem !important; } }
  @media (min-width: 1400px) {
    .previous_patients {
      margin-right: 21rem !important; } }

.chip_inactive {
  width: 100%;
  height: 58px;
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 0.4px solid #6D0E81 !important;
  border-radius: 29px;
  opacity: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000 !important; }

.chip_active {
  width: 100%;
  height: 58px;
  background: #6D0E81 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 0.4px solid #6D0E81 !important;
  border-radius: 29px;
  opacity: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF !important; }

.chip_text {
  text-align: center;
  font-size: 18px !important;
  line-height: 22px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  opacity: 1; }

.basicinfo_paper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important;
  opacity: 1;
  width: 80% !important;
  margin: 2rem auto !important; }

.basicinfo_contentbox {
  opacity: 1;
  margin: 2rem !important; }

.basicinfo_center {
  justify-content: stretch; }

.fieldset {
  box-shadow: 4px 4px 6px #45454555;
  border: 2px solid #6D0E81;
  border-radius: 12px;
  opacity: 1; }

.legend {
  text-align: left;
  font: normal normal normal;
  font-size: 22px;
  line-height: 27px;
  font-family: Helvetica Neue;
  letter-spacing: 0px;
  color: #6D0E81;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin-left: 2.5rem;
  padding: 0rem 1rem; }

.hr-sect {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  font: normal normal normal;
  font-size: 22px !important;
  line-height: 27px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #6D0E81;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin: 8px 0px;
  text-shadow: 4px 4px 6px #45454555; }

.hr-sect:before,
.hr-sect:after {
  content: "";
  background: #6D0E81;
  height: 2px;
  font-size: 0px;
  line-height: 0px; }

.hr-sect:before {
  flex-grow: 0.04;
  margin-right: 16px; }

.hr-sect:after {
  flex-grow: 1;
  margin-left: 16px; }

.viewdetails_grid_container {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-left: 2.5rem; }

.grid_content_header {
  font: normal normal medium;
  font-size: 18px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: 500 !important; }

.grid_content_value {
  font: normal normal normal;
  font-size: 16px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1; }

.grid-nextln {
  grid-column-start: 1;
  grid-column-end: 4; }

.margin_nev {
  margin-left: -2.5rem; }

.margin_pev {
  margin-left: 2.5rem; }

.table_border {
  border: 1px solid #6D0E81;
  border-radius: 12px;
  opacity: 1; }

.heading_border {
  border-bottom: 1px solid #6D0E81;
  opacity: 1; }

.item_border {
  border-right: 1px solid #6D0E81;
  opacity: 1; }

.tablecontent_spacing {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: center; }

.table_grid_container {
  display: grid;
  grid-template-columns: auto auto auto; }

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

.keyar_trace_title_header {
  font-size: 1.5vw;
  border-bottom: 2px solid #6D0E81; }

.keyar_trace_title_header_bottom {
  font-size: 1.2vw; }

.keyar_trace_title_header_two {
  font-size: 1.5vw;
  border-bottom: 2px solid #6D0E81;
  max-width: 65% !important; }

.keyar_trace_logo {
  width: 6vw;
  height: 6vw;
  margin-top: 0.3rem; }

.title_content_header {
  display: flex; }

.keyar_trace_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }

.keyar_trace_column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  font-size: 1.3vw; }

.column_colon {
  margin-right: 2rem; }

.basicinfo_keyar_trace_paper {
  background: none;
  box-shadow: none !important;
  border-radius: 12px !important;
  opacity: 1;
  width: 93% !important;
  margin: 1.5rem auto !important; }

.fieldset_heading {
  box-shadow: none !important;
  border: 2px solid #6D0E81;
  border-radius: 10px !important;
  opacity: 1; }

.tab_inactive {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 0.6000000238418579px solid #6D0E81 !important;
  border-radius: 30px;
  opacity: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6D0E81 !important;
  padding: 0.8rem 2rem; }

.tab_active {
  background: #6D0E81 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 0.6000000238418579px solid #6D0E81 !important;
  border-radius: 30px;
  opacity: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF !important;
  padding: 0.8rem 2rem; }

.nst-fieldset {
  box-shadow: none !important;
  border-radius: 0px !important;
  padding: 0rem !important;
  border: 2px solid #6D0E81;
  margin: 30px;
  padding: 5px; }

.nst-legend {
  text-align: left;
  font: normal normal normal;
  font-size: 22px;
  line-height: 27px;
  font-family: Helvetica Neue;
  letter-spacing: 0px;
  color: #6D0E81;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin-left: 2.5rem;
  padding: 0rem 1rem; }

.interpretation-block {
  border: none;
  margin-top: 45px;
  box-shadow: none !important;
  border: 1px solid #6D0E81 !important;
  border-radius: 0px !important;
  opacity: 1;
  width: 20%; }

.interpretation-hr {
  border: 0.5px solid #6D0E81 !important; }

.basic-detail-keys {
  font-size: 12px;
  flex: 1;
  font-weight: bold; }

.basic-detail-value {
  font-size: 12px;
  margin-left: 5px;
  padding-left: 10px;
  width: 200px;
  margin-top: 2px; }

.basic-detail-rows {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }

p {
  margin: 0; }

.nst-header {
  padding: 2px 0px 2px 5px;
  display: flex; }

.colon {
  font-size: 12px;
  margin-right: 5px !important; }

.nst-title {
  font-size: 11px; }

.fhr_rows {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  font-weight: bold; }

.interpretation_header {
  margin-top: 1rem;
  font-size: 12px;
  color: #6D0E81;
  font-weight: bold;
  text-align: center; }

.fhr-keys {
  font-size: 10px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1; }

.fhr-value {
  font-size: 10px;
  margin-left: 5px;
  padding-left: 10px;
  width: 100px;
  margin-top: 2px; }

.fieldset-heading {
  box-shadow: none !important;
  border: 1px solid #6D0E81 !important;
  border-radius: 0px !important;
  opacity: 1;
  height: 50% !important; }

.basic-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }

.janitri-logo {
  width: 92px;
  height: 30px; }

.grid-template {
  margin: 10px 50px; }

.basic-detail {
  margin: 0px; }

.basic_detail_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }

.basic_detail_name {
  font-weight: 700;
  font-size: 12px;
  margin-left: 10px; }

.basic_detail_field {
  font-size: 12px;
  margin-left: 10px; }

.janitri_nst_logo {
  width: 92px;
  height: 30px;
  margin-left: 5px;
  margin-top: 15px; }

.nst-hr {
  border: 1px solid #6D0E81 !important;
  width: 100%; }

.patient_title {
  text-align: left;
  font: normal normal !important;
  font-size: 20px !important;
  line-height: 29px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #6D0E81;
  opacity: 1;
  font-weight: 600 !important; }

.divider_style {
  box-shadow: 0px 3px 6px #00000029;
  color: #D1D1D1;
  height: 100% !important; }

.grid_container {
  display: grid;
  grid-template-columns: auto auto auto; }

.patient_data_header {
  font: normal normal medium;
  font-size: 18px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: 500 !important; }

.patient_data {
  font: normal normal normal;
  font-size: 16px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1; }

.patient_card {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important; }

.alert_image {
  width: 62px;
  height: 62px; }

.protocol_image {
  width: 62px;
  height: 62px; }

.ambulance_image {
  width: 82px;
  height: 66px; }

.toggle_inactive {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 0.6000000238418579px solid #6D0E81 !important;
  border-radius: 30px;
  opacity: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6D0E81 !important;
  padding: 0.8rem; }

.toggle_active {
  background: #6D0E81 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 0.6000000238418579px solid #6D0E81 !important;
  border-radius: 30px;
  opacity: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF !important;
  padding: 0.8rem; }

.toggle_text {
  text-align: center;
  font-size: 18px !important;
  line-height: 22px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  opacity: 1; }

.toggle_divider {
  text-align: center;
  height: 2px;
  opacity: 1;
  width: 50px;
  background: #6D0E81 !important; }

.viewfiles_btn {
  width: 268px;
  height: 45px;
  background: transparent linear-gradient(180deg, #9C28A0 0%, #521880 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 23px !important;
  opacity: 1;
  color: #ffffff !important;
  text-transform: none !important; }

.table-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(56px, 700px));
  /* align-items: flex-start; */
  /* justify-content: normal; */
  width: 100%;
  /* background: #EEE; */
  justify-content: space-between;
}

.timeline-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(56px, 1000px));
  /* align-items: flex-start; */
  /* justify-content: normal; */
  width: 100%;
  /* background: #EEE; */
  justify-content: space-between;
}

.grid-sheet {
    display: grid;
    grid-template-columns: repeat(3, minmax(56px, 700px));
    /* align-items: flex-start; */
    /* justify-content: normal; */
    width: 100%;
    background: #EEE;
    justify-content: space-between;
}

.table-header {
    background: #000000;
    color: #ffffff;
    text-align: center;
    margin: 0px;
}

.sub-header {
  background: #888;
  color: #ffffff;
  text-align: center;
  margin: 0px;
}

.content-label{
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

.content-value {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

.double-grid {
  display: grid;
  grid-template-columns: auto auto;
  /* align-items: flex-start; */
  justify-content: space-evenly;
  width: 100%;
  background: #EEE;
}

/* @media print {  
  @page {
    size: 297mm;  */
    /* landscape */
    /* you can also specify margins here: */
    /* margin: 25mm; */
    /* margin-right: 45mm;  */
    /* for compatibility with both A4 and Letter */
  /* }
} */

/* @media print {  
  @page {
    size: 297mm 210mm;  */
    /* landscape */
    /* you can also specify margins here: */
    /* margin: 25mm; */
    /* margin-right: 45mm;  */
    /* for compatibility with both A4 and Letter */
  /* }
} */

/* style sheet for "A4" printing */
/* @media print and (width: 21cm) and (height: 29.7cm) {
  @page {
     margin: 3cm;
  }
} */
/* style sheet for "letter" printing */
/* @media print and (width: 8.5in) and (height: 11in) {
  @page {
      margin: 1in;
  }
} */

@page {
  size: A4;
  /* margin: 1rem 0rem; */
  margin-top: 9mm;
  margin-bottom: 8mm;
  margin-left: 7mm;
  margin-right: 7mm;
}
@media print {
  html,body {
    height:100vh; 
    margin: 0 !important; 
    padding: 0 !important;
    overflow: hidden;
  }
  body * {
    /* font-size: 32px; */
    font-family: Arial, Helvetica, sans-serif;
    page-break-inside: avoid;
    -webkit-print-color-adjust: exact;
    /* width: 780px; */
    /* overflow: hidden; */
  }
  .margin-section {
    margin-top: 1.5rem!important;
  }
  .table-header {
    font-size: 32px!important;
    page-break-inside: avoid;
    font-weight: 600;
  }
  .sheet-header {
    font-size: 32px!important;
    font-weight: 600;
  }
  .content-label{
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
    page-break-inside: avoid;
  }
  .content-value {
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
    page-break-inside: avoid;
  }
  .print_parto_section {
    /* width: 100%!important;
    zoom: 1; */
  }
  .print_postparto_section {
    zoom: 1!important;
    width: 100%!important;
  }
  .page {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
  }

  /* #printable{display:block;width: 100%;position: absolute;top: 0;left: 0;} */
  #wrapper{display:none;}
  body * {
    visibility: hidden;
  }

  #printable, #printable * {
    visibility: visible;
  }

  #printable {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  #printable .heading h2{margin:10px;text-align:center;}
  #printable .popup-content-table{width:100%;}
  #printable .popup-content-table td, #printable .popup-content-table th{border: 1px solid #000;padding:3px 8px;}
  #printable .printable-detail-block{background: #EEE !important;margin: 20px 10px;-webkit-print-color-adjust: exact;page-break-inside: avoid;}
  #printable .printable-detail-block .block-heading{padding: 0px;font-size: 20px;font-weight: bold;background: #000 !important;color: #FFF !important;-webkit-print-color-adjust: exact;text-align:center;}
  #printable .data-entries-table, #printable .patient-status-table{width:100%;page-break-inside: avoid;}
  #printable .data_entries{overflow:hidden;}
  #printable .tab-sub-block{page-break-inside: avoid;}
  #printable .tab-sub-heading{background: #888 !important;border-radius: 0px;color: #fff!important;font-weight: bold;text-align: center;padding:2px;}
  #printable .doctor-sign{float:right;margin-top:40px;font-weight:bold;}
  #printable .data-entries-table th, .post-partum-detail-table th, .patient-event-table th, .apgar-score-detail-table th{padding:2px;}
}

/* @media print {
    body * {
      visibility: hidden;
    }
    #section-to-print, #section-to-print * {
      visibility: visible;
    }
    #section-to-print {
      position: absolute;
      margin: 0 auto;
    }
} */

/* @media print {
    #printable{display:block;width: 100%;position: absolute;top: 0;left: 0;}
    #wrapper{display:none;}

    #printable .heading h2{margin:10px;text-align:center;}
    #printable .popup-content-table{width:100%;}
    #printable .popup-content-table td, #printable .popup-content-table th{border: 1px solid #000;padding:3px 8px;}
    #printable .printable-detail-block{background: #EEE !important;margin: 20px 10px;-webkit-print-color-adjust: exact;page-break-inside: avoid;}
    #printable .printable-detail-block .block-heading{padding: 0px;font-size: 20px;font-weight: bold;background: #000 !important;color: #FFF !important;-webkit-print-color-adjust: exact;text-align:center;}
    #printable .data-entries-table, #printable .patient-status-table{width:100%;page-break-inside: avoid;}
    #printable .data_entries{overflow:hidden;}
    #printable .tab-sub-block{page-break-inside: avoid;}
    #printable .tab-sub-heading{background: #888 !important;border-radius: 0px;color: #fff!important;font-weight: bold;text-align: center;padding:2px;}
    #printable .doctor-sign{float:right;margin-top:40px;font-weight:bold;}
    #printable .data-entries-table th, .post-partum-detail-table th, .patient-event-table th, .apgar-score-detail-table th{padding:2px;}

} */
.patient_title {
  text-align: left;
  font: normal normal !important;
  font-size: 20px !important;
  line-height: 29px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #6D0E81;
  opacity: 1;
  font-weight: 600 !important; }

.divider_style {
  box-shadow: 0px 3px 6px #00000029;
  color: #D1D1D1;
  height: 100% !important; }

.grid_container {
  display: grid;
  grid-template-columns: auto auto auto; }

.patient_data_header {
  font: normal normal medium;
  font-size: 18px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: 500 !important; }

.patient_data {
  font: normal normal normal;
  font-size: 16px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1; }

.patient_card {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important; }

.report_filter_container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-row-gap: 1rem; }

.report_filter_paper {
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important; }

.filter-input {
  height: 40px;
  border: 0.1px solid #6D0E81;
  border-radius: 22px !important;
  opacity: 1;
  box-shadow: inset 0px 3px 6px #6D0E814D !important; }
  .filter-input:hover, .filter-input:focus {
    outline: none !important;
    background: #F6F6FE !important; }

.filter-text {
  text-align: left;
  font: normal normal normal 20px/24px Helvetica Neue;
  letter-spacing: 0px;
  color: #646464;
  opacity: 1;
  margin-left: 2rem !important;
  margin-bottom: 0.5rem !important; }

.report_buttons {
  width: 175px;
  height: 45px;
  background: transparent linear-gradient(180deg, #9C28A0 0%, #521880 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 23px !important;
  opacity: 1;
  color: #ffffff !important;
  text-transform: none !important; }

.uppercase {
  text-transform: capitalize; }

.circular_style {
  color: #6D0E81 !important;
  padding-bottom: 2rem; }

.tablet-paper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important;
  opacity: 1; }

.tablet-grid {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 2rem; }

.tablet-header {
  text-align: left;
  font: normal normal medium;
  font-size: 20px !important;
  line-height: 25px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  background: #6D0E81 0% 0% no-repeat padding-box;
  border-radius: 12px 12px 0px 0px;
  padding: 1rem 1rem 1rem 2rem;
  font-weight: 500 !important; }

.item-header {
  font: normal normal medium;
  font-size: 18px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: 500 !important; }

.item-content {
  font: normal normal normal;
  font-size: 16px !important;
  line-height: 32px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1; }

.user-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px; }

.analytics-padding {
  padding: 0.5rem 2rem; }

.covid-paper {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important; }

.fieldset {
  box-shadow: 4px 4px 6px #45454555;
  border: 2px solid #6D0E81;
  border-radius: 12px;
  opacity: 1;
  padding: 2rem; }

.analytics-legend {
  text-align: left;
  font: normal normal normal;
  font-size: 22px;
  line-height: 27px;
  font-family: Helvetica Neue;
  letter-spacing: 0px;
  color: #6D0E81;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin-left: 2rem;
  padding: 0rem 1rem; }

.covid-circle-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.covid-circle {
  margin: auto 1rem;
  border-radius: 50%;
  box-shadow: -8px 11px 10px #00000029;
  background-image: linear-gradient(to right top, #98E3FF 10%, #D0FFD7 60%, #ffffff 80%);
  padding: 1.5rem; }

.inner-covid-circle {
  box-shadow: inset -8px 11px 10px #00000029;
  background: #fff;
  height: 300px;
  width: 300px;
  line-height: 300px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.covid-figure {
  font: normal normal normal;
  font-size: 48px !important;
  line-height: 74px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029; }

.covid-text {
  font: normal normal normal;
  font-size: 18px !important;
  line-height: 24px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029; }

.covid-progress-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto 1rem; }

.outer-linear-progress {
  height: 30px;
  background-color: #fff;
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  box-shadow: -2px 3px 6px #00000029;
  padding: 0px 8px; }

.progress-label {
  font: normal normal normal;
  font-size: 18px !important;
  line-height: 24px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center;
  margin: 0.5rem !important; }

.progress-value-label {
  font: normal normal normal;
  font-size: 18px !important;
  line-height: 96px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  margin: 0.5rem !important; }

.deliveries-paper {
  width: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 12px !important; }

.deliveries-circle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.deliveries-circle {
  border-radius: 50%;
  box-shadow: -8px 11px 10px #00000029;
  width: 100%;
  background: linear-gradient(40deg, #ECEDFD, #F696FC, #FFFFFF);
  padding: 1.5rem;
  cursor: pointer; }

.inner-deliveries-circle {
  box-shadow: inset -8px 11px 10px #00000029;
  background: #fff;
  height: 300px;
  width: 300px;
  line-height: 300px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.deliveries-partograph-paper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 3px 4px 6px #4545454D !important;
  border: 0.6000000238418579px solid #e5a0f3;
  border-radius: 12px !important;
  width: 100%;
  cursor: pointer;
  justify-content: space-evenly;
  align-items: center;
  width: 540px; }

.deliveries-partograph-figure {
  font: normal normal normal;
  font-size: 32px !important;
  line-height: 50px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029; }

.deliveries-partograph-label {
  font: normal normal normal;
  font-size: 17px !important;
  line-height: 20px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  width: max-content; }

.deliveries-other-card {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 3px 4px 6px #4545454D !important;
  border: 0.6px solid #e5a0f3 !important;
  border-radius: 12px !important;
  margin: auto 0.5rem;
  cursor: pointer;
  align-items: center; }

.deliveries-other-figure {
  font: normal normal normal;
  font-size: 32px !important;
  line-height: 50px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: left; }

.deliveries-other-label {
  font: normal normal normal;
  font-size: 17px !important;
  line-height: 20px !important;
  font-family: Helvetica Neue !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029; }

.family-planning-paper {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 4px 4px 6px #45454555 !important;
  border-radius: 12px !important; }

.family-other-paper {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 3px 4px 6px #4545454D !important;
  border: 0.6px solid #6D0E81 !important;
  border-radius: 12px !important;
  cursor: pointer; }

.family-circle-container {
  display: flex;
  align-items: center;
  justify-content: center; }

.family-circle {
  border-radius: 50%;
  box-shadow: -8px 11px 10px #00000029;
  background: linear-gradient(30deg, #FFFFFF, #2CFFE2, #FFFFFF);
  padding: 1.5rem;
  cursor: pointer; }

.inner-family-circle {
  box-shadow: inset -8px 11px 10px #00000029;
  background: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 250px;
  width: 250px;
  line-height: 250px; }

.family-figure {
  font: normal normal normal;
  font-size: 36px !important;
  line-height: 48px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center; }

.family-text {
  font: normal normal normal;
  font-size: 16px !important;
  line-height: 26px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center; }

.family-other-figure {
  font: normal normal normal;
  font-size: 38px !important;
  line-height: 50px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center; }

.family-other-text {
  font: normal normal normal;
  font-size: 17px !important;
  line-height: 20px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center; }

.antenatal-progress-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.grid-3 {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  justify-content: space-evenly;
  width: 100%; }

.child-birth-figure {
  font: normal normal normal;
  font-size: 32px !important;
  line-height: 57px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center; }

.child-birth-label {
  font: normal normal normal;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: Roboto !important;
  letter-spacing: 0px;
  color: #000000;
  text-shadow: 0px 3px 6px #00000029;
  text-align: center; }

.neonatal-square {
  margin: auto 1rem;
  border-radius: 12px;
  box-shadow: -4px 3px 8px #00000029;
  background: linear-gradient(300deg, #FF8D8D, #FFFFFF, #FF8D8D);
  padding: 0.3rem;
  cursor: pointer; }

.inner-neonatal-square {
  box-shadow: inset -4px 3px 8px #00000029;
  background: #fff;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFF5F5; }

.child-circle {
  margin: auto 1rem;
  border-radius: 50%;
  box-shadow: -8px 11px 10px #00000029;
  background: linear-gradient(52deg, #ECEDFD, #EEA7FD, #FFFFFF);
  padding: 0.5rem;
  cursor: pointer; }

.inner-child-circle {
  box-shadow: inset -8px 11px 10px #00000029;
  background: #fff;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.child-death-circle {
  margin: auto 1rem;
  border-radius: 50%;
  box-shadow: -8px 11px 10px #00000029;
  background: linear-gradient(50deg, #FFE5F0, #FD516C, #FFFFFF);
  padding: 0.5rem;
  cursor: pointer; }

.inner-child-death-circle {
  box-shadow: inset -8px 11px 10px #00000029;
  background: #fff;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.sex-ratio-circle {
  margin: auto 1rem;
  border-radius: 50%;
  box-shadow: -8px 11px 10px #00000029;
  background: #FFF;
  padding: 0.5rem; }

.inner-sex-ratio-circle {
  box-shadow: inset -8px 11px 10px #00000029;
  background: #fff;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%; }

.root {
  background: #FFFFFF; }

.title_content_header {
  display: flex; }

.nst-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 70%; }

.nst-row-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }

.nst-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  font-size: 1.3vw; }

.row-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 80%; }

.row-interpret {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }

.row-interpret-second-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 70%; }

.column-index {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  font-size: 1vw; }

.column-colon {
  margin-right: 2rem; }

.column-colon-index {
  margin-right: 1rem;
  margin-left: 1rem; }

.basicinfo_nst_paper {
  background: none;
  box-shadow: none !important;
  border-radius: 12px !important;
  opacity: 1;
  width: 80% !important;
  margin: 1.5rem auto !important; }

.nst_heading {
  background: none;
  box-shadow: none;
  border-radius: 5rem;
  border: 1px solid #6D0E81;
  opacity: 1;
  width: 5rem !important; }

.basicinfo_contentbox {
  opacity: 1;
  margin: 2rem !important; }

.basicinfo_center {
  justify-content: stretch; }

.nst_title {
  font-size: 1.3vw;
  margin-bottom: 0.2rem; }

.nst_interpretation_title {
  font-size: 1.5vw;
  font-weight: bold; }

.nst_title_header {
  font-size: 1.5vw;
  border-bottom: 2px solid #6D0E81; }

.nst_title_header_two {
  font-size: 1.5vw;
  border-bottom: 2px solid #6D0E81;
  max-width: 65% !important; }

.nst_title_header_bottom {
  font-size: 1.2vw; }

.nst_interpretation_header {
  font-size: 1.5vw;
  border-bottom: 2px solid #6D0E81;
  color: #6D0E81;
  font-weight: bold; }

.nst_image_one {
  width: 8px;
  height: 12px;
  margin-top: 0.2rem; }

.nst_image_fetal_movement {
  width: 30px;
  height: 30px; }

.nst_image_fetal_movement_icon {
  width: 20px;
  height: 20px;
  margin-top: 0.4rem; }

.nst_image_fetal_movement_connector {
  margin-top: -1.2rem;
  border: 1px solid #6D0E81; }

.nst_image_fetal_movement_connector_icon {
  margin-top: -1rem;
  border: 1px solid #6D0E81; }

.nst_logo {
  width: 6vw;
  height: 6vw;
  margin-top: 0.3rem; }

.nst_index {
  font-size: 0.8vw; }

.nst_fetal_movement_time {
  font-size: 0.8vw;
  margin-left: -0.5rem;
  margin-top: 1rem; }

.vl {
  border-left: 2px solid #6D0E81; }

.fieldset {
  box-shadow: none !important;
  border-radius: 0px !important;
  padding: 0rem !important; }

.fieldset_heading {
  box-shadow: none !important;
  border: 2px solid #6D0E81;
  border-radius: 0px !important;
  opacity: 1;
  height: 100%; }

.legend {
  text-align: left;
  font: normal normal normal;
  font-size: 22px;
  line-height: 27px;
  font-family: Helvetica Neue;
  letter-spacing: 0px;
  color: #6D0E81;
  text-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin-left: 2.5rem;
  padding: 0rem 1rem; }

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

@media (max-width: 600px) {
  .MuiGrid-grid-xs-12 {
    flex-basis: 50% !important; }
  #report-title-header {
    display: none; } }