/* @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
} */

.debug {
  opacity: 0.4;
  background: red;
}

/*  ============  common start   ============ */
body {
  overflow-y: scroll;
  height: 100%;
  margin: 0;
}

input:focus {
  outline: none;
}

.ndrg {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}


.backGroundBox {
  width: 100%;
  height: auto;
  background: #092d59;
}

.mainContainer {
  position: relative;
  width: auto;
  max-height: 100%;
  top: 0;
  left: 0;
}

.backGroundImage {
  width: auto;
  height: 100%;
  position: absolute;
}

#back_button {
  width: 10.6%;
  bottom: 0.8%;
  left: 74.5%;
  position: absolute;
  display: none;
}

#next_button {
  width: 10.6%;
  bottom: 0.8%;
  left: 85.5%;
  position: absolute;
  display: none;
}

#dottedLine {
  width: 0.24vh;
  bottom: 0.8%;
  left: 85.5%;
  position: absolute;
  display: none;
}

#btn_nav {
  width: 21.5%;
  bottom: 0.8%;
  left: 74.5%;
  position: absolute;
  /* display: none; */
}

.row_x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-13 {
  display: inline block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.667%;
  flex: 0 0 66.667%;
  max-width: 66.667%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.offset-md-4_5 {
  margin-left: 38%;
}

.offset-md-4 {
  margin-left: 33.33%;
}

.offset-md-3_5 {
  margin-left: 26.835% !important;
}

.offset-md-3 {
  margin-left: 25%;
}

.offset-md-2_5 {
  margin-left: 18.835%;
}

.offset-md-2 {
  margin-left: 16.666667%;
}

.offset-sm-1_5 {
  margin-left: 12.333333%;
}

.offset-sm-1 {
  margin-left: 8.333333%;
}

.model_background {
  width: 100%;
  height: 100%;
  background: white;
  position: absolute;
  opacity: 0.9;
  top: 0vh;
}


.blur {
  opacity: 0.4;
}

.hide {
  display: none;
}

.invisible {
  opacity: 0;
}

.clk {
  cursor: pointer;
}

.clearInput {
  position: absolute;
  cursor: pointer;
  width: 3.5vh;
  height: 3.5vh;
  border-radius: 2vh;
}

.btn,
.radioButton,
.checkbox,
.card_preview,
.card_Img,
.draggable,
.switch_btn,
#header_dropdown_content2_resources_1_Screen,
#provider_dropdown_content2_resources_1_Screen {
  cursor: pointer;
}

.padding-top {
  padding-top: 2vh;
}

#logo_div_click {
  position: absolute;
  width: 14vh;
  height: 6vh;
  top: 2vh;
  left: 6vh;
}

/*  ============  common end   ============ */
/*  ============  main menu start   ============ */

#main_menu {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 103;
}

#main_menu_button {
  width: 5vh;
  height: 5vh;
  top: 2.3%;
  left: 93%;
  position: absolute;
  /* z-index: 1; */
}

#close_main_menu {
  width: 5vh;
  height: 5vh;
  top: 2%;
  left: 93%;
  position: absolute;
}

#order_status_menu {
  width: 21vh;
  height: 5vh;
  top: 11%;
  left: 94vh;
  position: absolute;
}

#tranning_manuel_menu {
  width: 22vh;
  height: 5vh;
  top: 18.5%;
  left: 94vh;
  position: absolute;
}

#need_help_menu {
  width: 20vh;
  height: 5vh;
  top: 26%;
  left: 94vh;
  position: absolute;
}

#restart_menu {
  width: 25vh;
  height: 8vh;
  top: 43%;
  left: 76.9%;
  position: absolute;
}


#restartScreen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
  background: #ffffffba;
  z-index: 999;
}

#copyright {
  position: absolute;
  /* width: 81.5vh;
  top: 94vh; */
  left: 4%;
  width: 73.5vh;
  top: 95.3vh;
  z-index: 100;
  background: white;
}

#signatureImg {
  width: 69.5vh;
  position: absolute;
  top: 94vh;
  left: 4%;
  /* z-index: 100; */
  background: white;
}

#signatureImg_attr {
  width: 42.5vh;
  position: absolute;
  top: 95.5vh;
  left: 4%;
  z-index: 100;
  background: white;
}

#signatureImg_ped_scd {
  width: 39.5vh;
  position: absolute;
  top: 94.8vh;
  left: 4%;
  /* z-index: 100; */
  background: white;
}

#restart_model_img {
  position: absolute;
  width: 75vh;
  top: 27vh;
  left: 33vh;
}

#close_btn_restartScreen {
  position: absolute;
  width: 5vh;
  height: 5vh;
  top: 31vh;
  left: 98.5vh;
  border-radius: 3vh;
}

#cancel_btn_restartScreen {
  position: absolute;
  width: 16.5vh;
  height: 3vh;
  top: 56vh;
  left: 43vh;
}

#approve_btn_restartScreen {
  position: absolute;
  width: 16.5vh;
  height: 3vh;
  top: 56vh;
  left: 73vh;
}

#orderStatusScreen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
  background: #ffffffba;
  z-index: 999;
}

#restart_model_img {
  position: absolute;
  width: 75vh;
  top: 27vh;
  left: 33vh;
}

#close_btn_orderStatusScreen {
  position: absolute;
  width: 5vh;
  height: 5vh;
  top: 31vh;
  left: 98.5vh;
  border-radius: 3vh;
}

#cancel_btn_orderStatusScreen {
  position: absolute;
  width: 16.5vh;
  height: 3vh;
  top: 56vh;
  left: 43vh;
}

#approve_btn_orderStatusScreen {
  position: absolute;
  width: 16.5vh;
  height: 3vh;
  top: 56vh;
  left: 73vh;
}

/*  ============  main menu  end   ============ */
/*  ============  splashScreen start   ============ */


#start_menu_button {
  width: 21vh;
  height: 9vh;
  top: 90vh;
  left: 107.5vh;
  position: absolute;
}

#input_splashScreen {
  width: 39%;
  height: 3%;
  position: absolute;
  top: 74%;
  left: 10%;
  border: none;
  font-size: 3vh;
  font-family: Gotham-Book;
}

#inputClear_splashScreen {
  bottom: 22.6%;
  left: 51.5%;
}

/*  ============  splashScreen end   ============ */
/*  ============  demographics start   ============ */

#demographics {
  width: 90%;
  height: 80%;
  padding-top: 13%;
  padding-left: 5%;
}

#firstname_input_demographics {
  width: 50%;
  height: 3%;
  position: absolute;
  top: 49%;
  left: 22%;
  border: none;
  font-size: 2vh;
  font-family: Gotham-Book;
}

#clear_firstname_input_demographics {
  bottom: 47.7%;
  right: 29vh;
}

#lastname_input_demographics {
  width: 50%;
  height: 3%;
  position: absolute;
  top: 61%;
  left: 22%;
  border: none;
  font-size: 2vh;
  font-family: Gotham-Book;
}

#clear_lastname_input_demographics {
  bottom: 35.7%;
  right: 29vh;
}

#practicename_input_demographics {
  width: 50%;
  height: 3%;
  position: absolute;
  top: 73%;
  left: 22%;
  border: none;
  font-size: 2vh;
  font-family: Gotham-Book;
}

#clear_practicename_input_demographics {
  bottom: 23.7%;
  right: 29vh;
}

#back_button_overlay {
  width: 10%;
  bottom: 0.3%;
  left: 74%;
  position: absolute;
  height: 7%;
  opacity: 0.5;
  background: white;
  display: none;
}

#next_button_overlay {
  width: 12%;
  bottom: 0.3%;
  left: 85.5%;
  position: absolute;
  height: 7%;
  opacity: 0.5;
  background: white;
  display: none;
}

/*  ============  demographics end   ============ */

/*  ============  disease_state_Screen start   ============ */
#disease_state_Screen {
  width: 80%;
  height: 80%;
  padding-top: 13%;
  padding-left: 10%;
}

#attr_disease_state_Screen {
  position: absolute;
  cursor: pointer;
  border-radius: 1vh;
  width: 45.3vh;
  height: 15.6vh;
  top: 38vh;
  left: 16vh;
}

#sickle_cell_disease_state_Screen {
  position: absolute;
  cursor: pointer;
  border-radius: 1vh;
  width: 46vh;
  height: 15.4vh;
  top: 38.1vh;
  left: 71.3vh;
  opacity: 0.5;
  /* background: #f4f3f3; */
}

/*  ============  disease_state_Screen end   ============ */

/*  ============  optionScreen_attr start   ============ */
#optionScreen_attr {
  width: 90%;
  height: 80%;
  padding-top: 13%;
  padding-left: 5%;
}

.optionScreen_attr_overlay {
  position: absolute;
  width: 121vh;
  top: 17vh;
  left: 6vh;
  /* opacity: 0.5; */
}

#paitent_education_div_optionScreen_attr {
  position: absolute;
  width: 29vh;
  height: 33vh;
  top: 39vh;
  left: 8vh;
  /* width: 41vh;
  height: 47vh;
  top: 36vh;
  left: 12vh; */
  cursor: pointer;
}

#professional_education_div_optionScreen_attr {
  position: absolute;
  top: 39vh;
  left: 50vh;
  cursor: pointer;
  width: 29vh;
  height: 33vh;
}

#managment_toolkit_div_optionScreen_attr {
  position: absolute;
  width: 39vh;
  height: 25vh;
  top: 43vh;
  left: 86vh;
  /* width: 59vh;
  height: 37vh;
  top: 42vh;
  left: 65vh; */
  cursor: pointer;
  /* background: #f4f3f3a3; */
}

/*  ============  optionScreen_attr end   ============ */


/*  ============  optionScreen_sickleCell start   ============ */
.background_select_audience_Screen_scd {
  width: 100%;
  position: absolute;
  top: 14%;
}

#optionScreen_sickleCell {
  width: 90%;
  height: 80%;
  padding-top: 13%;
  padding-left: 5%;
}

.optionScreen_sickleCell_overlay {
  position: absolute;
  width: 121vh;
  top: 17vh;
  left: 6vh;
  /* opacity: 0.5; */
}

#paitent_education_div_optionScreen_sickleCell {
  position: absolute;
  width: 29vh;
  height: 33vh;
  top: 39vh;
  left: 8vh;
  cursor: pointer;
}

#professional_education_div_optionScreen_sickleCell {
  position: absolute;
  top: 39vh;
  left: 50vh;
  cursor: pointer;
  width: 30vh;
  height: 33vh;
  /* background: #f4f3f3a3; */
}

#managment_toolkit_div_optionScreen_sickleCell {
  position: absolute;
  width: 39vh;
  height: 25vh;
  top: 43vh;
  left: 86vh;
  cursor: pointer;
  background: #faf9f8c2;
}

#pediatric_audience_Screen_scd {
  position: absolute;
  width: 37vh;
  height: 39vh;
  top: 37vh;
  left: 20vh;
  cursor: pointer;
}

#teen_adult_audience_Screen_scd {
  position: absolute;
  width: 37vh;
  height: 39vh;
  top: 37vh;
  left: 79vh;
  cursor: pointer;
}

/*  ============  optionScreen_sickleCell end   ============ */

/*  ============  orderstatus start   ============ */
#orderstatus {
  width: 92%;
  height: 75%;
  padding-top: 10.6%;
  padding-left: 4%;
  font-family: "GothamNarrow-Book";
}

#orderStatusTitle {
  width: 47%;
}

#orderStatusfooter {
  position: absolute;
  top: 94vh;
  left: 7vh;
  width: 116vh;
}

/* ------order_preview_modal----- */
#order_preview_modal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
  background: #ffffffd9;
}

#order_storyboard_preview_modal,
#order_storyboard_scd_preview_modal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
  background: #ffffffd9;
}


#order_preview {
  position: absolute;
  width: 122vh;
  top: 9vh;
  left: 6vh;
}

#close_order_preview_modal {
  position: absolute;
  top: 12.3vh;
  right: 8.7vh;
  width: 5.2vh;
  height: 5.2vh;
}

#close_order_storyboard_preview_modal,
#close_order_storyboard_scd_preview_modal {
  position: absolute;
  top: 12.3vh;
  right: 8.7vh;
  width: 5.2vh;
  height: 5.2vh;
}

#version_order_preview_modal {
  position: absolute;
  top: 59.5vh;
  left: 80vh;
  width: 24.7vh;
  height: 5.6vh;
  display: none;
}

#version_order_storyboard_preview_modal,
#inprogress_order_storyboard_preview_modal,
#version_order_storyboard_scd_preview_modal,
#inprogress_order_storyboard_scd_preview_modal {
  position: absolute;
  top: 66vh;
  left: 21vh;
  width: 24.7vh;
  height: 5.6vh;
}

#version_order_storyboard_preview_modal,
#version_order_storyboard_scd_preview_modal {
  display: none;
}

#inprogress_order_preview_modal {
  position: absolute;
  top: 59.5vh;
  left: 65vh;
  width: 24.7vh;
  height: 5.6vh;
  display: none;
}

#viewPrint_order_preview_modal {
  position: absolute;
  top: 48.5vh;
  left: 75vh;
  width: 8.7vh;
  height: 2.6vh;
}

#makechange_order_storyboard_preview_modal,
#makechange_order_storyboard_scd_preview_modal  {
  position: absolute;
  top: 66vh;
  left: 21vh;
  width: 24.7vh;
  height: 5.6vh;
  display: none;
}

#makechange_order_preview_modal {
  position: absolute;
  top: 59.5vh;
  left: 65vh;
  width: 24.7vh;
  height: 5.6vh;
  display: none;
}

#approve_order_storyboard_preview_modal,
#approve_order_storyboard_scd_preview_modal {
  position: absolute;
  top: 66vh;
  left: 51vh;
  width: 24.7vh;
  height: 5.6vh;
  display: none;
}

#approve_order_preview_modal {
  position: absolute;
  top: 59.5vh;
  left: 94vh;
  width: 24.7vh;
  height: 5.6vh;
  display: none;
}


#openPreview_order_storyboard_preview_modal,
#openPreview_order_storyboard_scd_preview_modal {
  position: absolute;
  top: 83vh;
  left: 96vh;
  width: 22vh;
  height: 5.6vh;
}

#openPreview_order_preview_modal {
  position: absolute;
  top: 83vh;
  left: 96vh;
  width: 22vh;
  height: 5.6vh;
}



.order_Preview_img_resources_Screen {
  position: absolute;
  width: 41vh;
  top: 23.5vh;
  left: 19vh;
  /* border: solid 1px; */
  background: white;
  box-shadow: 0px 0px 4px 0px grey;
  display: none;
}

.txt_order_preview {
  color: black;
  text-transform: capitalize;
  font-family: Gotham-Bold;
  font-size: 2.1vh;
}

#orderNo_order_storyboard_preview,
#orderNo_order_storyboard_scd_preview {
  /* position: absolute;
  top: 13.8vh;
  left: 39.4vh;
  width: 8.5vh;
  height: 5vh;
  font-size: 4.7vh;
  text-align: right;
  color: #0000c9; */
  position: relative;
  top: 0vh;
  right: 0vh;
  height: 5vh;
  font-size: 4.7vh;
  text-align: right;
  color: #0000c9;
}

.order_div_order_preview {
  position: absolute;
  top: 13.5vh;
  left: 44vh;
  height: 5vh;
  font-size: 4.7vh;
}

#orderNo_order_preview {
  position: relative;
  top: 0vh;
  right: 0vh;
  height: 5vh;
  font-size: 4.7vh;
  text-align: right;
  color: #0000c9;
}

#orderVersion_order_preview {
  position: relative;
  left: 0vh;
  font-size: 3.5vh;
  color: #0000c9;
  align-self: flex-end;
}

#orderNo_order_print_preview {
  position: absolute;
  top: 13.5vh;
  left: 42vh;
  width: 9vh;
  height: 5vh;
  font-size: 4.7vh;
  text-align: right;
  color: #0000c9;
}

.order_div_order_storyboard_preview,
.order_div_order_storyboard_scd_preview {
  position: absolute;
  top: 14vh;
  left: 41.8vh;
  height: 5vh;
  font-size: 4.7vh;
}

#orderVersion_order_print_preview {
  position: absolute;
  top: 14.1vh;
  left: 51.3vh;
  width: 14vh;
  height: 5vh;
  font-size: 4vh;
  color: #0000c9;
}

#orderVersion_order_storyboard_preview,
#orderVersion_order_storyboard_scd_preview {
  /* position: absolute;
  top: 14.3vh;
  left: 48vh;
  width: 14vh;
  height: 5vh;
  font-size: 4vh;
  color: #0000c9; */
  position: relative;
  left: 0vh;
  font-size: 3.5vh;
  color: #0000c9;
  align-self: flex-end;
}

#hcp_name_order_storyboard_preview,
#hcp_name_order_storyboard_scd_preview {
  position: absolute;
  top: 26vh;
  left: 88vh;
  width: 27vh;
  height: 5vh;
}

#hcp_name_order_preview {
  position: absolute;
  top: 26vh;
  left: 67vh;
  width: 27vh;
  height: 5vh;
}

#disease_state_order_storyboard_preview,
#disease_state_order_storyboard_scd_preview {
  position: absolute;
  top: 33.6vh;
  left: 88vh;
  width: 14vh;
  height: 5vh;
}

#disease_state_order_preview {
  position: absolute;
  top: 33.6vh;
  left: 67vh;
  width: 21vh;
  height: 5vh;
}

#resource_name_order_storyboard_preview,
#resource_name_order_storyboard_scd_preview {
  position: absolute;
  top: 41vh;
  left: 88vh;
  width: 27vh;
  height: 5vh;
}

#customer_name_order_storyboard_preview,
#customer_name_order_storyboard_scd_preview {
  position: absolute;
  top: 48.5vh;
  left: 88vh;
  width: 27vh;
  height: 5vh;
}

#resource_name_order_preview {
  position: absolute;
  top: 41vh;
  left: 67vh;
  width: 27vh;
  height: 5vh;
}

#order_date_order_storyboard_preview,
#order_date_order_storyboard_scd_preview {
  position: absolute;
  top: 58.5vh;
  left: 88vh;
  width: 14vh;
  height: 5vh;
}

#order_date_order_preview {
  position: absolute;
  top: 26vh;
  left: 96.7vh;
  width: 14vh;
  height: 5vh;
}

#shipment_date_order_storyboard_preview,
#shipment_date_order_storyboard_scd_preview {
  position: absolute;
  top: 43.3vh;
  left: 96.7vh;
  width: 14vh;
  height: 5vh;
}

#shipment_date_order_preview {
  position: absolute;
  top: 36vh;
  left: 96.7vh;
  width: 14vh;
  height: 5vh;
}

#deliver_order_storyboard_preview,
#deliver_order_storyboard_scd_preview {
  position: absolute;
  top: 48.5vh;
  left: 67vh;
  width: 8vh;
  height: 5vh;
}

#deliver_order_preview {
  position: absolute;
  top: 48.5vh;
  left: 67vh;
  width: 8vh;
  height: 5vh;
}

#status_order_storyboard_preview,
#status_order_storyboard_scd_preview {
  position: absolute;
  top: 65.7vh;
  left: 88vh;
  width: 14vh;
  height: 5vh;
}


#status_order_preview {
  position: absolute;
  top: 56vh;
  left: 67vh;
  width: 14vh;
  height: 5vh;
}

/* -----finalize_order_modal------ */

#finalize_order_modal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffffcc;
}

#img_finalize_order_modal {
  width: 52.5%;
  top: 27%;
  position: absolute;
  left: 24.7%;
}

#close_finalize_order_modal {
  position: absolute;
  top: 31%;
  left: 94vh;
  width: 4.5vh;
  height: 4.5vh;
}

#cancle_finalize_order_modal {
  width: 11.3%;
  height: 2.6%;
  top: 54.2%;
  left: 32%;
  position: absolute;
}


#approve_finalize_order_modal {
  width: 11.3%;
  height: 2.6%;
  top: 54.2%;
  left: 48%;
  position: absolute;
}

/* ----------- */
/*  ============  orderstatus end   ============ */
/*  ============  resource_list start   ============ */

#List_select_resources_Screen {
  width: 75.2%;
  padding-left: 15.7%;
  top: 28%;
  position: absolute;
}

.card_title {
  color: blue;
  padding: 4%;
}

.card_Img {
  width: 66%;
}

.card_preview {
  padding-top: 7.5%;
  padding-left: 6%;
  padding-bottom: 0%;
  opacity: 0;
  width: 13vh;
}

.selected {
  border: blue 0.8vh solid;
  margin: -0.8vh;
}

#background_select_resources_Screen {
  width: 100%;
  position: absolute;
  top: 14%;
}

#map_resource_r1 {
  position: absolute;
  width: 98.5vh;
  left: 24.3vh;
  top: 1vh;
}

/* card_preview {
  position: absolute;
  top: 118%;
  padding: 10px;
} */
/*  ============  resource_list end   ============ */
/*  ============  resource 1 start   ============ */

#r1_preview,
#r2_preview,
#r3_preview,
#r4_preview,
#revieworder_preview {
  position: absolute;
  top: 12vh;
  left: 0;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

#revieworder_content1,
#revieworder_content1_attr_prof {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  display: none;
  /* opacity: 0.4; */
}

#revieworder_choose_print_Screen_with_print {
  position: absolute;
  top: 12vh;
  left: 19%;
  width: 77%;
  height: 80vh;
  display: none;
  /* opacity: 0.4; */
}

#revieworder_resource_submitted {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  display: none;
  /* opacity: 0.4; */
}

#revieworder_resource_submitted_with_print {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  display: none;
  /* opacity: 0.4; */
}

.mailto_txt_review {
  position: absolute;
  top: 37.5vh;
  left: 0vh;
  width: 60vh;
  height: 5vh;
  font-family: 'RobotoMono-Medium';
  font-size: 1.8vh;
}

.print_txt_review {
  position: absolute;
  top: 46.8vh;
  left: 17.5vh;
  width: 43vh;
  height: 5vh;
  font-family: 'Gotham-bold';
  font-size: 2vh;
  color: #0096ff;
}

.print_txt_review_f {
  position: absolute;
  top: 46.8vh;
  left: 17.5vh;
  width: 43vh;
  height: 5vh;
  font-family: 'Gotham-bold';
  font-size: 2vh;
  color: #0096ff;
}

.print_txt_review_attr_prof {
  position: absolute;
  top: 43.5vh;
  left: 8.5vh;
  width: 43vh;
  height: 5vh;
  font-family: 'Gotham-bold';
  font-size: 2vh;
  color: #0096ff;
}

#one_resources_slide,
#two_resources_slide,
#three_resources_slide,
#four_resources_slide,
#five_resources_slide,
#six_resources_slide,
#seven_resources_slide,
#eight_resources_slide,
#nine_resources_slide,
#logo_resources_slide_prof,
#one_resources_slide_prof,
#two_resources_slide_prof,
#three_resources_slide_prof {
  top: 5.9vh;
  left: 9.5vh;
  position: absolute;
  width: 50.8vh;
  height: 66vh;
}


#r1_content1,
#r1_content2,
#r1_content3,
#r1_content4,
#r1_content5 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

#r2_content1,
#r2_content2 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

#r3_content1,
#r3_content2,
#r3_content3 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}


#r4_content1,
#r4_content2,
#r4_content3,
#r4_content4 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

#preview_resources_1_Screen,
#preview_resources_2_Screen,
#preview_resources_3_Screen,
#preview_resources_4_Screen {
  position: relative;
  width: 50.7vh;
  top: 0.4vh;
  left: 0vh;
  box-shadow: 0px 0px 60px 3px #bbbbbbaa;
}

#preview_orderScreen {
  position: absolute;
  width: 50.7vh;
  top: 5.9vh;
  left: 9.5vh;
}

#title_content1_resources_1_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

#img1_content_resources_1_Screen {
  width: 42vh;
  position: absolute;
  top: 19vh;
}

#img2_content_resources_1_Screen {
  width: 42vh;
  position: absolute;
  top: 42vh;
}

#img1_content_resources_1_Screen img,
#img2_content_resources_1_Screen img {
  box-shadow: 0px 0px 50px 3px #bebebe;
}


#title_content4_resources_3_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: -1vh;
}

#title_content2_resources_1_Screen,
#title_content3_resources_1_Screen,
#title_content4_resources_1_Screen,
#title_content5_resources_1_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

#title_content1_resources_2_Screen,
#title_content2_resources_2_Screen,
#title_content2_resources_4_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}


#title_content4_resources_4_Screen {
  width: 58vh;
  position: absolute;
  top: 5.1vh;
  left: 0;
}

#title_content1_resources_3_Screen,
#title_content2_resources_3_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

#img1_conten2_resources_3_Screen {
  position: absolute;
  width: 37vh;
  top: 33.6vh;
  left: 26vh;
}

#one_resources_complete {
  /* height: 100vh; */
}

#previeworder_storyboard_complete_modal,
#previeworder_timeline_complete_modal {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
  background: rgba(255, 255, 255, 90%);
}

#img_one_resources_complete {
  width: 93.5%;
  left: 6vh;
  position: absolute;
  top: 12.2vh;
}

#img_last_resources_complete {
  width: 93.5%;
  left: 6vh;
  position: absolute;
  top: 12.2vh;
  z-index: 1;
}

#img_two_resources_complete {
  width: 93.5%;
  left: 6vh;
  position: absolute;
  top: 12.2vh;
}

#next_button_one_resources_complete,
#next_button_two_resources_complete,
#next_button_one_resources_complete_attr_prof,
#next_button_two_resources_complete_attr_prof,
#next_button_three_resources_complete_attr_prof {
  width: 21vh;
  bottom: 15vh;
  right: 13vh;
  position: absolute;
  height: 7%;
  opacity: 0;
}

#back_button_one_resources_complete,
#back_button_two_resources_complete,
#back_button_one_resources_complete_attr_prof,
#back_button_two_resources_complete_attr_prof,
#back_button_three_resources_complete_attr_prof {
  width: 15vh;
  bottom: 16vh;
  right: 35vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
}


.r1_img {
  position: relative;
  top: -66.1vh;
  left: 0vh;
  width: 50.8vh;
}


.cancle_r1_header {
  position: absolute;
  width: 3vh;
  right: -1.5vh;
  top: 2vh;
  cursor: pointer;
}

/*  ============  resource 1 end   ============ */




.information.draggable {
  width: 42vh !important;
  margin-top: 35px !important;
  /*margin-top: 35px !important;46*/
  /*margin-top: 15px !important;*/
}


.information.droppable.dropped img {
  /* background-color: white; */
}

/* .information.droppable img {
  height: 85px;
  position: relative;
  left: -10px;
  top: -25px;
  width: 346px;
} */

.images.information img {
  width: 288px;
  border: 1px solid #9c9c9c !important;
  height: 69px;
  margin-top: -12px;
}

.dropdown_box_header {
  border: 0.5vh solid #c1c1c15e;
  ;
  background: white;
  font-family: "RobotoMono-Medium";
  color: rgb(0, 149, 255);
  font-size: 2vh;
  width: 58vh;
  top: 20vh;
  position: absolute;
  z-index: 101;
  border-radius: 0.5vh;
  padding-left: 1vh;
}

.dropdown_box_provider {
  border: 0.5vh solid #c1c1c15e;
  ;
  background: white;
  font-family: "RobotoMono-Medium";
  color: rgb(0, 149, 255);
  font-size: 2vh;
  width: 58vh;
  top: 5.2vh;
  position: absolute;
  z-index: 100;
  border-radius: 0.5vh;
  padding-left: 1vh;
}

.option1_txt_h,
.option1_txt_p {
  cursor: pointer;
}

.option2_txt_h,
.option2_txt_p {
  cursor: pointer;
}

.option3_txt_h,
.option3_txt_p {
  cursor: pointer;
}

.option4_txt_h,
.option4_txt_p {
  cursor: pointer;
}

.option5_txt_p {
  cursor: pointer;
}

.option6_txt_p {
  cursor: pointer;
}

.option7_txt_p {
  cursor: pointer;
}

.option8_txt_p {
  cursor: pointer;
}

.option9_txt_p {
  cursor: pointer;
}

.option10_txt_p {
  cursor: pointer;
}

.option11_txt_p {
  cursor: pointer;
}

.dpdn_content2_resources_1_Screen {
  position: absolute;
  top: 17vh;
}

#dp_dn_content2_resources_1_Screen {
  position: absolute;
  top: -1vh;
  width: 58vh;
  height: 3.8vh;
  opacity: 0.7;
  font-size: 2vh;
}

#header_dropdown_content2_resources_1_Screen {
  position: absolute;
  top: 16.1vh;
  height: 3.8vh;
  left: 0vh;
  width: 58vh;
  font-family: "RobotoMono-Medium";
  font-size: 1vh;
  background: #fff;
  overflow: hidden;
}

#provider_dropdown_content2_resources_1_Screen {
  position: absolute;
  top: 11.1vh;
  height: 3.8vh;
  left: 0vh;
  width: 58vh;
  font-family: "RobotoMono-Medium";
  font-size: 1vh;
  background: #fff;
  overflow: hidden;
}

.dropdown_header {
  position: absolute;
  top: 16.1vh;
  height: 3.8vh;
  left: 1vh;
  width: 57vh;
  font-family: "RobotoMono-Medium";
  font-size: 1vh;
  background: #fff;
  overflow: hidden;
}

.dropdown_header .dropdown_selector {
  position: absolute;
  top: 2.5vh;
  height: 3.8vh;
}

.dropdown_header .dropdown_selector select {
  background: transparent;
  line-height: 1;
  border: 0;
  padding: 0;
  border-radius: 0;
  width: 57vh;
  position: relative;
  z-index: 10;
  font-size: 1vh;
}

#dropdown_img_content2_resources_1_Screen {
  position: absolute;
  top: 2.5vh;
  left: 0.1vh;
  width: 58vh;
  z-index: 1;
  display: none;
}

.r1_header {
  position: relative;
  top: -83.5vh;
  left: 2.2vh;
  width: 23vh;
  /* z-index: 50; */
}

/* .logo_div IMG {
  background: transparent;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
} */

.logoImg,
.logoImg_p {
  background: transparent;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}

.r_logo {
  position: absolute;
  top: 1.35vh;
  right: 0.4vh;
  text-align: right;
  display: block;
  width: 9vh;
  height: 3vh;
}

.r1_logo {
  position: absolute;
  top: 1.6vh;
  right: 1.5vh;
  text-align: right;
  width: 9vh;
  height: 5vh;
}

.r_logo_layer_prof {
  position: absolute;
  top: 62.5vh;
  right: 3vh;
  text-align: right;
  background: #ffffff;
  width: 6.5vh;
  height: 2.5vh;
}

/* .r1_logo_layer_prof,
.r2_logo_layer_prof,
.r3_logo_layer_prof {
  position: absolute;
  top: 68.5vh;
  right: 8vh;
  text-align: right;
  background: #ffffff;
  width: 6.5vh;
  height: 2.5vh;
} */

.r_logo_layer,
.r1_logo_layer,
.r2_logo_layer,
.r3_logo_layer,
.r4_logo_layer,
.r5_logo_layer,
.r6_logo_layer,
.r7_logo_layer,
.r8_logo_layer {
  position: absolute;
  top: 61.5vh;
  right: 3vh;
  text-align: right;
  background: #ffffff;
  width: 6.5vh;
  height: 4vh;
}

.r2_logo {
  position: absolute;
  top: 1.6vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 5vh;
}


.r3_logo {
  position: absolute;
  top: 1.6vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 5vh;
}

.r4_logo {
  position: absolute;
  top: 1.6vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 5vh;
}

.provider_content2_resources_1_Screen {
  position: absolute;
  top: 29vh;
}

#header_txt_r1 {
  width: 50vh;
  position: absolute;
  top: 16.7vh;
  left: 1vh;
  font-family: "RobotoMono-Medium";
  color: rgb(0, 0, 78);
  z-index: 2;
  font-size: 2vh;
  text-overflow: clip;
  overflow: hidden;
}

#provider_txt_r1 {
  width: 50vh;
  position: absolute;
  top: 1.8vh;
  left: 1vh;
  font-family: "RobotoMono-Medium";
  color: rgb(0, 0, 78);
  z-index: 2;
  font-size: 2vh;
  text-overflow: clip;
  overflow: hidden;
}

#provider_img_content2_resources_1_Screen {
  width: 58vh;
  position: absolute;
  top: 1vh;
  left: 0px;
}

#input_provider_content2_resources_1_Screen {
  border-width: 0px;
  font-family: 'RobotoMono-Medium';
  color: rgb(0, 0, 78);
  font-size: 2.2vh;
  width: 51vh;
  top: 1.3vh;
  position: absolute;
  left: 1vh;
}

#clear_provider_content2_resources_1_Screen {
  top: 1.5vh;
  left: 54vh;
}

.r1_provider {
  position: relative;
  top: -85vh;
  left: 2.2vh;
  width: 21vh;
  font: 1.3vh RobotoMono-Medium;
  color: black;
}

.radio_round_button {
  top: 20.6vh;
  left: 5.4vh;
}

.radio_round_button.active {
  left: 8.2vh;
}

/* ----------- */

.r1_symptoms.draggable {
  height: 10vh;
}


.r1_symptoms.droppable.dropped img {
  background-color: white;
}

.r1_symptoms.droppable.dropped {
  display: none;
}

.r1_symptoms_list {
  width: 42.5vh;
  position: absolute;
  height: 46vh;
  top: 20.3vh;
  left: 2.2vh;
}

.r1_symptoms_dp {
  position: relative;
  width: 49.5vh;
  min-height: 13vh;
  top: -73.7vh;
  left: 2vh;

  /* position: relative;
  width: 50.5vh;
  min-height: 13vh;
  top: -73.7vh;
  left: 15px; */
}

.r1_symptoms_dp_special {
  top: 40.3vh !important;
}

.cancle_r1_Symptoms {
  width: 1.3vh;
  cursor: pointer;
  /* position: relative;
  right: 1.3vh;
  bottom: 4.3vh; */
  position: absolute;
  margin-left: -1.3vh;
  margin-top: -0.3vh;
}

/* .one_r1_Symptoms {
  left: 10.8vh !important;
  bottom: 13.1vh !important;
}

.two_r1_Symptoms {
  left: 0vh !important;
  bottom: 8.8vh !important;
}

.three_r1_Symptoms {
  left: -.8vh !important;
  bottom: 4.5vh !important;
} */

.radioButton {
  position: absolute;
  width: 2.5vh;
}


.r1_c5_radio_round_button {
  top: 15.6vh;
  left: 5.4vh;
}

.r1_c5_radio_round_button.active {
  left: 7.5vh;
}

.r2_c1_radio_round_button {
  top: 15.8vh;
  left: 5.4vh;
}

.r2_c1_radio_round_button.active {
  left: 7.8vh;
}

/* .r1_symptoms img{
  width : 100%
} */

.r1_symptom {
  position: relative;
  top: -75vh;
  height: 13.7vh;
}

.r1_footer {
  position: relative;
  top: -75.5vh;
  left: 0vh;
  width: 50.8vh;
}

.symptoms_d2,
.symptoms_d3,
.symptoms_d4,
.symptoms_d5,
.symptoms_d6 {
  /* display: none; */
}


.r1_symptoms.droppable {
  height: 6.5vh;
  text-align: center;
}

#upload_content0_resources_0_Screen,
#upload_content3_resources_1_Screen,
#upload_content2_resources_2_Screen,
#upload_content1_resources_3_Screen,
#upload_content2_resources_4_Screen {
  width: 43.5vh;
  position: absolute;
  top: 25vh;
  left: 9px;
  display: none;
}

#logofilepicker_r0_attr_prof {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

#logofilepicker_r1 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

#logofilepicker_r2 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

#logofilepicker_r3 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

.logo_r1_content3,
.logo_r2_content2,
.logo_r3_content1,
.logo_r4_content2,
.logo_r5_content2,
.logo_r6_content1,
.logo_r7_content2,
.logo_r8_content1 {
  position: absolute;
  width: 34vh;
  height: auto;
  top: 37vh;
  left: 9vh;
  border: 0.1vh solid black;
  text-align: center;
  background-color: white;
  display: none;
}

.cancle_logo_r0_content1_attr_prof,
.cancle_logo_r1_content3,
.cancle_logo_r2_content2,
.cancle_logo_r3_content1,
.cancle_logo_r4_content2,
.cancle_logo_r5_content2,
.cancle_logo_r6_content1,
.cancle_logo_r7_content2,
.cancle_logo_r8_content1 {
  position: absolute !important;
  width: 3vh;
  right: -1.5vh;
  top: 2vh;
  cursor: pointer;
}

.blank_customization {
  /* height: 79%; */
}

#preview2_resources_1_Screen,
#preview2_resources_3_Screen {
  position: absolute;
  width: 43.7vh;
  top: 21.7vh;
  left: 16.5vh;
  box-shadow: 0px 0px 60px 3px #bbbbbbaa;
}

#preview2_resources_2_Screen {
  position: absolute;
  width: 43.7vh;
  top: 21.7vh;
  left: 16.5vh;
  box-shadow: 0px 0px 60px 3px #bbbbbbaa;
}


.r1_p1_img {
  position: absolute;
  top: 21.7vh;
  left: 16.5vh;
  width: 43.6vh;
}

.r1_p1_header {
  position: absolute;
  top: 29.4vh;
  left: 18.8vh;
  width: 19vh;
}

.r1_p1_provider {
  position: absolute;
  top: 36.8vh;
  left: 18.8vh;
  width: 18vh;
  font: 1.1vh RobotoMono-Medium;
}

.logoFileName {
  position: absolute;
  font-family: "RobotoMono-Medium";
  font-size: 2.2vh;
  color: rgb(0, 0, 78);
  top: 25.5vh;
  left: 17vh;
  background-color: transparent;
  display: none;
  width: 23vh;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.r1_p1_logo {
  position: absolute;
  top: 23.4vh;
  right: 73.2vh;
  text-align: right;
  width: 9vh;
  height: 3vh;
}

.r1_p_logo_layer,
.r2_p_logo_layer,
.r3_p_logo_layer,
.r4_p_logo_layer,
.r5_p_logo_layer,
.r6_p_logo_layer,
.r7_p_logo_layer,
.r8_p_logo_layer,
.r9_p_logo_layer,
.r10_p_logo_layer,
.r11_p_logo_layer {
  position: absolute;
  top: 74.5vh;
  left: 52.5vh;
  text-align: right;
  background: #ffffff;
  width: 5.5vh;
  height: 2.8vh;
}

.r2_p1_logo {
  position: absolute;
  top: 23.2vh;
  right: 73.2vh;
  text-align: right;
  width: 9vh;
  height: 4vh;
}

.r1_p1_footer {
  position: absolute;
  top: 59.5vh;
  left: 16.4vh;
  width: 44vh;
}

.r1_p1_symptoms_dp {
  position: absolute;
  width: 40.5vh;
  height: 5vh;
  top: 48.8vh;
  left: 20.5vh;
}

.r1_p1_symptoms.droppable {
  height: 6vh;
  text-align: center;
}

#WT_check_r3_content2 {
  position: absolute;
  width: 2.4vh;
  top: 20vh;
  left: 0.8vh;
  opacity: 0;
}

#Hereditary_check_r3_content2 {
  position: absolute;
  width: 2.4vh;
  top: 34.5vh;
  left: 0.7vh;
  opacity: 0;
}

#Hereditary1_check_r3_content2 {
  position: absolute;
  width: 2.4vh;
  top: 34.5vh;
  left: 26.8vh;
  opacity: 0;
}

#Hereditary2_check_r3_content2 {
  position: absolute;
  width: 2.4vh;
  top: 40.5vh;
  left: 26.8vh;
  opacity: 0;
}

.checkbox.active {
  opacity: 1 !important;
}

.r3_type {
  position: relative;
  top: -54.5vh;
  left: 3.5vh;
  width: 46vh;
}

.r3_type_p {
  position: absolute;
  top: 32vh;
  left: 18.5vh;
  width: 40vh;
  margin-left: 0vh;
}

.r3_type_1 {
  display: none;
  max-width: 48.5%;
  padding-left: 0.7vh;
  /* margin-left: 1vh; */
}

.r3_type_2 {
  display: none;
  margin-left: 0.3vh;
  max-width: 48.5%;
}

.r3_type_customization {
  border: 1px solid #9c9c9c2e;
}

.r3_img {
  position: relative;
  top: -54vh;
  left: 3vh;
  width: 44.4vh;
}

.r3_img_p {
  position: absolute;
  top: 57vh;
  left: 19vh;
  width: 38.5vh;
}

.r3_logo_p {
  position: absolute;
  top: 23.2vh;
  right: 73.5vh;
  text-align: right;
  width: 8vh;
  height: 4vh;
}

.r3_footer_list {
  position: absolute;
  width: 53.5vh;
  height: 46vh;
  top: 25.3vh;
}

.r3_footer.draggable {
  height: 14.5vh
}

.r3_footer.draggable img {
  box-shadow: 0px 0px 60px 3px #bbbbbbaa;
}

.cancle_r3_footer {
  position: absolute;
  width: 1.8vh;
  right: -1vh;
  top: 3.8vh;
  cursor: pointer;
}

#back_button_three_resources_complete {
  width: 15vh;
  bottom: 15vh;
  right: 34vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
}

#next_button_three_resources_complete {
  width: 21vh;
  bottom: 14vh;
  right: 12vh;
  position: absolute;
  height: 7%;
  opacity: 0;
}

#r4_content1 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
}

#title_content1_resources_4_Screen {
  width: 60vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

.r4_c1_radio_round_button {
  top: 15.5vh;
  left: 5.1vh;
}

.r4_c1_radio_round_button.active {
  left: 7.7vh;
}

.r4_type {
  position: relative;
  top: -59.5vh;
  left: 2vh;
  width: 49vh;
}

.r4_type_p {
  position: absolute;
  top: 35vh;
  left: 18.5vh;
  width: 40.6vh;
}

#logofilepicker_r4 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

.check_r4_content3 {
  position: absolute;
  width: 2.4vh;
  left: 2.2vh;
  opacity: 0;
}

#check_r4_content3_1 {
  top: 19.1vh;
  left: 2.2vh;
}

#check_r4_content3_2 {
  top: 26.9vh;
  left: 2.2vh;
}

#check_r4_content3_3 {
  top: 34.4vh;
  left: 2.2vh;
}

#check_r4_content3_4 {
  top: 42.2vh;
  left: 2.2vh;
}

#check_r4_content3_5 {
  top: 50.4vh;
  left: 2.2vh;
}

#check_r4_content3_6 {
  top: 19.1vh;
  left: 44vh;
}

#check_r4_content3_7 {
  top: 26.9vh;
  left: 44vh;
}

#check_r4_content3_8 {
  top: 35vh;
  left: 44vh;
}

#check_r4_content3_9 {
  top: 42.8vh;
  left: 44vh;
}

#check_r4_content3_10 {
  top: 50vh;
  left: 44vh;
}

#check_r4_content3_11 {
  top: 58.4vh;
  left: 44vh;
}

.r4_c3_radio_round_button {
  top: 68.7vh;
  left: 5.4vh;
}

.r4_c3_radio_round_button.active {
  left: 7.4vh;
}

.symptom_img {
  width: 36%;
  position: absolute;
  display: none;
}

.r4_symptom_img1 {
  top: 0.5vh;
  left: 6.5vh;
}

.r4_symptom_img2 {
  top: 6.1vh;
  left: 5.6vh;
}

.r4_symptom_img3 {
  top: 12.1vh;
  left: 5.6vh;
}

.r4_symptom_img4 {
  top: 6.1vh;
  left: 4.95vh;
}

.r4_symptom_img5 {
  top: 24.7vh;
  left: 4.2vh;
}

.r4_symptom_img6 {
  top: 0.5vh;
  left: 24.8vh;
}

.r4_symptom_img7 {
  top: 5.0vh;
  left: 24.1vh;
}

.r4_symptom_img8 {
  top: 9vh;
  left: 23.9vh;
}

.r4_symptom_img9 {
  top: 13.9vh;
  left: 28.9vh;
}

.r4_symptom_img10 {
  top: 13.8vh;
  left: 23.9vh;
}

.r4_symptom_img11 {
  top: 24.3vh;
  left: 25.7vh;
}


.r4_box_img_1 {
  position: absolute;
  width: 1vh;
  top: 1vh;
  left: -4.5vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_2 {
  position: absolute;
  width: 1vh;
  top: 1vh;
  left: -3.6vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_3 {
  position: absolute;
  width: 1vh;
  top: 1vh;
  left: -3.6vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_4 {
  position: absolute;
  width: 1vh;
  top: 13vh;
  left: -3vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_5 {
  position: absolute;
  width: 1vh;
  top: 1vh;
  left: -2.2vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_6 {
  position: absolute;
  width: 1vh;
  top: 1.2vh;
  left: 20.94vh;
  border: 0.2vh solid;
  border-radius: 4px;

}

.r4_box_img_7 {
  position: absolute;
  width: 1vh;
  top: 1.6vh;
  left: 21.6vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_8 {
  position: absolute;
  width: 1vh;
  top: 0.7vh;
  left: 21.79vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_9 {
  position: absolute;
  width: 1vh;
  top: 1vh;
  left: 16.77vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_10 {
  position: absolute;
  width: 1vh;
  top: 5.5vh;
  left: 21.75vh;
  border: 0.2vh solid;
  border-radius: 4px;
}


.r4_box_img_11 {
  position: absolute;
  width: 1vh;
  top: 1.5vh;
  left: 19.9vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_c5_radio_round_button {
  top: 15.6vh;
  left: 5.4vh;
}

.r4_c5_radio_round_button.active {
  left: 7.7vh;
}

.r4_header {
  position: relative;
  width: 50vh;
  top: -58.9vh;
  left: 0vh;
}

.r4_header_p {
  position: absolute;
  width: 44vh;
  top: 27.5vh;
  left: 16vh;
}

.r4_logo_p {
  position: absolute;
  top: 23.2vh;
  right: 73.5vh;
  text-align: right;
  width: 8vh;
  height: 4vh;
}

.r4_footer {
  position: relative;
  width: 49.7vh;
  top: -59.5vh;
  left: 0vh;
}

.r4_footer_4 {
  top: -58.85vh !important;
}

.r4_footer_p {
  position: absolute;
  width: 44vh;
  top: 60vh;
  left: 16.5vh;
}

.symptom_img_p {
  width: 38%;
  position: absolute;
  display: none;
}

.r4_symptom_img1_p {
  top: 0.5vh;
  left: 4.7vh;
}

.r4_symptom_img2_p {
  top: 5.1vh;
  left: 3.8vh;
}

.r4_symptom_img3_p {
  top: 10.1vh;
  left: 3.2vh;
  width: 16.5vh;
}

.r4_symptom_img4_p {
  top: 5.1vh;
  left: 3.1vh;
}

.r4_symptom_img5_p {
  top: 20.6vh;
  left: 2.8vh;
}

.r4_symptom_img6_p {
  top: 0.3vh;
  left: 20.8vh;
}

.r4_symptom_img7_p {
  top: 4.0vh;
  left: 20.1vh;
}

.r4_symptom_img8_p {
  top: 7.5vh;
  left: 19.9vh;
}

.r4_symptom_img9_p {
  top: 11.5vh;
  left: 24.2vh;
}

.r4_symptom_img10_p {
  top: 11.8vh;
  left: 19.9vh;
}

.r4_symptom_img11_p {
  top: 20vh;
  left: 21.5vh;
}

.r4_box_img_1_p {
  position: absolute;
  width: 0.9vh;
  top: 1.1vh;
  left: -3.1vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_2_p {
  position: absolute;
  width: 0.9vh;
  top: 1.1vh;
  left: -2.2vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_3_p {
  position: absolute;
  width: 0.9vh;
  top: 1.5vh;
  left: -1.6vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_4_p {
  position: absolute;
  width: 0.9vh;
  top: 11.5vh;
  left: -1.5vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_5_p {
  position: absolute;
  width: 0.9vh;
  top: 0.8vh;
  left: -1.2vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_6_p {
  position: absolute;
  width: 0.9vh;
  top: 1.25vh;
  left: 18.8vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_7_p {
  position: absolute;
  width: 0.9vh;
  top: 1.5vh;
  left: 19.5vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_8_p {
  position: absolute;
  width: 0.9vh;
  top: 1.5vh;
  left: 19.7vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_9_p {
  position: absolute;
  width: 0.9vh;
  top: 0.7vh;
  left: 15.4vh;
  border: 0.2vh solid;
  border-radius: 4px;
}

.r4_box_img_10_p {
  position: absolute;
  width: 0.9vh;
  top: 5vh;
  left: 19.7vh;
  border: 0.2vh solid;
  border-radius: 4px;
}


.r4_box_img_11_p {
  position: absolute;
  width: 0.9vh;
  top: 1.5vh;
  left: 18.1vh;
  border: 0.2vh solid;
  border-radius: 4px;
}


#back_button_four_resources_complete {
  width: 15vh;
  bottom: 15vh;
  right: 34vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
}

#next_button_four_resources_complete {
  width: 21vh;
  bottom: 14vh;
  right: 12vh;
  position: absolute;
  height: 7%;
  opacity: 0;
}


.r5_header {
  position: relative;
  width: 51vh;
  top: -60.5vh;
  left: 0vh;
}

.r5_header_p {
  position: absolute;
  width: 44vh;
  top: 26.5vh;
  left: 16.5vh;
}

#r5_preview {
  position: absolute;
  top: 12vh;
  left: 0;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

.r5_logo {
  position: absolute;
  top: 1.6vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 4vh;
}

.r5_logo_p {
  position: absolute;
  top: 23.2vh;
  right: 73.5vh;
  text-align: right;
  width: 8vh;
  height: 4vh;
}


.r5_img {
  position: absolute;
  top: 45.9vh;
  left: 14.6vh;
  width: 40.4vh;
}

.r5_img_p {
  position: absolute;
  top: 55.5vh;
  left: 20.6vh;
  width: 35vh;
}

#r5_content1,
#r5_content2,
#r5_content3 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
}

#title_content1_resources_5_Screen {
  width: 61vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

.r5_c1_radio_round_button {
  top: 15.6vh;
  left: 5.1vh;
}

.r5_c1_radio_round_button.active {
  left: 7.7vh;
}


.r5_c3_radio_round_button {
  top: 15.6vh;
  left: 5.1vh;
}

.r5_c3_radio_round_button.active {
  left: 7.7vh;
}

#upload_content2_resources_5_Screen {
  width: 43.5vh;
  position: absolute;
  top: 25vh;
  left: 9px;
  display: none;
}

#title_content2_resources_5_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

#logofilepicker_r5 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

.r5_type_p {
  position: absolute;
  top: 33vh;
  left: 22.5vh;
  width: 35.6vh;
}

.r5_img_p {
  position: absolute;
  top: 55.5vh;
  left: 20.6vh;
  width: 35vh;
}

#back_button_five_resources_complete {
  width: 15vh;
  bottom: 15vh;
  right: 34vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
}

#next_button_five_resources_complete {
  width: 21vh;
  bottom: 14vh;
  right: 12vh;
  position: absolute;
  height: 7%;
  opacity: 0;
}

.r5_footer {
  position: relative;
  width: 51vh;
  top: -29vh;
  left: -0.5vh;
}

.r5_footer_5 {
  top: -28.5vh !important;
}

.r5_footer_p {
  position: absolute;
  width: 43vh;
  top: 61.9vh;
  left: 16vh;
}







#r6_preview {
  position: absolute;
  top: 12vh;
  left: 0;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

.r6_logo {
  position: absolute;
  top: 1.6vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 5vh;
}

.r6_logo_p {
  position: absolute;
  top: 23.2vh;
  right: 73.5vh;
  text-align: right;
  width: 8vh;
  height: 4vh;
}

#r6_content1,
#r6_content2,
#r6_content3 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
}

#title_content1_resources_6_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

#upload_content1_resources_6_Screen {
  width: 43.5vh;
  position: absolute;
  top: 25vh;
  left: 9px;
  display: none;
}

#logofilepicker_r6 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

/* .r6_img {
  position: absolute;
  top: 26vh;
  left: 14.6vh;
  width: 38.6vh;
} */

.r6_tests_d1 .droppable_symptopms {
  position: relative;
  left: 3.6vh;
  width: 38.6vh;
}

.r6_tests_d2 .droppable_symptopms {
  position: relative;
  left: 3.6vh;
  width: 38.6vh;
}

.r6_tests_d3 .droppable_symptopms {
  position: relative;
  left: 3.6vh;
  width: 38.6vh;
}

.r6_img {
  position: relative;
  top: -54.7vh;
  left: 1.5vh;
  width: 47.6vh;
}

.r6_test_list {
  position: absolute;
  width: 62.5vh;
  height: 43vh;
  top: 18.3vh;
}

.r6_footer {
  position: relative;
  top: -19.8vh;
  left: 3vh;
  width: 44.9vh;
}

.r6_p_footer {
  position: absolute;
  top: 61.5vh;
  left: 19vh;
  width: 39vh;
}

.r6_c3_radio_round_button {
  top: 15.6vh;
  left: 5.4vh;
}

.r6_c3_radio_round_button.active {
  left: 7.5vh;
}

.r6_tests.droppable.dropped img {
  background-color: white;
}

.r6_tests.droppable.dropped {
  display: none;
}

.r6_img_p {
  position: absolute;
  top: 39.5vh;
  left: 16.5vh;
  width: 43.6vh;
}

.r6_tests_p1 img {
  position: relative;
  left: 4.6vh;
  width: 32vh;
}

.r6_tests_p2 img {
  position: relative;
  left: 4.6vh;
  width: 32vh;
}

.r6_tests_p3 img {
  position: relative;
  left: 4.6vh;
  width: 32vh;
}

#back_button_six_resources_complete {
  width: 15vh;
  bottom: 15vh;
  right: 34vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
}

#next_button_six_resources_complete {
  width: 21vh;
  bottom: 14vh;
  right: 12vh;
  position: absolute;
  height: 7%;
  opacity: 0;
}









#r7_preview {
  position: absolute;
  top: 12vh;
  left: 0;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

.r7_header {
  position: relative;
  width: 51vh;
  top: -60.5vh;
  left: 0vh;
  height: 8.8vh;
}

.r7_header_p {
  position: absolute;
  width: 44vh;
  top: 26.5vh;
  left: 16.5vh;
}

.r7_logo {
  position: absolute;
  top: 1.6vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 5vh;
}

.r7_logo_p {
  position: absolute;
  top: 23.2vh;
  right: 73.5vh;
  text-align: right;
  width: 8vh;
  height: 4vh;
}

.r7_img {
  position: relative;
  top: -73.2vh;
  left: 2vh;
  width: 45vh;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 1.3vh;
}

.r7_footer {
  position: relative;
  top: -27.8vh;
  left: -1vh;
  width: 50.9vh;
  height: 9.5vh;
}

.r7_p_footer {
  position: absolute;
  top: 62.3vh;
  left: 16vh;
  width: 42vh;
}

.r7_c3_radio_round_button {
  top: 15.6vh;
  left: 5.4vh;
}

.r7_c3_radio_round_button.active {
  left: 7.5vh;
}

/* .r7_tests_d1 img{
  position: relative;
  left: 3.6vh;
  width: 38.6vh;
}

.r7_tests_d2 img{
  position: relative;
  left: 3.6vh;
  width: 38.6vh;
} */

.r7_tests.droppable.dropped img {
  /* background-color: white; */
}

.r7_tests.droppable.dropped {
  display: none;
}

.r7_img_p {
  position: absolute;
  top: 31.8vh;
  left: 20.5vh;
  width: 39.2vh;
}

/* .r7_tests_p1 img{
  position: relative;
  left: 6.6vh;
  width: 32vh;
}

.r7_tests_p2 img{
  position: relative;
  left: 6.6vh;
  width: 32vh;
} */

#r7_content1,
#r7_content2,
#r7_content3,
#r7_content4 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
}


#title_content1_resources_7_Screen,
#title_content2_resources_7_Screen,
#title_content3_resources_7_Screen,
#title_content4_resources_7_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}


#upload_content2_resources_7_Screen {
  width: 43.5vh;
  position: absolute;
  top: 25vh;
  left: 9px;
  display: none;
}

#logofilepicker_r7 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

.r7_test_list {
  position: absolute;
  width: 54vh;
  height: 43vh;
  top: 23.3vh;
  left: 2.6vh;
}


.r7_c1_radio_round_button1 {
  top: 16.2vh;
  left: 5.4vh;
}

.r7_c1_radio_round_button1.active {
  left: 8vh;
}

.r7_c1_radio_round_button2 {
  top: 30.8vh;
  left: 5.4vh;
}

.r7_c1_radio_round_button2.active {
  left: 8vh;
}

#preview1_resources_7_Screen {
  position: absolute;
  width: 43.7vh;
  top: 21.7vh;
  left: 16.5vh;
  background: white;
  box-shadow: 0px 0px 50px 3px #bebebe;
}



#back_button_seven_resources_complete {
  width: 15vh;
  bottom: 15vh;
  right: 34vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
}

#next_button_seven_resources_complete {
  width: 21vh;
  bottom: 14vh;
  right: 12vh;
  position: absolute;
  height: 7%;
  opacity: 0;
}







#r8_preview {
  position: absolute;
  top: 12vh;
  left: 0;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

.r8_logo {
  position: absolute;
  top: 1.6vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 5vh;
}

.r8_logo_p {
  position: absolute;
  top: 23.2vh;
  right: 73.5vh;
  text-align: right;
  width: 8vh;
  height: 4vh;
}

#r8_content1,
#r8_content2,
#r8_content3 {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
}

#title_content1_resources_8_Screen {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

#upload_content1_resources_8_Screen {
  width: 43.5vh;
  position: absolute;
  top: 25vh;
  left: 9px;
  display: none;
}

#logofilepicker_r8 {
  position: absolute;
  top: 25vh;
  left: 0.5vh;
  height: 4vh;
  width: 15vh;
  opacity: 0;
  display: none;
}

.r8_test_list {
  position: absolute;
  width: 50vh;
  height: 43vh;
  top: 23.3vh;
  left: 1.2vh;
}

.r8_tests_d1 .droppable_symptopms {
  position: relative;
  width: 15.6vh;
}

.r8_tests_d2 .droppable_symptopms {
  position: relative;
  width: 15.6vh;
}

.r8_tests_d3 .droppable_symptopms {
  position: relative;
  width: 15.6vh;
}

.r8_tests.droppable.dropped img {
  background-color: white;
}

.r8_tests.droppable.dropped {
  display: none;
}

.r8_img {
  position: relative;
  top: -32.9vh;
  left: 1.5vh;
  width: 47.6vh;
  margin-right: 0px;
  margin-left: 0px;
  opacity: 0;
}

#r8_content3_background {
  position: absolute;
  top: 12vh;
  width: 100%;
}

#r8_content3_background img {
  width: 100%;
  position: absolute;
  top: 5.5vh;
}


.r8_c1_radio_round_button1 {
  top: 13.2vh;
  left: 50vh;
}

.r8_c1_radio_round_button1.active {
  left: 52.4vh;
}

.r8_c1_radio_round_button2 {
  top: 20.38vh;
  left: 50vh;
}

.r8_c1_radio_round_button2.active {
  left: 52.4vh;
}

.r8_c1_radio_round_button3 {
  top: 27.65vh;
  left: 50vh;
}

.r8_c1_radio_round_button3.active {
  left: 52.4vh;
}

.r8_footer {
  position: relative;
  top: -19.3vh;
  left: 0vh;
  width: 50.7vh;
  display: none;
  z-index: 1;
}

.r8_footer img {
  position: absolute;
  top: 1.5vh;
  left: 0vh;
}

.r8_footer_title {
  display: none;
}

.r8_footer_message {
  top: 5.9vh !important;
  /* left: 4vh !important; */
  padding-left: 2.6vh;
  width: 45vh;
  display: none;
}

#r8_footer_hcpname {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 56%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

textarea:focus-visible {
  outline-offset: 0px;
  outline: -webkit-focus-ring-color auto 0px;
}

#r8_content3 input {
  padding-block: 0px !important;
  padding-inline: 0px !important;
}

#r8_footer_hcpname2 {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 58.7%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#clear_r8_footer_hcpname {
  bottom: 39%;
  right: 8vh;
}

#r8_footer_contactinfo {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 68%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#r8_footer_contactinfo2 {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 70.5%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#clear_r8_footer_contactinfo {
  bottom: 26.7%;
  right: 8vh;
}

#r8_footer_how2access {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 80.5%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#r8_footer_how2access2 {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 83%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#clear_r8_footer_how2access {
  bottom: 15.5%;
  right: 8vh;
}

.r8_footer_hcp_info {
  position: absolute;
  width: 95.5%;
  left: 1vh;
  top: 7vh;
  text-align: center;
  font-size: .75vh;
  color: rgb(50 49 51);
  font-family: RobotoMono-Medium;
  background: transparent;
}

.r8_footer_hcp_info2 {
  position: absolute;
  width: 87%;
  left: 4vh;
  top: 7vh;
  text-align: center;
  font-size: .8vh;
  color: rgb(50 49 51);
  font-family: RobotoMono-light;
  background: transparent;
}

#back_button_eight_resources_complete {
  width: 15vh;
  bottom: 15vh;
  right: 34vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
  z-index: 3;
}

#next_button_eight_resources_complete {
  width: 21vh;
  bottom: 15vh;
  right: 13vh;
  position: absolute;
  height: 7%;
  opacity: 0;
  z-index: 3;
}

.switch_btn {
  position: absolute;
  background: transparent;
  opacity: .3;
  /* z-index: 110; */
  width: 14vh;
  height: 4vh;
}

/*start radio button switch positions*/

.resource_1_sw1 {
  position: absolute;
  top: 15vh;
  left: 1vh;
}

.resource_1_swlogo,
.resource_2_swlogo,
.resource_3_swlogo,
.resource_4_swlogo,
.resource_5_swlogo,
.resource_6_swlogo,
.resource_7_swlogo,
.resource_8_swlogo {
  position: absolute;
  top: 20vh;
  left: 1.5vh;
}

.resource_2_sw1 {
  position: absolute;
  top: 15vh;
  left: 1vh;
}

.resource_3_sw1 {
  position: absolute;
  top: 15vh;
  left: 1vh;
}

.resource_4_sw1 {
  position: absolute;
  top: 14.5vh;
  left: 1vh;
}

.resource_4_sw2 {
  position: absolute;
  top: 68vh;
  left: 1vh;
}

.resource_4_sw3 {
  position: absolute;
  top: 15vh;
  left: 1vh;
}

.resource_5_sw1 {
  position: absolute;
  top: 14.5vh;
  left: 1vh;
}

.resource_5_sw2 {
  position: absolute;
  top: 15vh;
  left: 1vh;
}

.resource_6_sw1 {
  position: absolute;
  top: 15vh;
  left: 1vh;
}

.resource_7_sw1 {
  position: absolute;
  top: 15.5vh;
  left: 1vh;
}

.resource_7_sw2 {
  position: absolute;
  top: 30vh;
  left: 1vh;
}

.resource_7_sw3 {
  position: absolute;
  top: 15vh;
  left: 1vh;
}

.resource_8_sw1 {
  position: absolute;
  top: 12.5vh;
  left: 45.5vh;
}

.resource_8_sw2 {
  position: absolute;
  top: 20vh;
  left: 45.5vh;
}

.resource_8_sw3 {
  position: absolute;
  top: 27vh;
  left: 45.5vh;
}

.resources_review_sw1 {
  position: absolute;
  top: 36vh;
  left: 0vh;
  background: #fafafa;
  opacity: 0;
  width: 20vh;
}


/*end radio switches positions*/
#resources_indicator_attr_patient {
  position: absolute;
  width: 96vh;
  left: 28vh;
  top: 1.5vh;
  height: 11vh;
  display: none;
}

.res_indy_attr_patient {
  height: 8vh;
  display: none;
}

.res_indy_attr_patient.marked {
  display: inline;
}

#res_indy_attr_patient_4,
#res_indy_attr_patient_5,
#res_indy_attr_patient_6,
#res_indy_attr_patient_7,
#res_indy_attr_patient_8 {
  padding-left: 2vh;
}

#res_indy_attr_patient_2 {
  padding-left: 0.7vh;
}

#resources_indicator_attr_prof {
  position: absolute;
  width: 96vh;
  left: 28vh;
  top: 1.5vh;
  height: 11vh;
  display: none;
}

.res_indy_attr_prof {
  height: 8vh;
  /* display: none; */
}

.res_indy_attr_prof.marked {
  display: inline;
}

#res_indy_attr_prof_4,
#res_indy_attr_prof_5,
#res_indy_attr_prof_6,
#res_indy_attr_prof_7,
#res_indy_attr_prof_8 {
  padding-left: 2vh;
}

#res_indy_attr_prof_2 {
  padding-left: 0.7vh;
}

#orderbutton,
#submitbutton_attr,
#orderbutton_attr {
  position: absolute;
  top: 81vh;
  left: 47vh;
  width: 14.5vh;
  height: 7vh;
}

#orderbutton_attr {
  display: none;
}

#orderbutton img,
#submitbutton_attr img,
#orderbutton_attr img {
  width: 100%;
}

.finish_review {
  position: absolute;
  top: 81vh;
  left: 47.2vh;
  width: 14.5vh;
}

.finish_review img {
  width: 100%;
}

.finish_choose_print_Screen_with_print {
  position: absolute;
  top: 81vh;
  left: 89.2vh;
  width: 14.5vh;
}

.finish_choose_print_Screen_with_print img {
  width: 100%;
}

.create_another_choose_print_Screen_with_print {
  position: absolute;
  top: 81.15vh;
  left: 46vh;
  width: 42.5vh;
}

.create_another_choose_print_Screen_with_print img {
  width: 100%;
}

.create_another_review {
  position: absolute;
  top: 81.15vh;
  left: 4vh;
  width: 42.5vh;
}

.create_another_review img {
  width: 100%;
}

.create_another_review_f {
  position: absolute;
  top: 81.15vh;
  left: 4vh;
  width: 42.5vh;
}

.create_another_review_f img {
  width: 100%;
}

#radio_button_content1_resources_review_Screen,
#radio_button_content1_resources_review_Screen_f,
#radio_button_content1_resources_review_Screen_attr {
  display: none;
}

#title1_content1_resources_review_Screen,
#title1_content1_resources_review_Screen_f,
#title1_content2_resources_review_Screen_attr {
  position: absolute;
  width: 49vh;
  top: 5.2vh;
  left: 0;
}

#title2_content1_resources_review_Screen,
#title2_content1_resources_review_Screen_f {
  position: absolute;
  width: 59vh;
  top: 5.2vh;
  left: -3px;
  display: none;
}

#title3_content1_resources_review_Screen,
#title3_content1_resources_review_Screen_f {
  position: absolute;
  width: 59vh;
  top: 5.2vh;
  left: -3px;
  display: none;
}

#title2_content1_resources_review_Screen_attr,
#title2_content2_resources_review_Screen_attr {
  position: absolute;
  width: 58.8vh;
  top: 5.2vh;
  left: -3px;
  display: none;
}

#title1_content1_resources_review_Screen_attr {
  position: absolute;
  width: 52.8vh;
  top: 5.2vh;
  left: -3px;
  display: none;
}

#title1_content1_resources_review_Screen_attr {
  display: block;
}

#title3_content1_resources_review_Screen_attr,
#title3_content2_resources_review_Screen_attr {
  position: absolute;
  width: 52.7vh;
  top: 5.2vh;
  left: -3px;
  display: none;
}

#title1_content2_resources_review_Screen,
#title1_content2_resources_review_Screen_f {
  position: absolute;
  width: 62vh;
  top: 5.2vh;
  left: 0;
}

#img_revieworder_choose_print_Screen_with_print {
  position: absolute;
  width: 100%;
  top: 5.2vh;
  left: 0;
}

#title2_content2_resources_review_Screen,
#title2_content2_resources_review_Screen_f,
#title2_content2_resources_without_print_review_Screen_f,
#title1_content2_resources_review_Screen_attr_prof,
#title2_content2_resources_review_Screen_attr_prof {
  position: absolute;
  width: 62vh;
  top: 5.2vh;
  left: 0;
}


#preview_resources_review_btn,
#preview_resources_review_btn_f,
#preview_resources_review_btn_attr_prof {
  position: relative;
  top: 28.3vh;
  left: 0vh;
  width: 15.5vh;
  height: 3vh;
}

#preview_resources_review_btn_attr_prof {
  display: block;
}

.rr_c1_radio_round_button {
  top: 36.7vh;
  left: 7.5vh;
}

.rr_c1_radio_round_button.active {
  left: 10.4vh;
}

.rr_c1_radio_round_button_f {
  top: 36.7vh;
  left: 7.5vh;
}

.rr_c1_radio_round_button_f.active {
  left: 10.7vh;
}

.rr_c1_radio_round_button_attr {
  top: 36.5vh;
  left: 7.4vh;
}

.rr_c1_radio_round_button_attr.active {
  left: 10.4vh;
}


#img_one_resources_review {
  width: 52%;
  left: 33.3vh;
  position: absolute;
  top: 27.2vh;
}

#cancle_resources_review_btn {
  position: relative;
  top: 31.3vh;
  left: 94vh;
  width: 4.5vh;
  height: 4vh;
  border-radius: 2vh;
}

#calcle1_resources_review_btn {
  position: relative;
  top: 50.3vh;
  left: 42.5vh;
  width: 15.2vh;
  height: 2.7vh;
}

#accept_resources_review_btn {
  position: relative;
  top: 47.6vh;
  left: 63.8vh;
  width: 15.2vh;
  height: 2.7vh;
}

#cancel_delete_Confirm_Modal {
  position: absolute;
  top: 45.5vh;
  left: 40.5vh;
  width: 16.5vh;
  height: 3vh;
}

#accept_delete_Confirm_Modal {
  position: absolute;
  top: 45.8vh;
  left: 63.5vh;
  width: 16.5vh;
  height: 2.7vh;
}

#x_delete_Confirm_Modal {
  position: relative;
  top: 29.3vh;
  left: 96vh;
  width: 5vh;
  height: 5vh;
  border-radius: 2vh;
}


#check_rr_content1_1 {
  top: 44.2vh;
  left: 1.5vh;
}

.check_rr_content1 {
  position: absolute;
  width: 2.7vh;
  left: 2.2vh;
  opacity: 0;
}

#dropdown_rr_close,
#dropdown_rr_open,
#dropdown_rr_close_f,
#dropdown_rr_open_f {
  position: absolute;
  width: 5.8vh;
  top: 43.8vh;
  left: 15vh;
  display: none;
}


#dropdown_rr_option0 {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 0vh;
  left: 0vh;
}

#dropdown_rr_option1 {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 3vh;
  left: 0vh;
}

#dropdown_rr_option2 {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 6vh;
  left: 0vh;
}

#dropdown_rr_option3 {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 9vh;
  left: 0vh;
}

#dropdown_rr_input {
  position: absolute;
  width: 1.5vh;
  height: 2vh;
  top: 0.8vh;
  left: 0.8vh;
  border: none;
  font-size: 2vh;
  font-family: Gotham-Book;
}

.r8_img_droppable {
  position: absolute;
  width: 40%;
  height: 100%;
  left: 40%;
}



.cancle_r6_Symptoms {
  position: relative;
  width: 1.5vh;
  right: 1.3vh;
  bottom: 4.3vh;
  cursor: pointer;
}

.one_r6_Symptoms {
  bottom: 2vh !important;
  left: 6vh !important;
}

.two_r6_Symptoms {
  left: 6vh !important;
}

.three_r6_Symptoms {
  left: 6vh !important;
  bottom: 2vh !important;
}


.r7_tests_droppable {
  position: absolute;
  width: 49%;
  height: 100%;
  left: 41%;
}

.r7_test_customized {
  width: 90%;
  top: 2vh;
  position: absolute;
  left: 1vh;
}

.one_r7_Symptoms,
.two_r7_Symptoms {
  bottom: 28vh !important;
}

.cancle_r7_Symptoms {
  position: relative;
  width: 1.5vh;
  right: 1.3vh;
  bottom: 4.3vh;
  cursor: pointer;
}


.one_r8_Symptoms,
.two_r8_Symptoms,
.three_r8_Symptoms {
  bottom: 17vh !important;
  left: 14vh;
}

.cancle_r8_Symptoms {
  position: relative;
  width: 1.5vh;
  cursor: pointer;
}

#previeworder_complete_modal {
  /* z-index: 2; */
}

#back_button_previeworder_sb_complete_modal,
#back_button_previeworder_tl_complete_modal,
#back_button_previeworder_complete_modal,
#back_button_previeworder_complete_modal_f {
  width: 15vh;
  bottom: 15vh;
  right: 34vh;
  position: absolute;
  height: 6vh;
  opacity: 0;
  z-index: 3;
}

#next_button_previeworder_sb_complete_modal,
#next_button_previeworder_tl_complete_modal,
#next_button_previeworder_complete_modal,
#next_button_previeworder_complete_modal_f {
  width: 21vh;
  bottom: 15vh;
  right: 13vh;
  position: absolute;
  height: 7%;
  opacity: 0;
  z-index: 3;
}

.resource_complete_sample {
  position: sticky;
  border: 0.2vh solid rgb(0, 0, 78);
  display: none;
  width: 67vh;
  top: 6vh;
  opacity: 1;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}

.cancel_resource {
  position: absolute;
  /* display: none; */
  width: 4vh;
  top: -2vh;
  right: -2vh;
  z-index: 15;
}

.resource_sample_img {
  width: 100%;
}

#alertboxleft {
  width: 20vh;
  height: auto;
  background-color: #f05c35;
  color: #fff;
  padding: 1vh;
  position: absolute;
  /*float: left;*/
  z-index: 99;
  border-radius: 1vh;
  font-size: 2vh;
  font-family: 'Roboto';
  display: none;
}

#alertboxright {
  width: 20vh;
  height: auto;
  background-color: #f05c35;
  color: #fff;
  padding: 1vh;
  position: absolute;
  /*float: left;*/
  z-index: 99;
  border-radius: 1vh;
  font-size: 2vh;
  font-family: 'Roboto';
  display: none;
}

#alertboxleft.leftarrow-bottom:after {
  content: " ";
  position: absolute;
  left: 3vh;
  bottom: -1.1vh;
  border-top: 1.3vh solid #f05c35;
  border-right: 1.3vh solid transparent;
  border-left: 1.3vh solid transparent;
  border-bottom: none;
}

#alertboxright.rightarrow-bottom:after {
  content: " ";
  left: 17vh;
  position: absolute;
  bottom: -1.1vh;
  border-top: 1.3vh solid #f05c35;
  border-right: 1.3vh solid transparent;
  border-left: 1.3vh solid transparent;
  border-bottom: none;
}





/* /////Static Images///// */
.logoImg_demo {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}

.static_r0_logo {
  position: absolute;
  top: 0vh;
  right: 0.8vh;
  text-align: right;
  width: 7vh;
  height: 4.7vh;
}

.static_r0_logo_od {
  position: absolute;
  top: 0vh;
  right: 0.2vh;
  text-align: right;
  width: 7vh;
  height: 3.8vh;
}

.static_r1_logo_od,
.static_r2_logo_od,
.static_r3_logo_od,
.static_r4_logo_od,
.static_r5_logo_od,
.static_r6_logo_od,
.static_r7_logo_od,
.static_r8_logo_od {
  position: absolute;
  top: 0.2vh;
  right: 0.5vh;
  text-align: right;
  width: 8vh;
  height: 6vh;
}

.static_r1_logo,
.static_r2_logo,
.static_r3_logo,
.static_r4_logo,
.static_r5_logo,
.static_r6_logo,
.static_r7_logo,
.static_r8_logo {
  position: absolute;
  top: 0.2vh;
  right: 0.5vh;
  text-align: right;
  width: 9vh;
  height: 7vh;
}

.static_r1_logo_layer,
.static_r2_logo_layer,
.static_r3_logo_layer,
.static_r4_logo_layer,
.static_r5_logo_layer,
.static_r6_logo_layer,
.static_r7_logo_layer,
.static_r8_logo_layer {
  position: absolute;
  top: 61.2vh;
  left: 41.5vh;
  text-align: right;
  background: #ffffff;
  width: 6.5vh;
  height: 3vh;
}

.static_r1_t_logo_layer,
.static_r2_t_logo_layer,
.static_r3_t_logo_layer,
.static_r4_t_logo_layer,
.static_r5_t_logo_layer,
.static_r6_t_logo_layer,
.static_r7_t_logo_layer,
.static_r8_t_logo_layer {
  position: absolute;
  top: 49.5vh;
  left: 33.5vh;
  text-align: right;
  background: #ffffff;
  width: 5.5vh;
  height: 2.5vh;
}

.static_r0_t_logo_layer {
  position: absolute;
  top: 50.5vh;
  left: 33.5vh;
  text-align: right;
  background: #ffffff;
  width: 5.5vh;
  height: 2.5vh;
}

.static_img_resources_0_Screen,
.static_img_resources_1_Screen,
.static_img_resources_2_Screen,
.static_img_resources_3_Screen,
.static_img_resources_4_Screen,
.static_img_resources_5_Screen,
.static_img_resources_6_Screen,
.static_img_resources_7_Screen,
.static_img_resources_8_Screen {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: white;
  box-shadow: 0px 0px 50px 3px #bebebe;
}

.order_Preview_img_static {
  position: absolute;
  width: 41vh;
  top: 23.5vh;
  left: 19vh;
  /* border: solid 1px; */
  background: white;
  box-shadow: 0px 0px 4px 0px grey;
  display: none;
}

.static_r1_symptoms.draggable {
  height: 10vh;
}


.static_r1_symptoms.droppable.dropped img {
  background-color: white;
}

.static_r1_symptoms.droppable.dropped {
  display: none;
}


.static_r1_img {
  position: relative;
  top: 0vh;
  left: 0vh;
  width: 100%;
}

.static_r1_header {
  position: relative;
  top: -14vh;
  left: 1.8vh;
  width: 18vh;
}

.static_r1_footer {
  position: relative;
  top: 3.5vh;
  left: 0vh;
  width: 100%;
}

.static_r1_provider {
  position: relative;
  top: -15vh;
  left: 1.8vh;
  width: 17vh;
  font: 1.05vh RobotoMono-Medium;
  color: black;
}


.static_r1_symptoms_dp {
  position: absolute;
  width: 100%;
  height: 10vh;
  top: 26.3vh;
  left: 1.5vh;
  text-align: center;
}

.static_r3_type {
  position: absolute;
  top: 9.5vh;
  left: 2.4vh;
  width: 37.5vh;
  margin-left: 0vh;
}

.static_r3_img {
  position: absolute;
  top: 33.5vh;
  left: 2.4vh;
  width: 89%;
}


.static_r4_header {
  position: absolute;
  width: 100%;
  top: 5.5vh;
  left: 0vh;
  /* display: none; */
}

.static_r4_footer {
  position: absolute;
  width: 100%;
  top: 36vh;
  left: 0vh;
  display: none;
}

.static_r4_type {
  position: absolute;
  top: 13.0vh;
  left: 2.2vh;
  width: 93%;
}


.static_symptom_img_p {
  width: 38%;
  position: absolute;
  display: none;
}

.static_r4_symptom_img1 {
  top: 0.2vh;
  left: 4.54vh;
}

.static_r4_symptom_img2 {
  top: 4.8vh;
  left: 3.7vh;
}

.static_r4_symptom_img3 {
  top: 9.1vh;
  left: 3.65vh;
  width: 21.5vh;
}

.static_r4_symptom_img4 {
  top: 5vh;
  left: 3vh;
}

.static_r4_symptom_img5 {
  top: 19.3vh;
  left: 2.4vh;
  width: 21.5vh;
}

.static_r4_symptom_img6 {
  top: 0.3vh;
  left: 19.3vh;
}

.static_r4_symptom_img7 {
  top: 3.8vh;
  left: 18.8vh;
}

.static_r4_symptom_img8 {
  top: 7vh;
  left: 18.5vh;
}

.static_r4_symptom_img9 {
  top: 11.3vh;
  left: 22.6vh;
}

.static_r4_symptom_img10 {
  top: 11.3vh;
  left: 18.55vh;
}

.static_r4_symptom_img11 {
  top: 19vh;
  left: 20.1vh;
}

.static_r4_box_img_1 {
  position: absolute;
  width: 1.2vh;
  top: .9vh;
  left: -3.05vh;
}

.static_r4_box_img_2 {
  position: absolute;
  width: 1.2vh;
  top: 1.1vh;
  left: -2.2vh;
}

.static_r4_box_img_3 {
  position: absolute;
  width: 1.2vh;
  top: 1.2vh;
  left: -2.15vh;
}

.static_r4_box_img_4 {
  position: absolute;
  width: 1.2vh;
  top: 10.7vh;
  left: -1.5vh;
}

.static_r4_box_img_5 {
  position: absolute;
  width: 1.2vh;
  top: .7vh;
  left: -.9vh;
}

.static_r4_box_img_6 {
  position: absolute;
  width: 1.2vh;
  top: 1vh;
  left: 17.3vh;
}

.static_r4_box_img_7 {
  position: absolute;
  width: 1.2vh;
  top: 1.5vh;
  left: 17.8vh;
}

.static_r4_box_img_8 {
  position: absolute;
  width: 1.2vh;
  top: 1.0vh;
  left: 18.1vh;
}

.static_r4_box_img_9 {
  position: absolute;
  width: 1.2vh;
  top: .5vh;
  left: 14vh;
}

.static_r4_box_img_10 {
  position: absolute;
  width: 1.2vh;
  top: 4.5vh;
  left: 18vh;
}

.static_r4_box_img_11 {
  position: absolute;
  width: 1.2vh;
  top: 1vh;
  left: 16.4vh;
}

.static_r5_header {
  position: absolute;
  width: 100%;
  top: 4.4vh;
  left: 0vh;
  display: none;
}

.static_r5_footer {
  position: absolute;
  width: 100%;
  top: 37.5vh;
  left: 0vh;
  display: none;
}

.static_r6_img {
  position: absolute;
  top: 16.3vh;
  left: 0vh;
  width: 100%;
}

.static_r6_tests_p1 img {
  position: relative;
  left: 4.6vh;
  width: 31vh;
}

.static_r6_tests_p2 img {
  position: relative;
  left: 4.6vh;
  width: 31vh;
}

.static_r6_tests_p3 img {
  position: relative;
  left: 4.6vh;
  width: 31vh;
}

.static_r6_footer {
  position: absolute;
  top: 37.5vh;
  left: 2.4vh;
  width: 89%;
}

.static_r7_header {
  position: absolute;
  width: 100%;
  top: 4.5vh;
  left: 0vh;
}

.static_r7_img {
  position: absolute;
  top: 9.2vh;
  left: 4vh;
  width: 89%;
}

.static_r7_footer {
  position: absolute;
  top: 38vh;
  left: 0vh;
  width: 100%;
}


.static_r8_img {
  position: absolute;
  top: 26vh;
  left: 0;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.static_r8_tests .droppable_symptopms {
  position: relative;
  width: 17.6vh;
}

.static_r8_tests_d1 .droppable_symptopms {
  position: relative;
  width: 12.6vh;
}

.static_r8_tests_d2 .droppable_symptopms {
  position: relative;
  width: 12.6vh;
}

.static_r8_tests_d3 .droppable_symptopms {
  position: relative;
  width: 12.6vh;
}


.static_r8_footer {
  position: absolute;
  top: 37.5vh;
  left: 0vh;
  width: 100%;
  /* display: none; */
}

.static_r8_footer img {
  position: absolute;
  top: 1.5vh;
  left: 0vh;
}

.static_r8_footer_title {
  display: none;
}

.static_r8_footer_message {
  top: 5.2vh !important;
  left: 4vh;
  padding-left: 3vh;
  width: 87%;
  display: none;
}

.static_r8_footer_hcp_info {
  position: absolute;
  width: 95%;
  left: 1vh;
  top: 8.8vh;
  text-align: center;
  font-size: .55vh;
  color: black;
  font-family: RobotoMono-Medium;
}

.draftImgStatic {
  position: absolute;
  top: 35.5vh;
  left: 18vh;
  width: 44.5vh;
  display: none;
}

.draftImgStatic_st_tl,
.draftImgStatic_st_tl_scd {
  display: block;
  position: absolute;
  top: 23.5vh;
  left: 30vh;
  width: 44.5vh;
  display: none;
}

.resource_sample_div {
  position: absolute;
  top: 0vh;
  left: 0vh;
  display: none;
  width: 100%;
  height: 100%;
}


.storyboard_complete_sample,
.timeline_complete_sample {
  /* width: 46vh;
  top: 38.5vh;
  left: 15vh; */
  width: 66vh;
  top: 23.5vh;
  left: 15vh;
}

.storyboard_complete_preview,
.storyboard_complete_preview {
  /* width: 46vh;
  top: 38.5vh;
  left: 15vh; */
  width: 66vh;
  top: 23.5vh;
  left: 15vh;
}

.storyboard_complete_sample img,
.timeline_complete_sample img {
  padding: 0.5vh;
  /* padding: 1vh;
  padding-top: 3.2vh;
  padding-bottom: 3.2vh; */
}

/* /////Static Images///// */

#html_pdf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  display: none;
}

.html_pdf_1 {
  background-image: url(../images/storyboard_timeline/ppt/1.png) !important;
  width: 89%;
  height: 72.5vh;
  top: 0vh;
  position: relative;
  display: block;
  /* border: solid 1vh; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 8vh;
}

.html_pdf_2 {
  background-image: url(../images/storyboard_timeline/ppt/2.png) !important;
  width: 89%;
  height: 72.5vh;
  top: 0vh;
  position: relative;
  display: block;
  /* border: solid 1vh; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 8vh;
}

.html_pdf_div_st {
  position: absolute;
  width: 100%;
  top: 2.3vh;
  left: 18.6vh;
  font-family: 'Gotham-Book';
}

.disable {
  opacity: 0.4;
}


#choose_print_background {
  position: absolute;
  top: 7vh;
  width: 100%;
}

.edit_print img {
  width: 2vh;
}

.delete_print img {
  width: 2vh;
}

#choose_print_background_img {
  width: 100%;
  position: absolute;
  top: 5.5vh;
}

#choose_print_txt_img {
  position: absolute;
  width: 122.5vh;
  top: 10.7vh;
  left: 5.3vh;
}

.buton_choose_print {
  top: 32vh;
  position: absolute;
  width: 21vh;
  height: 3vh;
  cursor: pointer;
  background: white;
  opacity: 0;
}

.buton_choose_print.disabled {
  opacity: 0.5;
}

#tearpad_button_choose_print {
  top: 32vh;
  left: 16.6vh;
}

#poster_button_choose_print {
  top: 32vh;
  left: 42.8vh;
}

#four_brochure_button_choose_print {
  top: 32vh;
  left: 69.2vh;
}

#eight_brochure_button_choose_print {
  top: 32vh;
  left: 95.5vh;
}

/* .model_choose_print {
  position: absolute;
  top: 7vh;
  width: 100%;
  display: none;
}

.model_choose_print img {
  width: 100%;
  position: absolute;
}

#tearpad_model_choose_print {
  top: 0;
  left: 0;
}

.model_choose_print_backkdrop {
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.8;
}

.model_choose_print_container {
  position: absolute;
  top: 5vh;
  left: 5vh;
  width: 90%;
} */


.model_choose_print {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
  background: #ffffffba;
  display: none;
}

.bg_model_choose_print {
  position: absolute;
  width: 120vh;
  top: 7vh;
  left: 7vh;
  box-shadow: 0 0 13px grey;
}

.print_Screen_modal_close {
  position: absolute;
  width: 4.5vh;
  height: 4.5vh;
  top: 9vh;
  right: 8vh;
  border-radius: 5vh;
  /* background: red;
  opacity: 0.5; */
}


.print_table {
  padding-top: 30.7%;
  padding-left: 13%;
}

#print_table {
  width: 74%;
}

#print_table tr {
  height: 72px;
}

#print_table tbody {
  top: 89px;
}

#print_table tbody {
  top: 89px;
}

.printInfo td {
  min-width: 17.2vh;
  max-width: 17.2vh;
  overflow: hidden;
}

.printInfo td {
  min-width: 17.2vh;
  max-width: 17.2vh;
  overflow: hidden;
}

.printInfo td:nth-child(2) {
  min-width: 33.25vh;
  max-width: 13.25vh;
  width: 13.25vh;
}

#order_button_print {
  width: 10.6%;
  top: 86.3vh;
  left: 85.5%;
  position: absolute;
  display: block;
}

#dropdown_version_close_preview_st_tL,
#dropdown_version_open_preview_st_tL,
#dropdown_version_close_preview,
#dropdown_version_open_preview {
  position: absolute;
  width: 4.25vh;
  top: 83vh;
  left: 113.7vh;
  padding-top: 0.5vh;
}


/* ------order_preview_modal----- */
#print_preview_modal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
  background: #ffffffba;
}


#print_preview {
  position: absolute;
  width: 122vh;
  top: 9vh;
  left: 6vh;
}

#close_print_preview_modal {
  position: absolute;
  top: 12.3vh;
  right: 8.7vh;
  width: 5.2vh;
  height: 5.2vh;
}

.preview_edit_print img {
  width: 2vh;
}

.preview_delete_print img {
  width: 2vh;
}


#preview_resources_1_Screen_attr_prof,
#preview_resources_2_Screen_attr_prof,
#preview_resources_3_Screen_attr_prof,
#preview2_resources_3_Screen_attr_prof,
#preview_resources_4_Screen_attr_prof {
  position: absolute;
  width: 50.7vh;
  top: 5.9vh;
  left: 9.5vh;
  box-shadow: 0px 0px 50px 3px #bebebe;
}

#preview2_resources_3_Screen_attr_prof {
  display: none;
}

#logo_preview_attr_prof,
#r1_preview_attr_prof,
#r2_preview_attr_prof,
#r3_preview_attr_prof,
#r4_preview_attr_prof,
#revieworder_preview_attr_prof {
  position: absolute;
  top: 12vh;
  left: 0;
  width: 50%;
  height: 80vh;
  display: block;
}

#logo_content1_attr_prof,
#r1_content1_attr_prof,
#r1_content2_attr_prof,
#r1_content3_attr_prof,
#r1_content4_attr_prof,
#r1_content5_attr_prof {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}


#r2_content1_attr_prof,
#r2_content2_attr_prof {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}


.r2_c1_radio_round_button_attr_prof {
  top: 20.6vh;
  left: 5.4vh;
}

.r2_c1_radio_round_button_attr_prof.active {
  left: 8vh;
}

.resource_2_sw1_attr_prof {
  position: absolute;
  top: 19.6vh;
  left: 1vh;
}

#title_content1_resources_2_Screen_attr_prof {
  width: 58vh;
  position: absolute;
  top: 5.4vh;
  left: 0;
}

.img_two_resources_complete_attr_prof {
  width: 93.5%;
  left: 6vh;
  position: absolute;
  top: 12.2vh;
}

#preview2_resources_2_Screen_attr_prof {
  position: absolute;
  width: 43.7vh;
  top: 21.7vh;
  left: 16.5vh;
  box-shadow: 0px 0px 50px 3px #bebebe;
}

#r2_content1_attr_prof,
#r2_content2_attr_prof,
#r2_content3_attr_prof {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}


.r2_content1_list,
.r2_content2_list {
  position: absolute;
  width: 53.5vh;
  height: 46vh;
  top: 20.3vh;
}

.r2_content1.draggable {
  height: 14.5vh
}

.r2_content1.draggable img {
  box-shadow: 0 0 13px grey;
}

#r3_content1_attr_prof,
#r3_content2_attr_prof {
  position: absolute;
  top: 12vh;
  left: 50%;
  width: 50%;
  height: 80vh;
  /* opacity: 0.4; */
}

#r3_content2_background {
  position: absolute;
  top: 12vh;
  width: 100%;
}

#r3_content2_background img {
  width: 100%;
  position: absolute;
  top: 5.5vh;
}



.cancle_tear_print,
.cancle_FourBrochure_print {
  position: absolute;
  width: 1.8vh;
  right: -1vh;
  top: 3.8vh;
  cursor: pointer;
  box-shadow: none !important;
}

.cancle_EightBrochure_print {
  position: absolute;
  width: 1.8vh;
  right: 4vh;
  top: 3.8vh;
  cursor: pointer;
  box-shadow: none !important;
}

#dd_tearpad_close {
  top: 64vh;
  left: 65vh;
}

.dd_tearpad_open {
  top: 68vh;
  left: 65vh;
}


.dropdown-btn {
  padding: 1vh 1vh 1vh 1.5vh;
  background-color: #fff;
  border-radius: .6vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  box-shadow: inset 0 0 1vh rgba(0, 0, 0, 0.3);
  /* z-index: 1; */
  position: absolute;
  width: 4.6vh;
  height: 2.1vh;
}


.blue-box {
  position: absolute;
  background-color: rgb(0 149 255);
  border-radius: 0.6vh;
  box-shadow: inset 0 0 1vh rgba(0, 0, 0, 0.3);
  top: 0.15vh;
  left: 4.4vh;
  width: 3vh;
  height: 3.7vh;
  /* z-index: 5; */
}

.arrow {
  position: absolute;
  top: 1.3vh;
  left: .8vh;
}

.dropdown-menu {
  position: absolute;
  margin-top: 0px;
  background-color: #fff;
  border-radius: 0vh 0vh .6vh .6vh;
  box-shadow: inset 0 0 1vh rgba(0, 0, 0, 0.3);
  opacity: 0.2;
  transform: scale(0);
  transform-origin: top right;
  height: 24vh;
  overflow: auto;
  width: 6.8vh;
  font-family: 'Gotham-Book';
}

.dd_poster_open1,
.dd_poster_open2,
.dd_poster_open3,
.dd_poster_open4,
.dd_poster_open5,
.dd_poster_open6,
.dd_poster_open7,
.dd_poster_open8,
.dd_poster_open9,
.dd_poster_open10,
.dd_poster_open11 {
  top: 4vh;
  height: 15vh;
}

.dropdown-menu.open {
  opacity: 1;
  transform: scale(1);
}

.dropdown-menu .item {
  padding-left: 1vh;
  border-top: 1px solid rgba(0, 0, 0, .2);
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-left: 1vh;
  margin-right: 1vh;
  font-family: 'Gotham-Book';
  font-size: 1.8vh;
}

.dropdown-menu .item:hover {
  background-color: #ddd;
}

.dropdown-menu .item.active {
  font-weight: bold;
}

#r1_content1_name_txt {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 38%;
  left: 4%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

.r2_suspicion_tool_list {
  position: absolute;
  top: 21.2vh;
  left: 13.5vh;
  width: 46vh;
}

.r2_suspicion_tool,
.r2_diagnosis_tool {
  padding-top: 2vh;
  padding-bottom: 5vh;
}

.r2_diagnosis_tool_list {
  position: absolute;
  top: 42vh;
  left: 13.5vh;
  width: 46vh;
}

.r2_suspicion_d1 .droppable_symptopms,
.r2_diagnosis_d1 .droppable_symptopms {
  position: relative;
  left: 4.6vh;
  width: 38vh;
}

.r2_suspicion_d2 .droppable_symptopms,
.r2_diagnosis_d2 .droppable_symptopms {
  position: relative;
  left: 4.6vh;
  width: 38vh;
}

.r2_suspicion_customized,
.r2_diagnosis_customized {
  display: none;
}

.r2_suspicion.droppable.dropped img,
.r2_diagnosis.droppable.dropped img {
  background-color: white;
}

.r2_suspicion.droppable.dropped,
.r2_diagnosis.droppable.dropped {
  display: none;
}

.r2_suspicion_tool_list_p {
  position: absolute;
  top: 35vh;
  left: 19.5vh;
  width: 43.6vh;
}

.r2_diagnosis_tool_list_p {
  position: absolute;
  top: 52.8vh;
  left: 19.5vh;
  width: 43.6vh;
}

.r2_suspicion_p1 img,
.r2_diagnosis_p1 img {
  position: relative;
  left: 4.6vh;
  width: 32.5vh;
}

.r2_suspicion_p2 img,
.r2_diagnosis_p2 img {
  position: relative;
  left: 4.6vh;
  width: 32.5vh;
}

.cancle_r2_suspicion,
.cancle_r2_diagnosis {
  position: relative;
  width: 1.5vh;
  right: -3vh;
  bottom: 4.3vh;
  cursor: pointer;
}



.r3_module_list {
  position: absolute;
  width: 50vh;
  height: 43vh;
  top: 23.3vh;
  left: 1.2vh;
}

.r3_module_d1 .droppable_symptopms,
.r3_module_d2 .droppable_symptopms,
.r3_module_d3 .droppable_symptopms {
  position: relative;
  width: 13.6vh;
}

.r3_module_d1_p_attr .droppable_symptopms,
.r3_module_d2_p_attr .droppable_symptopms,
.r3_module_d3_p_attr .droppable_symptopms {
  position: relative;
  width: 17.6vh;
}

.r3_module.droppable.dropped img {
  background-color: white;
}

.r3_module.droppable.dropped {
  display: none;
}

.r3_module_drop_list {
  position: absolute;
  top: 17.1vh;
  left: 11vh;
  width: 47.6vh;
  margin-right: 0px;
  margin-left: 0px;
}

#r3_content3_background {
  position: absolute;
  top: 12vh;
  width: 100%;
}

#r3_content3_background img {
  width: 100%;
  position: absolute;
  top: 5.5vh;
}

.one_r3_module,
.two_r3_module,
.three_r3_module {
  bottom: 15vh !important;
  margin-left: 14vh;
}

.cancle_r3_module {
  position: absolute;
  width: 1.5vh;
  cursor: pointer;
}

.r3_module_footer {
  position: absolute;
  top: 34.5vh;
  left: 9.5vh;
  width: 50.7vh;
  display: none;
  /* z-index: 1; */
}

.r3_module_footer_title {
  position: absolute;
  display: none;
}

.r3_module_footer_message1 {
  position: relative;
  top: 6.5vh;
  left: 4vh;
  padding-left: 2.6vh;
  padding-bottom: 2.5vh;
  width: 38vh;
  display: none;
}

.r3_module_footer_message2 {
  position: relative;
  top: 7vh;
  left: 3.7vh;
  padding-left: 0.6vh;
  padding-bottom: 3.5vh;
  width: 42vh;
  display: none;
}

.r3_module_footer_message3 {
  POSITION: absolute;
  top: -1vh;
  left: 15vh;
  width: 14vh;
  display: block;
}

#r3_module_footer_hcpname {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 58%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#r3_module_content3 input {
  padding-block: 0px !important;
  padding-inline: 0px !important;
}

#r3_module_footer_hcpname2 {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 61%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#clear_r3_module_footer_hcpname {
  bottom: 36.5%;
  right: 8vh;
}

#r3_module_footer_how2access {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 70.4%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#r3_module_footer_how2access2 {
  position: absolute;
  width: 73%;
  height: 3%;
  top: 73.4%;
  left: 9%;
  font-size: 1.8vh;
  font-family: Gotham-Book;
  border: none;
  background: transparent;
}

#clear_r3_module_footer_how2access {
  bottom: 24.2%;
  right: 8vh;
}

.r3_module_footer_hcp_info {
  /* position: absolute;
  left: 5.1vh;
  top: 18vh; */
  width: 43.4vh;
  text-align: center;
  font-size: .75vh;
  color: rgb(50 49 51);
  font-family: RobotoMono-Medium;
  background: transparent;
  position: relative;
  top: 7.3vh;
  left: 4.7vh;
  padding-left: 0vh;
  padding-bottom: 3.5vh;
  padding-right: 0.4vh;
  display: none;
}

.r3_module_footer_hcp_info .col-r3-1 {
  min-height: 0.7vh;
}

.row-r3-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.4vh;
  margin-left: 1.2vh;
  justify-content: center;
}

.col-r3-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

/* .r3_module_footer_hcp_info2 {
  position: absolute;
  width: 87%;
  left: 4vh;
  top: 7vh;
  text-align: center;
  font-size: .8vh;
  color: rgb(50 49 51);
  font-family: RobotoMono-light;
  background: transparent;
} */

.r3_module_c1_radio_round_button1 {
  top: 13.2vh;
  left: 50vh;
}

.r3_module_c1_radio_round_button1.active {
  left: 52.4vh;
}

.r3_module_c1_radio_round_button2 {
  top: 20.38vh;
  left: 50vh;
}

.r3_module_c1_radio_round_button2.active {
  left: 52.4vh;
}

.r3_module_c1_radio_round_button3 {
  top: 27.65vh;
  left: 50vh;
}

.r3_module_c1_radio_round_button3.active {
  left: 52.4vh;
}

#r3_bqrcode {
  position: relative;
  top: 7.7vh;
  left: 10.6vh;
  width: 29.5vh;
}

#r3_bqrcode_p {
  position: relative;
  top: 7.7vh;
  left: 12.6vh;
  width: 29.5vh;
}

.r1_content1_percentage {
  position: absolute;
  top: 39vh;
  left: 1.5vh;
}

.r1_content1_day {
  position: absolute;
  top: 49.6vh;
  left: 1.5vh;
}

#percentage_img_content1_resources_1_Screen,
#day_img_content1_resources_1_Screen {
  width: 56.4vh;
  position: absolute;
  top: 1vh;
  left: 0px;
}

.dropdown_box_percentage_r1,
.dropdown_box_day_r1 {
  border: 0.5vh;
  background: white;
  font-family: "RobotoMono-Medium";
  color: rgb(0, 149, 255);
  font-size: 2vh;
  width: 56.4vh;
  top: 5.2vh;
  position: absolute;
  z-index: 100;
  border-color: grey;
  border-radius: 0.5vh;
  padding-left: 1vh;
  height: 31vh;
  overflow: auto;
}

.option_dp1_r1,
.option_dp2_r1 {
  cursor: pointer;
}

#percentage_txt_r1 {
  width: 6vh;
  position: absolute;
  top: 1.8vh;
  left: 1vh;
  font-family: "RobotoMono-Medium";
  color: rgb(0, 0, 78);
  /* z-index: 2; */
  font-size: 2vh;
  text-overflow: clip;
  overflow: hidden;
}

#day_txt_r1 {
  width: 6vh;
  position: absolute;
  top: 1.8vh;
  left: 1vh;
  font-family: "RobotoMono-Medium";
  color: rgb(0, 0, 78);
  /* z-index: 2; */
  font-size: 2vh;
  text-overflow: clip;
  overflow: hidden;
}

.r1_attr_healthinfo {
  position: absolute;
  top: 37.2vh;
  left: 19vh;
  color: #69c4de;
  width: 35vh;
  font-family: Gotham-Bold;
  font-size: 1.6vh;
}

.r1_attr_healthinfo_complete_attr_prof {
  position: absolute;
  top: 48.5vh;
  left: 25vh;
  color: #69c4de;
  width: 30.8vh;
  font-family: Gotham-Bold;
  font-size: 1.4vh;
}

.order_Preview_img_attr_prof {
  position: absolute;
  width: 50.5vh;
  top: 18vh;
  left: 9.5vh;
  /* border: solid 1px; */
  background: white;
  box-shadow: 0px 0px 4px 0px grey;
  display: block;
}

#check_rr_content1_1_attr {
  top: 45.2vh;
  left: 18vh;
  display: none;
}

.check_rr_content1_attr {
  position: absolute;
  width: 2.7vh;
  left: 2.2vh;
  opacity: 0;
}

#dropdown_rr_close_attr {
  position: absolute;
  top: 56.4vh;
  left: 15vh;
  display: none;
}

#dropdown_rr_open_attr {
  position: absolute;
  top: 60.5vh;
  left: 15.3vh;
}


#dropdown_rr_input_attr {
  position: absolute;
  width: 1.5vh;
  height: 2vh;
  top: 0.8vh;
  left: 0.8vh;
  border: none;
  font-size: 2vh;
  font-family: Gotham-Book;
}


#dropdown_rr_option0_attr_prof {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 0vh;
  left: 0vh;
}

#dropdown_rr_option1_attr_prof {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 3vh;
  left: 0vh;
}

#dropdown_rr_option2_attr_prof {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 6vh;
  left: 0vh;
}

#dropdown_rr_option3_attr_prof {
  position: absolute;
  width: 5.5vh;
  height: 2.5vh;
  top: 9vh;
  left: 0vh;
}

#qty_img_orderScreen_attr_prof {
  position: absolute;
  width: 10.5vh;
  top: 57vh;
  left: -0.7vh;
  display: none;
}

/* #dd_tearpad_close {
  top: 64vh;
  left: 17vh;
} */

#load_page {
  width: 100%;
  height: 100%;
  display: none;
}

.orderScreen_page {
  position: absolute;
  top: 0vh;
  left: 1vh;
  width: 100%;
  height: 100%;
}


#back_button_scd {
  width: 10.6%;
  bottom: 0.8%;
  left: 74.5%;
  position: absolute;
  display: none;
}

#next_button_scd {
  width: 10.6%;
  bottom: 0.8%;
  left: 85.5%;
  position: absolute;
  display: none;
}

#dottedLine_scd {
  width: 0.24vh;
  bottom: 0.8%;
  left: 85.5%;
  position: absolute;
  display: none;
}

#dropdown_qty_input_attr_prof {
  font-size: 1.8vh;
  font-family: 'Gotham-Book';
}