div:focus {
    border: none;
    border-image-outset: 0px;
}
.row1{
    position: relative;
}
#loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: black;
    z-index: 500;
    text-align: center;
    background-image: url(../images/interactive_loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.wellnessContainer{
    max-width: 900px;
    padding: 0 15px;
    margin: 20px auto;
}
.wellnessTopContainer{
    padding: 15px;
    background-color: var(--main-highlight-color);
    display: flex;
    margin-bottom: 10px;
}
.wellnessTopContainer .calculatorHeading{
    margin-left: 20px;
}
.wellnessTopContainer .wellnessHeading{
    margin-left: 10px;
}

.wellnessTopContainer img{
    max-width: 185px;
}
.wellnessTopContainer .calculatorHeading h6{
    font-size: 19px;
    color: #fff;
    padding: 0;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-bottom: 5px;
    font-weight: bold;
}
.wellnessTopContainer .calculatorHeading p{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 5px 0px;
}
.wellnessTopContainer .wellnessHeading h6{
    font-size: 16px;
    color: #fff;
    padding: 0;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-bottom: 5px;
    font-weight: bold;
}
.wellnessTopContainer .wellnessHeading p{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    margin: 5px 0px;
}
.wellness-form h4{
    font-size: 16px;
    font-weight: bold;
}
.wellnessRow{
    width: 100%;
   
    display: flex;
    justify-content: space-between;
}
.wellnessRow .wellnessGrid{
    width: 48%;
    background-color:var(--main-bg-color) ;
    margin:0 0 10px;
}
.wellnessRow .wellnessGrid a{
    display: flex;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.wellnessRow .wellnessGrid span.icon{
    align-items: center;
    background-color: var(--main-highlight-color) ;
    justify-content: center;
    display: flex;
}
.wellnessRow .wellnessGrid h6{
    margin: 0;
    font-size: 14px;
    padding: 10px 0 5px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    font-weight: bold;
}
.wellnessRow .wellnessGrid .text{
    padding: 25px 15px;
}
.admwellnessRow{
    width: 100%;
   
    display: flex;
    justify-content: space-between;
}
.admwellnessRow .admwellnessGrid{
    width: 48%;
    background-color:var(--main-bg-color) ;
    margin:0 0 10px;
}
.admwellnessRow .admwellnessGrid a{
    display: flex;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.admwellnessRow .admwellnessGrid span.icon{
    align-items: center;
    background-color: var(--main-highlight-color) ;
    justify-content: center;
    display: flex;
}
.admwellnessRow .admwellnessGrid h6{
    margin: 0;
    font-size: 14px;
    padding: 10px 0 5px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    font-weight: bold;
}

.admwellnessRow .admwellnessGrid .text{
    padding: 5px 15px;
}

.wellnessRow .wellnessGrid .text h4{
      font-size: 17px;
}  
.wellnessRow .wellnessGrid .text p{
    margin: 0;
    padding: 0;
}
.form-input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.AdmWellness-dropdown li a:hover{
   text-decoration: none;
}

/************************************BodyMass-index CSS************************************/

.Wellness_Menu {
   color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-align: right;
    position: relative;
    right: 0;
    top: 5px;
    float: right;
}
.Wellness_Menu img{
    padding: 1px 7px;
}
.admWellness_bar {
    background-color: #005982;
    display: block;
    height: 33px;
    padding: 0px 15px;
    margin-top: 5px;
}
.admWellness_title {
    color: #ffffff;
    display: block;
    font-size: 16px;
    position: absolute;
    left: 0;
    padding: 5px 12px;
    font-weight: 600;
}
.admWellness_title a {
    color: #fff;
    text-decoration: none;
    padding-left: 0px;
}

.wellness_dropdown {
position: absolute;
    right: 0;
    top: 35px;
}

.wellness_dropdown .adm_Select {
  position: relative;
}
.wellness_dropdown .dd_wellness span {
  display: block;
  min-height: 25px;
  overflow: hidden;
  border: 0;
}
.wellness_dropdown .AdmWellness-dropdown {
  background-color: #fff;
    border-color: #888888;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 2px 2px 2px #888888;
    display: none;
    position: relative;
    top: 0;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    z-index: 99;
    max-width: 1195px;
}
.admWellness-leftbox{
    width: 45%;
}
.admWellness-rightbox{
    width: 52%;
}
.admtoolleft{
    min-height: 477px;
    color: #fff;
    padding: 30px;
    background: #005982 none repeat scroll 0 0;
}
.admtoolright{
    color: #000;
    font-size: 14px;
    padding: 27px 30px 30px;
    background: #F5F5F5 none repeat scroll 0 0;
}
.admtoolright{
    height: 477px;
}

.bodyMass-h{
    height: 415px;
}
.adamHowtoUse{
    padding-left: 38px;
    margin-top: 6px;
    padding-top: 10px;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    padding-bottom: 8px;
    padding-top: 0px;
}
.bodyMass-texts{
    white-space:nowrap;
    font-weight: 600;
    font-size: 16px;
}
.bodyMass-texts img{
    padding: 0px 8px 0px 0px;
}
.bodyMass-texts span{
    position: relative;
    bottom: 0;
    right: 5px;
}
.wellness-form{
    border-top: 1px solid #fff;
    margin-top: 5px;
}
.wellness-form p{
    font-weight: bold;
    font-size: 16px;
    margin: 8px 0px;

}
.wellnessform-group{
    display: flex;
    justify-content:space-between;
    margin-top: 10px;
}
.Adminput{
    width: 30%;
}
.Adminput label{
    width: 100%;
}
.adm-select{
    width: 60%;
}
input.admform-control, select.admform-control{
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    outline: none;
	padding: inherit;
	-webkit-box-sizing: unset;
	box-sizing: unset;
}

input.form-control, select.form-control {
    border: 0 none;
    outline: 0 none;
    width: 100%;
}
.option_select{
    height: 36px;
     display: block;
    width: 100%;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    outline: none;
    padding: 0px 6px;
}

.bodyMass-label{
    margin: 10px 0px 10px 0px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.admbodyMass-select{

}
.adm-option{
    width: 100%;
    height: 34px;
    outline: none;
}
.bodyMass-btn{
    padding: 5px 0px;
}
.bodyMass-btn button{
    background: #222222 none repeat scroll 0 0;
    border: medium none;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 10px 28px;
    color: #fff;
   /* width: 60%;*/
    margin-top: 10px;
}
.BMIScroll-content{
  text-align: justify;
    margin-top: 10px;
    overflow: scroll;
    overflow-x: hidden;
}
.BMIScroll-content ul{
    margin: 0;
    padding: 10px 25px;
}
.bodyMass-right{
    border-bottom: 1px solid #fff;
    padding: 0px 0px 8px 0px;
}
.adm-row{
    display: flex;
    justify-content: space-between;
}


/************************************Bodymass-index CSS************************************/

.bodyMass-p{
    text-align: initial;
    line-height: 20px;
    height: 325px;
}
.bodyMass-p p{
    margin: 5px 0;
}
.bodyMass-heading{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
}
.bodyMass-span{
    background: #005982 none repeat scroll 0 0;
    border: medium none;
    display: block;
    float: left;
    height: 40px;
    padding: 0;
    text-align: center;
    width: 40px;
}
.bodyMass-span2{
    background: #F5F5F5 none repeat scroll 0 0;
    border: medium none;
    display: block;
    height: 40px;
    padding: 10px 0px 10px 50px;
}
.bodyMass-span2 p:hover{
    text-decoration: none;
}
.AdmWellness-dropdown li{
  border: 0 none;
    height: 40px;
   margin: 0px 2px;
    position: relative;
    width: 285px;
   display: inline-block;
   cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    margin-bottom: 12px;
}
.AdmWellness-dropdown img{
    height: 40px;
    padding: 0;
    width: 40px;
}
.bodyMass-span2 p {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    text-indent: 0;
}

/************************************Bodymass-result CSS************************************/

.result-content p{
    font-weight: normal;
    margin: 0;
    font-size: 14px;
    margin-bottom: 10px;
   /* line-height: 25px;*/
}
.result-content{
   height: 252px;
    overflow: auto;
    padding: 0px 10px  10px 0px;
    margin-top: 5px;
}

.BMI-content p{
    font-size: 14px;
}
.BMI-Caloriecontent{
    margin-top: 10px;
}
.BMI-result ul{
   margin: 0;
    padding: 10px 20px;
}
.BMI-result li{
    margin-bottom: 10px;
}
.BMI-result table{
    width: 100%;
    line-height: 10px;
    padding: 10px 0px;
}
.bd-result table{
    width: 100%;
    line-height: 12px;
}
.bd-result td, th{
    border: none;
    text-align: center;
    font-weight: normal;
}
/************************************TargetHeart_rate CSS************************************/

.target-content{
  font-size: 15px;
    padding: 15px 0px;
}

.admbody-Targetright{
    color: #000;
    font-size: 14px;
    padding: 27px 30px 30px;
    background: #F5F5F5 none repeat scroll 0 0;
}
.bodyTarget-h{
    height: 405px;
}
.target-btm{
  position: relative;
    bottom: 10px;
}

/*******************************************Nutritional_needs CSS*****************************************/

.nutritional-content{
    display: flex;
    justify-content: space-between;
}
.wellness_margin {
    width: 46%;
}
.wellness-select label{
    width: 100%;
    margin: 0;
}
.wellness_margin p{
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0px;
}

.Nutritional-h{
    height: 419px;
}
.NTScroll-content{
    text-align: justify;
    margin-top: 10px;
    overflow: scroll;
    overflow-x: hidden;
}
.Nutritional-p{
   padding: 0;
    text-align: initial;
    line-height: 20px;
    height: 335px;
}
.Nutritional-p ul{
     margin: 0;
    padding: 10px 20px;
}
.Nutritional-p p{
    margin: 0px 0;
}
.NT-content{
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
}

/****************************************CalorieBurner_counter CSS*************************************************/
.calorie_width{
    width: 100%;
}
.calorie_width p{
    font-weight: bold;
    margin: 8px 0px;
}
.calorie-p{
    padding: 0px 14px;
    text-align: initial;
    line-height: 20px;
}
.calorieScroll-content{
    text-align: justify;
    margin-top: 10px;
}

.note-section {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

/*****************************************DesirableBody-weight CSS******************************************/

.dbScroll-content{
    text-align: justify;
    margin-top: 10px;
}
.wellness-section{
    margin-top: 10px;
    font-size: 14px;
}
.dbScroll-content ul{
    margin: 0;
    padding: 10px 25px;
}
/*****************************************Smoking-cessation CSS******************************************/

.Scroll-SmokingCessation{
    text-align: justify;
    overflow: auto;
    overflow-x: hidden;
}
.SmokingCessation-p{
    padding: 0px 14px;
    text-align: initial;
    line-height: 20px;
    height: auto;
}
.adm-SC{
    color: #000;
    font-size: 14px;
   padding: 13px 30px 13px;
    background: #F5F5F5 none repeat scroll 0 0;
}
.adm-SmokingCessation{
    margin-bottom: 15px;
}
.admSC-content{
    min-height: auto;
    color: #fff;
    padding: 28px;
    background: #005982 none repeat scroll 0 0;
}
.accordion-SC{
    margin: 10px 0px;
    font-size: 14px;
}
.scpanel-group p{
    margin-top: 5px;
}


.sc-accordian {
background:#fff; 
width: 100%; 
color:#000; 
margin-bottom: 10px;
border-radius: 6px 6px 1px 1px;
}

.sc-accordian h3 {
  font-size: 14px;
    margin: 0;
    color: #000;
    padding: 10px 10px;
    cursor: pointer;
    font-weight: 600;
  background: rgb(0 0 0 / 3%) none repeat scroll 0 0;
  
}

.admDropdown-ul p{
    margin: 0;
    padding: 0;
}
.sc-accordian .admDropdown-ul{
    display:none;
    padding: 10px;
}

/*****************************************Food Calorie And Nutrient CSS******************************************/
.adm-FCN{
background: #F5F5F5 none repeat scroll 0 0;
border-radius: 4px;
}
.foodCalorie-title{
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    background: #005982;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.foodCalorie-title h3{
    padding: 8px;
}
.food-search{
  padding: 10px 10px 25px 10px
}
.food-search label{
   font-size: 15px;
   font-weight: bold;
   color: #000;
}
.admFood-Calorie{
    width: 66%;
    display: flex;
    padding: 10px 0px;
}
.foodCalorie-span{
padding-left: 10px;
}

input.fcn-input {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    height: auto;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.calorie-btn{
    border-radius: 4px;
    background-color: #005982;
    color: #FFF;
    font-weight: bold;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
}

/*.NutritionDetailsMain {
    background-color: white;
    border-radius: 6px;
    border: 1px solid;
    min-height: 601px;
    transform-style: preserve-3d;
    transition: all .30s linear;
    margin: 0px 0 0px 0px;
    width: 100%;
}*/
.admfoodCalorie-right{
height: 765px;
}
.admfoodCalorie-right {
    color: #000;
    font-size: 14px;
    padding: 27px 30px 30px;
    background: #F5F5F5 none repeat scroll 0 0;
}
.form-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    border: none;
}

td, th {
  border: 1px solid #dddddd;
  text-align: center;
  font-weight: normal;
  
}
.food-th{
   width: 15%;
}
.scroll-table{
    height: 479px;
    border: 1px solid #fff;
    overflow: auto;
}
.pagination .fa{
    font-size: 15px;
    color: #005982;
}

/*.pagination>.active>.fa, .pagination>.active>.fa:focus, .pagination>.active>.fa:hover {
    color: #005982;
    cursor: pointer;
}*/
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}

.pagination li:hover{
    cursor: pointer;
}
   /* table tbody tr {
      display: none;
    }
*/
.pagination {
   display: inline-block;
    border-radius: 4px;
    cursor: pointer;
     padding: 0;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a{
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>li:last-child>a{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination>li>a{
    position: relative;
    float: left;
    padding: 2px 10px;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

 .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #005982;
    border-color: #005982;
}
.fa-chevron-left:before {
    content: "\f053";
    font-size: 15px;
}

.fa-chevron-right:before {
    content: "\f054";
     font-size: 15px;
}

.FCN-form{
    margin-top: 5px; /*Bug #132598 20px*/
    padding: 15px;
    border-top: 1px solid #fff;
}
.FCN-form h3{
    margin: 0;
}
.adm-fcn{
    margin: 5px 0px;
    font-size: 15px;
}
.fcn-select{
    margin: 5px;
    color: #000;
}

/*****************************************Risky_drinking CSS******************************************/
.admRiskyDrinking-p p{
margin: 5px 0px;
}
.admRD-section1{
    margin: 20px 0px;
}
.rd_texts img {
    padding: 0;
}
.rd_texts span{
    position: relative;
    font-size: 16px;
    top: 4px;
    left: 6px;
}
.rd_texts{
    border-bottom: 1px solid;
    padding-bottom: 15px;
}
.admRD-section{
  /*  border-top: 1px solid;*/
    margin-top: 10px;
}
.rd_Select{
    background: #fff;
    width: 100%;
    color: #000;
}
.rd_Select h4{
   background-color: #F5F5F5;
    color: #000;
    width: 100%;
    padding: 5px 20px;
    box-sizing: border-box;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.rd_Select label.col-12 {
    background-color: #F5F5F5;
    color: #000;
    margin-bottom: -10px;
    padding-bottom: 7px;
    padding-top: 5px;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
}
.option-section {
    padding: 0;
}
.col-12 {
    width: 100%;
}
.radio, .checkbox {
    background-color: #fff;
    color: #000;
   padding: 0px 20px 5px 20px;
}
.radio ul {
    display: inline-block;
    list-style: outside none none;
    padding-left: 6px;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 4px;

}
input[type="radio"] {
    z-index: 2;
	cursor:pointer;
}
.radiobutton-label {
    cursor: pointer;
    display: table;
    font-size: 15px;
    line-height: 1.8em;
    margin-right: 15px;
    padding-left: 40px;
    position: relative;
    margin-bottom: 5px;
}
input[type="radio"] + label::before {
    background: rgba(0, 0, 0, 0) url(../images/radiobutton.png) no-repeat scroll 0 -26px;
    left: -28px;
    top: -23px;
    display: inline-block;
}
.radiobutton-label::before {
    bottom: 1px;
    content: "";
    display: table;
    height: 24px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 35px;
    margin-bottom: 5px;
}
input[type="radio"]:checked + label::before {
    background: rgba(0, 0, 0, 0) url(../images/radiobutton.png) no-repeat scroll 0 0;
    top: -23px;
}
input[type="radio"] {
    margin: 3px;
    opacity: 0;
}
.row ul li > label {
    height: 18px;
}
.checkbox label, .radio label{
    min-height: 10px;
    font-size: 14px;
}
.hide {
  display: none;
}

.rd_calculateSection{
font-size: 14px;
    box-sizing: border-box;
    line-height: 1.6;

}
.rd_calculateSection p{
}
.ADMRD_section a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.ADMRD_section a:hover {
    text-decoration: underline;
}
.mrg-RD{
   display: flex;
}
.accordion_head {
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 1px 0;
    padding: 7px 30px;
    font-weight: bold;
    text-align: justify;
}

.plusminus {
    padding: 0px 5px;
    border: 1px solid #80808033;
    background: #80808042;
    margin: 10px;
}
.accordion_body {
    text-align: justify;
    padding: 0px 30px;
    display: flex;
    font-size: 10px;
}
.footer-article{
    padding: 0px 0px 0px 10px;
}
.calculate-btn{
    margin-left:10px;
}
.admCalculate-btn button {
    background: #222222 none repeat scroll 0 0;
    border: medium none;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 10px 28px;
    color: #fff;
}



/************************Common Css Header section***********************/

/*skip to content*/
#admSkipToContent {
    display: block;
    line-height: 25px;
    font-size: 1.02em;
    text-decoration: none;
    font-weight: 600;
    position: fixed;
    top: 0px;
    left: -1000px;
    background-color: var(--main-skip-links-bg-color);
    border: solid 2px var(--main-skip-links-border-color);
    border-radius: 25px;
    width: 200px;
    height: 28px;
    text-decoration: none;
    margin: 12px 10px 10px 8px;
    z-index: 100000000000000020 !important;
    transition: .5s;
    padding: 5px 5px 5px 15px;
}

#admSearchContainer input[type=text] {
    /*height: 34px;
    width: 310px;*/
}
#admSearchContainer .admSearchSubmitBtn,
#admAdvSearchContainer .admSearchSubmitBtn,
#admAdvSearchContainer a#btnAdavanceSearch {
   font-size: 1.12em;
   margin-right: revert;
}

#admSearchContainer .admSearchHomeBtn{
   font-size: 1.12em;
}
#admAdvSearchContainer .admSearchHomeBtn {
   font-size: 1.12em;
   margin-left:-3px;
}
#admSearchContainer .admSearchBrowseAZbtn,
#admAdvSearchContainer .admSearchBrowseAZbtn{
   font-size: 0.69em;
}

/* To fix the header caused due to bootstrap.css */
* {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}

article *{
webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    word-wrap: break-word;
}

#bodyResult {
  display: none;
}

#rdcalculate {
  display: none;
}
#caloriecalculate{
    display: none;
}
#targetcalculate{
    display: none;
}
#desirablecalculate{
    display: none;
}
#nutritionalcalculate{
    display: none;
}

#waistRatiocalculate{
    display: none;
}
#foodCalorieCalculate{
    display: none;
}

.nd-header h3{
    font-size: 21px;
    color: #000;
}
.fd-flex{
    display: flex;
    justify-content: space-between;
}
.nutritionalresult-content{
  height: 300px;
    overflow: auto;
    padding: 0px 10px  10px 0px;
    margin-top: 5px;  
}
.nutritionalresult-content table tr td {
    border: 1px solid;
    padding: 4px;
    text-align: left;
    line-height: 25px;
}
.result-content table {
    color: #fff;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin-bottom: 15px;
    width: 100%;
    margin-top: 10px;
}
.result-content table tr td {
    border: 1px solid;
    padding: 4px;
}
.result-content h3{
    font-size: 20px;
    font-weight: bold;
}
.BMItarget-content h6{
    font-size: 14px;
        margin-bottom: 5px;
    color: #000;
}


/**** New Added *****/
#spdvNutritionDetails {
    /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-size: 20px;
    color: black;
    font-weight: bold;
}
#txtsize {
    width: 15%;
    height: 20px;
    text-align: right;
    margin-bottom: 5px;
	display: inline-block;
	font-size: 14px;
}
#units {
    width: 40%;
}
#dvEnergy {
    font-size: 4em;
    border-radius: 5px;
    border: 1px solid;
    background-color: white;
    text-align: center;
    color: #005982;
    margin: 3px;
}
#spcaloriemeasure {
    /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    text-shadow: 5px 2px 2px black;
}
#spcaloriemeasuretext {
    /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-size: 24px;
    font-weight: bold;
    text-shadow: 2px 2px 2px black;
}
#tblResultNutritionDetails tr:nth-child(1) {
    background-color: #333 !important;
	color:#fff;
}
.face {
    backface-visibility: hidden;
    margin-left: 5px;
}
#tblResultContainer th, #tblResultContainer td{
	text-align:left;
}

#tblResultNutritionDetails th, #tblResultNutritionDetails td{
	text-align:left;
}

.dvEnergy2 {
    text-align: right;
    font-size: 0em;
    margin-top: -20px;
}
.spcalorie2 {
    /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-weight: normal;
    font-size: 16px;
    color: black;
    text-shadow: 0px 0px 0px black;
}
.spcalorie2text {
    /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-weight: normal;
    font-size: 16px;
    color: black;
    text-shadow: 0px 0px 0px black;
    margin-right: 5px;
}
tr.Adam_ActiveRow {
    background-color: #F5F5F5;
    font-weight: bold;
    /*display: inline-block;*/
    width: 100%;
    color: #005982;
}
#dvNutritionDetails {
    background-color: white;
    border-radius: 6px;
    border: 1px solid;
    min-height: 576px;
    transform-style: preserve-3d;
    transition: all .30s linear;
    margin: 0px 0 0px 0px;
    width: 100%;
	backface-visibility: hidden;
}
#dvNutritionDetailsMain {
    height: 601px;
}
.face {
    backface-visibility: hidden;
    margin-left: 5px;
}
.howtouse div {
    padding-bottom: 4px;
}

#tblResultContainer tr {
    cursor: pointer;
}
#tblResultNutritionDetails th, #tblResultNutritionDetails td, #tblResultNutritionDetails td {
    padding: 2px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.howtouse {
    color: #000;
    font-size: 14px;
    padding: 5px 30px 0;
}
.howtouseResult {
    color: #000;
    font-size: 14px;
    padding: 26px 30px 30px;
}

.adam-pagination .fa{
    font-size: 15px;
    color: #005982;
}
.adam-pagination li:hover{
    cursor: pointer;
}
.adam-pagination {
   display: inline-block;
   border-radius: 4px;
   cursor: pointer;
   padding: 0;
   margin: 20px 0;
}
.adam-pagination>li {
    display: inline;
}
.adam-pagination>li:first-child>a{
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.adam-pagination>li:last-child>a{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.adam-pagination>li>a{
    position: relative;
    float: left;
    padding: 2px 10px;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

 .adam-pagination>.active>a, .adam-pagination>.active>a:focus, .adam-pagination>.active>a:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #005982;
    border-color: #005982;
}

.adam-pagination>li>a, .adam-pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
/* need attention*/
/*#admAdvSearchContainer a{
	font-size:1.15em;
}

.wellnessSkipToContent{
	font-size:1.02em !important;
}

.admSearchBrowseAZbtn{
	font-size: 0.69em !important;
	text-decoration:underline !important;
}*/
/* need attention*/

.pagination > li:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.addFocus{
	border: 1.4px solid #333333;
}
/* #tblResultContainer tr:focus{ */
	/* border: 1.5px solid red; */
/* } */
#tblResultContainer tr:focus-within{
	border: 1.4px solid #333333;
}
.forRadio:focus{
	border: 1.4px solid #333333;
}
/* #tblResultContainer tr:focus-visible{ */
	/* border: 1.5px solid green; */
/* } */
.admSearchBrowseAZbtn{
	text-decoration:underline !important;
}
#btAdvSearch{
	box-sizing: border-box;
}
#resultRD a {
    color: #fff;
}
button#btnMore {
    display: none;
}
#resultRD tr, #resultRD th, #resultRD td, #resultRD table {
    text-align: left;
    border: none;
	color: #fff;
}
#resultRD th{
	padding-bottom:10px;
}
#tryAgainRD{
	margin-top:20px;
	margin-right: 10px;
}

input[type="checkbox"] {
    z-index: 2;
    opacity:0;
}
input[type="checkbox"]:focus, input[type="checkbox"]:focus-within,input[type="checkbox"]:focus-visible {
    border:1.4px solid #000;
}
input[type="radio"]:focus, input[type="radio"]:focus-within,input[type="radio"]:focus-visible {
    border:1.4px solid #000;
}
input[type="checkbox"] + label::before {
    background: rgba(0, 0, 0, 0) url(../images/checkbox.png) no-repeat scroll 0 -26px;
    left: 0;
    top: 0;
    display: inline-block;
    pointer-events: none;
}

input[type="checkbox"]:checked + label::before {
    background: rgba(0, 0, 0, 0) url(../images/checkbox.png) no-repeat scroll 0 0;
    top: 0px;
}
.answer-container.radio {
    padding-left: 0;
}
.answer-container label.radiobutton-label{
	padding-left:30px;
}
select:focus, input[type="text"]:focus {
    border: 0.1em solid #000;
}
.result-content a{
	color:#fff;
}
/* CSS Recipe */

.wellnessGrid span h4{
	font-weight: normal;
}

#RecipeMenu a, #WellnessToolMenu a{
	text-decoration: none;	
}
#RecipeMenu p, #WellnessToolMenu p{
	margin: 0 0 10px;
}
i.fa.fa-toggle-left.backtowellnesstool {
    font-size: 36px !important;
    color: white;
    padding: 2px 4px;
}
.admwellnessGrid.fullwidth {
    width: 100%;
}

span.text.fullwidth {
    width: 100%;
}

/***Fixes for Review Date****/
#admReviewInfo {
    display: inline-block;
    width: 100%;
    padding: 0px 0px 15px 15px;
}

#admReviewInfoToggleDropDown.active {
    background-color: var(--main-highlight-color);
    border: none;
}
#admReviewInfoToggleDropDown.active span {
    color: #ffffff;
}
.showReviewInfo {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#admReviewInfoToggleDropDown {
    display: inline-block;
    float: left;
    background-color: var(--main-bg-color);
    border: solid 1px var(--main-border-color);
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    width: 220px;
    font-size: .8em;
}

#admReviewInfoToggleDropDown #admReviewInfoToggleBtnCaption {
    display: inline-block;
    float: left;
    width: auto;
    margin: 2px 0px 0px 5px;
    font-weight: 600;
	font-size: 13px;
}
#admReviewInfoToggleDropDown #admReviewInfoToggleBtnCaret {
    float: right;
    margin: 4px 0px 0px 0px;
}

#admReviewInfoContainer {
    display: none;
    visibility: hidden;
    width: 95%;
    font-size: .8em;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    float: left;
    overflow: hidden;
    border: solid 1px var(--main-border-color);
    background-color: var(--main-bg-color);
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
#admReviewInfoContainer h4 {
    font-size: 13px;
    margin: 0px 0px 0px 0px;
    font-weight: 700;
}
#admReviewInfoContainer p {
    padding: 0px 0px 0px 0px;
	margin: 13px 0px 13px 0px;
	    font-size: 13px;
}
.reviw-col-1 {
    float: left;
    width: 80px;
    height: 70px;
}
div#adamReview {
    background: rgba(0, 0, 0, 0) url(../../../global/NCQA_70px.png) no-repeat scroll 0 0;
}

/*20 new cahnges*/
ul.SC_howtouse li ul li{
	list-style-type:circle;
	margin-top:0px;
}

ul.SC_howtouse li{
    list-style:disc; 
	margin-top:15px;
}
ul.SC_triggers li
{
	  list-style:disc;
	  margin-left:1.5rem;
}
/*#133996 Added by Rajat and Commented by Hemant
.margin_top_15px
{
	margin-top:15px;
}
End*/
.btn_collapse
{
	width: 100%;
    text-align: left;
	background:white;
    border-radius: 6px 6px 0px 0px !important;
    margin: 0px;
    color: black;
    padding: 10px;
    font-weight: 600;
	border:none;
}
.btn_collapse:focus
{
	outline:0;
}
#step1,#step2,#step3,#step4,#step5
{
	border-top:1px solid black;
	padding: 5px 10px 15px 10px;
	background:white;
}
.steps
{
	margin-bottom:10px;
}
.collapsing
{
	transition-timing-function: ease-out;
	transition: height 1s;
}
/*Bug #163249*/
#medicaldisclaimer {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Start Adding this for TransADAM*/
#admPageHeader hr {
    margin-top: 10px;
}

.lightboxpopup {  /*Adding session expired css*/
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'";
    z-index: 999;
}
.divLightbxpopup {
    background-color: #edf1dc;
    display: block;
    left: 40%;
    height: 200px;
    width: 24%;
    position: absolute;
    text-align: left;
    top: 20%;
    z-index: 9999;
    margin-top: 35px;
}
.lightboxTitlepopup {
    background-color: #005982;
    color: White;
    display: block;
    height: 34px;
    padding-top: 9px;
    padding-left: 20px;
    text-align: left;
    float: left;
    z-index: 10000;
    width: 100%;
    position: relative;
}
.closebuttonpopup {
    background: url("../images/button_lightbox_close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    position: relative;
    right: -3%;
    top: -48px;
    width: 38px;
    z-index: 10001;
    float: right;
}
.parapopup {
    font-family: Arial, Helvetica, sans-serif;
    /* padding: 21% 7% 0 7% !important; */
    /* float: left; */
    margin: 4px !important;
    font-weight: 500;
    word-wrap: normal;
    margin: 42px 42px 25px;
    text-align: center;
    left: 44%;
}
.popupbuttonpopup {
    background: none repeat scroll 0 0 #005982;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875em;
    margin: 9% 0 0;
    padding: 1% 2%;
    color: #ffffff;
    border: 0;
    float: right;
    margin-right: 11px;
    height: 27px;
    position: relative;
}
/* End Adding this for TransADAM*/

/*Start Unit Changes*/
#bodyIndex .lblUnits ~ .wellnessform-group  select#ddlWeightUnit000001,#bodyIndex .lblUnits ~ .wellnessform-group  select#ddlHeightUnit1000001,#bodyIndex .lblUnits ~ .wellnessform-group  select#ddlHeightUnit2000001,
#calorieContent  .lblUnits ~ .wellnessform-group  select#ddlWeightUnit000003,
#desirableContent  .lblUnits ~ .wellnessform-group  select#ddlHeightUnit1000007,#desirableContent  .lblUnits ~ .wellnessform-group  select#ddlHeightUnit2000007,
#nutritionalContent .lblUnits ~ .wellnessform-group  select#ddlWeightUnit000009,
.lblUnits ~ .wellnessform-group  select#ddlWSizeUnit000011,.lblUnits ~ .wellnessform-group  select#ddlHSizeUnit000011

{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    pointer-events: none;
}

input[type="radio"]#Metric ,#Metric_000001,#Metric_000007,#Metric_000003,#Metric_000009,#Metric_000011{
    margin: 10px;
    opacity: 1;
    transform:scale(1.5);
    margin-bottom:6px;
    margin-left:21px;
}

input[type="radio"]#Standard,#Standard_000001,#Standard_000007,#Standard_000003,#Standard_000009,#Standard_000011 {
    margin: 10px;
    opacity: 1;
    transform:scale(1.5);
    margin-bottom:6px;
    margin-left:0px;
}

/*div.wellness-form>label:nth-child(2)
{
  display: inline-block;
  color:#fff;
  font-size:14px;
  font-weight:bold;
}*/
.lblUnits{
  display: inline-block;
  color:#fff;
  font-size:14px;
  font-weight:bold;
}

/*END Unit Changes*/

/**Bug #174281*/
#admMedCodeSearchContainer .admSearchHomeBtn
{
margin-left:-3px !important;
}
#admMedCodeSearchContainer .admSearchBrowseAZbtn
{
font-size: 0.69em;
}

#admMedCodeSearchContainer span.fa.fa-search, 
#admMedCodeSearchContainer span.fa.fa-search-plus, 
#admMedCodeSearchContainer span.fa.fa-home{
	font-size: 22.4px !important;
}

#admAdvSearchContainer span.fa.fa-search, 
#admAdvSearchContainer span.fa.fa-search-plus, 
#admAdvSearchContainer span.fa.fa-home{
	font-size: 22.4px !important;
}

#admSearchContainer span.fa.fa-search, 
#admSearchContainer span.fa.fa-search-plus, 
#admSearchContainer span.fa.fa-home{
	font-size: 22.4px !important;
}