body {
  background-color: #ebeef0;
}

/* Header starts */
.desktop-logo {
  height: 4rem;
}

a.knowledg-cent-link {
  text-decoration: none;
  color: #0d1011;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500px;
}

/* Header ends */

/* Progress bar starts */

.progress-bar-wrapper .nav-pills .nav-link.active {
  /* commented by Ram */
  /* background-color: #004c61; */
}

.progress-bar-wrapper a {
  /* commented by Ram */
  /* color: #004c61; */
}

.progress-bar-wrapper a:hover {
  /* commented by Ram */
  /* color: #004c61; */
}

.progress-bar-wrapper ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.progress-bar-wrapper ul .nav-item .active {
  display: inline-block;
  background-image: url("../img/arrow-inprog-bg.png");
  width: 286px;
  height: 60px;
  background-color: none;
  background-repeat: no-repeat;
  padding: 12px 0px 0px 20px;
  margin-right: 10px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600px;
}
.progress-bar-wrapper ul .nav-item-inprog {
  display: inline-block;
  background-image: url("../img/arrow-inprog-bg-1.png");
  width: 274px;
  height: 60px;
  background-color: none;
  background-repeat: no-repeat;
  margin-right: 10px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600px;
}

.progress-bar-wrapper ul .nav-item-frst-complet {
  display: inline-block;
  background-image: url("../img/arrow-frst-completed.png");
  width: 274px;
  height: 60px;
  background-color: none;
  background-repeat: no-repeat;
  margin-right: 10px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600px;
}

.progress-bar-wrapper ul .nav-item {
  display: inline-block;
  background-image: url("../img/arrow-yetstrt-bg.png");
  color: #aebbc1;
  width: 283px;
  height: 60px;
  background-repeat: no-repeat;
  margin-right: 0px;
}

.progress-bar-wrapper ul .nav-link {
  border-radius: 0px;
  padding: 15px 0px 0px 30px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600px;
}

.nav-pills .nav-link.active {
  border-radius: 2px;
  background-color: transparent !important;
}

.rounded-box-radius {
  border-radius: 12px;
  border: 1px solid #2d2e3330;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.infotitle {
  padding: 0.5rem 0rem 0rem 1.1rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1d2326;
}
.card-header {
  padding: 0.7rem 1rem 0.2rem 1rem;
  background-color: transparent;
}
.card-body {
  padding: 0.7rem 1rem 0.7rem 1rem;
}
.col_11 {
  width: 125px;
  float: left;
}
.col_11_age {
  width: 60px;
  float: left;
}
.col_11_skin {
  width: 190px;
  float: left;
}
.col_11_skinref {
  padding: 12px 5px;
  background: #f6fdff;
  border: 1px solid #2d2e331a;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  margin: 10px;
  transition: background 0.3s;
  width: 183px;
  height: 170px;
  float: left;
}
.col_11_skinref img {
  width: 150px;
  height: 140px;
  object-fit: cover;
}
.col_6 {
  display: flex;
  max-width: 50%;
}
.col_4region {
  width: 85px;
  float: left;
}
.rdio-label {
  padding: 6px 15px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  width: 115px;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}
.rdio-label-age {
  padding: 6px 15px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  width: 49px;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}
.rdio-label-months {
  padding: 6px 15px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  width: 49px;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}
.rdio-label-gender {
  padding: 25px 20px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  width: 130px;
  height: 132px;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}
.rdio-label-skintype {
  padding: 12px 5px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  width: 160px;
  height: 220px;
  float: left;
  margin: 10px;
  transition: background 0.3s;
}
.rdio-label-skintype h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}

.male-icon-img {
  width: 50px;
  padding-bottom: 8px;
}
.female-icon-img {
  width: 35px;
  padding-bottom: 8px;
}
.neutral-icon-img {
  width: 32px;
  padding-bottom: 8px;
}

.btn_radio {
  display: none;
}

.btn_radio_age {
  display: none;
}

.btn_radio_months {
  display: none;
}

.btn_radio_gender {
  display: none;
}

.btn_radio_skintype {
  display: none;
}

.rdio-label-generic {
  padding: 10px;
  background: #ebeef0;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}

input.btn_radio:checked + label.rdio-label-generic {
  background: #02b6f0;
  color: white;
}

input.btn_radio:checked + label.rdio-label {
  background: #02b6f0;
  color: white;
}
input.btn_radio_age:checked + label.rdio-label-age {
  background: #02b6f0;
  color: white;
}
input.btn_radio_months:checked + label.rdio-label-months {
  background: #02b6f0;
  color: white;
}
input.btn_radio_gender:checked + label.rdio-label-gender {
  background: #02b6f0;
  color: white;
}
input.btn_radio_skintype:checked + label.rdio-label-skintype {
  background: #02b6f0;
  color: white;
}

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.card-footer {
  background-color: transparent !important;
}

.color-patch {
  display: inline-block;
  width: 80px; /* Adjust width of the color patch */
  height: 80px; /* Adjust height of the color patch */
  margin-bottom: 0px; /* Spacing between color patch and text */
  border-radius: 5px; /* Optional: border radius for rounded corners */
}

.sub-title {
  font-weight: 400;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  color: #2d2e33cc;
}

.sub-title span {
  display: block;
  padding-top: 10px;
  font-weight: 600;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  color: #2d2e33cc;
}

input.btn_radio_skintype:checked + label.rdio-label-skintype .sub-title {
  color: #fff;
}

input.btn_radio_skintype:checked + label.rdio-label-skintype .sub-title span {
  color: #fff;
}
.bottom-footer-last-second {
  box-shadow: #0000001a;
  border-top: 4px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 0px 0px rgb(0, 0, 0, 0.1),
    inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);

  background-color: #fff;
  padding: 20px;
}
.main-footer {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #fff !important;
  background-color: #2d2e33;
}

.main-footer span {
  color: #fff;
}

.back-btn {
  margin-right: 10px;
  background-color: #ebeef0;
}
.back-btn a {
  color: #1d2326;
}
.back-btn span img {
  width: 15px;
  height: 15px;
}

.next-btn {
  color: #fff;
  background-color: #0080a4;
}
.next-btn a {
  color: #fff;
}

.next-btn span img {
  width: 15px;
  height: 15px;
}
.parsley-errors-list {
  display: none !important;
}

.pars_valid {
  padding: 5px;
}
#duration_AD {
  border: 1px solid #004c61;
  padding: 10px;
}
#duration_AD h5 {
  font-size: 25px !important;
}
h3.title-primary {
  color: #004c61;
  font-weight: 700;
}
h3.title-info {
  color: #084f6b !important;
  font-weight: 700;
}
h3.title-info span{
  font-weight: 500;
  font-size: 18px;
}

/* =======================================================
  Body Image section 
  ==========================================================*/

.body-selector-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.view-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.view-btn {
  border: none;
  border-radius: 10px;
  padding: 5px 30px;
  margin: 5px;
  cursor: pointer;
}

.view-btn.active {
  background-color: #0080a4;
  color: white;
}
.btn-group {
  padding-left: 1rem;
}
.body-image {
  position: relative;
  margin-bottom: 20px;
}
.body-image img{
  max-width: 100%;
  height: auto;
}

#bodyImage {
  width: 100%;
  height: auto;
}

.dots {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  display: none;
}

.body-part-btn {
  margin: 5px;
  padding: 10px;
  background-color: #ebeef0;
  border: none;
  cursor: pointer;
}

.body-part-btn:hover {
  color: #fff;
  background-color: #0080a4;
}

.custom-control-label::before,
.custom-control-label::after {
  top: 0.35rem;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.5rem 1rem;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  border-radius: 0.25rem;
}

/* Newly added for 2nd page 1st block */
.rdiobox {
  line-height: 31px;
  font-weight: 500;
  font-size: 16px;
}

.rdiobox span {
  padding-left: 17px;
}

.rdiobox span:before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #dbf7ff;
  border: 2px solid #2ed2ff;
  border-radius: 50px;
  top: 2px;
  left: 0;
}
.rdiobox input[type="radio"]:checked + span:before {
  border-color: transparent;
  background-color: #2ed2ff;
}
.rdiobox span:before,
.rdiobox span:after {
  line-height: 24px;
  position: absolute;
}
.rdiobox span:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50px;
  top: 8px;
  left: 6px;
  display: none;
}

/* .chkbox {
  line-height: 31px;
  font-weight: 500;
  font-size: 16px;
}
.chkbox input[type="checkbox"]:checked + span:before {
  border-color: #0080a4;
  background-color: #fff;
  border: 2px solid #0080a4;
}
.chkbox span {
  padding-left: 17px;
}
.chkbox span:before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #dbf7ff;
  border: 1px solid #2ed2ff;
  display: block;
  top: 2px;
  left: 0;
} */
.chkbox {
  line-height: 31px;
  font-weight: 500;
  font-size: 16px;
}
.chkbox span:before {
  padding-left: 5px;
}
.chkbox input[type="checkbox"]:checked + span:before {
  border-color: #0080a4;
  background-color: #fff;
  border: 2px solid #0080a4;
}
.food-allergies-chkspan {
  color: #0d1011;
}

.chkbox input[type="radio"]:checked + span:before {
  border-color: #0080a4;
  background-color: #fff;
  border: 2px solid #0080a4;
}

.rdio-label-comorbid {
  padding: 12px 15px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  width: 265px;
  float: left;
  margin: 5px;
  line-height: 24px;
  transition: background 0.3s;
}

input.btn_radio_comor:checked + label.rdio-label-comorbid {
  background: #02b6f0;
  color: white;
}

.btn_radio_comor {
  display: none;
}

.rdio-label-assoc-atopy {
  padding: 12px 20px;
  background: #e2e0df;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 8px;
  float: left;
  margin: 5px;
  line-height: 24px;
  transition: background 0.3s;
  font-size: 14px;
  width: 180px;
}

input.btn_radio_assoc_atopy:checked + label.rdio-label-assoc-atopy {
  background: #02b6f0;
  color: white;
}

.btn_radio_assoc_atopy {
  display: none;
}

/* For Tooltip default style overwritten starts */
.tooltip .bs-tooltip-top {
  background-color: #004c61;
}
.tooltip-inner {
  background-color: #004c61;
}
/* For Tooltip default style overwritten ends */

.progress-bar-wrapper ul .nav-item-inprog {
  width: 271px;
  margin-right: 0px;
}

.custom-card-box {
  width: 98% !important;
}
.card-head-subtxt {
  color: #004c61;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
}
.ckbox span:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #dbf7ff;
  border: 1px solid #2ed2ff;
  border-radius: 4px;
  top: 1px;
  left: 0;
}
.ckbox span:after {
  background-color: #2ed2ff;
}
.ckbox span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #0d1011;
}

.pulsex {
  display: none;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff5959;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
  animation: pulse-danger 2s infinite;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.pulsex_danger {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff5959;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
  animation: pulse-danger 2s infinite;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

/* For scoring-treatment-history page starts */

.nav-tabs .nav-link.active {
  background-color: #004c61;
  color: #f3f5f6;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 24px;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.nav-tabs .nav-link {
  background-color: #d6dde0;
  color: #004c61;
  font-size: 14px;
  line-height: 24px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 16.33%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pls{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: solid 1px #000;
}
.pls.complete{
  background: #7cff00;
  border: solid 1px #7cff00;
}
.pls.incomplete{
  background: #f00;
  border: solid 1px #f00;
}
.txt-complt {
  display: inline;
  color: #39843c;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.txt-ntcomplt {
  color: #9b3900;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.complete-dot {
  height: 10px;
  width: 10px;
  background-color: #39843c;
  border-radius: 50%;
  display: inline-block;
}
.ntcomplete-dot {
  height: 10px;
  width: 10px;
  background-color: #9b3900;
  border-radius: 50%;
  display: inline-block;
}
.severe-dot {
  height: 10px;
  width: 10px;
  background-color: #cf0000;
  border-radius: 50%;
  display: inline-block;
}
.info-row {
  display: block;
  margin-bottom: 15px;
}

.info-label {
  color: #748b95;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
}

.info-value {
  color: #1d2326;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.btn-borderradius {
  border: 1px solid #aebbc1;
  font-size: 13px;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 500;
}
.wdth75percent {
  width: 75%;
}
#bodyImageThrdBlk {
  width: 100% !important;
  height: auto;
}
.severity-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #004c61;
}
.whitebg-tabs-blk {
  border: 1px solid #d8dcdd;
  background-color: #fff;
}
.sever-desc-txt {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #748b95;
}
.easi-sect-hding {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #0d1011;
}
.inptradiotxt {
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  color: #2d2e33;
}

.rdio-lbl-trthstry {
  padding: 5px 5px;
  background: #e2e0df;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
  color: #2d2e33;
  cursor: pointer;
  border: 1px solid #aebbc1;
  border-radius: 8px;
  width: 78px;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}
input.btn_radio:checked + label.rdio-lbl-trthstry {
  background: #02b6f0;
  color: white;
}
input.btn_radio.ulmb:checked + label.lbl_ulmb {
  background: #2e628a;
  color: white;
}
input.btn_radio.trnk:checked + label.lbl_trunk {
  background: #064ef3;
  color: white;
}
input.btn_radio.llmbs:checked + label.lbl_ll {
  background: #8006f3;
  color: white;
}

.rdio-lbl-bodyregion {
  padding: 5px 5px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border: 1px solid #aebbc1;
  border-radius: 8px;
  width: 150px;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}
input.btn_radio:checked + label.rdio-lbl-bodyregion {
  background: #02b6f0;
  color: white;
}
input.btn_radio.uplinks:checked + label.lbl_uplinks{
  background: #2e628a;
  color: white;
}
input.btn_radio.trnk:checked + label.lbl_trnk{
  background: #064ef3;
  color: white;
}
input.btn_radio.lowlink:checked + label.lbl_lowlink{
  background: #8006f3;
  color: white;
}

h3.title-primary {
  color: #004c61;
  font-weight: 700;
}
h6.title-primary {
  color: #004c61;
  font-weight: 700;
  font-size: 16px;
}

.list-group-item {
  border: none !important;
  padding: 0.7rem 0.25rem 1.35rem 0.27rem;
  cursor: pointer;
}
.list-group-item:first-child{
  padding: 0 0.25rem 1.35rem 0.27rem !important;
}
.scorecalc-titlebg {
  font-size: 16px !important;
  line-height: 24px;
  font-weight: 700;
  color: #f3f5f6 !important;
  border-radius: 10px 10px 0px 0px !important;
  background-color: #004c61;
}
.easiscrebg {
  background-color: #ffcd75;
  border-radius: 0px 0px 10px 10px;
}
.scorecalcbox {
  padding: 6px 6px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border: 1px solid #aebbc1;
  border-radius: 8px;
  width: 100%;
  display: block;
  /*margin: 23px;*/
  font-size: 22px;
  line-height: 38px;
  font-weight: 600;
}
.scorecalcbox02 {
  background-color: #004c61;
  color: #fff;
}
.scorecalcbxlbl {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #748b95;
  text-align: center;
}
.scorecalcbxlbl02 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #0d1011;
  text-align: center;
}
.scorecalcbxoperatr {
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
  color: #748b95;
  text-align: center;
  top: 35px;
  left: 10px;
}
sup {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #9b3900;
}

input[type="range"][orient="vertical"] {
  writing-mode: vertical-lr;
  direction: rtl;
  appearance: slider-vertical;
  width: 5px;
  height: 350px;
  vertical-align: bottom;
  border-radius: 16px;
}

input[type="range"]::-webkit-slider-runnable-track {
  background: #d9d9d9;
  width: 5px;
  height: 0.5rem;
  border-radius: 16px;
}


input[type="range"]::-moz-range-track {
  background: #d9d9d9;
  height: 0.5rem;
  width: 5px;
  border-radius: 16px;
}
/*
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 5px;
  height: 5px;
  margin-left: -0.3rem; 
  background: #004c61;
  cursor: pointer;
  border-radius: 16px;
}

.slider::-moz-range-thumb {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #004c61;
  cursor: pointer;
  border-radius: 16px;
}*/

.slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%; /* Adjust as needed */
  background: transparent; /* Remove default styles */
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px; /* Adjust width */
  height: 10px; /* Adjust height */
  background: #004c61;
  cursor: pointer;
  border-radius: 50%; /* Smooth circular edges */
  margin-top: -2px; /* Align thumb properly */
  margin-left: -0.3rem;
}

.slider::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background: #004c61;
  cursor: pointer;
  border-radius: 50%;
}

.slider::-ms-thumb {
  width: 10px;
  height: 10px;
  background: #004c61;
  cursor: pointer;
  border-radius: 50%;
}


  
.sliderscorad {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.sliderscorad:hover {
  opacity: 1;
}

.sliderscorad::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04aa6d;
  cursor: pointer;
  margin-top: -10px;
}

.sliderscorad::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04aa6d;
  cursor: pointer;
}
.rangelvls{
  display: flex;
  padding: 0 12px;
}
.rangelvls span {
  /*padding: 0px 0px 0px 111px;*/
  display: inline-block;
  text-align: left;
  float: left;
  color: #000;
}

.rangelvls span.lv_0{
}
.rangelvls span.lv_1{
  padding-left: 10%;
}
.rangelvls span.lv_2{
  padding-left: 9%;

}
.rangelvls span.lv_3{
  padding-left: 9%;
}
.rangelvls span.lv_4{
  padding-left: 8.7%;
}
.rangelvls span.lv_5{
  padding-left: 9%;
}
.rangelvls span.lv_6{
  padding-left: 9%;
}
.rangelvls span.lv_7{
  padding-left: 9%;
}
.rangelvls span.lv_8{
  padding-left: 9%;
}
.rangelvls span.lv_9{
  padding-left: 9%;
}
.rangelvls span.lv_10{
  padding-left: 9%;
}

.areablkinfopos {
  top: 10px;
  left: 30px;
}

.rdio-lbl-scoread {
  padding: 5px 5px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border: 1px solid #aebbc1;
  border-radius: 8px;
  width: 110px;
  float: left;
  margin: 5px 0px 5px 57px;
  transition: background 0.3s;
}
input.btn_radio:checked + label.rdio-lbl-scoread {
  background: #02b6f0;
  color: white;
}
.areatxtslbl {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #0d1011;
}
.areatxtslbl span {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #0d1011;
}

/* .tab {
  padding: 8px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  background-color: #d0d6db;
  border: 1px solid transparent;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-right: 10px;
} */

/* For scoring-treatment-history page ends */

@media only screen and (max-width: 991px) {
  .rdio-label-assoc-atopy {
    padding: 8px 16px;
    background: #e2e0df;
    text-align: center;
    white-space: wrap;
    cursor: pointer;
    border-radius: 7px;
    float: left;
    margin: 5px;
    line-height: 24px;
    transition: background 0.3s;
    font-size: 12px;
  }

  .rangelvls span.lv_0{
  }
  .rangelvls span.lv_1{
    padding-left: 8%;
  }
  .rangelvls span.lv_2{
    padding-left: 6%;

  }
  .rangelvls span.lv_3{
    padding-left: 5%;
  }
  .rangelvls span.lv_4{
    padding-left: 5.7%;
  }
  .rangelvls span.lv_5{
    padding-left: 6%;
  }
  .rangelvls span.lv_6{
    padding-left: 5%;
  }
  .rangelvls span.lv_7{
    padding-left: 5%;
  }
  .rangelvls span.lv_8{
    padding-left: 6%;
  }
  .rangelvls span.lv_9{
    padding-left: 6%;
  }
  .rangelvls span.lv_10{
    padding-left: 6%;
  }
  .nav-tabs .nav-link{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 5px;
  }
}
.ht_100{
  width: 100% !important;
}
.score_table{
  width: 100%;
  border: none;
}
.score_table th.w_17{
  width: 17.5%;
  font-size: 12px;
}
.score_table th.w_10{
  width: 10%;
  font-size: 12px;
}
.score_table td{
  padding: 4px;
}
.ht_box{
  min-height: 49px;
}
.calculator_tab{
  display: none;
}
.calculator_tab.showtab{
  display: block;
}
.hn_box{
  background: #02b6f0 !important;
  color: #fff;
}
.ul_box{
  background: #2e628a !important;
  color: #fff;
}
.tr_box{
  background: #064ef3 !important;
  color: #fff;
}
.ll_box{
  background: #8006f3 !important;
  color: #fff;
}
.show_result{
  display: none;
}
.show_result.activate{
  display: inline-block;
  width: 100%;
  height: 95px;
  border-radius: 16px;
  text-align: center;
  padding: 30px;
}
.show_result.activate span.gross{
  font-size: 22px;
  color: #fff;
  font-weight: 700;
}
.bg-orange{
  background-color: #ff8000 !important;
}
.bg-success-light{
  background-color: #50dc00 !important;
}

.tooltip.show {
    opacity: 1; }

.bx_table{
  width: 100%;
}
.bx_table th, .bx_table td{
  padding: 3px 12px;
}
.bx_table th{
  font-size: 13px;
  font-weight: 800;
  color: #024256;
  border: solid 1px #035a63;
}
.bx_table td{
  font-size: 12px;
  font-weight: 600;
  color: #024256;
  border: solid 1px #035a63;
}
.bx_table th h5{
  font-size: 22px;
  font-weight: 800;
  text-align: center;
}

/* Recommendation block starts */

.rdio-lbl-trthstry2 {
  padding: 8px 15px;
  background: #e2e0df;
  text-align: center;
  cursor: pointer;
  border: 1px solid #aebbc1;
  border-radius: 8px;
  width: auto;
  float: left;
  margin: 5px;
  transition: background 0.3s;
}
input.btn_radio:checked + label.rdio-lbl-trthstry2 {
  background: #02b6f0;
  color: white;
}


#cont_treatment h3{
  font-size: 31px;
  line-height: 37px;
  color: #39843C;
  font-weight: 800;
}
#cont_treatment h5{
  font-size: 25px;
  line-height: 30px;
  color: #2D2E33;
  font-weight: 400;
}
.continue-treat-blk {
  border: 1px solid #004C61;
  background-color: #F6F5F7;
}
/* .accordion-blk-hdr {
  border: 1px solid #B8F0FF;
  background-color: #004C61 !important;
  border-radius: 8px 8px 0px 0px !important;
} */
.accordion .card-header a { 
  border: 1px solid #B8F0FF;
  border-radius: 8px 8px 0px 0px !important;
  background-color: #004C61 !important;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.accordion .card-header a:hover {
  text-decoration: none;
  color: #fff 
}
.accordion .card-body {
  border: 1px solid #2D2E331A;
  background-color: #fff !important;
}
.accordion .card-header a.collapsed {
  color: #fff !important
}
.accordion .card-header a:visited {
  text-decoration: none;
  color: #fff 
}
.accordion .card-header a:active {
  text-decoration: none;
  color: #fff 
}
/* Recommendation block ends */

/*Custom box Radio*/
.chkbox_sq{
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 1;
    margin-bottom: 0;
}
.chkbox_sq input[type='radio'], .chkbox_sq input[type='checkbox']{
  opacity: 0;
  margin: 0;
}
.chkbox_sq span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #0d1011;
    padding-left: 15px;
}
.chkbox_sq.ck_tx_13 span{
  font-size: 13px !important;
}
.chkbox_sq span:before, .chkbox_sq span:after {
    line-height: 18px;
    position: absolute;
}
.chkbox_sq span:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #dbf7ff;
    border: 1px solid #2ed2ff;
    border-radius: 4px;
    top: 1px;
    left: 0;
}

.chkbox_sq span:after {
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: 55% 45%;
    background-color: #5965f9;
    line-height: 17px;
    display: none;
}
.chkbox_sq span:after {
    background-color: #2ed2ff;
}
.chkbox_sq input[type='radio']:checked + span:after, .chkbox_sq input[type='checkbox']:checked + span:after {
    display: block;
}
.tree_border{
  position: absolute;
  left: 20px;
  top: -35px;
  height: 90%;
  border-left: dotted 3px #1ca9e1;
}
.tree_left{
  position: relative;
}
.tree_left:before{
  content: '';
  position: absolute;
  left: -40px;
  top: 45%;
  width: 2.5rem;
  height: 20px;
  border-bottom: dotted 4px #1ca9e1;
}
@media only screen and (max-width: 991px) {
  .tree_border {
    position: absolute;
    left: 20px;
    top: -35px;
    height: 81%;
    border-left: dotted 3px #1ca9e1;
  }
}
.flashd{
  position: fixed;
  top: 95px;
  right: 15px;
  padding: 4px 18px;
  border: solid 1px #02d80f;
  background: #d4fdd7;
  color: #08a211;
  font-weight: 700;
  z-index: 999;
}
.tx-14{
  font-size: 14px !important;
}
ul.roman {
  list-style-type: lower-roman;
}
ul.roman li{
  padding: 5px 0;
}
.footer_logos{
  padding-top: 30px;
  padding-bottom: 30px;
}
.sepp{
  display: inline-block;
  width: 180px;
  height: 5px;
  background: #7a7b7e;
}

.modal_sload{
  width: 70px !important;
  height: 70px !important;
}
.sweet-alert button.cancel {
    background-color: #f00 !important;
}

.accordion .card-header.main_card_header a{
    background-color: transparent !important;
    color: #004C61;
    border: none;
  }
  .accordion .card-header.main_card_header a.collapsed {
    color: #004C61 !important;
  }
  .accordion .card-header.main_card_header a.collapsed span i{
    rotate: 0deg;
    transition: all 0.5s;
  }
  .accordion .card-header.main_card_header a span i{
    rotate: 90deg;
    transition: all 0.5s;
  }
.grey_bg{
  background-color: #f3f9fa !important;
}
.df{
  display: flex;
  align-items: center;
}
.m_bx{
  display: inline-block;
  border: solid 1px #00bad7;
  border-radius: 4px;
  height: 28px;
  width: 28px;
  text-align: center;
  margin-right: 10px;
}
.m_bx i{
  color: #00bad7;
  line-height: 25px;
  font-size: 14px;
}

.mdash{
  display: none;
}
.mplus{
  display: block;
}
.resp_bx{
  padding: 15px;
  margin-top: 12px;
  border: solid 1px #e7f2f4;
}
.justify-content-end-mob{
  justify-content: end !important;
}
@media only screen and (max-width: 991px) {
    .justify-content-end-mob{
      justify-content: center !important;
    }
    .justify-content-end-mob .rdio-lbl-trthstry{
      width: 76px !important;
    }
}
.s_effect_dv{
  position: relative;
}
.effect_input{
  width: 100%;
  padding: 6px;
  font-size: 14px;
  font-weight: 600;
  border: solid 1px #8d8f8f;
  border-radius: 4px;
  cursor: pointer;
}
.all_effects{
  padding: 10px 18px;
  box-shadow: 2px 2px 15px #838788;
  display: none;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  height: 210px;
  overflow-y: auto;
  background: #fff;
  z-index: 1012;

}
.all_effects.show{
  display: block;
}
.all_effects ul{
  padding: 0;
  margin: 0;
}
.all_effects ul li{
  list-style-type: none;
}


