﻿@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a{text-decoration:none;outline:none;color:#0058c6;}
body, html{height:100%;font-family:Arial, Helvetica, sans-serif;}
input, select, radio, checkbox, textarea{outline:none;-webkit-appearnace:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}

@font-face {
	font-family: "helvetica-lt-35-thin";
	src: url("/fonts/helvetica-lt-35-thin.eot");
	src: url("/fonts/helvetica-lt-35-thin.eot#iefix") format("embedded-opentype"),
	url("/fonts/helvetica-lt-35-thin.woff") format("woff"),
	url("/fonts/helvetica-lt-35-thin.ttf") format("truetype"),
	url("/fonts/helvetica-lt-35-thin.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "helvetica-lt-45-light";
	src: url("/fonts/helvetica-lt-45-light.eot"); 
	src: url("/fonts/helvetica-lt-45-light.eot#iefix") format("embedded-opentype"),
	url("/fonts/helvetica-lt-45-light.woff") format("woff"),
	url("/fonts/helvetica-lt-45-light.ttf") format("truetype"),
	url("/fonts/helvetica-lt-45-light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "helvetica-lt-55-roman";
	src: url("/fonts/helvetica-lt-55-roman.eot");
	src: url("/fonts/helvetica-lt-55-roman.eot#iefix") format("embedded-opentype"),
	url("/fonts/helvetica-lt-55-roman.woff") format("woff"),
	url("/fonts/helvetica-lt-55-roman.ttf") format("truetype"),
	url("/fonts/helvetica-lt-55-roman.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "helvetica-lt-65-medium";
	src: url("/fonts/helvetica-lt-65-medium.eot");
	src: url("/fonts/helvetica-lt-65-medium.eot#iefix") format("embedded-opentype"),
	url("/fonts/helvetica-lt-65-medium.woff") format("woff"),
	url("/fonts/helvetica-lt-65-medium.ttf") format("truetype"),
	url("/fonts/helvetica-lt-65-medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*------------------- BASIC STYLES --------------------*/
.backtolist {
    background: white;
    padding: 20px;
}   
#subscriptionContentSection .tableWrapper, .mCSB_container, #accManage .tableWrapper, .infoSection {
    width: 100% !important;
    padding: 15px;
    background: #fff;
    overflow-x: auto;
}
.warehouse tbody tr td{background: transparent ;}
.dropdown .dropbtn {
    cursor: pointer;
    font-size: 16px;
    border: none;
    outline: none;
    padding: 20px 10px 20px 10%;
    background-color: inherit;
    margin: 0;
    width: 100%;
}
.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
  background-color: #edf0f5;
}

.dropdown-content {
  display: none;
  position: initial;
  background-color: #fff;
  min-width: 160px;
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 28px 12px 15px;
  text-decoration: none;
  display: block;
  text-align: right;
}

.dropdown-content a:hover {
  background-color: #edf0f5;
}

.show {
  display: block;
}
#profileinfo {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(180, 180, 180, 0.3);
    border-bottom: 1px solid rgba(180, 180, 180, 0.3);
    margin-bottom: 20px;
    color: #516E8B;
}
#profileinfo span.name {float: right;}
#profileinfo .dropd {
    margin-top: 17px;
    float: right;
    margin-left: 9px;
}
.rowscount{background-color: #fff;
    padding: 15px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 10px !important;}
#mainWrapper{width:100%;height:100%;/*max-width:1400px;*/margin:-15px auto;min-height:100%;}
#menuIcon{width:auto;float:right;margin:35px 28px 0 0;display:none;}
#table{width:100%;display:table;height:100%;background: #edf0f5;}
.table{display:table;}
.tableCell{display:table-cell;height:100%;float:none !important;}

#sidePanel{background-color:#fff;box-shadow: 0 0 5px #ddd;width:300px; }
#contentWrapper{vertical-align:top;position:relative;padding-bottom:55px;}
#logo{width:100%;float:left;padding-left: 20px;}
#sidePanel ul {
    width: 85%;
    float: left;
    margin-left: 10%;
}
#sidePanel ul li {
    width: 100%;
    float: left;
    background-color: #fff;
    display: block;
    list-style: none;
    font-size: 18px;
    height: 50px;
    padding-top: 15px;
    background-position: 30px 8px;
    cursor: pointer;
    color: #999;
    padding-left: 85px;
    position: relative;
    transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -ms-transition: background 0.3s ease-in;
    -os-transition: background 0.3s ease-in;
    margin-bottom: 10px;
    border-radius: 5px;
}
#sidePanel ul li:hover, #sidePanel ul li.activeMenu{background-color: #999;color:#00EAC8;transition:background 0.3s ease-in;-webkit-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;-ms-transition:background 0.3s ease-in;-os-transition:background 0.3s ease-in;}
.border_active {
    border-left: solid 11px #999;
    border-bottom: solid 7px transparent;
    border-top: solid 7px transparent;
    width: 15px;
    height: 33%;
    position: absolute;
    right: -15px;
    top: 33%;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    -os-transition: opacity 0.3s ease-in;
    vertical-align: middle;
}
/*.border_active{width:4px;height:100%;position:absolute;right:0px;top:0px;opacity:0;transition:opacity 0.3s ease-in;-webkit-transition:opacity 0.3s ease-in;-moz-transition:background 0.3s ease-in;-ms-transition:opacity 0.3s ease-in;-os-transition:opacity 0.3s ease-in;}*/
#sidePanel ul li:hover .border_active{opacity:1;transition:opacity 0.3s ease-in;-webkit-transition:opacity 0.3s ease-in;-moz-transition:background 0.3s ease-in;-ms-transition:opacity 0.3s ease-in;-os-transition:opacity 0.3s ease-in;}
#sidePanel ul li:hover a, #sidePanel ul li.activeMenu a {color:#fff}
#sidePanel a:hover {color: #151515;}
#sidePanel a {color:#999;}
.notActive{display:none;}
.Active{display:block;}
#homeLink{background:url(images/menuicons_08.png) no-repeat;}
#tracking{background:url(images/menuicons_05.png) no-repeat}
#reports{background:url(images/menuicons_01.png) no-repeat}
#zidntegration{background:url(images/menuicons_zid.png) no-repeat}

#neworder {
    background: url(images/menuicons_12.png) no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
    border: none;
    background-color: #00bd00 !important;
    margin-top: 50px;
    background-position: 33px -36px !important;
}
#neworder a {color:#fff;}
#neworder.activeMenu,#neworder:hover {box-shadow:0 0 5px #aaa;}

#changepassword, #logoutLink {
    width: 49% !important;
    margin-top: 80px;
    height: 100px !important;
    padding: 0px !important;
    background-color: transparent !important;
    opacity: 0.3;
    background-position: center !important;
}
#changepassword a, #logoutLink a {
    padding-top: 20px;
    float: left !important;
    margin-top: 45px;
    font-size: smaller;
    text-align: center;
    width: 100%;
}
#logoutLink:hover, #logoutLink:hover a,
#logoutLink.activeMenu, #logoutLink.activeMenu a {opacity:1;color: red !important;}
#changepassword:hover, #changepassword:hover a,
#changepassword.activeMenu, #changepassword.activeMenu a {opacity:1;color: #999 !important;}

#changepassword{background:url(images/menuicons_10.png) no-repeat}
#logoutLink{background:url(images/menuicons_11.png) no-repeat;}

#newsupplier{background:url(images/newSupplier_icon.png) no-repeat}
#newDocLink{background:url(images/sysAd/newdoc_icon.png) no-repeat;}
/*#sidePanel ul li#homeLink:hover,*/
#sidePanel ul li:hover{background-position:30px -34px;}
#sidePanel ul li.activeMenu{background-position:30px -34px;}
#sidePanel ul li.activeMenu .border_active{opacity:1;transition:opacity 0.3s ease-in;-webkit-transition:opacity 0.3s ease-in;-moz-transition:background 0.3s ease-in;-ms-transition:opacity 0.3s ease-in;-os-transition:opacity 0.3s ease-in;}

.width100{width:100%;float:left;}
.width50per{width:50%;float:left;}
.width33per{width:33.3%;}
.width80{width:80% !important;}
.width345{width:345px;}
.width253{width:253px;}
.padding20{padding-top:20px;}
.padding30{padding-top:30px;}
.alignTop{vertical-align:top;}
.widthset{width:130px !important;}
input[type="text"].setWidth50{width:50%;}
.spacer{height:0px;}
.rightAlign{float:right !important;}
.footer{width:100%;float:left;position:absolute;bottom:0;background-color:#fff;border-top:1px solid #f2f2f2; left:0;text-align:center;font-family: "helvetica-lt-55-roman";font-size:14px;color:#516E8B;padding:17px 10px;}
.footer span{font-family: "helvetica-lt-65-medium";color:#ffb654;}
.footer a{color:#516E8B;}
.collapseDiv{display:none;}
.collapseDiv{height:135px;width:100%;}
.collapseDiv .table{width:100%;}
#family-history .width315{width:315px !important;}

/*------------------- LOGIN SECTION STYLES --------------------*/

#loginWrapper{width:100%;background-size:cover;background: #fff;;float:left;font-family:Arial, Helvetica, sans-serif;}
#login {
    max-width: 400px;
    margin: auto;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    height: 100%;
}
#loginimage{margin: 0 auto;display: block;max-width: 370px;width: 100%;height: auto;}
#login img {
    width: 80% !important;
    margin-top: 20% !important;
    margin-bottom: 10% !important;
}
.loginbg{width:100%;height:225px;background:#fff;box-shadow: 0 0 5px #aaa;padding:0 20px;border-radius:5px;margin-top: 20px;}
.loginbg .logo {
    width: 100%;
    float: left;
    text-align: center;
}
.loginForm {
    width: 100%;
    height: 100%;
    float: left;
    padding-top: 30px;
}
.loginForm input[type="text"]{background-color:#fff;border-radius:2px;width:95%;margin-left:2.5%;height:40px;border:0px;margin-bottom:20px;padding:0 20px;color:#4f6178;font-size:16px;}
.loginForm input[type="password"]{background-color:#fff;border-radius:2px;width:95%;margin-left:2.5%;height:40px;border:0px;margin-bottom:20px;padding:0 20px;color:#4f6178;font-size:16px;}
.loginForm input[type="button"]{background-color:#ffa500;cursor:pointer;border-radius:2px;width:95%;margin-left:2.5%;height:40px;border:0px;color:#fff;font-weight:bold;font-size:20px;text-shadow: 1px 1px rgba(8,130,112,.2);}
.loginForm input[type="submit"]{background-color:#ffa500;cursor:pointer;border-radius:2px;width:95%;margin-left:2.5%;height:40px;border:0px;color:#fff;font-weight:bold;font-size:20px;text-shadow: 1px 1px rgba(8,130,112,.2);}
.loginForm input[type="submit"]:hover{box-shadow: 0 0 5px #aaa}
.loginForm input[type="text"]::-webkit-input-placeholder {color:#4f6178;}
.loginForm input[type="text"]:-moz-placeholder {color:#4f6178;}
.loginForm input[type="text"]::-moz-placeholder {color:#4f6178;}
.loginForm input[type="text"]:-ms-input-placeholder {color:#4f6178;}

.loginForm input[type="password"]::-webkit-input-placeholder {color:#4f6178;}
.loginForm input[type="password"]:-moz-placeholder {color:#4f6178;}
.loginForm input[type="password"]::-moz-placeholder {color:#4f6178;}
.loginForm input[type="password"]:-ms-input-placeholder {color:#4f6178;}
/*------------------- MMR1 CONTENT SECTION STYLES --------------------*/

.tableGreyHead{width:100%;background-color:#ececec;height:50px;color:#516e8b;font-size:20px;padding:14px 0 0 20px;font-family: "helvetica-lt-65-medium";}
.rowBlue{background-color:#fcfcfc;width:100%;border-bottom:1px solid #ececec;padding:20px 20px 10px;height:auto;overflow:hidden;margin-bottom:30px;}
.rowBlue .firstBlock{border-right:1px solid #ececec;}
.rowBlue .formWrapper{margin-top:0;margin-bottom:14px;}
#demographics .label{width:130px;color:#6f6f6f;font-family: "helvetica-lt-45-light";}
#demographics .demoValue{font-size:18px;font-family: "helvetica-lt-65-medium";color:#6f6f6f;}
#demographics .demoValue span, .remodal .demoValue span{margin-right:6%;}
.rowBlue .secBlock{padding-left:20px;}
#demographics .demoValue ul li, .demographics .demoValue ul li{list-style:none;display:block;float:left;width:100%;background:url(images/bullet.png) no-repeat left center;padding-left:30px;margin-bottom:15px;}
#demographics .subscriptionTable, .demographics .subscriptionTable{margin-top:0px;margin-bottom:50px;}
#demographics .subscriptionTable thead th, .demographics .subscriptionTable thead th{color:#2b4360;}
#demographics .subscriptionTable .blueTr td, .obstetric_history_table .blueTr td, #mmr4_btnTble .tableCell.blueTr, .demographics .subscriptionTable .blueTr td{background-color:#516e8b;color:#fff;}
.nonActive td{background-color: #fcfcfc !important;color: #516E8B !important;}
#demographics .subscriptionTable tbody td{cursor:pointer;}
#demographics .subscriptionTable tbody td:hover, .obstetric_history_table tbody td:hover{color:#ff6868;text-decoration:underline;}
#demographics .greenRow, .demographics .greenRow{font-size:20px;}
.demographics .greenRow{padding:0px;}
.demographics .greenRow .img{width:40px;float:left;height:40px;background-color:#00b298;padding-top:5px;text-align:center;margin-right:15px;}
.demographics .greenRow span{margin-top:8px;display:block;width:auto;float:left;}


.remodal .width100{text-align:left;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:15px;}
.padding{padding:22px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:14px;}
.remodal .greenRow{font-family: "helvetica-lt-65-medium";font-size:18px;text-align:left;color:#fff;text-shadow:1px 1px rgba(44,60,83,.2);}
.remodal .formWrapper .label{font-family: "helvetica-lt-55-roman";width:150px;font-size:14px;}
.modal_title{font-size:18px;font-family: "helvetica-lt-65-medium";border-bottom:1px solid #c1c8d0;padding-bottom:5px;margin-bottom:10px;}
.firstBlock .modal_title{width:90%;}
.remodal .formWrapper{margin-top:0;margin-bottom:12px;}
.modalCnt{font-size:16px;line-height:25px;}
.remodal .greyRow{color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:16px;text-align:left;padding:10px 20px;width:100%;float:left;border-bottom:1px solid #d8d8d8;}
#labList{padding:0 20px;}
#labList li{list-style:none;width:100%;float:left;padding:10px 0;border-bottom:1px solid #c1c8d0;font-size:14px;}
#labList li .modal_title{font-size:15px;width:100%;border:0px;float:left;margin-bottom:0px;}
#labList li.selected{color:#00d1b3;background:url(images/li_selected.jpg) no-repeat right center;}
#labList li:last-child{border-bottom:0px;}
  #prescriptionBlock .formWrapper input, #prescriptionBlock .formWrapper select, #prescriptionBlock textarea{padding: 0 10px;border:1px solid #7893a3;color:#255775;font-family: "helvetica-lt-55-roman";font-size:15px;border-radius:5px;}
#prescriptionBlock textarea{width:100%;height:102px;padding:10px;}
#prescriptionBlock .formWrapper input[type="text"]::-webkit-input-placeholder {color:#4f6178;}
#prescriptionBlock .formWrapper input[type="text"]:-moz-placeholder {color:#4f6178;}
#prescriptionBlock .formWrapper input[type="text"]::-moz-placeholder {color:#4f6178;}
#prescriptionBlock .formWrapper input[type="text"]:-ms-input-placeholder {color:#4f6178;}
#prescriptionBlock .radioWrapper label{color:#5c5c5c;font-size:16px;}
#prescriptionBlock .checkboxWrapper label{color:#5c5c5c;font-size:16px;}
.remodal #prescriptionBlock .formWrapper{margin-bottom:30px;}
.remodal #prescriptionBlock input, .remodal #prescriptionBlock select{width:95%;margin-right:0px;}
#prescriptionBlock .secBlock .radioWrapper {padding-left:5%;}
#prescriptionBlock input[type="button"]{width:120px;font-size:18px;font-family: "helvetica-lt-55-roman";}
#prescriptionBlock .subscriptionTable, #labResult .subscriptionTable{min-width:100%;border-radius:5px;border-color:#c1c8d0;}
#labResult .subscriptionTable{margin-top:0px;}
#prescriptionBlock .subscriptionTable tbody td, #prescriptionBlock .subscriptionTable thead{border:1px solid #c1c8d0;}
#prescriptionBlock .subscriptionTable thead{border-top:1px solid #415d78;border-bottom:1px solid #415d78;}
#prescriptionBlock .subscriptionTable thead th{text-align:center;background-color:#516e8b;border-right:1px solid #415d78;color:#fff;font-family: "helvetica-lt-55-roman";font-size:16px;}
#HomeVst textarea{width:100%;height:102px;padding:10px; max-width:100%;}

/*------------------- NEW VISIT SECTION STYLES --------------------*/
.trclick:hover {
    background-color:darksalmon;
    cursor:pointer;
}

.trclick td:hover  {
    background-color: transparent; 
    cursor:pointer;
}
#newVisit{/*margin-bottom:60px;*/}
#newVisit #menuToggle{margin-bottom:0px;}
#newVisit .seperator{border-bottom:1px solid #c3c3c3;padding-top: 28px;}
#newVisit .subForm .formWrapper .label, #newVisit .subForm2 .formWrapper .label{width:180px;font-size:16px;color:#6f6f6f;}
#newVisit .subForm .radioWrapper label, #newVisit .subForm2 .radioWrapper .label, #newVisit .subForm2 .radioWrapper label{font-size:16px;color:#6f6f6f;font-family: "helvetica-lt-55-roman";}
#newVisit .subForm .formWrapper .label.longlabel{width:220px;}
#newVisit .infoSection .label{font-size:16px;color:#6f6f6f;font-family: "helvetica-lt-65-medium";}
#newVisit .infoSection .label p, .colorCircle p{font-family: "helvetica-lt-55-roman";font-size:14px;}
#newVisit .subForm .radioWrapper, #newVisit .subForm2 .radioWrapper{width:auto;}
#newVisit .presentValue .radioWrapper{width:400px;}
#newVisit .infoSection .label{width:130px;}
#newVisit .infoSection .formWrapper{border-bottom:1px solid #efefef;padding-bottom:30px;}
.colorcodeWrap{width:86px;height:82px;float:left;margin-left:40px;margin-bottom: 10px;}
.colorcodeWrap .radioWrapper{width:19px;}
.colorcodeWrap .radioWrapper label{margin-top:20px;}
.colorCircle{float:right;}
.colorCircle p{text-align:center;color:#6f6f6f;margin-top:5px;font-size:13px;}
.circle{width:60px;height:60px;border-radius:30px;}
.glu_1{background-color:#7ac6c6;}
.glu_2{background-color:#66ba6f;}
.glu_3{background-color:#92ac55;}
.glu_4{background-color:#9a8b0f;}
.glu_5{background-color:#888222;}
.glu_6{background-color:#6e4d22;}
.bili_1{background-color:#fffdca;}
.bili_2{background-color:#eeeac5;}
.bili_3{background-color:#d3cac5;}
.bili_4{background-color:#aa939b;}
.keto_1{background-color:#f5c6b4;}
.keto_2{background-color:#ee9c91;}
.keto_3{background-color:#cf7078;}
.keto_4{background-color:#b65274;}
.keto_5{background-color:#903a6b;}
.keto_6{background-color:#763555;}
.grav_1{background-color:#165566;}
.grav_2{background-color:#41673e;}
.grav_3{background-color:#66844e;}
.grav_4{background-color:#787c4a;}
.grav_5{background-color:#9e964b;}
.grav_6{background-color:#af9c36;}
.grav_7{background-color:#be9100;}
.blood_1{background-color:#eb8932;}
.blood_2{background:url(images/blood_2.jpg);}
.blood_3{background-color:#bdb553;}
.blood_4{background-color:#a1aa57;}
.blood_5{background-color:#657b54;}
.blood_6{background-color:#546b5b;}
.ph_1{background-color:#e46713;}
.ph_2{background-color:#ea8a1c;}
.ph_3{background-color:#e19815;}
.ph_4{background-color:#a39940;}
.ph_5{background-color:#788e46;}
.ph_6{background-color:#4c9d5a;}
.ph_7{background-color:#007179;}
.protein_1{background-color:#dae979;}
.protein_2{background-color:#bada6b;}
.protein_3{background-color:#83c283;}
.protein_4{background-color:#66b97f;}
.protein_5{background-color:#1ca48c;}
.protein_6{background-color:#098a85;}
.uro_1{background-color:#f2ae7d;}
.uro_2{background-color:#ee9c77;}
.uro_3{background-color:#e8786c;}
.uro_4{background-color:#e46964;}
.uro_5{background-color:#d95489;}


/*------------------- MMR2 CONTENT SECTION STYLES --------------------*/

#topSection{display: none;width:100%;float:left;border-bottom:1px solid #F1F1F1;padding:20px 50px;background-color:#f8f8f8;}
#topLeftSec{width:40%;max-width:300px;float:left;font-size:18px;color:#516E8B;}
.profPic{box-shadow: 0px 2px 5px 0px #666;display:block;float:left;overflow:hidden;border-radius:20px;height:40px;width:45px;margin-right:10px;}
span.name{display:block;margin-top:10px;}
#topRhtSec{width:60%;float:right;}
#menuToggle{display:block;width:100%;float:left;text-align:right;cursor:pointer;margin:20px 0;position:relative;}
.divToggle{width:235px;height:290px;top:38px;right:0px;background-color:#ff6868;position:absolute;padding:0px 20px;display:none;border-top-left-radius:5px;border-bottom-left-radius:5px;z-index:99;}
.divToggle ul li{font-family: "helvetica-lt-65-medium";display:block;list-style:none;width:100%;float:left;background-color:#ffffff;text-align:center;padding:7px 0 8px;font-size:16px;color:#516e8b;border-radius:2px;margin:20px 0 0;}
.divToggle ul li a{color:#516e8b;}
.divToggle ul li:hover{color:#ff6868;}
.searchWrapper{width:77%;float:right;max-width:435px;height:40px;border:1px solid #EAEAEA;background-color: #fff;}
.delete {border:0px;background:url(images/close.png);margin:10px 0 0 10px;width:80%;height:auto;font-size:16px;}


.searchWrapper input.search{border:0px;background:none;margin:10px 0 0 10px;width:80%;height:auto;font-size:16px;}
.searchWrapper input[type="text"]::-webkit-input-placeholder {color:#4f6178;}
.searchWrapper input[type="text"]:-moz-placeholder {color:#4f6178;}
.searchWrapper input[type="text"]::-moz-placeholder {color:#4f6178;}
.searchWrapper input[type="text"]:-ms-input-placeholder {color:#4f6178;}
.searchBtn{display:block;float:right;cursor:pointer;padding-right: 2%;}




.contentSection{width:100%;padding:17px 20px;float:left;}
.progressBar{width:100%;height:47px;float:left;background:url(images/mmr2_gradientline.jpg) no-repeat bottom left;padding: 0 35px;margin:40px 0;}
.progressBar .sec{width:29%;display:inline-block;text-align:center;font-family: "helvetica-lt-65-medium";}
.progressBar .sec.first{width:19%;text-align:left;padding-left:10px;}
.progressBar .sec.last{text-align:right;width:21%} 
.leftFormWrap{width:50%;float:left;}
.rhtFormWrap{width:50%;float:right;}
span.label{display:block;float:left;overflow:hidden;}
.leftFormWrap input{width:100%;}

/*------------------- SYS ADMIN LOGIN --------------------*/

#sysloginPage{background:url(images/sysAd/login_bg.jpg) repeat top left;}
#sysloginPage #loginWrapper{background:none;}
#sysloginPage #login{background:none;height:454px;margin-top:-227px;}
#sysloginPage h1{width:100%;font-family: "helvetica-lt-55-roman";color:#fff;font-size:30px;display:block;float:left;padding:35px 0 10px;border-bottom: 1px solid #2c3c53;text-shadow:3px 2px rgba(44,60,83,.8);}
#sysloginPage #login .logo{text-align:center;margin-bottom:48px;}
#sysloginPage .loginbg{padding:0 50px;background: rgba(51,70,96,0.95);height:320px;}
#sysloginPage .loginForm input[type="text"]{width:100%;margin-left:0px;}
#sysloginPage .loginForm input[type="button"]{font-family: "helvetica-lt-35-thin";font-size:24px;font-weight:normal;letter-spacing:1px;width:100%;margin-left:0px;}
#sys_newSub{background:url(images/sysAd/new_sub_icon.png) no-repeat;}
#sys_Sub{background:url(images/sysAd/sub_icon.png)  no-repeat;}


#sys_msg{background:url(images/sysAd/msg_icon.png) no-repeat;}
#sidePanel ul li#sys_newSub:hover
, #sidePanel ul li#sys_Sub:hover

, #sidePanel ul li#sys_msg:hover{background-position:75px -50px;}

/*------------------- SYS ADMIN HOME --------------------*/

#sysHomeCnt ul{width:100%;float:left;padding-bottom:50px;color:#516E8B;}
#sysHomeCnt ul li{width:31.5%;display:inline-block;height:200px;border:1px solid #00D1B3;margin-top:2.5%;list-style:none;text-align:center;}
#sysHomeCnt ul li.midBlock{margin:2.5% 2% 0;}
#sysHomeCnt ul li .table{width:100%;height:100%;}
#sysHomeCnt ul li .tableCell{vertical-align:middle;}
#sysHomeCnt ul li .title{font-family: "helvetica-lt-35-thin";font-size:25px;margin-bottom:5px;}
#sysHomeCnt ul li .value{font-family: "helvetica-lt-65-medium";font-size:44px;}

/*------------------- SYS ADMIN MESSAGE --------------------*/

#sysMsgCnt{font-family: "helvetica-lt-55-roman";font-size:16px;color:#516E8B;padding-top: 30px;}
#sysMsgCnt .label{width:20%;float:left;}
.radioWrapper{width:60%;float:left;}
.radioWrapper label{margin-right:30px;line-height: 22px;}
.formWrapper{width:100%;float:left;margin-top:30px;}
.searchformwrapper {
    width: 25%;
    margin: 1% !important;
    float: left;
    min-width: 300px;
    padding: 0px !important;
}
.datesearch {
    width: 44% !important;
}
.datesearch .tableCell {
    float: left !important;
}
.datesearch .tableCell input {
    width: 207px;
    height: 30px;
    padding: 5px;
    border: 1px solid #ececec;
    margin: 5px;
}
.datesearch .checkbox {
    float: left;
    position: relative;
    padding: 12px;
}
.datesearch .label {
    position: relative;
    float: left !important;
    padding: 10px;
}
.formWrapper input{width:100%;/*height:40px;*/height:30px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 10px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:18px}
.formWrapperPartial input{width:50;/*height:40px;*/height:30px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 10px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:18px}
.formWrapperPartial{width:100%;float:left;margin-top:30px;}
.radioWrapper label {display: inline-block;cursor: pointer;position: relative;padding-left: 27px;font-size:16px;}
.radioWrapper input[type=radio]{display: none;}
.radioWrapper label:before {content: "";display: inline-block;width: 19px;height: 18px;position:absolute;left:0px;margin:1px 10px 0 0;background:url(images/radiobutton.jpg) no-repeat;}
.radioWrapper input[type=radio]:checked + label:before {    background:url(Images/radiobutton_checked.jpg) no-repeat;}



.checkboxWrapper input[type=checkbox]{display:block;height:30px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 10px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:18px}
.formWrapper input[type=checkbox]{width:20px;height:30px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 10px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:18px}
.checkboxWrapper label {display:block;cursor: pointer;position: relative;padding-left: 15px;font-size:16px;}

#sysMsgCnt .twoColumn:nth-child(odd) {padding-left: 2%; padding-right: 0;}
#sysMsgCnt .twoColumn:nth-child(even) {padding-right: 2%; padding-left: 0;}
#sysMsgCnt .smallWidthLabel{width: 9.5%;}
#startDate, #expiryDate{background:url(images/calender.png) no-repeat right center;}
 .text-danger { color:red;text-align:left;
}
/*------------------- SYS ADMIN NEW SUBSCRIPTION --------------------*/

#subscriptionSection{font-family: "helvetica-lt-55-roman";font-size:16px;color:#516E8B;padding-top: 30px;}
#subscriptionSection .label{width: 35%;}
.subHeading{background-color: #ffa500; height: 40px; line-height: 40px; color: #fff; padding-left: 10px; font-size:17px; font-family: "helvetica-lt-65-medium";cursor:pointer;}
.twoColumn{width: 50%;}
.twoColumn:nth-child(even) {padding-left: 2%;}
.twoColumn:nth-child(odd) {padding-right: 4%;}
.formWrapper textarea{width:100%;height:120px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 20px;}
.formWrapperPartial textarea{width:100%;height:120px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 20px;}

.fnone{float: none;}
.subscriptionInfoSection .formWrapper:nth-child(1){width: 50%;}
.subscriptionInfoSection .twoColumn:nth-child(odd) {padding-left: 2%; padding-right: 0;}
.subscriptionInfoSection .twoColumn:nth-child(even) {padding-right: 2%; padding-left: 0;}
#subscriptionSection .formWrapper.width100 .label{width:17%;}
.sectionExpand{  background:url(images/minus.png) no-repeat center center;width:20px;height:40px;float: right;margin-right: 10px; cursor: pointer;transition:background 0.2s ease-in;-webkit-transition:background 0.2s ease-in;-moz-transition:background 0.2s ease-in;-ms-transition:background 0.2s ease-in;-os-transition:background 0.2s ease-in;}
.nodisplay{display: none;}

.sectionExpand.selected{background:url(images/plus.png) no-repeat center center; transition:background 0.2s ease-in;-webkit-transition:background 0.3s ease-in;-moz-transition:background 0.2s ease-in;-ms-transition:background 0.2s ease-in;-os-transition:background 0.2s ease-in;}
.redButton{margin: 3px;cursor: pointer;padding: 10px 20px;text-shadow: 1px 1px rgba(8,130,112,.2); background-color: #ffa500; border-radius: 5px; font-size:20px;color:#fff;font-family: "helvetica-lt-45-light";border:none;transition:background-color 0.3s ease-in;-webkit-transition:background-color 0.3s ease-in;-moz-transition:background-color 0.3s ease-in;-ms-transition:background-color 0.3s ease-in;-os-transition:background-color 0.3s ease-in;}
.redButton:hover{box-shadow: 0 1px 3px #999;transition:background-color 0.3s ease-in;-webkit-transition:background-color 0.3s ease-in;-moz-transition:background-color 0.3s ease-in;-ms-transition:background-color 0.3s ease-in;-os-transition:background-color 0.3s ease-in;}
#divclose {
    float:right;
    cursor:pointer;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
}
#divclose:hover {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
    color:#fff;
}
.redButtongrd{cursor: pointer;width: 95px; height: 20px;text-shadow: 1px 1px rgba(8,130,112,.2); background-color: #ff6868; border-radius: 5px; font-size:15px;color:#fff;font-family: "helvetica-lt-45-light";border: 1px solid #cad2d7;transition:background-color 0.3s ease-in;-webkit-transition:background-color 0.3s ease-in;-moz-transition:background-color 0.3s ease-in;-ms-transition:background-color 0.3s ease-in;-os-transition:background-color 0.3s ease-in;}
.redButtongrd:hover{background-color:#e05a5a;transition:background-color 0.3s ease-in;-webkit-transition:background-color 0.3s ease-in;-moz-transition:background-color 0.3s ease-in;-ms-transition:background-color 0.3s ease-in;-os-transition:background-color 0.3s ease-in;}
.formWrapper input[type=button]{float: right; width: 150px; background-color: #ff6868; border-radius: 5px; font-size:16px;color:#fff; font-family: "helvetica-lt-55-roman";}
.attachmentWrapper input[type=text]{width: 80%; float: left;}
.attachmentWrapper input[type=file]{display: none;}
.seperator{width: 100%; border-bottom: 1px solid #cad2d7;float: none;clear: both;margin: 10px 0;padding-top: 40px;}
.buttonWrapper{text-align: right;padding-top: 20px;}
.buttonWrapper input[type=button]{margin-left: 15px;}
.formWrapper select{width:100%;height:40px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 20px;background: url(images/arrow.png) no-repeat;-webkit-appearance: none; -moz-appearance: none;appearance: none;background-position: 98% 50%;margin-right: 5px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:18px}
.formWrapper .tableCell{vertical-align: middle;}
.formWrapper .label{font-weight: normal;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:16px;}
.Searchselect{width:100%;height:40px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 20px;background: url(images/arrow.png) no-repeat;-webkit-appearance: none; -moz-appearance: none;appearance: none;background-position: 98% 50%;margin-right: 5px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:18px}

/*------------------- SYS ADMIN SUBSCRIPTION --------------------*/
.Searchselectadmin{height:40px;float:left;border:1px solid #cad2d7;background-color:#fcfcfc;border-radius:2px;padding:0 20px;background: url(images/arrow.png) no-repeat;-webkit-appearance: none; -moz-appearance: none;appearance: none;background-position: 98% 50%;margin-right: 5px;color:#516e8b;font-family: "helvetica-lt-55-roman";font-size:18px}

#subscriptionContentSection .tableWrapper{/*max-width: 1000px;*/overflow-x: auto;}
.subscriptionTable{width: 100%;margin-top: 30px;min-width: 1000px;}
.subscriptionTable td {text-align: center;}
.subscriptionTable thead th {
    font-family: arial,sans-serif;
    font-size: 14px;
    color: #5F6368;
    font-weight: normal;
    background-color: #f2f2f2;
    min-height: 45px;
    padding: 10px;
    background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    border: 1px solid #f2f2f2;
        border-right-color: rgb(242, 242, 242);
        border-right-style: solid;
        border-right-width: 1px;
}
.subscriptionTable tbody td {font-family: arial,sans-serif;font-size:14px;color:#5F6368;height: 40px;background-color:#fcfcfc;padding: 0 5px;}
.subscriptionTable tbody td img{background-color: #ececec;}
.subscriptionTable{border-collapse: collapse;overflow-x: auto;}
.subscriptionTable tbody td{border:1px solid #ececec;}
.subscriptionTable thead th{border-right: 1px solid #ececec;}
.subscriptionTable thead th:last-of-type{border-right: none;}
.greenCell{background-color: #4DE185 !important;color: #fff !important;}
.redCell{background-color: #ff7b78 !important;color: #fff !important;}
.yellowCell{background-color: #ffe659 !important;color: #b79e51 !important;}
.blueCell{background-color: #15baff !important;color: #fff !important;}
.brownCell{background-color: #767676 !important;}
.paginationWrapper{text-align: center; /*padding-top: 30px;*/}
/*.paginationWrapper a{min-height: 25px; min-width: 30px;display: inline-block;line-height: 25px; background-color: #5e7591;font-family: "helvetica-lt-55-roman";font-size:14px;color:#fff; margin-right: 10px;border-radius: 2px;}
*/
.paginationWrapper a{min-height: 25px;min-width: 30px;display: inline-block;line-height: 25px;background-color: #5e7591;font-family: "helvetica-lt-55-roman";font-size:14px;/* color:#fff; */margin-right: 10px;border-radius: 2px;}
.paginationWrapper a.activePage{background-color: #00dabb}
.paginationWrapper .tailEnd{background-color: transparent;color:#5e7591;}
.legendWrapper{padding: 10px 30px 30px;background-color:#f8f8f8;margin-top:40px;}
.legend{min-width: 120px;line-height: 20px;font-family: "helvetica-lt-55-roman";font-size:15px;}
.legend span{margin-right: 10px;}
.legend, .legendTitle{width: 16.66%; float: left; padding-top: 30px;}
.legendTitle{max-width: 75px;}
.legendDot{height: 20px; width: 20px; display: block;float: left; border-radius: 2px;}
.legendWrapper img{height: 20px; width: 20px;display: block;float: left;margin-right: 10px;}

/*------------------- HOSP ADMIN HOME --------------------*/

#hospHomeCnt ul{width:100%;float:left;padding-bottom:50px;color:#516E8B;}
/*#hospHomeCnt ul li {
    width: 31.5%;
    display: inline-block;
    height: 200px;
    border: 1px solid rgba(180, 180, 180, 0.3);
    background-color: #fff;
    margin-top: 2%;
    list-style: none;
    text-align: center;
}*/

#hospHomeCnt ul li{
   width: 200px;
    border-radius: 100%;
    display: inline-block;
    height: 200px;
    border: 3px solid rgb(255, 165, 0);
    background-color: #fff;
    margin-top: 2%;
    list-style: none;
    text-align: center;
    margin-right: 2%;
    padding: 2%;
}
#hospHomeCnt ul li:hover {
    border-bottom: 2px solid #ffa500;
}
.optable{
    overflow: scroll;
    min-width: 500px !important;
    height: 500px;
    max-height: 500px;
    min-height: 500px;
    margin: 0px;
    width: 100%;
}
#tablediv{
    width: 58%;
    max-width: 900px;
    margin: 1%;
    float: left;
    height: 440px;
    padding: 0px;
    margin-top: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}
/*#hospHomeCnt ul li.width50{width:48.5%;}*/
/*#hospHomeCnt ul li.midBlock{margin:2% 2% 0;}*/
#hospHomeCnt ul li .table{width:100%;height:100%;}
#hospHomeCnt ul li .tableCell{vertical-align:middle;}
#hospHomeCnt ul li .title{font-family: "helvetica-lt-35-thin";font-size:25px;margin-bottom:5px;}
#hospHomeCnt ul li .value{font-family: "helvetica-lt-65-medium";font-size:44px;}
/*#hospHomeCnt ul li.secBlock{margin-left:2%;}*/
.c-select {
    height: 300px;
}
.c-select__wrapper {
    position: relative;
    display: block;
    width: 250px;
    height: 40px;
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    float: right;
}
.c-select__element {
    appearance: none;
    outline: 0;
    box-shadow: none;
    background: #FFA500;
    margin: 0;
    text-indent: 0;
    font-size: 16px;
    color: #fff;
    border: 1px solid rgba(180, 180, 180, 0.3);
    border-radius: 3px;
    width: 100%;
    padding: 0 60px 0 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
   
}
.c-select__wrapper select option {
    background: #fff;
    color: #000;
}
.dashchart {
    width: 100%;
    margin: 0 auto;
    float: left;
    padding: 35px;
    background: #fff;
}
.c-select__wrapper:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border: solid #ffda1a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translateY(-50%);
    pointer-events: none;
    top: 40%;
    right: 18px;
    z-index: 1;
}
.tabMenu{width:300px;margin:0 auto;float: right;}
.tabMenu .month, .tabMenu .total {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid rgba(180, 180, 180, 0.3);
    background-color: #fff;
    color: #516e8b;
    font-size: 16px;
    float: left;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0 10px;
    cursor: pointer;
}
.tabMenu .total{border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:0px;}
.tabMenu .active {
    background: #FFA500;
    border: 1px solid rgba(180, 180, 180, 0.3);
    position: relative;
    pointer-events: none;
}
.tabMenu .active a {color: #fff;}
.tabMenu .active:after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 43%;
width: 0;
height: 0;
border-color: #FFA500 transparent transparent transparent;
border-style: solid;
border-width: 10px;
}
.tabMenu .NoActive:hover {background: #FFA500;color: #fff;}
.tabMenu .NoActive:hover a {color: #fff;}
.tabMenu a {color: #999}
#hospHomeCnt .width33per{padding:0 5px;margin-top:20px;}
#hospHomeCnt .width33per .title{font-size:20px;}
#hospHomeCnt .width33per .value{font-size:34px;}
#hospHomeCnt .width33per.mid{border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
#hospHomeCnt ul li .table .value .table{margin-top:20px;}
.alert{width:100%;float:left;background-color:#2b4360;color:#ff6868;font-size:24px;padding:20px 0;text-align:center;font-family: "helvetica-lt-55-roman";}

.redTxt{color:#ff7b78 !important;}
.greenRow{background-color:#ffa500;padding:11px 20px;color:#fff;font-family: "helvetica-lt-65-medium";font-size:24px;}
.greyRow {
    background-color: #fff;
    margin-top: -3px;
    padding-top: 10px;
}
.greyRow .searchWrapper {
    width: 100%;
    max-width: 98%;
    margin: 10px 1%;
    background-color: #f4f4f4;
    height: 42px;
    border-radius: 4px;
}
.hospAdmin_acc .subscriptionTable{margin-top:0;}
#accManage{margin:50px 0;}
#hosp_newdoc{margin-bottom:50px;}
#hosp_newdoc .label{width:185px;}

/*------------------- NEW MMR1 SECTION STYLES --------------------*/

.table-row {display: table-row;}
.content-block{width:100%;float:left;}
/*.table{width: 100%;}*/
.content-table .line{padding: 10px 0;}
.leftFormWrap { color: rgb(81,110,139);}
.content-table {margin-top:30px;float: left;width: 100%;padding-top: 0px;border-top: 1px solid rgb(195,195,195);color: #5c5c5c;font-family: "helvetica-lt-55-roman";}
.content-table .table-heading .heading {padding: 10px 15px;background-color: #ffa500;color: #fff;font-family: "helvetica-lt-65-medium";}
.content-table .table-heading .heading span {display: inline-block;padding-right: 10px;}
.check-box {background: url(images/check.png)no-repeat top;width: 30px;height: 19px;display: inline-block;vertical-align: middle;}
.border{border: 1px solid rgb(195,195,195);}
.content-table .table-cell{display: table-cell;text-align: left;padding: 10px;}
.content-table .table-heading{display: table-caption;margin-top: 30px;}
.content-table .row-heading {font-weight: bold;text-align: center !important;}
.table-cell.border input,.medical-history-bottom input {width: 100%;height: 25px;border-radius: 6px;box-shadow: none;outline: none;border-style: none;border: 1px solid rgb(195,195,195);}
.leftFormWrap .tableCell {padding-top: 14px;}
.radio-button{background: url(images/radiobutton.jpg) no-repeat ;display: inline-block;width: 30px;height: 25px;background-position: 0 7px;}
.medical-history-bottom span {display: inline-block;margin-left: 10px;}
.medical-history-bottom {padding-top: 10px;}
table.form-table { width: 100%;}
caption {text-align: left;padding: 10px 15px;background-color: rgb(81,110,139);color: #fff;font-family: "helvetica-lt-65-medium";margin: 30px 0;}
table.form-table td {padding: 10px;}
table.form-table input {height: 25px;border-radius: 4px;border-style: none;border: 1px solid rgb(195,195,195);width: 50%;}
.small-width{width:10%;}
.medium-width{width:90%;}
table.form-table .radioWrapper,.heading .radioWrapper,.content-heading .radioWrapper{float: none;display: inline-block; padding-left: 15px;}
table.form-table .radioWrapper label:before,.heading .radioWrapper label:before,.content-heading .radioWrapper label:before {background: url(images/check.png) no-repeat;}
table.form-table .radioWrapper input[type=radio]:checked + label:before,.heading .radioWrapper input[type=radio]:checked + label:before ,.content-heading .radioWrapper input[type=radio]:checked + label:before {background: url(images/checked.png) no-repeat;}
input[type="text"] {
    width: 100%;
    height: 40px;
    float: left;
    border: 1px solid transparent;
    background-color: #f1f3f4;
    border-radius: 5px;
    padding: 0 10px;
    color: silver;
    font-family: arial,sans-serif;
    font-size: 17px;
}
input[type="text"]:focus {background: white;box-shadow: 0 1px 3px #999;color: #999}
.content-heading {padding: 10px 15px;color: #fff;background-color: rgb(81,110,139);font-family: "helvetica-lt-65-medium";    margin: 30px 0;}
.width-70{width: 70% !important;}
.width-20{width:20% !important;}
.width-100{width:100% !important;}
.paddingr-5{padding-right: 5%;}
.fourCol{width:25%;}
.obstetric_history {background-color: #00d1b3;padding: 20px 15px;font-family: "helvetica-lt-65-medium";margin: 0;margin-top:12px;}
tr.even td {background-color: #516e8b;color: #fcfcfc;}
.obstetric_history_table input{ border-style: inset; height: 30px;width:95%;margin-left:2.5%;}
.leftFormWrap label,.rhtFormWrap label {    float: left; line-height: 33px; padding-right: 10px;}
.leftFormWrap input,.rhtFormWrap input { width: 80%;}
#mmr1Section span.label{width: 113px;vertical-align: middle;display:table-cell;}
#obstertic_history, #btnWrapper{margin-bottom:30px;}
.obstetric_history_table{margin-top:0px;}
#obstertic_history .redButton, #patient_history .redButton, #obstertic_history_mmr3 .redButton, #btnWrapper .redButton{font-size:15px;font-family: "helvetica-lt-65-medium";}
#patient_history, #obstertic_history_mmr3{margin-bottom:30px;}
#patient_history .content-heading {margin:30px 0 0px;}
#patient_history .margin30{margin-top:30px;}
#patient_history input[type="text"], #obstertic_history input[type="text"], #obstertic_history_mmr3 input[type="text"], #obstertic_history_mmr4 input[type="text"]{height:30px;}
#obstertic_history input#startDate{background-color: #fcfcfc;}
.border {border: 1px solid rgb(195,195,195);border-right: 0;border-bottom: 0;}
.fontMedium .formWrapper .label{font-family: "helvetica-lt-65-medium";color:#516e8b !important;}
#patient_history .formWrapper .label, #obstertic_history .formWrapper .label{color: #5c5c5c;font-size: 16px;width:90px;}
#obstertic_history_mmr3 .formWrapper .label{width:180px;color: #6f6f6f;font-size:16px;}

.content-heading {float: left;width: 100%;padding: 10px 15px;color: #fff;background-color: rgb(81,110,139);font-family: "helvetica-lt-65-medium";    margin:20px 0 30px;}
.gredient {height: 2px;background-image: -webkit-gradient(linear,right bottom,left bottom,color-stop(0, #516e8b),color-stop(1, #05FFE6));background-image: -o-linear-gradient(left, #516e8b 0%, #05FFE6 100%);background-image: -moz-linear-gradient(left, #516e8b 0%, #05FFE6 100%);background-image: -webkit-linear-gradient(left, #516e8b 0%, #05FFE6 100%);background-image: -ms-linear-gradient(left, #516e8b 0%, #05FFE6 100%);background-image: linear-gradient(to left, #516e8b 0%, #05FFE6 100%);    position: absolute;bottom: 10px;right: 8%;left:106px;}
 .progressBar {position: relative;background: none;margin: 40px 0 10px;font-family: "helvetica-lt-55-roman";font-size:18px;}
.progressBar .green::before { content: " ";height: 10px;width: 10px;background-color: #00EAC9;border-radius: 10px;}
.progressBar .blue::before { content: " ";height: 10px;width: 10px;background-color:#516e8b;border-radius: 10px;}
.progressBar .sec { position: relative;}
.progressBar .sec.first::before{content: " ";height: 20px;width: 20px;background: url(images/green_dot.jpg) no-repeat;border-radius: 10px;position: absolute;bottom: -24px;left:57px;z-index: 10;}
.progressBar .sec::before {content: " ";height: 18px;width: 18px;border-radius: 10px;position: absolute;bottom: -24px;left: 50%;z-index: 10;}
.progressBar .sec.last::before{left:auto;right:21%;}
.progressBar .sec.checkedG::before{background: url(images/green_dot.jpg) no-repeat;}
.border-right {border-right: 1px solid rgb(195,195,195);}
.border-bottom {border-bottom: 1px solid rgb(195,195,195);}
#mmr1_progress .gredient{background-image: -webkit-gradient(linear,right bottom,left bottom,color-stop(0, #516e8b),color-stop(1, #05FFE6));background-image: -o-linear-gradient(left, #516e8b 55%, #05FFE6 100%);background-image: -moz-linear-gradient(left, #516e8b 55%, #05FFE6 100%);background-image: -webkit-linear-gradient(left, #516e8b 55%, #05FFE6 100%);background-image: -ms-linear-gradient(left, #516e8b 55%, #05FFE6 100%);background-image: linear-gradient(to left, #516e8b 55%, #05FFE6 100%); }
#mmr3_progress .gredient{background-image: -webkit-gradient(linear,right bottom,left bottom,color-stop(0, #516e8b),color-stop(1, #05FFE6));background-image: -o-linear-gradient(left, #516e8b 10%, #05FFE6 28%);background-image: -moz-linear-gradient(left, #516e8b 10%, #05FFE6 28%);background-image: -webkit-linear-gradient(left, #516e8b 10%, #05FFE6 28%);background-image: -ms-linear-gradient(left, #516e8b 10%, #05FFE6 28%);background-image: linear-gradient(to left, #516e8b 10%, #05FFE6 28%); }
#mmr4_progress .gredient{background-image: -webkit-gradient(linear,right bottom,left bottom,color-stop(0, #05FFE6),color-stop(1, #05FFE6));background-image: -o-linear-gradient(left, #05FFE6 10%, #05FFE6 100%);background-image: -moz-linear-gradient(left, #05FFE6 10%, #05FFE6 100%);background-image: -webkit-linear-gradient(left, #05FFE6 10%, #05FFE6 100%);background-image: -ms-linear-gradient(left, #05FFE6 10%, #05FFE6 100%);background-image: linear-gradient(to left, #05FFE6 10%, #05FFE6 100%); }
.progressBar .green{color:#00eac8;}
.progressBar .blue{color:#516e8b;}
.greyHead{background-color:#ececec;}
.greyHead .content-table .table-cell{padding:15px 10px;}
.setMargin .formWrapper{margin-top:0;margin-bottom:20px;}
#mmr4 .label{width:295px;font-size:16px;}
#mmr4 .width315{width:315px;}
#mmr4 .width315 .radioWrapper{width:100%;}
#mmr4_btnTble{border-radius:5px;border:0px solid #cbc9c9;background-color:#2b4360;font-size:16px;color:#8ba1b7;text-align:center;margin-top:30px;}
#mmr4_btnTble .tableCell{border-right:1px solid #24364c;border-left:1px solid #364d68;vertical-align:middle;padding:10px;cursor:pointer;width:25%;}
#mmr4_btnTble .tableCell a{color:#8ba1b7;}
#mmr4_btnTble .tableCell.blueTr a{color:#fff;}
#mmr4_btnTble .tableCell.last{border-right:0px;}
#mmr4_btnTble .tableCell.first{border-left:0px;}
#mmr4_btnTble .tableCell.blueTr{background-color:#ff6868;}
#obstertic_history .leftFormWrap label, #obstertic_history .rhtFormWrap label{width:72px;}
.setWidth50{width:50%;}
.setWidth50 .radioWrapper{width:110px;}
.setWidth50 input[type="text"]{width:60%;}
#patient_history .seperator{margin: 10px 0 20px;padding-top: 20px;}
.obstertic_history .formWrapper .label{width:90px !important;font-family: "helvetica-lt-65-medium";color: #516e8b !important;font-size:16px;}

#calenderSection{margin-bottom:50px;}
#calenderSection .redButton{width:100%;max-width:240px;margin-left:0;float:left;margin-bottom:20px;}
.calender-title{height:48px;border-bottom:1px solid #c3c3c3;color:#ff6868;font-size:24px;margin-bottom:30px;font-family: "helvetica-lt-55-roman";}
#calenderSection .pickmeup .pmu-instance .pmu-today{background-color: #fff;color: #ff6868;border-radius: 18px}
#calenderSection .pickmeup .pmu-instance .pmu-selected{background-color: #ff6868; color: #fff;}
#calenderSection .fc-content::before{display: inline-block;}
#calenderSection .fc-day-grid-event .fc-time, #calenderSection .fc-day-grid-event .fc-content .fc-title, .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title{padding-left: 2px;color: #ff6868; display: inline-block;}
#calenderSection .fc-day-grid-event .fc-time, .fc-time-grid-event .fc-time{padding-left: 5px;}
.fc-widget-header tr th{border-right: 1px solid #02C3A8;border-left: 1px solid #fff;}
.fc-toolbar{position:relative; z-index:10;}
div.fc-widget-header{overflow:auto;height:auto;}


        #Cpopup {
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            width: auto;
            height: auto;
            margin-left: -250px; /*Half the value of width to center div*/
            margin-top: -250px; /*Half the value of height to center div*/
            z-index: 200;
            background-color:#ee9c91;
            border-radius: 36px;
       
        }
        #Cpopupclose {
            float: right;
            padding: 10px;
            cursor: pointer;
        }
        .Cpopupcontent {
            background-color: #ff6868; border-radius: 36px; width:210PX; font-size:20px;color:#fff;font-family: "helvetica-lt-45-light";border: 2px solid #cad2d7;
            padding: 10px;
         
            
        }
        @media screen and (max-width:600px) {
            #overlay {width: 350px !important;}
          }
        


