.ansArea { width:94%;margin-top:10px;color: #262626 !important;font-weight:normal!important; min-height: 60px; padding: 16px; }
.previous span { font-size: 27px; }
.next span { font-size: 27px; }
.previous { width: 47%; display: inline-block; cursor: pointer; margin-top: 10px; }
.next { width: 48%; display: inline-block; text-align: right; cursor: pointer; margin-top: 10px; }
.previous a, .next a { background: #2db300; color: #fff; padding: 10px 18px; border-radius: 4px; font-size: 20px; }
.nav-pills .completed a { padding:14px 19px!important; }
.ncalc .nav-pills li.active a { padding: 14px 20px!important; }
@media (min-width: 768px){
.col-sm-1 { width: 8.33333333%; float:left; }
.col-sm-10 { width: 83.33333333%; float:left; }
 .nav-justified > li { display: table-cell; width: 1%; float:none; }
 }

/* HEALTH BOX CSS STARTS */
.healthHas { font-size:21px;  }
.healthCount { float:right; color: #187681; }
.healthQuestion { font-size:20px; }
.healthBox .healthBoxIn label { width: 31.333%; float:left; padding: 10px 0px; margin-bottom: 1%; display: -webkit-box;     margin-right: 2%; box-shadow: rgb(9 30 66 / 25%) 0px 1px 1px, rgb(9 30 66 / 13%) 0px 0px 1px 1px; border-radius: 5px; background: rgb(224,234,242); }
.healthBox label input[type="radio"]{ margin-right: 13px; margin-left: 17px; } 
.healthSubmit { padding: 9px 26px; margin-top: 10px; background: #187681; border: 0px; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; }
.healthSubmit:hover { cursor:pointer; }
.healthRight {background: #e5ffe5; padding: 14px 36px;color: #000;margin-top:2%;border-left:4px solid #008000;margin-bottom: 15px;}
.healthCheck { color:green; font-size: 31px; padding-right: 11px; vertical-align: middle; }
.healthWrong {background: #ffe7df; padding: 14px 36px;color: #000;margin-top:2%;border-left:4px solid #b92b00;margin-bottom: 15px;}
.healthTimes { color:#b92b00; font-size: 35px; padding-right: 11px; vertical-align: middle; }
.healthScore { font-size: 22px; color: #f44336; }
.healthBox h4 { margin: 9px 0px; }
/* HEALTH BOX CSS ENDS */
 /* STATEMENT TABLE CSS ENDS */
 @keyframes click-wave { 
  0% { height: 20px; width: 20px; opacity: 0.35; position: relative; }
  100% { height: 50px; width: 50px; margin-left: -25px; margin-top: -25px; opacity: 0; }
}
.option-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
  position: relative; top: 13.33333px; right: 0; bottom: 0; left: 0; height: 25px; width: 25px; transition: all 0.15s ease-out 0s;
  background: #fff; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; border: 1px solid #8f8f8f; }
.option-input:hover { background: #ebf3f4; }
.optionDefault:checked { background: #fff; border: 1px solid #0075ff; }
.optionDefault:checked::before { height: 20px; width: 20px; position: absolute; content: '\2022'; display: inline-block; font-size: 80px; text-align: center; line-height: 27px; color: #0075ff; left: -2px; }
.optionDefault:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #0075ff; content: ''; display: block; position: relative; top: 10px; right: 0; bottom: 0; left: 8px; }
.option-input.radio { border-radius: 50%; margin-top:-13px; margin-bottom: 8px; }
.option-input.radio::after { border-radius: 50%; margin-top:-8px; margin-bottom: 8px; }
/* STATEMENT TABLE CSS ENDS */

.ncalc { border: 1px solid #29a3a3; padding: 10px; }
.ncalc .row { margin: 0 -13px; }
.ncalc-details { padding: 10px 0; }
.ncalc-details * { font-size: 21px; color: #248f8f; line-height: 24px; font-family: roboto, sans-serif!important;}
.ncalc .stage-desc { font-size: 20px; padding-top:27px; color: #29a3a3; font-weight: bold;  }
.ncalc-title { background: none; margin: 0 -12px; padding: 0 10px 10px; }
.ncalc-title h3 { margin:0px; padding: 5px; display: inline-block; color: #323232; padding: 10px; font-size: 20px; font-weight: bold; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:none;}
.ncalc .form-group { margin: 15px -11px 0; border-top: 0px solid #29a3a3; padding: 10px 2px 0; }
.ncalc .nav-pills { background:#ffffff; }
.ncalc .nav-pills li, .ncalc .nav-pills li:hover { height: 80px; padding: 5 20px; }
.ncalc .nav-pills li a, .ncalc .nav-pills li a:hover, .ncalc .nav-pills > li.active > a:focus {background:#ff3333; width: 64px; height: 64px; border: 0px solid #29a3a3; color: #fff; font-weight: bold; font-size: 22px; text-align: center; margin: 0 auto; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; line-height: 53px; padding:14px 21px; }
.ncalc .nav-pills li.completed a, .ncalc .nav-pills li.completed a:hover, .ncalc .nav-pills > li.completed > a:focus { background:#0075ff!important;color: #fff; }
.ncalc .nav-pills li.active a, .ncalc .nav-pills li.active a:hover, .ncalc .nav-pills > li.active > a:focus { padding:14px 18px; background:#2db300!important; width: 64px!important; height: 64px!important; border-width:0px; color: #ffffff; -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; line-height: 53px; }
.ncalc .pager { margin: 0px; list-style:none; text-align: right; }
.ncalc .pager .previous > a, .ncalc .pager .next > a, .ncalc .pager .previous > .btn, .ncalc .pager li > .btn { padding:7px 23px; background: #29a329!important; color: #ffffff!important; word-spacing: 30px; cursor: pointer; width: 131px; font-size: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.ncalc .pager li > .btn { float: right; background: #5cb85c!important; }
.ncalc .pager .previous > a:hover, .ncalc .pager .next > a:hover { background: #a2b9c7!important; }
.ncalc-options .row { padding: 0px 0; }
.ncalc-details .btn  { border: 1px solid #248f8f; border-width: 1px 0; color: #248f8f; -webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0; text-align: left; padding: 10px 15px; margin: 0px; white-space: normal; }
.ncalc-details select.form-control { min-width: 255px; }
.ncalc-details select.form-control, .ncalc-details select.form-control option { font-size: 15px; width: auto; }
.ncalc-options.diabetes-opt .row { margin: 0 20px; }
.ncalc-options[data-toggle="buttons"] > .row > .btn > input[type="radio"], .ncalc-options[data-toggle="buttons"] > .row > div > .btn > input[type="radio"] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); }
.measure-waist .ncalc-options[data-toggle="buttons"] > .row > div > .btn > input[type="radio"] { pointer-events: none; position: relative; z-index: 1; opacity: 01; filter: alpha(opacity=1); }
.ncalc-options .btn div { background: transparent url("images/icon-next.png") no-repeat right center; padding-right: 15px; }
.ncalc-details .btn:hover { background-color: #e0e1e3; border-color: #d0d1d4; }
.ncalc-details .btn.active, .ncalc-details .btn.active * { background-color: #248f8f; color: #ffffff;  }
.ncalc-options .btn.active div { background-image: url("images/icon-next-white.png"); color: #ffffff;  }
.measure-waist .ncalc-options .btn { padding: 4px 15px; border: none; margin: 0; }
.ncalc-icon { background:transparent url("images/ncalc-icons.png") no-repeat 0 0; width: 51px; height: 95px; }
.ncalc-icon.male { background-position: 0 -105px; }
.diabetes-opt .ncalc-icon.male { background-position: 15px -105px; width: 63px; }
.diabetes-opt .ncalc-icon { float: left; }
.diabetes-opt .btn { float: left; width: 80%; }
.ncalc-icon.brown { background-position: 0 -630px; }
.ncalc-icon.black { background-position: 0 -525px; }
.ncalc-icon.pink { background-position: 0 -315px; }
.ncalc-icon.lbrown { background-position: 0 -210px; }
.ncalc-iconnew {
    background: transparent url(images/ncalc-icons.png) no-repeat 0 0;
    width: 71px;
    height: 74px;
}
.ncalc-iconnew.yes {
    background-position: -76px -203px;
}
.ncalc-iconnew.no {
    background-position: -164px  -203px;
}
.ncalc-iconnew.dontknow {
    background-position: -252px -203px;
}
.ncalc-icon.grey { background-position: 0 -420px; }
.ncalc-icon.nofamily { background-position: -51px -118px; width: 63px; height: 82px; }
.ncalc-icon.parents { background-position: -114px -118px; width: 63px; height: 82px; }
.ncalc-icon.siblings { background-position: -178px -118px; width: 63px; height: 82px; }
.measure-waist { text-align: center; }
.measure-waist h3, .ncalc-diab-result h3 { text-align: left; font-size: 30px; padding-left: 60px; line-height:normal }
.measure-waist > .row { padding: 20px 60px; }
.measure-waist img { margin: auto; }
.measure-waist .ncalc-icon { margin: auto; }
.ncalc-routine .opt-img { height: 189px; text-align: center; margin-top: 20px; }
.ncalc-routine .btn { text-align: center; display: block; margin: 10px 30px; }
.ncalc-diab-result .col-sm-3 { text-align: center; color: #923637; opacity: 0.2; filter: alpha(opacity=0.2); background: #dedede; padding: 25px 0; line-height: 25px; }
.ncalc-diab-result .col-sm-3 img { margin: 15px 0; }
.ncalc-diab-result .col-sm-3 sup { font-size: 20px; color: #923637; }
.ncalc-diab-result .dresult-1 { background: #dedede; }
.ncalc-diab-result .dresult-2 { background: #cbbdbd; }
.ncalc-diab-result .dresult-3 { background: #b7b3b2; }
.ncalc-diab-result .dresult-4 { background: #94908f; }
.ncalc-diab-result .dresult-final { background: transparent url("images/bg-calc-result.png") repeat-x center top; opacity: 1; filter: alpha(opacity=1); }
.ncalc-diab-result ul { margin: 20px 92px; list-style-image: url("images/icon-tick.png"); }

@media only screen and (max-width: 768px) {
.ncalc-title { padding: 5px 20px; }
.ncalc-title h3 { font-size:22px; }
.ncalc .nav-pills li.active, .ncalc .nav-pills li.active:hover {  background-position: 64px 0; }
.ncalc-details { padding: 15px 0; }
.ncalc-details * { font-size: 15px; font-weight: normal; }
.ncalc-options .btn { padding: 10px 5px; }
.measure-waist .ncalc-options .btn { padding: 4px 5px; }
.ncalc-icon { width: 41px; }
.diabetes-opt .btn { width: 70%; }
}

@media only screen and (max-width: 500px) {
.ncalc .stage-desc { display: none; }
.ncalc .row { margin: 0 -4px; }
.ncalc .nav-pills { background-position: 0 24px; }
.ncalc .nav-pills li, .ncalc .nav-pills li:hover { width: 16%; height: 66px; float: left; padding: 5px 0; }
/*.ncalc .nav-pills li a, .ncalc .nav-pills li a:hover, .ncalc .nav-pills > li.active > a:focus { width: 34px; height: 34px; border-radius: 17px; line-height: 25px; padding: 3px; font-size: 16px; }*/
.ncalc .nav-pills li.active, .ncalc .nav-pills li.active:hover {  background-position: 46px 0;  }
.ncalc .nav-pills li.active a, .ncalc .nav-pills li.active a:hover, .ncalc .nav-pills > li.active > a:focus { width: 44px; height: 44px; border-radius: 22px; line-height: 30px; }
.ncalc .pager .previous > a, .ncalc .pager .next > a, .ncalc .pager li > .btn { word-spacing: 20px; width: 100px; font-size: 16px; }
.measure-waist h3, .ncalc-diab-result h3 { padding-left: 28px; font-size: 24px; }
}