html{
	/*height:100%;*/
}

body{
	color: #7c878e;
	font-family: bag_bRg,Arial,sans-serif;
	background-color: #fff;
}

a {
	color: #333;
	text-decoration: underline;
}

h1 h2 h3 h4 {
	color: #7c878e;
}
hr {
    border-color: #c6e8e9 -moz-use-text-color -moz-use-text-color;
    margin-bottom: 5px;
    margin-top: 10px;
}

button.disabled {background-color: #e5e5e5 !important;border-color: #e5e5e5 !important;pointer-events: auto !important;color: #808080 !important;}
button.disabled:hover, button.disabled:active, button.disabled:focus {color: #808080 !important;}
.form-group.required .control-label:after {content:"*";color:red; margin-left: 3px;}
.has-error .form-control{margin-bottom: 5px !important;}
.has-error .help-block{margin-bottom: 20px !important;}
.d-inline{display: inline-block;vertical-align: top;}
.text-decoration-line-through{text-decoration: line-through;}
.page-body-title{font-weight: 600;font-size: 18px;text-transform: capitalize;line-height: 26px;}
/****************************CUSTOM ICONS***************************/
@font-face {
  font-family: 'icomoon';
  src:  url('/css/fonts/icomoon.eot?17nshr');
  src:  url('/css/fonts/icomoon.eot?17nshr#iefix') format('embedded-opentype'),
    url('/css/fonts/icomoon.ttf?17nshr') format('truetype'),
    url('/css/fonts/icomoon.woff?17nshr') format('woff'),
    url('/css/fonts/icomoon.svg?17nshr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}



input[type=radio].male, input[type=radio].female {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].male ~ label:before, input[type=radio].female ~ label:before{
    font-family: 'icomoon' !important;
    display: inline-block;
    content: "\e913";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #7c878e;
    width: 1.4em;
}
input[type=radio].male:checked ~ label:before {
    content: "\e912";
    font-size: 1.2em;
    color: #035f6c;
    letter-spacing: 5px;
}

input[type=radio].female:checked ~ label:before {
    content: "\e911";
    font-size: 1.2em;
    color: #035f6c;
    letter-spacing: 5px;
}

input[type=radio].male:focus ~ label:before,
input[type=radio].male:focus ~ label,
input[type=radio].female:focus ~ label:before,
input[type=radio].female:focus ~ label
{                
    color: #035f6c;
}


/**************************** END OF CUSTOM ICONS***************************/

.pointer{
	cursor: pointer;
}



.navbar-inverse {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.47);
    color: #000;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
    color: #7c878e;
}

.navbar-inverse .navbar-nav > li > a:hover{
    color: #b7b6b6;
}

.navbar .languageToggle{
	float:right;
	display: block;
	margin: 0px 0 0;
}

.container{
	max-width: 1280px;
	width: 100%;
	margin:auto;
}

.textContentScroll{
	padding-bottom: 100px;
	margin-top: 25px;
}

.jumbotron .container{
	width: 950px;
}

.navbar-collapse{
	border:0px;
}	


.right{
	float:right;
}

.radio input[type="radio"]{
	margin-left: 0;
}

.inline-label{
	padding: 0 20px 0 0;
}


.modal-dialog {
    width: 800px;
}

.modal-header{
	border:none;
}

.modal-footer{
	border:none;
}

.navbar-brand {
    padding: 10px 0px;
}

.navbar-inverse .navbar-brand{
	color: #fff;
	margin-left: 0;
	float: none;
	vertical-align: top;	
}


#topMenu{
	text-align:left;
}


.btn-danger{
	padding: 7px 20px;
	border: none;
}
.btn-signup {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #de510e;
  min-width: 100px;
  float: none;
}

.btn-signup:hover,
.btn-signup:focus,
.btn-signup:active,
.btn-signup.active,
.btn-signup.disabled,
.btn-signup[disabled] {
  color: #fff;
  background-color: #862d03;
}

.btn-signup:active,
.btn-signup.active {
  background-color: #e4a702 \9;
}

.greyBorder{
	border: 1px solid #ccc;
	padding: 10px 5px;
	border-radius: 10px;
}

.glyphicon-play-circle{
	font-size:1.4rem; 
	color:#09535b;
	vertical-align: middle;	
}
.navbar-toggle {
	float: right;
	padding: 6px 10px;
	margin: 5px 0px 0px 15px;
	background-color: transparent;
	border-color: transparent !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #9de2e9;
}





.panel-default > .panel-heading {
    border-color: #ddd;
    color: #333;
    cursor: pointer;
}

.panel-heading h4 strong {
    display: inline-block;
    width: 83%;
}

.phone{
	text-align: left;
	display: inline-block;
	width: 175px;
	border-radius: 5px;
	color: #000;
	background-color: #b2b3b6;
	padding-left: 3px;
	margin-right: 5px;
	border-top: 1px solid #b2b3b6;
	cursor: pointer;
	padding:10px;
}

.phone.active{
	color: #000;
	background-color: #e7e8e9;
	border-top: 1px solid #e7e8e9;
}

.icon_phone{
	width: 20px;
	height: 30px;
	vertical-align: middle;
	fill: #fff;
}

.phone.active > .icon_phone{
	fill: #000;
}

.feedback{
	display: none;
}

.footer {
    background-color: #fff;
    border-top: 1px solid #7c878e;
    bottom: 0;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

.footer .lineH40{
	line-height: 40px;
}

.footer ul {
    float: none;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    padding-top: 10px;
}

.footer ul{
	display: inline-block;
}

.footer ul>li{
  float:none;
  position: relative;
  display: inline-block;
  padding-right: 4rem;
}

.footer a:link {
    color: #7c878e;
}

.footer > .container {
  text-align: center;
}

.footer.auth .bottomlogo{
	margin-top:0px;
}

.journal{
	background:#fff; 
	padding-top: 65px;
	border:none;
	border-radius:0;
    margin-right: -15px;
    margin-left: -15px;	
}

.auth-body-container{padding-top: 120px;}


.section2 {
    margin-left: -15px;
    margin-right: -15px;
}
.blueBackBehaviour{
	margin-top: 20px;
	padding:10px 68px; 
	background-color: #99d8d9; 
	min-height:200px;
	color: #fff;
}

.controlBehaviour{
	margin-top: 20px;
	min-height:200px;
	color: #000;
	border: 1px solid #eaebe1; 
}
.blueBackBehaviour h4{
	font-size: 22px;
}
/*************************
 Jumbotron styles
 *************************/

.jumbotron{
  color: #7c878e;
  padding-top: 75px;
  padding-bottom: 0;
  margin: 0 0 25px 0;
  min-height: 30px;
  -webkit-box-shadow: 0px 1px 1px #343839;
-moz-box-shadow: 0px 1px 1px #343839;
box-shadow: 0px 1px 1px #343839;
}

.jumbotron h1{
	font-size: 3rem;
}

.assessmentpage .btncallend{
	display: block;
	cursor: pointer;
}

.assessment-page.jumbotron{
  display: none;
}

.assessment-page.jumbotron ul{
	display: inline-block;
	margin: 0;
	padding: 0 0 0 5px;
}

.container.topmargin{
	margin-top: 5px;
}

.assesTron_sm{
	font-weight:bold; 
	font-size:0.8rem; 
	
}

.assesTron_lg{
	font-size:2.2rem;
	vertical-align: middle;	
	margin-right: 0px;
}

.supportCalls{
	margin: 20px 0 8px;
	float: right;
}

.supportCallsHeader{
	font-weight: bold;
	font-size: 1.5rem;
	margin-right: 10px;
}
.inlineList{
	display: inline-block;
	list-style-type: none;
}

.bottomStaticContent{
	position: fixed; 
	bottom:30px; 
	width:950px; 
	display: table;
	padding-left:0;
	text-align: center;
	min-height: 37px;
}

.bottomStaticContent li{
	display: table-cell;
	list-style-type: none;
	vertical-align: top;
	font-size: 1.1rem;
	color: #000;
	font-weight: bold;
	box-shadow: inset -1px 6px 10px -4px #A39E9E;
	-webkit-box-shadow: inset -1px 6px 10px -4px #A39E9E;
	-moz-box-shadow: inset -1px 6px 10px -4px #A39E9E;
	-o-box-shadow: inset -1px 6px 10px -4px #A39E9E;
}

.bottomStaticContent li ul li{
	background: #ffccc8;
	border-right: 1px solid #999;
	padding: 15px 5px;
	cursor: pointer;
}

.bottomStaticContent li ul li:hover{
	color: #464648;
}

.bottomStaticContent li ul li.active{
	color: #464648;
	font-weight: normal;
}

.bottomStaticContent li ul li.active:before{
	font-family: 'Glyphicons Halflings';
	content:"\e089";
	padding-right: 2px;
	vertical-align: middle;
}

.blackHR{
	height:4px; 
	background-color:#000;
	margin-top:29px;
}

.blueHR{
	height:4px; 
	background-color:#33d8c7;
	margin-top:29px;
}

.botStatTitle{
	font-size: 1rem;
	text-align:left; 
	display:block; 
	padding: 3px 10px;
	background: #7a261d;	
	vertical-align: top;
	color: #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.bottomlogo{
	display: inline-block;
	color: #fff;
	margin: 0px 15px 0 0;	

	font-size: 1rem;
	text-align: left;
}
.jumbotron p{
  font-size: 1.9rem;
  font-weight: 100;
  font-weight: 300;
}
.imgChevron{
	width: 27px;
	height: 35px;
	display:inline; 
	float: right;
	fill: #00bace;
	margin-left: -1px;
}

.imgChevronYellow{
	width: 27px;
	height: 35px;
	display:inline; 
	vertical-align:-50%;
	fill: #fcb801;
	margin-left: -1px;
}

.checkmark, .concern, .thumbs_up, .smartQuestion {
	list-style-type: none;
	margin-left: 35px;
}

.checkmark li, .concern li, .thumbs_up li, .smartQuestion{
	list-style-type: none;
	position: relative;
	padding-left: 10px;
}

.checkmark li:before {
    content:"\e067";
    position: absolute;
    left: -10px;
}
.checkmark li ul li{
	list-style-type: disc;
}

.checkmark li ul li ul li{
	list-style-type: circle;
}

.checkmark li ul li:before{
	content: "";
}
.concern li:before {
	content:"\e107";
	position: absolute;
	left: -10px;
}

.smartQuestion li:before {
	content:"\e085";
	position: absolute;
	left: -10px;
}

.steparator{
	height: 10px;
}

.stepText{
	margin-left: 20px;
	color: #095e63;
	font-weight: bold;
	font-size: 1.6rem;
}

.stepTextsm{
	font-size: 1.4rem;
	font-weight: bold;
}

.col-md-2.pull-right a:hover{
	text-decoration: none;
}
.stepNoMargin{
	margin-left: 0;
}

.checkmark li ul{
	list-style-type: none;
}
.scale{
	float: left;
	width: 10%;
	text-align: center;
	padding: 0;
	margin: 0;
}

.thumbs_up li:before {
	content:"\e125";
	position: absolute;
	left: -10px;
}

.icon-list li:before {
    font-family: "Glyphicons Halflings";
    font-size: 90%;
}

.btnLogin{
	color: #fff;
	font-weight: 400;
	background-color: #30d9c4;
	border: 0;
	padding: 5px 40px;
	cursor: pointer;
	float:right;
	margin-right: -15px;
}

.btn, .chevronButton {
	color: #fff;
	font-weight: 400;
	background-color: #035f6c;
	padding: 5px 20px;
	cursor: pointer;
	border-radius: 0;
	display: inline-block;
	margin-left: 0;
}

.btn:hover, .chevronButton:hover {
	color: #035f6c;
	background-color: #ccc;
}

.btn a{
	color: #fff;
}

.btn a:hover{
	text-decoration: none;
}

.btn.cancel, .chevronButton.cancel {
	background-color: #8D979F;
	border-color:#8D979F;
}

.btn.cancel:hover, .chevronButton.cancel:hover {
	background-color: #8D979F;
	border-color:#fff;
}

.clientProgram{
	color: #fff;
	font-weight: bold;
	line-height: 40px;
}

.contentBox{
	text-align: center;
}	

.serverMsg {
  display:none;
  position:relative;
  top: 55px;
  z-index: 1030;
  background-color: #fefefe;
  box-shadow: 0 2px 7px 0 #cccccc;
}
.serverMsgInner{
	margin-right: -15px;
    margin-left: -15px;
    left: 8.33333%;
    width: 83.33333%;
}	

.serverMsgFrame{
  background-color: green;
  padding: 15px;
  margin-right: -15px !important;
  margin-left: -15px !important;
  border-radius: 0.5em;
  margin: 5px 0;
}

.errorMsg{
	color: #a94442;
    background-color: #f2dede;
  	border: 1px solid #ebccd1;
}
.errorMsg .serverMsgContent{
    border: 1px solid #ebccd1;
}

.warningMsg{
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
}
.warningMsg .serverMsgContent{
    border: 1px solid #faebcc;
}

.successMsg{
    color: #035f6c;
    background-color: #035f6c;
  	border: 1px solid #035f6c;
}
.successMsg h4{color: #035f6c;text-transform: uppercase;font-weight: 600;}
.serverMsgTitle{color: #a94442;text-transform: uppercase;font-weight: 600;}
.serverMsgClose{position: absolute;right: 50px;top: 20px;text-decoration: underline;cursor: pointer;}
.eventInfo{
	display:inline-block; 
	white-space:nowrap; 
	overflow:hidden; 
	font-size:1.1rem;
}

.eventInfo .grey{
	color: #959595;
}
.serverMsgContent{
  background-color: white;
  -webkit-border-radius: 0.5em;
     -moz-border-radius: 0.5em;
          border-radius: 0.5em;
  padding: 5px 50px 5px;
  text-align: center;
}

.assessmentSingleQuestionBlockError{
    background-color: #fef6f6 !important;
    border-color: #f6dce0 !important;
}

.showUL{
	display: block;
}

/***********************************
 *
 * HCP Home Styles
 *
 ***********************************/

.homeHCP .jumbotron{
	min-height: 80px;
	padding-top:20px;
}

.homeHCP .jumbotron .container {
	xwidth: 670px;
}

.homeHCP .jumbotron #headerInfo{
	xpadding:0px;
}

.homeHCP .jumbotron img{
	float:right;
}

.homeHCP .jumbotron p{
	float:left;
	width: 65%;
	font-size:1.5rem;
	margin-top: -7px;
}

.homeHCP .toTop{
	display: none;
	opacity:0;
}

.homeHCP .clientProgram{
	display: none;
}

.diagnosisSelection{
	width: 670px;
	height: 340px;

	margin:20px auto;

	-moz-box-shadow:    0px 6px 7px 0px rgba(20, 20, 21, 0.52);
  	-webkit-box-shadow: 0px 6px 7px 0px rgba(20, 20, 21, 0.52);
  	box-shadow:         0px 6px 7px 0px rgba(20, 20, 21, 0.52);

	background: #89352c; /* Old browsers */
	background: -moz-linear-gradient(top,  #89352c 0%, #7c271f 45%, #6c160f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89352c), color-stop(45%,#7c271f), color-stop(100%,#6c160f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #89352c 0%,#7c271f 45%,#6c160f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #89352c 0%,#7c271f 45%,#6c160f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #89352c 0%,#7c271f 45%,#6c160f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #89352c 0%,#7c271f 45%,#6c160f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89352c', endColorstr='#6c160f',GradientType=0 ); /* IE6-9 */

	padding-top:5px;

	font-size: 12px;
}

.diagnoses{
	display: table;
	border-collapse: separate;
	border-spacing: 8px;
	
	width: 470px;
	margin: auto;
}

.diagnoses h2{
	text-align: center;
	color: #fff;
	font-size: 2rem;
	margin-bottom:20px;
}

.diagnoses a{
	float: left;
}

.diagnosis{
	width: 210px;
	height: 95px;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background-color: #e4e0e6;

	box-shadow: 0px 5px 6.65px 0px rgba(35, 31, 32, 0.54), 0px 1px 1px 0px rgba(0, 0, 0, 0.45) inset;
	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.diagnosis img{
	
	width: 170px;
	

	margin:auto;
	vertical-align: middle;
}


/***********************************
 *
 * Sign Up Page Styles
 *
 ***********************************/

.signUpForm{
	margin-top: 40px;
}

/***********************************
 *
 * Verify Profile Page Styles
 *
 ***********************************/

.agreeBtn{
	margin-top: 10px;
}

.tooltip.left {
  margin-left: -25px;
}

.topAgreementActions{
	margin-bottom: 20px;
}

#toTop {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #05456e;
    bottom: 45px;
    color: #05456e;
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-left: 10px;
    position: fixed;
    text-align: center;
    width: 100px;
    border-radius: 10px;
}

.cancelBtn{
	margin-top:10px;
}

button.close {
    color: #000;
    float: right;
    font-size: 45px;
    font-weight: 100;
    line-height: 1;
    opacity: 1;
    text-shadow: 0 1px 0 #fff;
    border: none;
    border-radius: 0;
    padding: 0;
}

button.close:hover {
    color: #fff;
    border: none;
}
.bottomAgreementActions{
	margin-bottom: 60px;
}

/***********************************
 *
 * Report Page Styles
 *
 ***********************************/
.report.print .languageToggle{
	display: none;
}

.report.print .jumbotron{
	margin-top: -20px;
}

.report h2{
	
}

.report h2 span{
	font-weight: bold;
	font-size: 4rem;
	margin-right: 15px;
	margin-left: -10px;
	color: #0083A9;
}

.report .icon_phone{
	width:50px;
	height: 50px;
	fill: #0083A9;
	margin-top: -5px;
}

.report.print .icon_phone {
	display:none;
}

.report table{
	width: 100%;
	border: 1px solid #112e39;
	background-color: #f8f8f8;
	margin-top:20px;
	margin-bottom: 30px;
}



.jumbotron{
	position:relative;
	z-index:1000;
}

.login .loginForm{
	min-height:500px; 
	margin-top: 100px;
	position:relative;
}

.login #headerInfo h3{
	font-size: 2rem;
	font-weight: 400;
	margin-top: 0;
}

.loginH4 {
    margin: 0 0 10px;
}

.appointments ul{
	margin-left: 0;
	padding-left: 0;
}

.appointments ul li{
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	line-height: 2;
}

#appointmentDuration .questionResponseOn{
	/*min-width: inherit;*/
}

.apptEditor{
	display: none;
}

.loginHolder{
    border-radius: 0;
    border: none;
    padding: 0;
    margin-bottom: 20px;
}

.apptHolder{
    border-radius: 10px;
    border: 1px solid #7c878e;
    padding: 0;
    margin-bottom: 100px;
}

.loginHolder h4, .loginHolder h3{
	color: #000;
}
.apptHolder .col-md-3{
	background: transparent;
}

.apptHolder .col-md-9{
	text-align: center;
}

.apptHolder .col-md-9.apptUnavailable{
	background: #f5f5f5;
	cursor: default;
}

.apptHolder .col-md-9.apptBooked, .apptHolder .col-md-9.apptBookedNewSchdeule{
	background: #ebf4fb;
	font-weight: bold;
}
.apptBooked{
	background: #cccccc;
	font-weight: bold;
	padding-right:10px;
	border-bottom: 1px dashed #b1b0b0 !important;
	word-wrap: break-word;
	color: #005a70;
	line-height: 17px;
}
.apptBookedNewSchdeule{
	background: #cccccc;
	font-weight: bold;
	padding-right:10px;
	border-bottom: 1px dashed #b1b0b0 !important;
	word-wrap: break-word;
}
.apptHolder .col-md-9.apptBooked.on, .apptHolder .col-md-9.apptBookedNewSchdeule.on{
	background: #c5ecfb;
	font-weight: bold;
}



.assessment .caAssessmentHTMLContainer{
	min-height:100%;
	height:100%;
	padding-bottom:40px;
}

.noBottomMargin{
	margin-bottom:0px;
}	

.copyright{
	font-size: 1.1rem;
	color: #000;
}
.checkboxLogin .tightText{
	color: #000;
	margin-right: 5px;
}

.tightText{
	font-weight: 200;
	font-size: 1.1rem;
}
.menu{
	margin-left: auto;
	margin-right: auto;
}


.changePasswordPage input[type=checkbox], .verifyAccount input[type=checkbox], .reset_password input[type=checkbox]{
	margin: 4px 24px 4px 0px;
}

.changePasswordPage .showPasswords, .verifyAccount .showPasswords, .reset_password .showPasswords{
	margin-left:15px;
}

.btn:focus, .btn:active:focus{
	outline: none;
	color:#fff;
}

.singleColumnText{
	display:inline-block; 
	margin:25px 0 0 5px; 
	vertical-align:top;	
}

.signUp form input[type=submit], .verifyAccount form input[type=submit], 
.changePasswordPage form input[type=submit], .editProfile form input[type=submit],
.forgotPassword form input[type=submit], .reset_password form input[type=submit]{
	margin-right: 240px;
}

.laguageToggle{
	float:right;
	margin-right: 15px;
}

.form-control{
 	background-color: #fff;
	min-height: 34px;
	border: 1px solid #6d6d6d;
	border-radius: 0;
 	margin-bottom: 20px;
	width: 75%;
}

.form-group {
    margin-bottom: 0px;
}
.requiredTopic {
    border-left: 10px solid #57c3ba;
    padding: 10px 5px;
}
.patientAnswered {
    border-left: 10px solid orange;
    padding: 10px 5px;
}


.fp_ul li{
	margin-bottom: 10px;
}

.newLeftMenuContainer{
    background-color: #595959;
    border-right: 20px solid #e0e0e0;
    color: #fff;
    margin: 0;
    height: 700px;
    padding: 20px 0 0;
    text-align: center;
    font-size: 200%;
}
.leftNewMenu{
	padding-left: 0;
    list-style: none;
}
.leftNewMenu li{
	padding: 10px 6px;
	border-bottom: 1px solid transparent;
	color:#fff;
}

.leftNewMenu li:hover{
	background-color:white;
	cursor:pointer;
	border-bottom: 1px solid transparent;
	color:#035f6c;
}
.leftNewMenu .active{
	background-color:#f4f2e7;
	color:#035f6c;
}	
.leftNewMenu .nextCall:after{
    display: inline-block;
    content: url(/images/getcontrol/checkmark.png);
    margin-left: 5px;
}
.newMiddleContainer{
	background-color: #eaebe1;
	border-right: 1px solid #d6d0d9;
	height:700px;
	padding-top: 25px;
	margin-bottom: 15px;
	margin-left: -15px;
	padding: 15px 0 0 0 ;
	overflow-y: auto;
	xwidth:30%;
}
.middleContainerContent{
	padding: 15px;
}

.middleNewMenu{
	padding-left: 0;
    list-style: none;
}
.middleNewMenu li{
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
}

.middleNewMenu li:hover{
	background-color:#d6d9df;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
}
.middleNewMenu .active{
	background-color:#16626f;
	color: #fff;
	border-bottom: 1px solid #ccc;
}	
/*************************************************          WORKPLACE SPECIFIC CSS      ********************************************/
.notesReferences{
	display: none;
}

.col-md-offset-half {
    margin-left: 1.33333%;
}
.col-md-65 {
    width: 57%;
}

.navbarLogo-holder{
	display: inline-block;
	vertical-align:bottom;
	width:auto;
	margin-top: 5px;
}
.columnContent{
	margin-left:15px;
	margin-bottom: 15px;
	padding:10px 0 10px 15px;
}

.title{
	color: #035f6c;
	font-size:24px;
	font-weight:700;
}
.eventInfoContainer{
	padding:0 10px 15px;
}
.navbar-header ul > li {
    color: #7c878e;
    display: inline-block;
    float: none;
    padding-right: 2rem;
    position: relative;
}
.loginAnnouncement{
	width: 45%;
	min-height: 280px;
	margin-top:10px;
	background-color: #035F6C;
	padding: 2px 10px;
}
.ptn-home-Announcement {
    /*margin-top: 65px;
    margin-bottom: 40px; */
    width: 50%;
}

.ptn-home-Announcement, #ptn-Announcement_2  {
    margin-bottom: 80px;
}
.btn-primary {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #000;
	_margin-bottom:15px;
}
.btn-primary:hover {
    background-color: #3a3a3a;
    border-color: #e5e5e5;
    color: #fff;
}
.btn-getStarted {
    background-color: #2b5d71;
    color: #fff;
	font-size:24px;
	font-weight:700;
}
.btn-getStarted:hover {
    background-color: #fff;
    color: #2b5d71;
}
.btn-popup-getStarted {
    background-color: #2b5d71;
    color: #fff;
	font-size:24px;
	font-weight:700;
}
.btn-popup-getStarted:hover {
    background-color: #30d9c4;
    color: #2b5d71;
}
.btn-Start {
	background-color: #005460;
   	color: #fff;
	font-size:24px;
	font-weight:700;
	padding: 5px 50px;
}
.btn-Start:hover {
    background-color: #fff;
    color: #53bdc0;
}
.btn-smStart {
	background-color: #53bdc0;
   color: #fff;
}
.btn-smStart:hover {
    background-color: #fff;
    color: #53bdc0;
    border: 1px solid #53bdc0;
}
.btn-default {
	font-size: 12px;
	padding: 5px 30px;
}

button:active, button:focus{
	outline: none;
}
.modalTrigger{
	cursor: pointer;
}
.modal-title{color: #fff;}
.modal-header {
    border: medium none;
	background-color: #035F6C;
	color: #000;
	font-weight:700;
}

#specialModal button.close {
    color: #5ac1c0;
}
#specialModal button.close:hover {
    color: #005a6f;
    opacity: 1;
}
#specialModal .modal-dialog {
    max-width: 600px;
}
#specialModal .modal-body {
    padding: 25px;
    text-align: center;
}
#specialModal .modal-header{
	border-radius: 30px;
	border: 7px solid #fff;
}
#specialModal .modal-content{
	border-radius: 30px;
}
.modal-dialog {
	width: 32%;
    display: flex;
    align-items: center;
    min-height: calc(75% - 0rem);
}
.modal-header .close {
    margin-top: -10px;
}
.specialModalText{
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.shrinkLogo{
	display:inline-block;
	margin-right: 15px;
	margin-top: 5px;
}
.padded{
	padding-top:70px;
}
.whitebox{
	margin-top:10px;
	background-color:#fff;
	padding:15px;
	border-radius: 15px;
	border: 1px solid #ccc;
}

.bgbox{
	margin-top:15px;
	background-color:#fff;
	background-image: url('/images/getcontrol/act1.jpg');
	background-repeat: no-repeat;
	padding:15px;
	border-radius: 30px;
	border: 1px solid #fff;
}

.bgboxPatient{
	margin-top:75px;
	background-color:#fff;
	background-image: url('/images/getcontrol/act1.jpg');
	background-repeat: no-repeat;
	padding:15px;
	border-radius: 30px;
	border: 1px solid #fff;
}

ol.progtrckr {
	padding: 0;
}
ol.progtrckr li.current::before {
	background-color: #005a6f !important;
}
ol.progtrckr li.progtrckr-next::before {
	background-color: #5ac1c0;
	border: medium none;
	border-radius: 1.2em;
	color: white;
	content: "O";
	height: 1.2em;
	line-height: 1.2em;
	width: 1.2em;
	padding-left: 3px;
	margin-left: -3px;
}
ol.progtrckr li.progtrckr-todo::before {
	background-color: #fff;
	bottom: -1.6em;
	color: silver;
	content: "O";
	margin-left:-3px;
	font-size: 1.5em;
}
ol.progtrckr li::before {
	bottom: -2.5em;
	float: left;
	line-height: 1em;
	position: relative;
}
ol.progtrckr li.progtrckr-todo {
	border-bottom: 4px solid silver;
	color: silver;
}
ol.progtrckr li {
	cursor: pointer;
	display: inline-block;
	line-height: 3em;
	min-width: 10%;
	text-align: left;
}
ol.progtrckr li.progtrckr-next {
	border-bottom: 4px solid #5ac1c0;
	color: black;
}
ol.progtrckr li.progtrckr-done {
	border-bottom: 4px solid #5ac1c0;
	color: black;
}
ol.progtrckr li.progtrckr-done::before {
	background-color: #5ac1c0;
	border: medium none;
	border-radius: 1.2em;
	color: white;
	content: "\2713";
	height: 1.2em;
	line-height: 1.2em;
	width: 1.2em;
	padding-left: 3px;
}
#firstActionPlanTopUL li:last-child {
	border: medium none;
}
.firstActionPlanTopUL li:last-child {
	border: medium none !important;
}
.counter {
	display: inline;
	margin-left: -13px;
	position: relative;
	text-align: left;
}
.col-sm-6.imgHide {
    border-radius: 15px 0 0 15px;
    overflow: hidden;
    padding: 0;
}
.surveyQuestionTitle{
	display: inline-block; 
	font-size: 22px; 
	font-weight:600; 
	color: #000; 
	background-color: rgba(255, 255, 255, 0.7); 
	margin:10px 0;
	padding: 15px;
	line-height: 1.1;
}
.surveyQuestionTitle .font17{
	font-size: 17px; 
}

.surveyQuestionTitle.pushed{
	margin-left: 55px;
}
.smallFontList{
	font-size: 14px;
}
.t1{
	font-size: 40px;
	font-weight: bold;
	color: #005a6f;
	display: block;
	margin-top: 5px;
}
.t2{
    color: #005a6f;
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    margin-top: 25px;
    width: 50%;
    line-height: 1;
}
.stepDisplayHolder{
	display:inline-block; 
	background-color:#fff; 
	border-radius:30px; 
	padding: 1px 15px 1px 1px;
	margin-top: 10px;
}
.stepDisplayRight{
	display:inline-block; 
	font-size:24px; 
	font-weight: 500;
	color: #000;
}
.stepDisplayMid{
	color: #000;
	font-size:18px;
	font-weight: 500;
	margin: 0 5px;
}
#mspLoginForm .form-group {
    margin-left: 0;
}
.checkboxLogin.pull-left {
    margin-right: 15px;
}
.controlTable div{
	padding: 5px 5px 5px 10px;
}
.controlTable{
	border-bottom: 1px solid #eaebe1;
}
.controlTable button{
	padding: 3px 10px;
	min-width: 100px;
}
.asthmaTitle{
 	font-size: 22px;
}

.consentBubble {
    background-color: #5ac1c0;
    border-radius: 20px;
    color: #fff;
    font-size: smaller;
    margin: auto;
    padding: 10px;
    width: 95%;
}

.chevronButton.confirm.btn {
    margin-bottom: 15px;
}


.congratBack{
	background-image: url(/images/getcontrol/eligible.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px;
	color: #000;
}
.ineligibleBack{
	background-image: url(/images/getcontrol/not_eligible.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px;
	color: #000;
}

.col-md-12.hasBack {
    background-image: url("/images/getcontrol/bg5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.delProfileList{
	list-style-type: none;
}

.fileLoadBack{
	background-image: url(/images/getcontrol/fileLoadBack.png);
	background-repeat: no-repeat;
	background-size:contain;
}

.qFontSmall{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
.qFontSmaller{
	font-size: 11px;
	padding-bottom: 5px;
}
#actionPlanTopErrorDiv{
	display: block; 
	margin:10px;
	padding: 10px; 
	width: 50%; 
	color: #000;
}
.biggerText{
	font-size: 20px;
}
@media only screen and (max-width : 1024px){
	.blueBackBehaviour	{
		padding: 10px 25px;
	}
	#actionPlanTopErrorDiv{
		width: 75%; 
	}
}
/************************************************* MOBILE SIZES ********************************************/
@media only screen and (max-width : 480px){
	#loginRight{
		display: none;
	}

	.navbar .languageToggle {
		margin: 5px 0 0;
	}
	.navbar-nav > li > a {

		padding-top: 0;
	}
	.form-control{
		width: 100%;
	}
	.eventInfoContainer{
		padding:0;
	}
	.apptHolder{
		margin-bottom:0;
		padding: 0;
	}
	.columnContent{
		margin-left:0px;
		margin-bottom: 5px;
		padding:15px;
	}
	.navbarLogo-holder{
		margin-top: 2px;
		width:30%;
	}
	.shrinkLogo{
		xwidth: 15%;
		margin-top:2px;
		margin-right: 5px; 
	}
	.btn-getStarted {
		font-size:26px;
	}
	.loginAnnouncement{
		width: 95%;
	}
	.journal{
		padding-top: 120px;
	}
	.footerLogo{
		display: none;
	}
	.copyright.pull-right.text-left {
		display: none;
	}
	.footer ul > li {
		padding-right: 0.8rem;
	}
	.padded{
		padding-top:35px;
	}
	.whitebox{
		margin-top:-20px;

	}
	.imgHide{
		display: none;
	}
	ol.progtrckr {
    	margin: 0;
	}
	.bgbox{
		margin-top:-10px;
		background-color:#fff;
		background-image: none;
		padding:15px;
	}
	.t1 {
    	font-size: 28px;
    	margin-top: 0px;
	}
	.t2 {
    	font-size: 20px;
    	font-weight: 500;
    	margin-top: -10px;
	}
	.surveyQuestionTitle {
    	font-size: 18px;
    	line-height: 1.1;
    	margin: 10px 0;
    	padding: 5px;
    	border: 1px solid #ccc;
	}
	.questionResponseOn, .questionResponseOn.many, .questionPrevResponseOn, .questionPrevResponseOn.many {
    	font-size: 16px;
    	margin: 5px 5px 5px auto;
    	padding: 5px 10px;
	}
	.questionResponseOff, .questionResponseOff.many, .questionPrevResponseOff, .questionPrevResponseOff.many {
    	font-size: 16px;
    	margin: 5px 5px 5px auto;
    	padding: 5px 10px;
	}
	.specialModalText{
		font-size: 18px;
	}
	.navbar-toggle {
    	margin: 0 0 0 15px;
	}
	.navbar-collapse.in {
    	background: #fff none repeat scroll 0 0;
    	overflow-y: auto;
	}
	.ptn-home-Announcement {
    	width: 80%;
    	margin: 10px 0;
	}
	.blueBackBehaviour{
		display: none;
	}
	.controlTable .col-xs-6.col-sm-3:nth-child(2) {
    	display: none;
	}
	.col-md-offset-half {
    	margin-left: 0;
	}
	.col-md-65 {
    	width: 100%;
	}
	.loginHolder {
    	min-height: 50px;
	}
	.userName{
    	font-size: 9px;
    	margin: 6px 0;
    	padding: 3px 5px;
	}
	#myModal1 img, #myModal2 img{
		display: none;
	}
	#actionPlanTopErrorDiv{
		width: 100%; 
		margin-top: 35px;
	}
}
/************** ************* **************/
/************** ************* **************/
/************** COLIN'S STUFF **************/
/************** ************* **************/
/************** ************* **************/

/************** GENERAL **************/
body {
    color: #333
}

.glyphicon:hover {
    color: inherit !important;
}

.h4, h4 {
    color: #333;
}
.container {
}

.btnLogin {
  background-color: #035F6C;
}

.btnLogin:hover {
  background-color: #02464F;
}

.button_primary {
    font-size:1rem; 
    font-weight:700;
}

/************** NAVBAR **************/
.navbar-inverse {
    box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.13) 
}
.navbar-toggle {
    padding: 16px 10px;
}
.navbar-toggle:hover {
    background-color:#035F6C !important;
}
.navbar-toggle:hover .icon-bar{background-color:white !important}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:#035f6c}
.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:white !important}
.navbarLogo-holder {
   padding-bottom: 4px;
   padding-left: 5px;
}
.icon-bar {
    background-color: #035F6C !important;
    ;
}

.nav > li {
    display: inline-block;
}

#topMenu li a {
  text-decoration: none;
  color: #035f6c;
  text-transform: uppercase;
}

#topMenu li a:hover {
  text-decoration: none;
  color: #035f6c;
  background-color: rgba(125,166,164,0.1);
  border-radius: 6px;
}

/************** JOURNAL **************/



/************** LEFT MENU **************/
.newLeftMenuContainer {
    border-right: 0px solid #fff !important;
    background-color: #879A9C;
    padding: 0px;
}



.glyphicon:hover {
    color: inherit;
}
/************** PATIENT LIST **************/

.steparator {
    height: 7px;
}
.dataTables_length {
    padding-top: 6px;
}
.dataTables_filter {
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #FFF;
  color: #333 !important;
  border: none;
  background-color: rgba(125,166,164,0.1) !important;
  border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #FFF !important;
  border: none !important;
  font-weight: bold !important;
  color: #02464F !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #FFF;
  border: none;
  color: #02464F;
  background-color: rgba(125,166,164,0.1) !important;
}

/************** SEARCH **************/
.dataTables_wrapper .dataTables_filter input {
    border-radius: 30px !important;
    border: 1px solid #333 !important;
    font-weight: 400;
    color: #333;
    padding-left: 12px;
    width: 300px;
}
.dataTables_wrapper .dataTables_filter input:focus {
    border: 1px solid #035F6C;
    box-shadow: 0px 0px 6px 0px rgba(14, 86, 99, 0.3);
	outline: none;
}
/*add search placeholder 
/************** BUTTONS **************/
.addNewButton {
    border-radius: 6px !important;
    transition: background-color 0.15s ease-in-out;
    border: 2px solid rgba(125,166,164,0.2) !important;
}
.addNewButton:hover {
    background-color: rgba(125,166,164,0.1);
}
.addNewButton .glyphicon {
    padding-right: 8px;
}

/************** PATIENT PROFILE **************/

.newMiddleContainer {
  margin-left: 0px;
  background-color: #f4f2e7;
    color: #333;
}

#updatePatientCodeInfo, #patientInformation {
    background-color: #fff;
    color: #035F6C;
    border: 1px solid #035F6C; 
  width: 100%;
}

.singleCallHistorySummery {
  background-color: transparent !important;
  padding: 10px 0px !important;
  overflow: visible !important;
  border-radius: 0px;
}

/* .newBodyContainer > div > div {
  border-radius: 8px;
  border: 1px solid #035F6C;
  background: #FFF !important;
  font-weight: inherit !important;
  padding: 0 !important; 
  transition: background 0.15s ease-in-out;
}

.newBodyContainer > div > div:hover {
    background: rgba(125,166,164,0.1) !important;
} */

.saPspFormButton {
    color: #035F6C;
    border: none !important;
    background: transparent !important;
    transition: color 0.15s ease-in-out;
}

.saPspFormButton .glyphicon {
    margin-right: 8px;
}

.btn, .btnLogin {
    border-radius: 6px !important;
}

.btn:hover{
  color: #fff;
    background-color: #02464F;
}

.btn-default {
    border: 0px solid transparent !important;
}

.noLoaderToBeShow {
  text-align:  right;
}

.singleCallHistorySummery li {
    padding-right: 0px !important;
    overflow: visible !important;
}

.requiredTopic {
    border-left: 10px solid #EB5757;
}

/************** ASSESSMENTS **************/

.newBodyContainer {
  padding: 15px;
    overflow: visible !important;
}

.middleNewMenu li:hover {
  background-color: rgba(125,166,164,0.1);
  color: #035F6C;
}
.middleNewMenu .active:hover {
  background-color: #02464F;
  color: #fff;
}

#callContainer .col-xs-7 {
  padding-right: 0px;
  padding-bottom: 100px;
}

.panel-heading {
  background-color: #fff !important;
    border: none !important;
    padding: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-title strong {
    font-size: 24px;
    font-weight: 300 !important;
}

.inlineQuestion span {
  color: #333;
}

.panel {
  border: none;
}

.panel-body {
  padding: 10px 0px;    
}

.panel-heading .accordion-toggle::after {
  content: "\e113";
  color: #035F6C88;
    padding-top: 5px;
}

.panel-heading.collapsed .accordion-toggle::after {
    content: "\e114";
  color: #035F6C88;
    padding-top: 6px;
}

.panel-heading {
    padding: 10px 15px;
}

.panel-heading:hover {
    background-color: rgba(125,166,164,0.1) !important;
    border-radius: 6px;
}

.singleCallHistorySummery > li, .singleCallHistorySummery  > div {
  background-color: rgba(125,166,164,0.1) !important;
  border: 1px solid transparent !important;
}

.middleContainerContent {
  padding: 0 !important;
  border: 1px solid transparent !important;
}

/************** QUESTIONS **************/



/************** TEXT FIELDS **************/

.checkbox label, .radio label {
    font-weight: 600;
}

.form-control {
    border: 1px solid #00000033;
    min-height: 40px;
    border-radius: 6px;
    font-weight: 300;
    color: #333;
    
    
}
.form-control:focus {
    border: 1px solid #035F6C;
    box-shadow: 0px 0px 6px 0px rgba(14, 86, 99, 0.3);
}

/*** PATIENT STUFF *****/

.loginAnnouncement {
  min-height: 0;
}
@media (min-width: 768px) {
	#loginimage {
		height: 360px;
	}
}
#float_right {
  position: relative;
  float: right;
  width: 60%;
}

#login-form {
	padding-left: 0;
}

#ptn-Announcement_1 {
     width: 50%;   
}

#ptn-Announcement_2 {
	width: 50%;
}

#btn_browse {
	margin-bottom: 20px;
}

#consent-label {
	max-width: 95% !important;
	float: right !important;
}

.ptn-home-Announcement h3, #ptn-Announcement_2 h3 {
	font-size: 2rem;
}

@media (max-width: 1024px) {
	.ptn-home-Announcement, #ptn-Announcement_2 {
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
  .ptn-home-Announcement {
       width: 90%;   
  }
    #float_right {
         width: 60%;
    }
  #ptn-Announcement_2 { 
     width:80%;   
}
  .noUL div {padding: 0px !important;} 
}

@media (max-width: 480px) {
     #assessment_header {
        margin-top: 65px !important;
    }
     #float_right {
        width: 100%;
    }
     #ptn-Announcement_1 {
        width: 100%;
    }
     .findRightResources {
        background: #9EBDC2 none 0 0 no-repeat fixed !important;
    }
     .migrineAssessments {
        background: #9EBDC2 none 0 0 no-repeat fixed !important;
    }
     .navbarLogo-holder {
         width: 100% !important;
    }
	#login_info {
		padding-top: 120px;
		padding-left:0px !important;
	}
}