html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
* { outline: none }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
strong { font-weight: 700;}
i, em { font-style: italic }
.left { float: left }
.right { float: right }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
a { color: #1f87cc; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:focus, input:focus {outline: none;}
address { font-style: normal }
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic }
.input, textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
p { font-size: 14px; line-height: 24px; color: #333; padding-bottom: 15px; }

/*==========input==========*/
.input{background: #fff; width: 100%; height: 38px; font-size: 14px; color:#007ac5; padding: 5px 15px; line-height: 28px; font-family: 'Helvetica'; border:1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; box-shadow: rgba(167,214,217,.3)0px 1px 1px; }
.red{border:1px solid #ff0000 !important;}
.input:focus { border: 1px solid #8dc4e6; }
.input::-webkit-input-placeholder {color:#3395d1;opacity:1;}
.input:-moz-placeholder {color:#3395d1;opacity:1;}
.input::-moz-placeholder {color:#3395d1;opacity:1;}
.input::-ms-input-placeholder {color:#3395d1;opacity:1;}
.input:-ms-input-placeholder {color:#3395d1;opacity:1;}

.button { background: #000; width: auto; height: 42px; line-height: 42px; padding: 0 20px; font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; text-transform: uppercase; cursor: pointer; border: 0; display: inline-block; letter-spacing: 1px; text-align: center; }
.button:hover, .button:focus { background: #a6a6a6; color: #fff; }
.error{font-size: 12px;color: #f00;text-align: left;padding-top:7px;line-height:18px;width: 100%;float: left;}
.error-red{border: 1px solid #FF0004;}
.input-col{width: 100%;float: left;margin-bottom:19px;}
/*==========Start Css==========*/
body { background: #fff; font-size: 16px; line-height: 24px; color: #000; font-family: 'Helvetica';letter-spacing:0.5px;text-align: justify; }
.box { max-width: 1110px; margin: 0 auto; }
.box-in { max-width: 920px; margin: 0 auto; }
.main-wrap{width: 100%; float: left;overflow:hidden;}
/*==========Header==========*/
.header{width: 100%; float: left; padding:30px 0px 15px 0px; border-bottom: 1px solid #dcdcdc;}
.logo{float: left;padding-top:9px;width:50%;}
.logo li{float: left; padding:0 22px; position: relative;}
.logo li:first-child:after{content:''; background: #007ac5; position: absolute; right:0; top:5%; height: 90%; width: 1px; }
.logo li:last-child{padding:17px 22px 0 22px;}
.header .right{text-align:right;width:50%;}
.header .right h1{font-size:24px;color: #136191;letter-spacing: 1.1px;font-style: italic;margin-bottom: 10px;}
.header .right h1 sup{font-size: 14px;font-style:normal;color: #487ba1;}
.header .right ul{float:right;width:100%;padding-top: 7px;}
.header .right li{padding: 0 4px;border-left:1px solid #136191;font-size:16px;line-height:17px;display:inline-block;}
.header .right li:first-child{border:none;}
.header .right li:last-child{padding:0 0 0 7px;}
.header .right li a,.header .right li span{color:#1d79c4;letter-spacing:0.8px;}
.header .right li a:hover{color: #000;}
.header .right li a.log-out{font-weight:600;}
.header .right p{padding-bottom: 0px;font-size: 12px;display: block;line-height: 15px;}

.header .right .last{padding-bottom:10px; padding-top:8px;}

/*==========container==========*/
.container{width: 100%; float: left; padding:30px 0 30px 0;}
.entry{width: 100%;float: left;margin-bottom: 25px;}
.entry h3{font-size: 15px; font-weight:bold;letter-spacing: 1px;margin-bottom: 10px;}
.entry h3 sup{font-size: 10px;}
.entry .col{width:48%;float: left;}
.entry .col.right{float: right;}
.entry p{letter-spacing:0.5px;}
.entry p span{display: inline-block;padding-right: 5px;position: relative;}
.entry p sup{font-size: 10px;position: absolute;right: -2px;top: 1px;line-height: 10px;}
.entry p sup.sup-one{right:0px;top:2px;font-size:11px;}
.sign-registration{width: 100%; float: left;}
.sign-registration h3{font-size: 24px; line-height: 30px; color: #000; text-align: center; padding:6px 0 10px;letter-spacing:0.7px;}
.sign-registration .mandatory,.update-pass .mandatory{font-size:14px; line-height:20px; color:#000; text-align:center; display:block; padding-bottom:30px;}
.sign-registration .main-wrap{width: 100%;float: left; border: 1px solid #dcdcdc; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;background:url(../images/bg-sign-in.png) center repeat-y;background-size:100%;}
.log-in, .sign-up{width: 50%; float: left; text-align: center;}
.sign-up{padding: 25px;}
.log-in {padding:24px;background: #fff;border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;-ms-border-radius:8px 0 0 8px;-o-border-radius:8px 0 0 8px;}
.log-in h4{font-size: 16px; line-height: 24px; padding: 23px 0 32px 0;letter-spacing:0.7px;}
.sign-up h4{font-size:22px;color: #fff;margin:19px 0 35px 0;}
.log-in .form-area,.sign-up .form-area{width: 100%; float: left; padding: 0 43px 17px 43px;}
.sign-up .form-area .first,.sign-up .form-area .last{width:48%;float: left;}
.sign-up .form-area .last{float:right;}
.sign-up .form-area .select-box{float: left; width: 100%;height: 38px;position: relative;top:0px;}
.sign-up .form-area .select-box select.select{width: 100%;height: 38px;line-height: 38px;float: left;position: relative;padding: 0 40px 0 5px;min-height:38px;}
.sign-up .form-area .select-box span.select{position: absolute;left:0px; top:0px;width: 100%;height: 38px;line-height: 38px;text-align:left; border: 1px solid #dddddd;padding: 0 40px 0 15px;background:#ffffff;font-size: 14px;color: #007ac5;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.sign-up .form-area .select-box span.select:after{content:'';background:url(../images/bg_select.png) right top no-repeat;width: 36px;height:40px;position: absolute; right: -1px;top:-1px;}
.log-in .form-area .divider,.sign-up .form-area .divider,.update-pass .divider{background:url(../images/img-divider.jpg) center top no-repeat; width: 100%;text-align: center;height: 1px;margin-bottom: 15px;float: left;}
.divider{float: left;width: 100%;}
.sign-up .form-area .divider{background:url(../images/img-divider2.jpg) center top no-repeat;float: left;}
.log-in .form-area .capcha-box,.sign-up .form-area .capcha-box{width: 100%;float: left;text-align: center;margin-bottom: 13px;}
.sign-up .form-area p{color:#ffffff;text-align: left;font-size: 13px;padding-left: 10px;}
.sign-up .form-area p a{color: #fff; border-bottom: 1px solid #fff;}
.sign-up .form-area p a:hover{border-color: transparent;}
.sign-up .form-area .checkbox{float: left;margin: 5px 10px 0px 0px;}
.sign-up .form-area .capcha-box{margin-bottom: 23px;}
.capcha-box .g-recaptcha{display:inline-block;}
.sign-up .input-col p{padding-bottom: 0px;}
.sign-registration .text-box{width: 100%;float: left;padding:50px 0 0 0;}
.sign-registration .text-box p{padding-bottom: 30px;font-family: 'HelveticaNeue';}
.sign-registration .text-box p a{border-bottom: 1px solid #1f87cc;}
.sign-registration .text-box p a:hover{ border-bottom: 1px solid transparent;}
.sign-registration .text-box h4{text-align: left;font-size: 18px;margin-bottom:10px;}
.log-in .form-area .capcha-box img{display: inline-block;}
.log-in .form-area .btn-submit,.overlay .form-area .btn-submit,.patient-info-form .btn-submit,.log-in .form-area .btn-submit,.update-pass .btn-save{background:url(../images/bg_btn.png) left top no-repeat;width:150px;height: 41px;line-height: 40px; border:none;font-size: 15px; color: #fff;text-transform:uppercase;cursor: pointer;text-align: left; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;padding-left:30px;    letter-spacing: 0.8px;display: inline-block;}
.log-in .form-area .btn-submit:hover,.patient-info-form .btn-submit:hover,.overlay .form-area .btn-submit:hover,.update-pass .btn-save:hover{background-position:left -42px;}
.log-in .form-area .forgotp{width: 100%; float: left;text-align: center;padding:0px 15px 19px 0;}
.log-in .form-area .forgotp a{font-size: 15px;color: #007ac5;}
.log-in .form-area .forgotp a:hover{color:#7a7a7a;}
.log-in .form-area .btn-delete{background:url(../images/bg_btn.png) left -84px no-repeat;width:201px;height: 40px;line-height: 40px; border:none;font-size: 12px; color: #fff;text-transform:uppercase;cursor: pointer;text-align: left; display: inline-block;padding-left:25px;letter-spacing:0.8px;}
.log-in .form-area .btn-delete:hover{background-position:left -125px;}
.sign-up .form-area .btn-sign{background:url(../images/bg_btn.png) left -165px no-repeat;width:150px;height: 41px;line-height: 41px; border:none;font-size: 15px; color: #1987cb;text-transform:uppercase;cursor: pointer;text-align: left; padding-left: 28px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.sign-up .form-area .btn-sign:hover{background-position:left -207px;}
.sign-up .row-btn{width:100%;float:left;}
/*========fornt Layout Page=============*/
.patient-info{width: 100%;float: left;text-align: center;letter-spacing:1px;}
.patient-info p{font-size: 18px;line-height: 29px;}
.patient-info p span{display: block;padding-bottom: 2px;}
.patient-info p strong{font-size: 16px;font-weight:600;display: block;padding-top: 10px;}
/*========Patient Info Form=============*/
.patient-info-form{width: 100%;float: left;padding: 0px 8.6% 0 8.6%;}
.patient-info-form .note-f{font-size:12px;font-weight:600;}
.patient-info-form .row{width: 100%;float: left;padding:10px 0 0px 0;}
.patient-info-form .row .col{width: 50%; float: left;padding:0 15px;}
.patient-info-form .row .col:first-child{text-align: right;padding-right: 21px;}
.patient-info-form .row p{font-size: 14px;color: #333333;letter-spacing: 0.7px;padding-bottom: 4px;}
.patient-info-form .row .red-text{color:#ff0000;}
.patient-info-form .row p span{font-size:11px; font-style: italic;display: block;line-height: 18px;padding:2px 0 0 0;}
.patient-info-form .row p sup{color:#f00;}
.patient-info-form .box-blue.grey-5.active .row p sup,.patient-info-form .box-blue .row.grey-10.active p sup{opacity:0;}
.patient-info-form .row .select-box{float: left; width: 271px;height: 38px;position: relative;}
.patient-info-form .row .select-box select.select{width: 271px;height: 38px;line-height: 38px;float: left;position: relative;padding: 0 40px 0 5px;min-height:38px;}
.patient-info-form .row .select-box span.select{position: absolute;left:0px; top:0px;width: 271px;height: 38px;line-height: 38px;border: 1px solid #dddddd;padding: 0 40px 0 15px;background:#ffffff;font-size: 14px;color: #007ac5;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.patient-info-form .row .select-box span.select:after{content:'';background:url(../images/bg_select.png) right top no-repeat;width: 36px;height:38px;position: absolute; right: -1px;top:-1px;}
.patient-info-form .box-blue{width:100%; float: left;position: relative;border: 1px solid #dcdcdc; border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px; margin-top: 15px;}
.patient-info-form .box-blue .row .col:nth-child(2) label{color: #fff;}
.patient-info-form .row .col:nth-child(2) label{color: #007ac5;}
.patient-info-form .box-blue:after{content:'';width: 50%;height: 100%;background: #1987cb;position: absolute;right:0px;top:0px;z-index:-1;border-radius: 0 9px 9px 0px;}
.patient-info-form .box-blue .row:first-child{padding-top:25px;}
.patient-info-form .box-blue .row:last-child{padding-bottom:25px;}
.patient-info-form .box-blue.last p{line-height:38px;}
.patient-info-form .row .float-l{float:left;margin-right: 18px;font-size: 14px;}
.patient-info-form .row .float-l-w{width: 100%; float:left;margin:0 0px 8px 0;}
.patient-info-form .row .float-l-w label{line-height:28px;letter-spacing: 1px;font-size: 14px;}
.patient-info-form .row .float-l input,.patient-info-form .row .float-l-w input{float: left;margin:6px 7px 0 0;}
.patient-info-form .row .float-l-w input{margin: 8px 9px 0 0;}
.patient-info-form .divider{background:url(../images/img_divider2.jpg) center top no-repeat;width: 100%;float: left;height: 1px;margin:32px 0px 17px 0px;}
.patient-info-form label.lineh-n{line-height:24px;}
.patient-info-form label.lineh-n span{display:block;}
.patient-info-form .input{margin: 0px;}
.patient-info-form .dose{width: 181px;float: left;}
.patient-info-form .date-picker{position: relative;width: 181px;}
.patient-info-form .date-picker .dose{padding-right: 45px;}
.patient-info-form .date-picker .icon-calendar{width: 181px;background:url(../images/bg-input.png) right top no-repeat;border:none;width: 36px;height:38px;position: absolute;right:0px;top:0px;cursor: pointer;}
.patient-info-form .drug-level{width: 90px;}
.patient-info-form .frequency{width: 120px;margin-right: 10px;}
.patient-info-form .weeks{color: #fff;font-size: 14px;}
.patient-info-form .question{width: 100%;float: left;padding: 35px 13% 12px 13%;}
.patient-info-form .question p{font-size: 12px;line-height: 18px; color: #333333;font-style:italic;letter-spacing:0.5px;padding: 0px;}
.patient-info-form .question p span{display: block;}
.patient-info-form .add-additional{background:url(../images/bg_btn.png) left -250px no-repeat;width: 402px;height:35px;line-height: 35px;text-align: center;display: inline-block;font-size: 15px;color: #000000;text-shadow:rgba(255,255,255,0.7) 0 1px 0px;margin-left:50%;}
.patient-info-form .add-additional:hover{background-position:left -286px;}
.patient-info-form .btn-row{padding:31px 0px 0px 0px;}
.patient-info-form .info-box{width: 100%;float: left;padding-top:12px;text-align: center;}
.patient-info-form .info-box p{font-size: 13px;line-height: 20px;color: #666666;font-style:italic;}
.patient-info-form .right-text{color: #fff;line-height: 38px;padding-left: 15px;float: left;font-size: 14px;}
.patient-info-form .box-blue.last .padd{padding: 8px 15px;}
.patient-info-form .box-blue.last .select-box,.patient-info-form .box-blue.last select.select,.patient-info-form .box-blue.last .select-box span.select{width: 181px;}
.patient-info-form .btn-submit{padding-left: 0px;text-align: center;text-transform: none;letter-spacing: 0.7px;}
.patient-info-form .button-row{width: 100%;float: left;text-align: center;padding:15px 0 35px 0;}
.patient-info-form .text-box{width: 100%;float: left;}
.patient-info-form .text-box p{padding-bottom: 30px;font-size: 14px;line-height:24px;}
.patient-info-form .text-box h4{text-align: left;font-size: 18px;margin-bottom:10px;color:#333333;}
.patient-info-form .error{padding-top:0px;text-align:right;}


/*======== footer ============ */
.footer{width: 100%; float: left; position:relative;background:#ddedf7;padding:52px 0 60px 0; border-bottom: 6px solid #badbef;}
.footer.active .footer-in{top:0px;} 
.footer .common{width: 33.6%; float: left; padding-right: 60px;}
.footer .common.two{width: 34%;padding-top: 43px;}
.footer .common.two li{float: left;font-size:13px;padding: 0 14px;border-left:1px solid #5e6264;line-height: 15px;}
.footer .common.two li:first-child{padding-left: 0px; border-left: none;}
.footer .common.two li a{color: #1987cb;border-bottom: 1px solid #7bbae1;}
.footer .common.two li a:hover{border-color:transparent;}
.footer .common.two p{padding-bottom: 10px;}
.footer .common.two p.padd-bott{padding-bottom:17px;}
.footer .common.two p sup{font-size: 12px;}
.footer .common.two .dev{font-size: 14px;color: #333;display: block;padding-bottom: 20px;}
.footer .common.three{width: 32.4%; padding-right: 0;padding-top: 43px;}
.footer .common.three a{color: #1987cb;font-size: 14px;letter-spacing: 1px;margin-bottom: 10px;display: inline-block;}
.footer .common.three a sup{font-size: 12px;}
.footer .common.three a span{border-bottom: 1px solid #7bbae1;}
.footer .common.three a:hover span{border-color:transparent;}
.footer .common.three p{padding-bottom: 15px;}
.footer .common.three p a{font-size: 12px;margin-bottom: 0px;border-bottom: 1px solid #1987cb;line-height: 14px;}
.footer .common.three p a:hover{color: #000; border-bottom:1px solid transparent;}
.footer .common .icon{display: block; min-height: 45px;}
.footer h5{font-size: 14px; line-height: 24px; color: #333; text-transform: uppercase; padding-bottom:3px;}
.footer p{font-size: 12px; line-height: 22px; color: #000; padding-bottom: 25px;}
.footer p span{display:block;padding-top: 7px;}
.footer .common .mar-bott{margin-bottom: 5px;}
.footer .common .mar-bott2{margin-bottom: 5px;}
.manufacturer{font-size: 14px;color: #fff;background:#858585;padding: 6px 17px 5px 13px;border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-ms-border-radius:5px 0 0 0;-o-border-radius:5px 0 0 0;cursor: pointer;float: right;position: absolute;top:-34px;right:0px;}
.manufacturer:hover{background:#1d7ac4;}
.manufacturer i{display: inline-block;margin-right: 5px;}
body.active .manufacturer.active{position:fixed; top:auto; bottom:0px;}
.manufacturer .fa-angle-double-up{display: none;}
.manufacturer.active .fa-angle-double-down{display: none;}
.manufacturer.active .fa-angle-double-up{display: inline-block;}
.footer .develop{font-size: 12px;letter-spacing: 1px;}
.footer .num{font-size:14px;display: block;padding:4px 0 25px 0;}
.footer .common.two ul{width: 100%;float: left;margin:49px 0 18px 0px;}
.footer .common.two p i{font-size: 16px;padding:0 2px;display:inline-block;position: relative;top:1px;}
.footer .padd-remove{padding-top:0px;}
/*=========All Pppup CSS=========*/
.overlay{background:rgba(0,0,0,0.5);position:fixed;width: 100%;height: 100%;left:0px;top:0px;z-index: 999;display:none;}
.overlay .inner-box{width:651px; position: absolute;left:50%; top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.overlay .common-box{width:100%; float:left; overflow: hidden;}
.overlay .common-box h4{ font-size: 24px;background:#1987cb;color: #fff;padding:28px 0px 31px 0px; text-align: center; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;letter-spacing: 1.1px;}
.overlay .common-box .white-box{background:#fff; width:100%; float:left; padding:32px 0 40px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.overlay .common-box .close-btn{background:#fff; width: 28px;height:28px;text-align: center;line-height: 28px; font-size: 19px; color: #1987cb; border-radius:5px;position: absolute; right:24px;top:26px; z-index: 2;cursor: pointer;font-weight:700;}
.overlay .common-box .close-btn:hover{background:#000; color: #fff;}
.overlay .common-box p{text-align:justify; font-size: 14px;line-height:20px;color: #1987cb;padding: 0 23px;}
.overlay .common-box .form-area{padding:30px 25.5% 20px 25.5%;text-align: center;}
.overlay.inflectra h4,.overlay.disclaimer h4{text-align: center;}
.overlay.inflectra .white-box,.overlay.disclaimer .white-box{padding-top: 24px;}
.overlay.inflectra p,.overlay.disclaimer p{font-size: 14px;line-height: 24px;color: #000000;padding: 0 34px 0 34px;}
.overlay.disclaimer p{padding-bottom:13px;}
.overlay.disclaimer p span{display:block;}
.overlay.disclaimer p strong{font-size: 16px;text-transform:uppercase;}
.overlay .divider{background:url(../images/img-divider.jpg) center top no-repeat; width: 100%;text-align: center;height: 1px;margin: 15px 0px;}
.overlay.inflectra .btn-row,.overlay.disclaimer .btn-row{width: 100%;float: left;text-align: center;}
.overlay.inflectra .btn-no,.overlay.inflectra .btn-yes,.overlay.disclaimer .btn-no,.overlay.disclaimer .btn-yes{width: 151px;display: inline-block;height: 41px;line-height: 41px;font-size: 16px;color: #fff;text-transform: uppercase;background:url(../images/bg_btn.png) left -322px no-repeat;text-align: left;font-weight:600;margin:0 13px;transition: none;}
.overlay.inflectra .btn-no,.overlay.disclaimer .btn-no{padding-left: 49px;}
.overlay.disclaimer .btn-no{padding-left:10px;text-align: center;}
.overlay.inflectra .btn-no:hover,.overlay.disclaimer .btn-no:hover{background-position:left -364px;}
.overlay.inflectra .btn-yes,.overlay.disclaimer .btn-yes{background:url(../images/bg_btn.png) left top no-repeat;padding-left:30px;}
.overlay.inflectra .btn-yes:hover,.overlay.disclaimer .btn-yes:hover{background-position: left -43px;}
.overlay.inflectra a{border-bottom: 1px solid #1e82c9;display: inline-block;line-height: 22px;}
.overlay.inflectra a:hover,.overlay.inflectra .btn-row a{ border-bottom:transparent 1px solid;}
.overlay.disclaimer .btn-yes{padding-left:39px;}
.overlay.disclaimer .padd-left{padding-left:16px;}
.overlay.forget-pass .common-box p{font-size:18px;text-align: center;}
.overlay.forget-thankyou p{font-size: 16px; color: #000;padding: 0 14%;text-align: center;line-height: 24px;}
.overlay.forget-thankyou .common-box h4{text-align: center;margin-bottom: 0px;}
.overlay.forget-thankyou .common-box .form-area{padding:0 0 0 0;text-align: center;}
.overlay.forget-thankyou .common-box .white-box{padding:15px 0 20px;}
.overlay.forget-thankyou .form-area .btn-submit{background: url(../images/bg_btn.png) -30px top no-repeat;width: 120px;}
.overlay.forget-thankyou .form-area .btn-submit:hover {background-position: -30px -42px;}
.overlay.delete-acc p{font-size:18px;text-align: center;}
.overlay.sign p{padding: 0 8%;}
.overlay .capcha-box{margin-bottom: 13px;}
.overlay .common-box .input{letter-spacing:0.8px;}
.reset-pass-success{text-align: center;}
.reset-pass-success .message{width: 100%;float: left;padding: 0 23px;margin-bottom: 15px;}
.reset-pass-success .message span{background:#dff0d8; border:1px solid #d6e9c6;font-size: 15px;text-align: center;padding: 7px 0px 8px 0px;display: block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;color: #3c763d;letter-spacing:1px;}
.overlay.reset-pass-success p{text-align:center;color: #000;font-size: 15px;letter-spacing:1px;}
.overlay.reset-pass-success p a{color: #1987cb;border-bottom: 1px solid #1987cb;}
.overlay.reset-pass-success p a:hover{border-bottom:1px solid transparent;}
.overlay.reset-pass-success .btn-submit{text-align: center;padding-left: 0px;}
.overlay.reset-pass-success .common-box .white-box{padding-top: 15px;}
.overlay.reset-pass-success .common-box .form-area{padding-bottom: 0px;}
.overlay.disclaimer.first-time{background:none;display:block;}
.overlay.disclaimer.first-time .white-box{border: 1px solid #1987cb !important;}
.block{display:block;}
/*=========All Pppup CSS=========*/

/*=========Update Password =========*/
.update-pass{width: 100%;float: left;padding:57px 0 35px 0;}
.update-pass h3{font-size:24px;color: #000000;text-align: center;margin-bottom: 28px;}
.update-pass h4{font-size:16px;color: #000000;text-align: center;margin-bottom: 33px;font-weight:600;}
.update-pass .inner-box{max-width:481px;border: 1px solid #e5e5e5;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;padding:36px 7% 65px 7%;margin: 0 auto;text-align: center;}
.update-pass .inner-box h4{font-weight:normal;}
.update-pass .btn-save{padding-left: 0px;text-align: center;letter-spacing: 0.8px;}
.update-pass .capcha-box{width: 100%;float: left;margin-bottom: 13px;}

/*=========Update Password =========*/

/*============out-put-page============*/
.out-put .top-box{width:100%; float:left;}
.out-put .top-box p{font-size:14px; line-height:24px;}
.out-put .top-box .information, .out-put .bibliography{width:100%; float:left; font-size:15px; line-height:22px; color:#007ac5; font-style:italic; display:block;  font-family: 'Open Sans', sans-serif; font-weight:600; letter-spacing:0;}
.out-put .top-box .information a, .out-put .bibliography a{color:#007ac5; text-decoration:underline;}
.out-put .top-box .information a:hover, .out-put .bibliography a:hover{text-decoration:none;}
/*============Output Result============*/
.out-put .result{width:100%; float:left; text-align:center; padding:35px 0 39px;}
.out-put .result h3, .primary-comments h3{font-size:24px; line-height:30px; color:#333; font-weight:400; letter-spacing:1px; margin-bottom:45px;}
.out-put .result h3 span{border-bottom:1px solid #007ac5; padding:0 21px 5px; display:inline-block;}
.out-put .result li{background:#f6f6f6; width:31.5%; min-height:300px; float:left; padding:20px 30px 10px; border:2px solid transparent; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; position:relative; overflow:hidden;}
.out-put .result li ~ li{margin-left:2.75%;}
.out-put .result li .img{background:url(../images/sprite1.png)no-repeat center top; width:82px; height:82px; display:inline-block; margin-bottom:25px;}
.out-put .result li:nth-child(2) .img{background-position:left -164px;}
.out-put .result li:nth-child(3) .img{background-position:left -328px;}
.out-put .result li.active:nth-child(1) .img{background-position:left -82px;}
.out-put .result li.active:nth-child(2) .img{background-position:left -246px;}
.out-put .result li.active:nth-child(3) .img{background-position:left -410px;}
.out-put .result li p{font-size:14px; line-height:24px; color:#d2d2d2;}
.out-put .result li:after{content:''; background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; left:0; top:0; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.out-put .result li.active{background:#fff; border:2px solid #cd0300; box-shadow:rgba(0,0,0,.2)0px 2px 15px;}
.out-put .result li.active:after{opacity:0;}
.out-put .result li.active p{color:#000;}
.out-put .result li.active:nth-child(2){border: 2px solid #fcaf00;}
.out-put .result li.active:nth-child(3){border: 2px solid #10ab00;}
/*============primary-comments============*/
.primary-comments{background:#fcf6cc; width:100%; float:left; padding:22px 28px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;font-size: 14px;line-height: 26px;}
.primary-comments h3{margin-bottom:20px;}
.primary-comments h3 span{display:inline-block; border-bottom:1px solid #efd200; padding:0 96px 7px 0; }
.primary-comments p, 
.primary-comments li{font-size:14px; line-height:26px; color:#333;}
.primary-comments sup{font-size:10px;line-height: 10px;}
.primary-comments ul{padding-top:25px;border-top:1px solid #efd200;}
.primary-comments li{line-height:20px; padding-bottom:15px;font-size: 13px;}
.primary-comments li a{border-bottom: 1px solid #1f87cc;}
.primary-comments li a:hover{border-bottom:1px solid transparent;}
.out-put .guidance{width:100%; float:left; font-size:15px; line-height:22px; color:#ff0202; display:block; text-align:center; font-style:italic; padding:25px 0; letter-spacing:0;}
.primary-comments.additional{background:#e5f1f9;}
.primary-comments.additional h3 span{border-bottom:1px solid #007ac5;}
.primary-comments.additional ul{border-top:1px solid #007ac5;}
.out-put .bibliography{padding:10px 0 20px 26px;}
/*============Graph-Wrap============*/
.graph-wrap{background:url(../images/img-divider.jpg)no-repeat center top; background-size: 700px 1px; width:100%; float:left; padding:25px 0 0;}
.graph-wrap h4{font-size:20px; line-height:30px; color:#333; text-align:center; font-weight:400; font-style:italic; padding-bottom:23px;}
.graph-wrap h4 sup{font-size:10px; position:relative; top:-3px;}
.graph-wrap .col{width:100%; float:left; text-align:center;}
.graph-wrap .col .ylo-heading{background:#fcf6cc; font-size:21px; line-height:35px; color:#333; padding:5px 27px; display:inline-block; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; letter-spacing:1px; margin-bottom:20px; }
.graph-wrap .col strong{font-size:21px; line-height:30px; color:#333; display:block; letter-spacing:1px; padding-bottom:25px;}
.graph-wrap .graph-area{width:100%; float:left;}
.graph-wrap .col .ylo-heading ~ .ylo-heading{margin:25px 0 10px;}
.graph-wrap p{padding:0 65px;}
.graph-wrap .col2{padding-top:30px;}
.graph-wrap .col2 .not-saved{width:100%; float:left; font-size:12px; line-height:17px; color:#666; display:block; font-style:italic; padding:20px 0 10px;}
.graph-wrap .view-btn{
/*============Gradient CSS============*/
background: rgb(33,171,219); 
background: -moz-linear-gradient(top, rgba(33,171,219,1) 0%, rgba(23,127,199,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(33,171,219,1) 0%,rgba(23,127,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(33,171,219,1) 0%,rgba(23,127,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21abdb', endColorstr='#177fc7',GradientType=0 ); /* IE6-9 */
font-size:18px; color:#fff; padding:10px 64px 10px 37px; line-height:30px; text-transform:uppercase; border-radius:4px 0 0 4px; display:inline-block; position:relative;}
.graph-wrap .view-btn:after{content:''; position:absolute; right:0; top:0;border-left: 19px solid transparent;border-top: 25px solid #fff;border-bottom: 25px solid #fff;}
.graph-wrap .view-btn:hover{
background: rgb(23,127,199);
background: -moz-linear-gradient(top, rgba(23,127,199,1) 0%, rgba(33,171,219,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(23,127,199,1) 0%,rgba(33,171,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(23,127,199,1) 0%,rgba(33,171,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177fc7', endColorstr='#21abdb',GradientType=0 ); /* IE6-9 */}
.out-put .sign-registration{padding:10px 100px 0;}


/*============Calender Css=============*/
.thismon{border: 1px solid #1f87cb;background: #1f87cb;color: #ffffff;text-align: center;font-size: 14px;}
.thisday{color: #000;border: 1px solid #595900;background-color: #fff;cursor: pointer;text-align: center;}
.calendar{position: absolute;left: 0px;background: #7cd4ff;z-index:9999;top: 40px;display: none;border-radius:5px;}
.navigate{cursor: pointer;}
.weekdays{color: #ffffff;background: #1f87cb;font-size: 13px;}
.weekdays td {padding: 0 7px;}
.monthdisp{color: #000000;height: 38px;}
/*============Calender Css=============*/

/*============Javascript button Css=============*/
.btn-enable{position: absolute;right:5px;top:5px;background: #ffffff;}
.btn-enable .btn{padding:0px 10px;float:left;font-size: 12px;border-radius:4px;}
.btn-enable .btn i{font-size: 15px;position: relative;top: 1px;color: #278d27;}
.btn-enable .btn.not-enable-script i{color:#d40000;}

/*============Terms Conditions Css=============*/
.terms-cond,.privacy-policy{width: 100%;float: left;padding-bottom: 50px;}
.terms-cond h2,.privacy-policy h2{font-size: 24px;line-height: 30px;color: #000;text-align: center;padding: 6px 0 25px;letter-spacing: 0.7px;    text-transform: uppercase;}
.terms-cond h3,.privacy-policy h3{font-size: 20px;line-height: 30px;color: #000;letter-spacing: 0.7px;padding:15px 0px 5px;}
.terms-cond p,.terms-cond li,.privacy-policy p{font-size:14px;line-height: 24px;padding-bottom: 10px;}
.terms-cond p sup,.privacy-policy p sup{font-size: 12px;}
.terms-cond li,.privacy-policy li{width: 100%;float: left;padding-bottom: 15px;font-size: 14px;line-height: 24px;list-style: circle;list-style-position: inside;}
.terms-cond li{list-style: decimal;list-style-position: inside;}
.privacy-policy .list-none li{list-style:none;}
.reporting{width: 100%;float: left;background:#e0e0e0;padding: 10px 20px;border: 1px solid #000;text-align: center;margin:15px 0px 30px 0px;}
.reporting p:last-child{padding-top: 20px;}
.reporting p span{display: block;}
.reporting a,.privacy-policy a{border-bottom: 1px solid #1f87cc;}
.reporting a:hover,.privacy-policy a:hover{border-color:transparent;}
.grey-box{width: 100%;float: left;background:#e0e0e0;padding: 10px 20px;border: 1px solid #000; text-transform: uppercase;}
.grey-10,.patient-info-form .row{position:relative;}
.grey-5.active .row:before,.grey-10.active:before{content:"";width: 100%; height: 100%;position: absolute;left: 0px;top: 0px;background: rgba(210, 210, 210, 0.4);border-radius: 8px;z-index: 99;border-radius:0px;}
.q4 .common-box .white-box,.q9 .common-box .white-box{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.overlay.inflectra.q9 .btn-no{padding-left: 66px;}
.close-box{position: absolute;right: 0px;top: 25px;background: #000;color: #fff;padding: 5px 10px;border-radius: 0 8px 0px 0px;cursor:pointer;z-index: 9;    font-size: 13px;}
.patient-info-form .outer-box{position: relative;width: 100%;float: left;margin-top:15px;}
.patient-info-form .outer-box.active .close-box{display:block;}
.meet-pass{font-size: 12px;line-height: 18px;text-align: justify;padding-top: 20px;}
.patient-info-form .outer-box .note{font-size:12px;}
.patient-info-form .outer-box .box-blue{margin-top:0px;}
.bottom-bar{width:100%;float:left;text-align:center;margin-top:30px;border-top: 5px solid #1d79c4;padding-top: 10px;font-size: 18px;}
.bottom-bar .left{float:left;}
.bottom-bar .right{float:right;}

/*=====404 page css =====*/
.four-0-4 {width:100%;float:left;text-align:center;padding:30px 0px 80px 0px;}
.four-0-4 h2{font-size: 50px;font-weight: bold;color: #1d7ac5;padding: 30px 0px;margin-bottom:30px;line-height:50px;}
.four-0-4 a{text-decoration: none;padding: 10px 25px;background-color: #1d7ac5;color: #fff;}
.four-0-4 a:hover{background-color: #000;color: #fff;}

/*============Graph Css=============*/
.wraper-graph{width:100%;float:left; padding:30px 0px 50px 0px;}
.graph{width:650px;height:480px;margin:0 auto;position: relative;}
.graph.add-histogram{width:680px;position: relative;}
.graph .grey-b{background:#cfcfcf;color:#000;font-size:15px;text-align:center;line-height:15px;font-weight:600;margin-left: 79px;width: 490px;}


.graph .grey-b span{font-size:10px;}
.left-number{width:80px; float:left;height:385px; border-right:1px solid #000;text-align:right;padding-right:10px;position:relative;}
.left-number ul{float: right;position: absolute;right: 0px;padding-right: 9px;bottom: -15px;}
.left-number h3{position: absolute;left:-83px;top: 50%;font-size: 12px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);width: 210px;}
.right-part{width:490px; float:left;height:400px;padding:0 0 0 0;}
.graph.add-histogram .right-part{width:490px; float:left;height:400px;padding:0 0 0 0;}
.left-number li{padding: 28px 0px;font-size:14px;position:relative;}
.left-number li .line{width:5px;height:2px;background:#000;position:absolute;right:-10px;top:50%;}
.inner-graph{width:100%;float:left;min-height:384px;position: relative;}
.inner-graph ul{padding: 40px 9px 0 9px;width: 100%;float: left;}
.inner-graph li{width:25%;float:left;position:relative;min-height:321px;}
.inner-graph li .inner-box{width:100%;height:100%;position:absolute;left:0px;bottom:0px;}
.inner-graph li .level-no{font-size:10px;line-height:14px;width:100%;float:left;text-align:center;margin-top: -35px;}
.inner-graph li .blue-b{width:80%;float: left;background: #1d79c4;height: 10%;position: absolute;left: 10%;bottom: 0px;}
.inner-graph li.active .blue-b{background:#f0d200;}
.bottom-number{width:100%;float:left;border-top:1px solid #000;}
.bottom-number ul{width:100%;float:left;padding: 0px 9px 0 9px;}
.bottom-number li{float:left;width:25%;text-align:center;font-size: 14px;position:relative;}
.bottom-number li .line{width:2px;height:5px;background:#000;position:absolute;right:50%;top:0;margin-top:-1px;}
.bottom-number h3{font-size:15px;text-align:center;}
.right-number{width:80px; float:left;height:385px; border-left:1px solid #000;text-align:right;padding-right:10px;position:relative;}
.right-number ul{float:left;padding-left: 9px;position: absolute;bottom: 0px;}
.right-number h3{position: absolute;left:-10px;font-size: 12px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);width: 195px;bottom: 98px;font-style: italic;}
.right-number li{padding: 3px 0px;font-size:14px;position:relative;text-align:left;}
.right-number li .line{width:5px;height:2px;background:#000;position:absolute;left:-10px;top:50%;}
.add-histogram .inner-graph ul{position: absolute;bottom: 15px}
.add-histogram .inner-graph ul,.add-histogram .bottom-number ul{text-align:center;display: flex;}
.add-histogram .inner-graph ul{padding:0px 9px 0 9px;}
.add-histogram .inner-graph li,.add-histogram .bottom-number li{width:33.33%;float:left;font-size: 13px;}
.add-histogram .inner-graph li{min-height:320px;}
.add-histogram .inner-graph li .blue-b{width:47%;left:0px;}
.add-histogram .inner-graph li .blue-b.right{right:0px;left:auto;}
.add-histogram .inner-graph li .inner-box{width: 90%;left: 50%;margin-left: -45%;}
.add-histogram .inner-graph li .blue-b.yellow-b{background-color:#f0d200;}
.add-histogram .inner-graph li .blue-b.yellow-b.border-active{border-bottom:1px solid #f0d200;background:none;}
.add-histogram .left-number h3{width: 130px;left: -35px;top:auto;bottom:72px;font-style: italic;}
.add-histogram .left-number ul{bottom:0px;}
.graph .list{position: absolute;left: 100px;}
.graph .list li{font-size:12px;width:100%;float:left;line-height:18px;text-align: left;font-style: italic;}
.graph .list li span{width:10px;height:10px;background: #1d79c4;display:inline-block;margin-right:5px;}
.graph .list li:first-child span{background: #f0d200;}
.add-histogram .left-number li{padding: 4px 0px;}
.add-histogram .bottom-number{padding-top:25px;}
.add-histogram .inner-graph li .date{position:absolute;left:0px;bottom:-46px;width:100%;font-size: 11px;line-height:20px;}
.add-histogram .inner-graph li .date .line{width:2px;height:5px;background:#000;position:absolute;left:50%;top:-2px;}

.scrol-info{width: 100%;float: left;background: #1d79c5;color: #fff;padding: 10px 15px;font-size: 13px;display:none;margin-bottom: 10px;text-align:left;}
#primaryGraph{max-width:890px;margin:0 auto;overflow:hidden;}


.multiple{width:890px;position:relative;height: 460px;}
.multiple .inner-graph ul,.multiple .bottom-number ul{display:flex;overflow:hidden;}
.multiple .inner-graph li{width:100%;}
.multiple .inner-graph li .blue-b{width: 90%;left: 5%;height:100%;}
.multiple .inner-graph li.active .blue-b{border:3px solid #000;overflow: hidden;border-bottom:none;}
.multiple.red .inner-graph li.active .blue-b{overflow:visible;}
.multiple .bottom-number li{width:100%;font-size: 13px;}
.multiple .inner-graph li .level-no{font-size: 13px;margin-top:-20px;}
.multiple .grey-b{padding:3px 0px;width: 620px;}
.multiple .inner-graph li .blue2-b,.multiple .inner-graph li .sky-b,.multiple .inner-graph li .orange-b,.multiple .inner-graph li .red-b{width:100%;float:left;}
.multiple .inner-graph li.bar1 .blue2-b{height:78px;background:#017bc0;}
.multiple .inner-graph li.bar1 .sky-b{height:91px;background:#8fc6dc;}
.multiple .inner-graph li.bar1 .orange-b{height:73px;background:#f6a485;}
.multiple .inner-graph li.bar1 .red-b{height:79px;background:#cd0022;}
.multiple .inner-graph li.bar2 .blue2-b{height:112px;background:#017bc0;}
.multiple .inner-graph li.bar2 .sky-b{height:54px;background:#8fc6dc;}
.multiple .inner-graph li.bar2 .orange-b{height:92px;background:#f6a485;}
.multiple .inner-graph li.bar2 .red-b{height:63px;background:#cd0022;}
.multiple .inner-graph li.bar3 .blue2-b{height:158px;background:#017bc0;}
.multiple .inner-graph li.bar3 .sky-b{height:48px;background:#8fc6dc;}
.multiple .inner-graph li.bar3 .orange-b{height:47px;background:#f6a485;}
.multiple .inner-graph li.bar3 .red-b{height:68px;background:#cd0022;}
.multiple .inner-graph li.bar4 .blue2-b{height:176px;background:#017bc0;}
.multiple .inner-graph li.bar4 .sky-b{height:37px;background:#8fc6dc;}
.multiple .inner-graph li.bar4 .orange-b{height:62px;background:#f6a485;}
.multiple .inner-graph li.bar4 .red-b{height:46px;background:#cd0022;}
.multiple .inner-graph li.bar5 .blue2-b{height:177px;background:#017bc0;}
.multiple .inner-graph li.bar5 .sky-b{height:40px;background:#8fc6dc;}
.multiple .inner-graph li.bar5 .orange-b{height:55px;background:#f6a485;}
.multiple .inner-graph li.bar5 .red-b{height:49px;background:#cd0022;}
.multiple .inner-graph li.bar6 .blue2-b{height:190px;background:#017bc0;}
.multiple .inner-graph li.bar6 .sky-b{height:29px;background:#8fc6dc;}
.multiple .inner-graph li.bar6 .orange-b{height:63px;background:#f6a485;}
.multiple .inner-graph li.bar6 .red-b{height:39px;background:#cd0022;}
.multiple .inner-graph li.bar7 .blue2-b{height:184px;background:#017bc0;}
.multiple .inner-graph li.bar7 .sky-b{height:27px;background:#8fc6dc;}
.multiple .inner-graph li.bar7 .orange-b{height:73px;background:#f6a485;}
.multiple .inner-graph li.bar7 .red-b{height:37px;background:#cd0022;}
.multiple .inner-graph li.bar8 .blue2-b{height:139px;background:#017bc0;}
.multiple .inner-graph li.bar8 .sky-b{height:77px;background:#8fc6dc;}
.multiple .inner-graph li.bar8 .orange-b{height:61px;background:#f6a485;}
.multiple .inner-graph li.bar8 .red-b{height:44px;background:#cd0022;}
.multiple .right-part{width: 620px;}
.multiple .status-week{width:250px;position:absolute;right:-80px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);text-align: left;}
.multiple .status-week h4{font-size:20px;color:#000;margin-bottom:5px;text-align:left;font-style: normal;padding-bottom:5px;}
.multiple .status-week li{font-size:17px;color:#000;width:100%;float:left;line-height:20px;margin-bottom:2px;}
.multiple .status-week li span{width:20px;height:20px;background:#0073ad;float:left;margin-right:13px;}
.multiple .status-week li.res span{background:#8fc6dc;} 
.multiple .status-week li.grey span{background:#f6a485;} 
.multiple .status-week li.pnr span{background:#cd0022;} 
.multiple .graph .grey-b{width: 610px;}
.multiple.red .inner-graph li .blue-b{height:10%;}
.multiple.red .inner-graph li .level-no{margin-top:-40px;line-height: 16px; font-size:12px;}
.multiple.red .inner-graph li .blue-b{background:#cd0022;}
.multiple .left-number h3 {width: 285px;left:-125px;font-size: 15px;}
.multiple.red .grey-b{width:620px;line-height:20px;}
.multiple.w14 .inner-graph li.bar1 .blue2-b{height:50px;background:#017bc0;}
.multiple.w14 .inner-graph li.bar1 .sky-b{height:81px;background:#8fc6dc;}
.multiple.w14 .inner-graph li.bar1 .orange-b{height:90px;background:#f6a485;}
.multiple.w14 .inner-graph li.bar1 .red-b{height:100px;background:#cd0022;}
.multiple.w14 .inner-graph li.bar2 .blue2-b{height:76px;background:#017bc0;}
.multiple.w14 .inner-graph li.bar2 .sky-b{height:88px;background:#8fc6dc;}
.multiple.w14 .inner-graph li.bar2 .orange-b{height:101px;background:#f6a485;}
.multiple.w14 .inner-graph li.bar2 .red-b{height:56px;background:#cd0022;}
.multiple.w14 .inner-graph li.bar3 .blue2-b{height:160px;background:#017bc0;}
.multiple.w14 .inner-graph li.bar3 .sky-b{height:51px;background:#8fc6dc;}
.multiple.w14 .inner-graph li.bar3 .orange-b{height:63px;background:#f6a485;}
.multiple.w14 .inner-graph li.bar3 .red-b{height:47px;background:#cd0022;}
.multiple.w14 .inner-graph li.bar4 .blue2-b{height:171px;background:#017bc0;}
.multiple.w14 .inner-graph li.bar4 .sky-b{height:38px;background:#8fc6dc;}
.multiple.w14 .inner-graph li.bar4 .orange-b{height:68px;background:#f6a485;}
.multiple.w14 .inner-graph li.bar4 .red-b{height:44px;background:#cd0022;}
.multiple.w14 .inner-graph li.bar5 .blue2-b{height:203px;background:#017bc0;}
.multiple.w14 .inner-graph li.bar5 .sky-b{height:47px;background:#8fc6dc;}
.multiple.w14 .inner-graph li.bar5 .orange-b{height:51px;background:#f6a485;}
.multiple.w14 .inner-graph li.bar5 .red-b{height:20px;background:#cd0022;}
.multiple.w14 .inner-graph li.bar6 .blue2-b{height:210px;background:#017bc0;}
.multiple.w14 .inner-graph li.bar6 .sky-b{height:27px;background:#8fc6dc;}
.multiple.w14 .inner-graph li.bar6 .orange-b{height:49px;background:#f6a485;}
.multiple.w14 .inner-graph li.bar6 .red-b{height:36px;background:#cd0022;}
.multiple.red{width:705px;border:none !important;}


/*========Fonts============*/
@font-face { font-family: 'Helvetica-Light'; src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Light.woff') format('woff'), url('../fonts/Helvetica-Light.ttf') format('truetype'), url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica'; src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype'), url('../fonts/Helvetica.svg#Helvetica') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica-Bold'; src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Bold.woff') format('woff'), url('../fonts/Helvetica-Bold.ttf') format('truetype'), url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Conv_HelveticaNeue-Medium';src: url('../fonts/HelveticaNeue-Medium.eot');src: url('../fonts/HelveticaNeue-Medium.woff') format('woff'), url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('../fonts/HelveticaNeue-Medium.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'champagne__limousinesbold';src: url('../fonts/champagne__limousines_bold-webfont.woff2') format('woff2'),url('../fonts/champagne__limousines_bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'champagne__limousinesBdIt';src: url('../fonts/champagne__limousines_bold_italic-webfont.woff2') format('woff2'),
url('../fonts/champagne__limousines_bold_italic-webfont.woff') format('woff'),url('../fonts/champagne__limousines_bold_italic-webfont.ttf') format('ttf');
font-weight: normal;font-style: normal;}
@font-face {font-family: 'champagne__limousines_thickBd';src: url('../fonts/champagne_limousines-thickbold-webfont.woff2') format('woff2'), url('../fonts/champagne_limousines-thickbold-webfont.woff') format('woff'),url('../fonts/champagne_limousines-thickbold-webfont.ttf') format('ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'champagne__limousinesregular';src: url('../fonts/champagne__limousines-webfont.woff2') format('woff2'),url('../fonts/champagne__limousines-webfont.woff') format('woff'),url('../fonts/champagne__limousines-webfont.ttf') format('ttf');font-weight: normal;font-style: normal;}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf')  format('truetype'), url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*========Fonts============*/



/*=========Loader Css =========*/
#loading{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;right: 0px;bottom: 0px;text-align: center;background: #fff;
z-index: 1;}
.loader {border: 8px solid #f3f3f3;border-radius: 50%;border-top: 8px solid #3498db;width: 40px;height: 40px;-webkit-animation: spin 1s linear infinite; /* Safari */animation: spin 1s linear infinite;position: absolute;top: 0px;right: 0;bottom: 0;left: 0;margin: auto;z-index:99;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*=========Loader Css =========*/



/* fonts *//* fonts *//* fonts */

.name{ font-family: 'Helvetica-Light'; }
.manufacturer,.patient-info-form .row .select-box span.select,.patient-info-form .question p{font-family: 'Helvetica';}
.footer h5{ font-family: 'Helvetica-Bold'; }
.log-in .form-area .btn-submit,.log-in .form-area .btn-delete,.sign-up .form-area .btn-sign,.header .right h1,.entry h3,.header .right li a{font-family: 'Conv_HelveticaNeue-Medium';}
.name{font-family: 'champagne__limousinesbold';}
{font-family: 'champagne__limousinesBdIt';}
.name{font-family: 'champagne__limousines_thickBd';}
.name{font-family: 'champagne__limousinesregular';}
.entry p,.overlay.delete-acc p,.patient-info-form .row .float-l-w label,.patient-info-form .row .float-l,.patient-info-form .info-box p,.patient-info-form .right-text,.update-pass h4{ font-family: 'HelveticaNeue';}
.sign-registration h3,.log-in h4,.sign-registration h4,.patient-info p,.patient-info p strong,.patient-info-form .row p,.patient-info-form .dose,.patient-info-form .row .select-box span.select,.patient-info-form .btn-submit,.patient-info-form .text-box h4,.overlay .form-area .btn-submit,.update-pass h3,.update-pass .btn-save,.out-put .result h3, .out-put .guidance, .graph-wrap .col .ylo-heading, .graph-wrap .col2 .not-saved, .graph-wrap .view-btn, .out-put .ref-details h4{font-family: 'Conv_HelveticaNeue-Medium';}
.sign-up h4,.overlay .common-box h4,.overlay .common-box .close-btn,.common-text p,.overlay.inflectra p,.overlay.forget-thankyou p,.overlay .common-box h4{font-family: 'Open Sans', sans-serif;}



/* transition */
.input, .button,.log-in .form-area .forgotp a,.overlay .common-box .close-btn,.manufacturer,.footer-in,.header .right li a,.header .right li span,.sign-up .form-area p a,.footer .common.two li a,.footer .common.three a span,.out-put .result li:after, .out-put .result li p,.sign-registration .text-box p a,.footer .common.three p a,.primary-comments li a,.reporting a,.privacy-policy a,.overlay.inflectra a,.four-0-4 a,body:before,.header .right{-webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }



/* responsive *//* responsive *//* responsive *//* responsive *//* Responsive */
@media only screen and (min-width:1366px) and (max-width:1430px) {
	
}
@media only screen and (min-width:1024px) and (max-width:1365px) {
	.header{padding: 30px 15px 15px 15px;}
	.footer{padding: 30px 15px 30px 15px;}
	.out-put,.terms-cond, .privacy-policy{padding:0 15px;}
	
}
@media only screen and (min-width:768px) and (max-width:1023px) {
	.header{padding:30px 15px 15px 15px;}
	.logo{width:43%;}
	.logo li{padding:0 12px 0 0px;}
	.logo li img{max-width:120px;}
	.logo li:last-child{padding: 17px 0 0 12px;}
	.logo li:last-child img{max-width:160px;}
	.header .right{width: 57%;}
	.header .right h1{font-size:20px;margin-bottom: 5px;}
	.header .right .last{padding-bottom:8px;}
	.not-enable .header.js-enable{padding: 30px 15px 15px 15px;}
	.btn-enable .btn{line-height:19px;}
	.header.js-enable{padding: 50px 15px 15px 15px;}
	.entry,.sign-registration{padding:0 15px;}
	.log-in .form-area, .sign-up .form-area{padding:0px;}
	.log-in h4{padding: 0px 0 15px 0;}
	.sign-up h4{margin: 0px 0 35px 0;}
	.footer{padding: 35px 15px 35px 15px;}
	.footer .common{padding-right:20px;}
	.footer .num{padding: 4px 0 15px 0;}
	.footer .common.two .dev{padding-bottom:10px;}
	.footer .common.two ul{margin: 83px 0 18px 0px;}
	.footer .common.two li{font-size:13px;padding:0 6px;}
	.patient-info-form{padding:0 15px;}
	.patient-info-form .row.btn-row{text-align:center;}
	.patient-info-form .add-additional{margin:0px;}
	.out-put{padding:0 15px;}
	.out-put .result li{width: 32.4%;padding: 20px 18px 10px;}
	.out-put .result li ~ li{margin-left:10px;}
	.bottom-bar{font-size:15px;border-top: 3px solid #1d79c4;}
	.terms-cond, .privacy-policy{padding:0 15px;}
	.multiple{width:750px;}
	.multiple .right-part{width: 500px;}
	.multiple .grey-b{width: 500px;}
	.multiple.red .right-part{width: 625px;}
}
@media only screen and (max-width:767px) {
	.logo{width:80%;}	
	.logo li{padding:0 9px;}
	.logo li:last-child{padding:11px 9px 0 9px;}
	.logo li img{max-width:75px;}
	.logo li:last-child img{max-width:112px;}
	.menu-icon{background:url(../images/menu_icon.jpg) left top no-repeat;width:42px;height:42px;float:right;margin: 13px 6px 0 0;cursor:pointer;}
	.not-enable .header.js-enable{padding: 30px 0px 15px 0px;}
	.btn-enable .btn{line-height:19px;}
	.header.js-enable{padding: 80px 0px 15px 0px;}
	.header{padding: 10px 0px 15px 0px;}
	.header .right{text-align: left;width: 74%;position: fixed;right: -100%;top: 0px;background: #fff;height: 100%;z-index:2;padding:55px 10px 0 10px;}
	.header .right.header-info{right:0px;}
	.header .right .close-popup{background:url(../images/menu_icon.jpg) left bottom no-repeat;width:42px;height:42px;float:right;cursor:pointer;position:absolute;right:0px;top:0px;}
	body:before{content:"";position: fixed;left: 0px;top: 0px;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;}
	body.header-info:before{opacity:1;visibility:visible;}
	.header .right h1{font-size:18px;}
	.header .right h1 span{display:block;}
	.header .right li,.header .right li:last-child{display:inherit;padding:0px;border:none;margin-bottom:10px;}
	.header .right li a{background:url(../images/login-bg-m.jpg) left top no-repeat;min-width:120px;height:41px;display:inline-block;line-height:41px;color:#fff;padding-left:30px;text-transform:uppercase;}
	.header .right li:last-child a{background:url(../images/register-bg-m.jpg) left top no-repeat;min-width:150px;color:#1987cb;}
	.header .right p span{display: block;line-height: 16px;margin-bottom: 10px;}
	.header .right p sup{font-size: 10px;line-height: 10px;}
	.header .right p strong{display:block;}
	.header .right p a{display:inline-block;}
	.container{padding: 17px 0 30px 0;}
	.entry{padding:0 15px;margin-bottom: 0px;}
	.entry .col{width:100%;}
	.entry h3{font-size:14px;line-height:20px;}
	.sign-registration{padding:0 15px;}
	.log-in, .sign-up{width:100%;padding:18px 18px 24px 18px;}
	.log-in .form-area, .sign-up .form-area{padding:0px;}
	.sign-registration .main-wrap{background:none;}
	.sign-up{background:#1d79c4;}
	.sign-registration h3{font-size:18px;}
	.sign-registration .mandatory{font-size:13px;padding-bottom: 20px;}
	.sign-up .form-area .first, .sign-up .form-area .last{width:100%;}
	.log-in h4{font-size:14px;padding:0 0 14px 0;line-height: 20px;}
	.sign-up h4{font-size:18px;margin:10px 0px 30px 0px;}
	.sign-up .input-col p{font-size:12px;}
	.overlay .inner-box{width:96%;}
	.overlay .common-box h4{font-size:18px;padding:15px 10px;}
	.overlay .common-box .close-btn{right:0px;top:0px;}
	.overlay .common-box .white-box{padding:15px 0 20px;}
	.overlay .common-box .form-area{padding:15px;}
	.overlay.forget-pass .common-box p{font-size:15px;}
	.overlay.delete-acc p{font-size:14px;}
	.overlay.inflectra p, .overlay.disclaimer p{font-size:13px;line-height:21px;padding:0 15px 10px 15px;}
	.patient-info-form{padding:0 15px;}
	.patient-info p{font-size:14px;line-height:24px;}
	.patient-info-form .box-blue:after{display:none;}
	.patient-info-form .row .col{width:100%;background: #1d79c4;padding:10px;}
	.patient-info-form .row .col:first-child{text-align:left;background:none;}
	.patient-info p{padding:0 10px 15px 10px;}
	.patient-info p span{display:inline;}
	.patient-info p strong{display:block;padding-top:20px;}
	.patient-info-form .row{padding:13px 0 0 0;}
	.patient-info-form .row p{font-size:13px;line-height:20px;}
	.patient-info-form .box-blue.last p{line-height:normal;}
	.patient-info-form .row .col:first-child{padding-right:10px;}
	.patient-info-form .box-blue .row:first-child{padding-top:0px;}
	.patient-info-form .box-blue .row:last-child{padding-bottom:0px;}
	.patient-info-form .box-blue .row:last-child .col{border-radius:0 0 9px 9px;}
	.patient-info-form .row .float-l-w{margin:0px;}
	.patient-info-form .divider{background-size: 100%;margin: 20px 0px 10px 0px;}
	.patient-info-form .info-box p{text-align:left;padding-bottom:0px;font-size:12px;}
	.patient-info-form .row .select-box,.patient-info-form .row .select-box select.select,.patient-info-form .row .select-box span.select{width:200px;}
	.patient-info-form .add-additional{background:url(../images/btn-bg.jpg) left top repeat-x;margin-left:0px;width: 100%;padding:13px 10%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;line-height:17px;height:auto;cursor:pointer;}
	.patient-info-form .add-additional:hover{background-position: left top;}
	.patient-info-form .outer-box .note{font-size: 12px;line-height: 19px;min-height: 40px;}
	.close-box{top: 41px;}
	.patient-info-form .info-box{padding-top:0px;}
	.overlay.disclaimer .btn-no, .overlay.disclaimer .btn-yes{width: 119px;margin: 0 2px;}
	.overlay.disclaimer .btn-yes{background-position:-32px top;padding-left: 30px;}
	.overlay.disclaimer.first-time .white-box{height:420px;overflow:auto;}
	.terms-cond, .privacy-policy{padding:0 15px;}
	.reporting{padding:0px 10px;margin-bottom:15px;}
	.terms-cond .reporting h3{font-size:17px;}
	.reporting p:last-child{padding-top:5px;}
	.terms-cond h3, .privacy-policy h3{font-size:18px;line-height: 22px;}
	.terms-cond li, .privacy-policy li{padding-bottom: 10px;font-size:13px;}
	.terms-cond li strong, .privacy-policy li strong{font-size:14px;}
	.grey-box{font-size:13px;padding:10px;}
	.terms-cond h2, .privacy-policy h2{padding:6px 0 5px;font-size: 24px;}
	.out-put{padding:0 15px;}
	.out-put .result li{padding: 10px 15px;width:100%;margin-bottom:10px;}
	.out-put .result li p{font-size:13px;}
	.out-put .result li ~ li{margin:0px 0px 10px 0px;}
	.primary-comments{padding:12px;}
	.out-put .result h3, .primary-comments h3{font-size:20px;margin-bottom:15px;}
	.primary-comments h3 span{padding: 0 15% 0 0;}
	.out-put .guidance{font-size:13px;line-height:20px;}
	.out-put .bibliography{padding: 10px 0px;}
	.graph-wrap h4{font-size:15px;line-height:21px;}
	.graph-wrap h4 sup{line-height:10px;}
	.graph-wrap .col .ylo-heading{font-size:18px;}
	.graph-wrap p{padding:0px;}
	.out-put .sign-registration{padding:0px;}
	.wraper-graph{overflow-y: scroll;}
	.graph-wrap .view-btn{font-size:15px;}
	.overlay.disclaimer.sessionTimeout .btn-yes{background-position: left top;padding-left: 23px;width: 151px;font-size: 14px;}
	.graph .grey-b{margin-left:70px;font-size: 12px;line-height: 12px;width: 480px;}
	.left-number{width:70px;}
	.left-number li{font-size:12px;}
	.right-part{width: 480px;}
	.bottom-number li{font-size:12px;}
	.bottom-number h3{font-size:13px;}
	.left-number{width: 60px;}
	.left-number h3{left: -95px;}
	.add-histogram .left-number h3{left: -54px;}
	.graph.add-histogram .right-part{width: 400px;}
	.graph{width: 550px;}
	.graph.add-histogram{width: 550px;}
	.graph.multiple{width: 890px;}
	.graph.multiple .grey-b{margin-left: 58px;width: 832px;float: left;}
	.graph.multiple .scrol-info{margin-bottom:10px;}
	.graph.multiple.red{width: 580px;}
	.graph.multiple.red .grey-b{width: 525px;}
	.multiple.red .right-part{width: 520px;}
	.multiple .left-number h3{left: -135px;}
	.multiple .status-week{width: 170px;right: 20px;}
	.footer{padding:22px 15px 22px 15px;}
	.footer .common,.footer .common.two,.footer .common.three{width:100%;padding:0 0 0px 0;}
	.footer .common.two .dev{padding-bottom:10px;}
	.footer .common.two p{padding-bottom:0px;}
	.footer .num{padding: 4px 0 15px 0;}
	.footer .common.three{padding-top:30px;}
	.footer .common.two ul{margin: 25px 0 18px 0px;}
	.entry p,.sign-registration .text-box p,.patient-info-form .text-box p{font-size:13px;line-height:21px;padding-bottom:20px;}
	.overlay.inflectra .btn-no, .overlay.inflectra .btn-yes, .overlay.disclaimer .btn-no, .overlay.disclaimer .btn-yes{margin: 0;font-size: 14px;}
	.graph-wrap .col strong{font-size:16px;line-height: 23px;padding-bottom: 18px;}
	.wraper-graph{padding: 10px 0px 50px 0px;}
	.overlay.disclaimer p strong{font-size:14px;}
	.overlay.disclaimer .divider{margin: 0px 0px 10px 0px;}
	.non-scroll{overflow:hidden;}
	.patient-info-form .error{text-align:left;}
	.bottom-bar{font-size: 13px;padding-top: 10px;border-top: 2px solid #1d79c4;}
	.overlay.disclaimer p span{display:inline;}
	.overlay.disclaimer p .break{display:block;}
	
	.graph.multiple .scrol-info{display: block;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.sign-up .form-area .first, .sign-up .form-area .last{width:48%;}
	.overlay.inflectra .btn-no, .overlay.inflectra .btn-yes, .overlay.disclaimer .btn-no, .overlay.disclaimer .btn-yes{margin:0 8px;}
}
@media only screen and (min-width:320px) and (max-width:374px) {
.g-recaptcha{transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webkit-transform-origin:0 0;}
.capcha-box .g-recaptcha{width:252px;margin:0 auto;}
.log-in .form-area .capcha-box,.sign-up .form-area .capcha-box{margin-bottom:0px;}
}
@media only screen and (min-width:320px) and (max-width:360px) {
	.close-box{top: 58px;}
}
@media only screen and (min-width:320px) and (max-width:592px) {
	.scrol-info{display:block;padding: 6px 15px;}
}