body { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; }
body, html { height: 100%;  }
.main { min-height: 100%; }
.topnav { overflow: hidden; }
footer { border-top: 1px solid #fff; margin: -40px 0 0 0; }
footer .content { background: #1e1e1e; padding: 15px 0; border-top: 7px solid #a4bb4a; }
.container { width: 940px; margin: 0 auto; }
a { text-decoration: none }
a:hover { text-decoration: none }
/*bg*/
.greybg { background: #2b2b2b; }
.greygradient { background: #656565; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#656565, #313131); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#656565, #313131); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#656565, #313131); /* For Firefox 3.6 to 15 */ background: linear-gradient(#656565, #313131); /* Standard syntax */ }
.pull-left { float: left; }
.pull-right { float: right; padding-right:7px; }
.statusbar { background: url(/Content/Images/statusbg.jpg) 0 0 repeat-x; float: left; width: 100%; padding: 8px 0; color: #fff; }
.viewing > span { line-height: 30px; margin-right: 10px; }
.select:hover .select-options { display: block; }
.midcontent { width: 700px; /*margin:93px auto 0 auto;*/ margin:93px auto 0 auto; position: relative; text-align: center }
.midcontent .smarthealth { background: #ffa601; padding: 5px 0px; margin: -35px 0 0 -220px; position: absolute; left: 50%; top: 0%; width: 450px; text-align: center; border: 2px solid #fff; }/*PBI #33543*/
.midcontent .smarthealth:hover { background: #f29f04 }
.midcontent .smarthealth img { clear: both; display: block; margin: 0 auto; }
.midcontent .smarthealth span { color: #fff; display: block; clear: both; }
.sescpp { position: relative; clear: both; margin: -40px 0 0 19px; }/*PBI #33543*/
.smartcare { background: #0298cd; padding: 5px 10px; width: 47%; text-align: center; border: 2px solid #fff; float: right; margin-bottom: 10px; }
.smartcare:hover { background: #038cbc; cursor: pointer; }
.sescpp span { font-size: 12px; clear: both; display: block; text-align: center; color: #fff;}
.smarengage { background: #9ca946; padding: 5px 0px; width: 47%; text-align: center; border: 2px solid #fff; float: left; margin-bottom: 10px; }
.smarengage:hover { background: #8e9d2d; cursor: pointer; }
/*PBI #33543 Start*/
.smarengage_sales { background: #1e1e1e; padding: 5px 0px; width: 47%; text-align: center; border: 2px solid #fff; float: left; margin-bottom: 10px; }
.smarengage_sales_hospital {
	background: #fff;
	padding: 5px 0px;
	width: 100%;
	text-align: center;
	border: 2px solid #fff;
	float: left;
	margin-bottom: 10px;
}
	.smarengage_sales_hospital span {
		color:#000 !important;
	}
.smarprivatp{
	margin-bottom:10px;
}
.smarengage_sales:hover {
	background: #000000;
	cursor: pointer;
}
/*.smarprivatp { background: #3b496e; padding: 5px 0px; margin: 50px auto; width: 350px; text-align: center; border: 2px solid #fff; clear: both; display: block; }*/
.smarprivatp { background: #3b496e; padding: 12px 10px; width: 47%; border: 2px solid #fff; float:left; margin-left:12px; }
/*PBI #33543 End*/
.smarprivatp:hover { background: #253560; cursor: pointer; }
.logo { padding: 10px 0; }
.navlink { list-style: none; padding: 0 0 0 30px; float: left; margin: 0; }
.navlink li { float: left; color: #fff; padding: 0 5px; line-height: 52px; font-size: 12px; }
.navlink li a { color: #fff; }
.sidebar { right: -300px; position: absolute; top: 0; }
/*custom select menu*/
.select-hidden { display: none; visibility: hidden; padding-right: 10px; }
.select { cursor: pointer; display: inline-block; position: relative; font-size: 13px; color: #fff; width: 150px; height: 30px; }
.select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333333; padding: 10px 15px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-radius: 4px }
.select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #fff transparent transparent transparent; position: absolute; top: 16px; right: 10px; }
.select-styled:hover { background-color: #333333; }
.select-styled:active, .select-styled.active { background-color: #333333; }
.select-styled:active:after, .select-styled.active:after { top: 9px; border-color: transparent transparent #fff transparent; }
.select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #333333; }
.select-options li { margin: 0; padding: 6px 0; text-indent: 15px; border-top: 1px solid #575757; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.select-options li:hover { color: #000; background: #fff; }
.footer-logo { width: 330px; margin: 140px auto 80px auto; color: #fff }
.footer-logo a { color: #fff; }
.footer-logo .alink { float: right; line-height: 50px; font-size: 18px; color: #333; font-weight: bold; padding-right:20px;}
.tabview { display: none; }
.desktopview { display: block; position: relative; right: -149px;}


.hospitalpricing {
	float: left;
	background: white;
	padding: 10px 0px 5px 0px;
	margin-left: 10px;
	text-align: center;
	width: 20%;
}
	.hospitalpricing span {
		font-size: 12px;
		clear: both;
		display: block;
		text-align: center;
		color: #000;
	}


@media screen and (min-width:1024px) {
	.sidebar { display: none; }
	
}
@media screen and (max-width:1024px) {
	.smarengage_sales_hospital {
		display: block;
	}
	.hospitalpricing{
		display:none;
	}
}


@media screen and (max-width:1366px) {
	.shsescpp { height: 305px; }
}

@media screen and (max-width:1280px) {
.shsescpp { height: 500px; }
}


@media screen and (max-width:980px) {
body{ overflow-x:hidden;}
/*.midcontent{ margin:140px auto 0 auto;}*/
.midcontent .smarthealth { width: 90%; margin: -35px 0 0 -45%!important; }
.shsescpp { height: 620px!important; }
.container { margin: 0 auto; width:750px; }
.midcontent .smarthealth span { font-size: 12px; }
.sescpp { width: 90%; margin: -55px auto 0 auto; }
.smarengage { clear: both; width: 100%; min-height: 60px; padding: 10px 0; }
/*PBI #33543 Start*/
.smarengage_sales { clear: both; width: 100%; min-height: 60px; padding: 10px 0; }
	.smarengage_sales_hospital {
		clear: both;
		width: 100%;
		min-height: 60px;
		padding: 10px 0;
	}
		
	.hospitalpricing{
		display:none;
	}


	
		
/*PBI #33543 End*/
.smartcare { clear: both; width: 100%; padding: 10px 0; float: none; min-height: 60px; }
.smarprivatp { clear: both; width: 100%; margin: 0; padding: 15px 0; margin-bottom:10px; }
.sescpp span { font-size: 12px; }
.tabview { display: block; }
.desktopview { display: none; }
.welcomelinks { font-size: 12px; color: #fff; position: absolute; right: 50px; top: 17px; }
.menu-toggle { cursor: pointer; height: 30px; position: absolute; right: 15px; top: 15px; width: 25px; z-index: 9999; }
#nav-icon1 { width: 60px; height: 45px; position: relative; margin: 50px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2) { top: 7px; }
#nav-icon span:nth-child(3) { top: 15px; }
#nav-icon.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon.open span:nth-child(2) { opacity: 0; left: -60px; }
#nav-icon.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.sidebar { background-color: #575758; position: absolute; top: 53px; width: 220px; z-index: 9999; right: -220px!important; display:none; }
.sidebar.active { right: 0px!important;  display:block; }
.sidebar:after { position: fixed; right: -225px; top: 60px; width: 220px; height: 100%; background: #575758; }
.sidebar.active:after { right: 0 }
.siebalink { list-style: none; margin: 0; padding: 10px 0 0 10px; }
.siebalink li { background: #8d8c8c; float: none; color: #fff; font-size: 14px; margin: 3px 0; padding: 10px 15px; }
.siebalink li a { color: #fff; }
.sidebar::before { background-color: #575758; bottom: 0; content: ""; display: block; position: fixed; top: 53px; width: 220px; z-index: -1; right: -220px;}
.sidebar.active::before { right: 0 }
.sidebar.active { background-color: #575758; bottom:0; }
}


@media screen and (max-width:767px) {
.shsescpp { height: 320px!important; }
header { position: fixed; width: 100%; top: 0; z-index: 999; }
.topnav { min-height: 35px; }
body { overflow-x: hidden; padding: 35px 0 0 0; }
.container { width: 100%; }
.midcontent { width: 100%; }
.logo img { height: 18px; }
.shsescpp { height: 305px; }
.select { width: 150px; }
.smarprivatp { margin: 0 0 10px 0; }
.sidebar.active, .sidebar.active::before { top: 42px; }
.sidebar::before { top: 42px; }
.sidebar { top: 42px; }
	.hospitalpricing {
		display: none;
	}
	
}

@media screen and (max-width:480px) {
.logo img { height: 15px; }
.menu-toggle { top: 8px; }
.welcomelinks { top: 10px; }
.sidebar.active, .sidebar.active::before { top: 35px; }
.sidebar::before { top: 35px; }
.sidebar { top: 35px; }
.footer-logo{ width:300px;}
.footer-logo a img{ height:40px;}
body {background-color:#cddb98 !important;}
.main { min-height: 79%; !important }
	.hospitalpricing {
		display: none;
	}
}

@media screen and (min-width:481px) {
body {background: #857f7f url(/Content/Images/background.jpg) no-repeat  0 bottom /cover ;}
}

@media screen and (max-width:360px) {
.logo img { height: 10px; }
	.hospitalpricing {
		display: none;
	}
}
a.pull-left:hover { cursor: auto; }
#smartEngage-btn-hospital, #smartCare-btn-hospital { cursor:pointer; }
#demos-login  
{
    background-color: #ffffff;
    border: 4px solid;
    max-width: 500px;
    padding: 3%;
    position: relative;
    width: 90%; 
    height:auto;
    text-align:left;
    border-radius: 25px;
}

#demos-login h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a4bb4a;
	font-weight: normal;
	float: left;	
}

#demos-login p {
	/*float: left;*/
	clear:left;
	/*width:500px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5e5e5e;
	margin-bottom: 15px;
}

#demos-login p#password-reminder {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5e5e5e;
	margin-bottom: 15px;
	clear: left;
	/*width: 300px;*/
}

#demos-login label.hidden {
	position: absolute;
	left: -2000px;
	top: auto;
}

#demos-login input {
	/*float: left;*/
	clear: left;	
}

#demos-login input#LogonId {
	/*width: 452px;*/
	height: 40px;
	background: #fff url(/Content/Images/username-input-bg.png) no-repeat;
	border: none;
	margin-bottom: 13px;
	padding-left: 30px;
	line-height: 40px;
	padding-top: 2px;
	float:left;
	background-size:98% 98%;
	width:90%;
}

#demos-login input#Password {
	/*width: 452px;*/
	height: 40px;
	background: #fff url(/Content/Images/Password-input-bg.png) no-repeat;
	border: none;
	padding-left: 30px;
	line-height: 40px;
	padding-left: 30px;
	padding-top: 2px;
	margin-bottom: 10px;
	float:left;
	background-size:98% 98%;
	width:90%;
}

#demos-login input.Password {
	/*width: 452px;*/
	height: 40px;
	background: #fff url(/Content/Images/Password-input-bg.png) no-repeat;
	border: none;
	padding-left: 30px;
	line-height: 40px;
	padding-left: 30px;
	padding-top: 2px;
	margin-bottom: 10px;
	float:left;
	background-size:98% 98%;
	width:90%;
}

#demos-login input#sign-in-btn {
	float: right;
	margin-right: 8px;
	text-indent: -2000px;
	background: url(/Content/Images/sign-in-btn.png);
	width:103px;
	height:42px;
	border:none;
}

#demos-login input#pwd-reset-btn 
{
    float: right;
	margin-right: 8px;
	text-indent: -2000px;
	background: url(/Content/Images/ResetPassword.png);
	width:103px;
	height:42px;
	border:none;
}

#demos-login a#forgot-password {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5e5e5e;
	text-decoration:underline;
}

#demos-login a#demo-request {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5e5e5e;
	text-decoration: underline;
	}

#demos-login p#request-login {
	/*width: 300px;*/
	float: left;
   	clear: left;
}  	

#demos-hm-message {
	background-color: #000;
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 15px 20px;
	max-width:514px;
	border-radius: 25px;
	margin-top:20px;
	text-align:left;
}

#demos-hm-message ul {
	list-style: none;
	float: left;
	
}

#demos-hm-message ul li {
	float: left;
	margin-right: 12px;
}

#demos-hm-message ul li a {
	float: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:underline;
	
}

#demos-hm-message h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	
}

img
{
border:0;
}