﻿

/* Carousel */
.carousel-caption {
	z-index: 10 !important;
}

	.carousel-caption p {
		font-size: 20px;
		line-height: 1.4;
	}

@media (min-width: 768px) {
	.carousel-caption {
		z-index: 10 !important;
	}
}

/* Start: Owl carousel Desktop */
.visibility-hidden {
	visibility: hidden;
}

.owl-carousel {
	position: relative;
}

.owl-prev, .owl-next {
	position: absolute;
	/*top: 30%;*/
	top: -5%;
	margin: 5px 0px 0px 0px !important;
	width: 30px;
	opacity: 0.8;
	text-align: center; /* Align center inline elements */
	border-radius: 0px !important;
}

	.owl-next:hover {
		opacity: 1;
	}

	.owl-prev:hover {
		opacity: 1;
	}

.owl-prev {
	left: 0;
	/*background-color: transparent !important;*/
	background-color: white !important;
}

.owl-next {
	right: 0;
	/*background-color: transparent !important;*/
	background-color: white !important;
}

	.owl-prev::before, .owl-next::before {
		content: ' ';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}

	.owl-prev, .owl-next, .owl-nav-image, .owl-prev::before, .owl-next::before, .owl-prev::after, .owl-next::after, .owl-nav-image::before, .owl-nav-image::after {
		-moz-box-sizing: content-box !important;
		-webkit-box-sizing: content-box !important;
		box-sizing: content-box !important;
	}

.owl-nav-image {
	vertical-align: middle;
	display: inline-block;
	background: none !important;
	padding: 0px !important;
	margin: 0 auto !important;
}

/* END: Owl carousel Desktop */

.italic-underline {
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

.blue-color {
	color: #80b1f4;
}

.signout-label {
	color: white;
	padding-left: 5px;
	text-decoration: none;
}

	.signout-label:hover {
		color: white;
		text-decoration: none;
	}

.large-text {
	font-size: x-large;
}

/*Start HOME*/
/*.owl-carousel .item {
	  height: 10rem;
	  background: #4DC7A0;
	  padding: 1rem;
	}*/

ul.emn-menu {
	list-style: disc inside;
	/*Padding inside ul for border inset: padding: 5px;*/
}

	ul.emn-menu > li {
		border-bottom: 1px solid #eceff1; /*old color: #b7bbbc*/
		font-size: 22px;
		/*font-family: Verdana, Geneva, sans-serif;*/
		padding-left: 25px;
		/*padding-bottom:15px;*/
		/*padding-top:12px;*/
		height: 45px;
		vertical-align: middle;
		line-height: 45px;
		/*display:inline-block;
		white-space:nowrap;*/
	}

		ul.emn-menu > li:last-child {
			border-bottom: none;
		}

		ul.emn-menu > li > span > a {
			color: #515b60;
			font-weight: bold;
			font-size: 12px;
			padding-bottom: -1px;
		}

		ul.emn-menu > li > span > a {
			cursor: pointer;
		}

			ul.emn-menu > li > span > a:hover {
				text-decoration: underline;
			}

a, a:visited {
	text-decoration: none;
}

#example {
	/*min-height: 600px;*/
}

#undo {
	text-align: center;
	position: absolute;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	padding: 2em;
	cursor: pointer;
}

.large-input {
	max-width: 300px;
	width: 300px;
	height: 25px;
	display: block;
}

.large-height {
	/*resize:vertical;*/
	max-height: 200px;
	min-height: 70px;
}

.text-color {
	color: #364e6a;
}

.margin-bottom {
	margin-bottom: 10px;
}

.centered-container {
	display: table;
	height: 100%;
	width: 100%;
}

.bullet-style {
	font-size: large;
	color: black;
}

.centered-content {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
/*END HOME*/
.header {
	font-size: 14px;
	font-weight: bold;
	color: #00aacd;
}

.align-right {
	text-align: right;
}

.default-text {
	font-size: 12px;
	line-height: 16px;
}

.pointer-cursor {
	cursor: pointer;
}

.media-strip {
	/*color:#353839;*/
	color: white;
}

.space-bottom {
	padding-bottom: 10px;
}

.align-middle-center {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	display: -webkit-box;
	-webkit-box-pack: center; /* align horizontal */
	-webkit-box-align: center; /* align vertical */
}

.align-middle {
	display: flex;
	align-items: center;
	display: -webkit-box;
	-webkit-box-align: center;
}

.align-middle1 {
	margin: 50%;
	/*position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	/*display: flex;
	align-items: center;
	-webkit-box-align: center;*/
}

/*Start Learn Page*/
.learn-progress {
	display: table;
	align-items: center;
	height: 35px;
	background-color: #80b1f4;
	width: 100%;
}

.title-spacing {
	padding: 0px 20px 0px 30px;
}

.learn-progress .icon {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	width: 45px;
	text-align: center;
}

.learn-progress .text {
	height: 100%;
	color: white;
	font-size: 12px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
}

.learn-progress .progress-education {
	height: 100%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding-right: 30px;
}

#progress_circles {
	/*position: absolute;
		padding: 0;
		margin: 0;
		left: 456px;
		bottom: 40px;*/
}

	#progress_circles li {
		list-style: none;
		display: inline-block;
		background: white;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		/*margin-right: 10px;*/
	}

		#progress_circles li.dark {
			background: #7551be;
			border: 2px white solid;
		}

.add-item-spacing {
	padding-top: 10px;
}

.add-item-patient {
	display: inline-block;
	cursor: pointer;
	align-items: center;
	padding-bottom: 5px;
}

	.add-item-patient.spacing {
		padding-left: 10px;
	}

	.add-item-patient.bottom-space {
		padding-bottom: 20px;
	}

	.add-item-patient .icon {
		height: 100%;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}

	.add-item-patient .text, .add-item-patient .text a {
		vertical-align: middle;
		display: inline-block;
		font-size: 12px;
		line-height: 17px;
		color: #515b60;
	}

	.add-item-patient a:hover {
		text-decoration: none;
	}

	.add-item-patient a:visited {
		text-decoration: none;
	}


/*End Learn Page*/


/*Start - Radio button with label on top*/
.dfRadioTop {
	box-sizing: content-box;
	display: table-cell;
	/*float: left;*/
	/* background-color: red; */
	position: relative;
	width: 19px;
	height: 34px;
	/*border: 1px solid;*/
}

.spacer {
	padding-right: 7px;
}

.spacer-horizontal {
	width: 80px;
}

.dfRadioTop input[type="radio"] {
	position: absolute;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-o-opacity: 0;
	top: 0px;
	text-align: center;
	padding: 0;
	margin: 1px;
}

	.dfRadioTop input[type="radio"] + label {
		color: #afbec5;
		position: relative;
		padding: 0px 0 0 0px;
		line-height: 11px;
		margin: 0 0 10px 0;
		text-align: center;
		font-size: 11px;
		font-family: verdana;
		width: 100%;
		display: inline-block;
		/* height: 100%; */
	}

		.dfRadioTop input[type="radio"] + label:before {
			content: "";
			display: block;
			position: absolute;
			top: 15px;
			height: 17px;
			width: 17px;
			background: white;
			border: 1px solid black;
			box-shadow: inset 0px 0px 0px 2px white;
			-webkit-box-shadow: inset 0px 0px 0px 2px white;
			-moz-box-shadow: inset 0px 0px 0px 2px white;
			-o-box-shadow: inset 0px 0px 0px 2px white;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
		}

	.dfRadioTop input[type="radio"]:checked + label:before {
		background: #47bb00;
	}

.dfRadioTopHorizontal {
	box-sizing: content-box;
	display: table-cell;
	/*float: left;*/
	/* background-color: red; */
	position: relative;
	width: 80px;
	height: 40px;
	text-align: center;
	/*border: 1px solid;*/
}

	.dfRadioTopHorizontal input[type="radio"] {
		position: absolute;
		opacity: 0;
		-moz-opacity: 0;
		-webkit-opacity: 0;
		-o-opacity: 0;
		top: 0px;
		text-align: center;
		padding: 0;
		margin: 1px;
	}

		.dfRadioTopHorizontal input[type="radio"] + label {
			color: black;
			position: relative;
			padding: 0px 0 0 0px;
			line-height: 11px;
			margin: 0 0 10px 0;
			text-align: center;
			font-size: 12px;
			/*width: 100%;*/
			display: inline-block;
			/* height: 100%; */
		}

			.dfRadioTopHorizontal input[type="radio"] + label:before {
				content: "";
				display: block;
				position: absolute;
				top: 15px;
				height: 17px;
				width: 17px;
				background: white;
				border: 1px solid black;
				box-shadow: inset 0px 0px 0px 2px white;
				-webkit-box-shadow: inset 0px 0px 0px 2px white;
				-moz-box-shadow: inset 0px 0px 0px 2px white;
				-o-box-shadow: inset 0px 0px 0px 2px white;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				right: 0px;
				left: 0px;
				margin: auto;
				margin-top: 5px;
			}

		.dfRadioTopHorizontal input[type="radio"]:checked + label:before {
			background: #47bb00;
		}

	.dfRadioTopHorizontal.autoWidth {
		width: auto !important;
		padding-left: 12px !important;
		padding-right: 2px !important;
	}

.question-section {
	background-color: white;
	padding: 15px 0px 15px 15px;
}
/*End - Radio button with label on top */

/*Start - Radio button with label on to table spacing */

.table-margin {
	padding-left: 12px;
	padding-top: 10px;
}

.td-bottom-text {
	vertical-align: bottom;
	align-self: flex-end;
}

.survey-question {
	margin: 0px;
}

.survey-details {
	font-size: 13px;
	line-height: 2;
}

.survey-question .td-space {
	padding-right: 7px;
}

.sub-survey-question {
	font-size: 12px;
	color: #80b1f4;
	padding-bottom: 10px;
}

.sub-survey-question-spacing {
	padding-top: 22px;
}


.tr-flex {
	/*display: flex;*/
	display: block;
}

.td-last {
	flex: 1;
}

/*End - Radio button with label on to table spacing */

/*Start - Survey buttons */
.back-button {
	height: 25px;
	background-color: #afbec5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #afbec5;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	margin-top: 3px;
}

.saveclose-button {
	height: 25px;
	background-color: #80b1f4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #80b1f4;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	text-transform: uppercase;
	margin-top: 3px;
}

.teleconsult-button-edit {
	height: 25px;
	background-color: transparent;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #64b2f6;
	color: #64b2f6;
	font-weight: bold;
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	text-transform: uppercase;
	font-size: 14px;
}

.saveclose-button:disabled {
	background-color: lightgray;
	border: lightgray;
}

.action-button {
	height: 25px;
	background-color: #8ebb37;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: #67a216;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	text-transform: uppercase;
}

	.action-button:disabled {
		background-color: lightgray;
		border: lightgray;
	}

.next-button {
	height: 25px;
	background-color: #47bb00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #47bb00;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
}

.container-survey-button {
	padding-top: 43px;
	text-align: center;
}

.content-survey-button {
	float: right;
}
/*End - Survey buttons */


/*Start - Page header */
.page-header {
	background-color: #eceff1;
	font-size: 12px;
	line-height: 16px;
	padding: 30px 0px !important;
	margin: 0px !important;
	border-bottom: 0px !important;
}

	.page-header .spacer-header {
		padding: 0px 20px 20px 30px;
	}

	.page-header .spacer-header-top {
		padding: 0px 20px 0px 30px;
	}

	.page-header .title {
		padding-bottom: 15px;
		text-transform: uppercase;
	}

	.page-header .small-title {
		padding-bottom: 15px;
	}



.page-header-selfcare {
	/*background-color: #eceff1;*/
	font-size: 12px;
	line-height: 16px;
	/*padding: 30px 0px !important;*/
	margin: 0px !important;
	border-bottom: 0px !important;
}

	.page-header-selfcare .spacer-header {
		padding: 30px 20px 20px 30px;
		background-color: #eceff1;
	}

	.page-header-selfcare .spacer-header-top {
		padding: 0px 20px 0px 30px;
	}

	.page-header-selfcare .title {
		padding-bottom: 15px;
		text-transform: uppercase;
	}

	.page-header-selfcare .small-title {
		padding-bottom: 15px;
	}
/*End - Page header*/

/*Start - Question table*/

.question-table {
	background-color: white;
	padding: 15px 0px 15px 15px;
}

	.question-table .table-width {
		width: 100%;
		table-layout: auto;
	}

	.question-table .bullet {
		width: 25px;
		/*width: 35px;*/
	}

	.question-table .rate-table {
		margin: 0px;
	}

.rate-table .td-space {
	padding-right: 7px;
}

.question-spacer {
	margin-top: 20px;
}

/*End - Question table*/

/*Start - Horizontal radio button*/
.dfRadioHorizontal-Container {
	padding-left: 12px;
	margin-top: 10px;
	float: left;
}

.question-selected {
	font-weight: bold !important;
	color: #67A216;
	font-style: italic;
}


.dfRadioHorizontal {
	/*display: block;
	 position : relative;*/
	/*float : left;*/
	/*display : block;
	/*float: left;*/
	/* background-color: red; */
	/*position: relative;
	width: 19px;
	height: 34px;*/
	/*border: 1px solid;*/
}


	.dfRadioHorizontal input[type="radio"] {
		position: absolute;
		opacity: 0;
		-moz-opacity: 0;
		-webkit-opacity: 0;
		-o-opacity: 0;
	}

		.dfRadioHorizontal input[type="radio"] + label {
			position: relative;
			/*padding: 0 0px 0 0px;*/
			padding: 0 0px 0 22px;
			text-align: left;
			vertical-align: middle;
			font-size: 12px;
			font-family: verdana;
			/*width: 100%;*/
			display: inline-block;
			line-height: 11px;
			margin: 0 0 10px 0;
			font-weight: normal;
			text-indent: -22px;
		}

			.dfRadioHorizontal input[type="radio"] + label:before {
				content: "";
				display: inline-block;
				/*position: relative;*/
				vertical-align: middle;
				margin-right: 5px;
				vertical-align: middle;
				top: 2px;
				height: 17px;
				width: 17px;
				background: white;
				border: 1px solid black;
				box-shadow: inset 0px 0px 0px 2px white;
				-webkit-box-shadow: inset 0px 0px 0px 2px white;
				-moz-box-shadow: inset 0px 0px 0px 2px white;
				-o-box-shadow: inset 0px 0px 0px 2px white;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
			}

		.dfRadioHorizontal input[type="radio"]:checked + label:before {
			background: #47bb00;
		}
/*End - Horizontal radio button*/



/*Start - Connect page styles */

.connect-title {
	background: #00aacd;
	height: 35px;
	text-transform: uppercase;
	color: white;
	padding-left: 35px;
}

.connect-gray-title {
	background: #cfd8dc;
	height: 35px;
	text-transform: uppercase;
	color: #1d71b8;
	padding-left: 35px;
}

.connect-plain-title {
	height: 35px;
	padding-top: 10px;
	padding-left: 35px;
}

.connect-resources-holder {
	width: 92%;
	position: relative;
}

.connect-resources-background {
	background-color: #eceff1;
	padding: 30px 0px;
}

.connect-resources-item {
	display: table;
	align-items: center;
	background-color: white;
	width: 100%;
	height: 60px;
}

	.connect-resources-item.border {
		margin-top: 1px;
	}


	.connect-resources-item .icon {
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		width: 110px;
	}

.icon .image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.icon .private-patients {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.connect-resources-item .text {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.text .item-title {
	margin-left: 20px;
	font-weight: bold;
	color: black;
}

.text .item-content {
	margin-left: 20px;
	margin-top: 8px;
	color: #7798a4;
}
/*End - Connect page styles */


.consent-image-button {
	border: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.decline {
	background: url(../images/decline.png) no-repeat;
	background-color: #e34e35;
	height: 25px;
	line-height: 25px;
	margin-right: 16px;
	background-position: left center;
	background-position-x: 15px;
	width: 95px;
	padding-left: 30px;
}

.accept {
	background: url(../images/accept.png) no-repeat;
	background-color: #47bb00;
	height: 25px;
	line-height: 25px;
	background-position: left center;
	background-position-x: 15px;
	padding-left: 20px;
	width: 95px;
}

	.accept:disabled {
		background-color: lightgray;
	}

.consent-title {
	font-size: 16px;
	color: #00aacd;
	padding-top: 40px;
	padding-bottom: 33px;
}

.consent-window {
	padding: 0px !important;
}

.consent-window-content {
	padding-left: 25px;
	padding-right: 25px;
	font-size: 12px;
}

.consent-window-buttons {
	padding-top: 33px;
	padding-bottom: 62px;
	width: 100%;
	float: left;
}

.scrollable-consent {
	height: 240px;
	overflow-y: scroll;
	font-size: 10px;
}

.bold-text {
	font-weight: bold;
}

.checkbox-accept-container {
	margin-top: 20px;
}

.checkbox-accept {
	width: 12px;
	height: 12px;
	margin-right: 5px !important;
}

/*End - Consent pop up*/

/*Start - Patient survey*/
.radio-horizontal {
	float: left;
	padding-top: 10px;
	text-align: center;
}

.radio-worst {
	float: left;
	padding-top: 10px;
}

.radio-best {
	float: right;
	padding-right: 7px;
	padding-top: 10px;
}

.input-content {
	width: 90%;
	max-width: 266px;
	height: 75px;
	margin-top: 10px;
}

.input-container {
	/*width: 266px;
	height: 75px;
	margin-top: 10px;*/
	padding-left: 12px;
}

/*End - Patient survey*/

/*Start - Congratulations pop up*/

.congratulations-image-button {
	border: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

	.congratulations-image-button.continue {
		background: url(../images/continue.png) no-repeat;
		background-color: #47bb00;
		height: 41px;
		line-height: 41px;
		background-position: left center;
		background-position-x: 30px;
		padding-left: 30px;
		width: 110px;
	}

.congratulations-progress-text {
	text-transform: uppercase;
	color: black;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 30px;
}

.congratulations-container1 {
	/*max-width: 195px;*/
	width: 90%;
}

.congratulations-width {
	width: 100%;
}

.congratulations-title {
	font-size: 16px;
	color: #00aacd;
	padding-top: 40px;
	padding-bottom: 25px;
	text-transform: uppercase;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	display: -webkit-box;
	-webkit-box-pack: center; /* align horizontal */
	-webkit-box-align: center; /* align vertical */
}

.congratulations-progress {
	width: 90px;
	height: 90px;
	font-size: 25px;
	font-weight: bold;
}
/*End - Congratulations pop up*/


/*Start - Search Header*/

.search-input {
	background: white url(../images/icons/search-gray.png) right center no-repeat;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	max-width: 276px;
	height: 23px;
	width: 80%;
	border: 0px solid;
	padding-left: 10px;
	background-position-x: 96.5%;
	margin: 0px;
	margin-right: 15px;
	padding-right: 13%;
	/*margin-left : 10px;*/
}


/*End - Search Header*/

/*Start - Drop shadow effect*/
.dropshadow {
	background: url(../images/dropshadow@2x.png) top center no-repeat;
	vertical-align: top;
	z-index: 1;
	width: 100%;
}


.shadow-image {
	width: 92%;
	height: 19px;
	display: block;
}


.css3-shadow {
	position: relative;
	/*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.3) 0;*/
}

	.css3-shadow:after {
		content: "";
		position: absolute;
		z-index: 1;
		bottom: 0;
		top: 100%;
		width: 100%;
		height: 10px;
		left: 0%;
		right: 0%;
		background: -webkit-radial-gradient(50% -10%, ellipse cover, rgba(202, 210, 215, 1), rgba(236, 239, 241, 0.0) 60%);
		background: radial-gradient(ellipse at 50% -10%, rgba(202, 210, 215, 1), rgba(236, 239, 241, 0.0) 60%);
	}
/*End - Drop shadow effect*/


/*Start - Search input with animation*/
/* reset webkit search input browser style */

#custom-search input::-webkit-search-decoration,
#custom-search input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */

#custom-search input {
	outline: none;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	background: url(../images/icons/search-white.png) no-repeat;
	/*background-position: right 5px center;*/
	background-position: right center;
	background-position-x: 95%;
	/*background-position-x :  5px;
			background-position-y:0px;*/
	/*background-position-x : 70%;*/
	/*background-position-y :  5px;*/
	/*background-color : #77bb1f;*/
	background-color: transparent;
	border: solid 0px #ccc;
	/*padding: 9px 10px 9px 32px;*/
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s ease;
	max-width: 20px;
	width: 20px;
	height: 23px;
	padding-left: 10px;
	cursor: pointer;
	color: transparent;
	float: right;
}

	#custom-search input:focus, .search-keep-open {
		background-color: #77bb1f;
		background: url(../images/icons/search-gray.png) no-repeat;
		background-position: right center;
		background-position-x: 98%;
		width: 70%;
		max-width: 230px;
		padding-right: 32px;
		height: 23px;
		color: #999; /*#999*/
		background-color: #fff;
		cursor: auto;
		border-color: #6dcff6;
		-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
		-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
		box-shadow: 0 0 5px rgba(109,207,246,.5);
	}

.search-keep-open {
	/*width: 70% !important;
	max-width: 230px !important;
	background-color: #77bb1f !important;
	background: url(../images/icons/search-gray.png) no-repeat !important;
	cursor: auto !important;*/
	width: 70% !important;
	max-width: 230px !important;
	background: url(../images/icons/search-gray.png) no-repeat !important;
	background-position: right center !important;
	background-position-x: 98% !important;
	background-color: white !important;
	color: #999 !important;
}

/* placeholder */
/*#custom-search input:-moz-placeholder {
		color: transparent;
	}

	#custom-search input:focus::-moz-placeholder {
		color: #999;
	}*/

#custom-search input::-webkit-input-placeholder {
	color: transparent;
}


#custom-search input:focus::-webkit-input-placeholder {
	color: #999;
}

/*End - Search input with animation*/


/*Start - Infobutton Controller*/
.icon-info-sign {
	color: #0088cc;
	font-size: 35px;
	position: absolute;
	top: 0px;
	right: 20px;
}

	.icon-info-sign:before {
		content: "\f05a";
	}


[class^="icon-"]:before, [class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}


[class^="icon-"], [class*=" icon-"] {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}


[class^="icon-"], [class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
}

.left-margin {
	margin-left: 30px;
}

.small-left-margin {
	margin-left: 15px;
}

.small-top-spacing {
	padding-top: 15px;
}

.clear-left-margin {
	margin-left: 0px;
}

.border-green {
	border-left: 2px solid #8ebb37;
}

.menu-style {
	border: 0px solid;
	border-bottom: 2px solid #eceff1;
}

.article-summary ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.resource-item {
	position: relative;
}

.info-button-item-holder {
	min-height: 35px;
	margin-bottom: 5px;
}

	.info-button-item-holder .sub {
		/*width: 100%;
		margin-right: 10px;*/
		margin-right: 45px;
	}

.info-button-link {
	font-size: 12px;
	color: #00aacd;
	font-weight: bold;
}

	.info-button-link.black {
		color: black;
	}


.info-button-link-spacer {
	padding-bottom: 10px;
}

.expandable-content {
	padding-bottom: 25px;
}

.ebsco-category {
	margin-bottom: 10px;
}
/*End - Infobutton Controller*/

/*Start - Login Page*/

.validation-spacer {
	padding-bottom: 15px;
}

/*.style-4 {
  padding: 10px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
}*/

.login-input {
	/*line-height : 15px !important;
	height : 15px !important;
	padding : 0px !important;
	margin : 0px !important;*/
}

	.login-input:focus {
		/*border-bottom: solid 2px #969696;*/
	}



/*Start - Login Page*/
.login-form, .register-form {
	max-width: 320px;
	padding-top: 30px;
}
/*End - Login Page*/

/*Start - InfoButton Page*/
/*.article-type {
	padding:10px;
}*/
.nav > li.article-type > a {
	padding: 10px;
}

.user-menu > li > a:hover, .user-menu > li > a:focus {
	background-color: #00AACD;
}

.user-menu > li > a.df-language-selected:hover, .user-menu > li > a.df-language-selected:focus {
	background-color: transparent;
	text-decoration: none;
	color: #333333;
	cursor: default;
}
/*End - InfoButton Page*/
.form-control {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.k-icon.k-i-calendar {
	width: 16px;
	height: 16px;
}


/*Start - Test Result*/

.results-container {
	padding-top: 20px;
}


.result-carousel-title {
	color: #00aacd;
	font-size: 16px;
	padding: 0px 0px 8px 15px;
}


.appointment-carousel-title {
	color: #00aacd;
	font-size: 16px;
	padding: 0px 0px 8px 0px;
}

.results-title {
	padding-left: 30px;
	/*width: 90%;*/
	padding-bottom: 18px;
}

.header-results {
	font-size: 14px;
	font-weight: bold;
	color: #00aacd;
	padding-bottom: 17px;
}

.test-content {
	/*display: inline-block;*/
	display: table-cell;
	padding-bottom: 11px;
}

	.test-content.spacing {
		padding-right: 16px;
	}

	.test-content.first-spacing {
		/*padding-bottom: 11px;*/
		padding-right: 16px;
	}

.test-container {
	/*display: inline-block;*/
	display: table;
}

.test-content-title {
	color: black;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	padding-right: 10px;
}

.test-content-spacing {
	padding-bottom: 10px;
}

.test-item-spacing {
	padding-bottom: 25px;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}

/*End - Test Result*/


/*Start - Recent Appointments*/

.icon-appointment {
	width: 23px;
}

.appoitment-item {
	display: table;
	align-items: center;
	background-color: white;
	width: 100%;
}

	.appoitment-item.border {
		margin-top: 1px;
	}

	.appoitment-item .icon {
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		width: 23px;
		text-align: center;
	}

	.appoitment-item .text, .appoitment-item .text a {
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		line-height: 17px;
		padding-right: 10px;
		color: black;
	}

.full-width.appoitment-item {
	padding: 0px !important;
}

.appoitment-item-holder {
	margin: 10px 10px 10px 55px;
}

.disabled {
	color: lightgray;
}

.title-container {
	width: 113px !important;
	height: 135px !important;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
}

.title-image-container {
	height: 80px;
}

.image-container {
	width: 63px !important;
}

.center-image {
	border: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	display: block;
	margin: 0px;
	width: initial !important;
	width: auto !important;
}



.media-text-border {
	-webkit-border-bottom-left-radius: 100% !important;
	border-bottom-left-radius: 100% !important;
	-webkit-border-bottom-right-radius: 100% !important;
	border-bottom-right-radius: 100% !important;
}

.media-size {
	width: 113px !important;
}

.carousel-left-spacing {
	padding-left: 15px;
}
/*End - Recent Appointments*/
/*Start - Carousel info button*/
.icon-info-sign-large {
	color: #0088cc;
	font-size: 50px;
	position: absolute;
	top: 25%;
	left: 39%;
}

.icon-info-sign-small {
	color: #0088cc;
	font-size: 20px;
	position: absolute;
}

	.icon-info-sign-small.bottom-right {
		right: 2px;
		bottom: 33%;
	}

	.icon-info-sign-small.bottom-left {
		left: 2px;
		bottom: 48%;
	}

	.icon-info-sign-small.top-left {
		left: 2px;
		top: 10px;
	}

	.icon-info-sign-small.top-right {
		right: 2px;
		top: 10px;
	}

	.icon-info-sign-large:before, .icon-info-sign-small:before {
		content: "\f05a";
	}

.media-text span {
	/*overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;*/
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	font-size: 15px;
	/*font-weight: 300;*/
	line-height: 16px;
	-webkit-line-clamp: 3;
	-ms-line-clamp: 3;
	-webkit-box-orient: vertical;
	-ms-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
/*End - Carousel info button*/


/*Start - Privacy policy*/
.right-margin {
	padding-right: 10px;
}

/*End - Privacy policy*/

/*Start - Patient experience intro and end*/


.intro-survey-title {
	font-size: 16px;
	color: #00aacd;
	padding-top: 30px; /*caroline was: 40px*/
	padding-bottom: 25px;
	/*display: flex;*/
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	display: -webkit-box;
	-webkit-box-pack: center; /* align horizontal */
	-webkit-box-align: center; /* align vertical */
	line-height: 26px;
}


.intro-survey-button {
	border: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


	.intro-survey-button.continue {
		/* background: url(../images/continue.png) no-repeat; */
		background-color: #47bb00;
		height: 41px;
		line-height: 41px;
		/* background-position: left center; */
		background-position-x: 30px;
		/* padding-left: 30px; */
		/*width: 219px;*/
		width: 260px;
	}

	.intro-survey-button.continue-small {
		/* background: url(../images/continue.png) no-repeat; */
		background-color: #47bb00;
		height: 41px;
		line-height: 41px;
		/* background-position: left center; */
		background-position-x: 30px;
		/* padding-left: 30px; */
		width: 120px;
	}

	.intro-survey-button.continue-es-small {
		/* background: url(../images/continue.png) no-repeat; */
		background-color: #47bb00;
		height: 41px;
		line-height: 41px;
		/* background-position: left center; */
		background-position-x: 30px;
		/* padding-left: 30px; */
		width: 135px;
	}

	.intro-survey-button.cancel-small {
		background-color: #afbec5;
		height: 41px;
		line-height: 41px;
		/* background-position: left center; */
		background-position-x: 30px;
		/* padding-left: 30px; */
		width: 120px;
	}

	.intro-survey-button.ok {
		/* background: url(../images/continue.png) no-repeat; */
		background-color: #47bb00;
		height: 41px;
		line-height: 41px;
		/* background-position: left center; */
		background-position-x: 30px;
		/* padding-left: 30px; */
		width: 150px;
	}

.text-height {
	line-height: 2;
}
/*End - Patient experience intro and end*/


/*Start - EditCompany*/

.company-container {
	padding-top: 20px;
}

.company-content {
	padding-left: 15px;
	padding-bottom: 30px;
}

.company-grid {
	margin-left: 15px;
	margin-bottom: 30px;
	margin-top: 10px;
}

.company-content .content-table {
	margin: 0px;
}

.label-spacing {
	margin-right: 5px;
}

.content-center {
	vertical-align: middle !important;
}

.content-text {
	height: 100%;
	color: black;
	font-size: 15px;
	font-weight: 400;
	vertical-align: middle !important;
}

.grid-header {
	padding-left: 15px;
	display: inline-block;
}

	.grid-header.spacing {
		padding-bottom: 10px;
	}

	.grid-header.left-spacing {
		padding-left: 20px;
	}

.company-input-number {
	width: 240px;
	height: 30px;
}

.company-input {
	width: 240px;
	height: 25px;
}

.buttons-container {
	padding-top: 30px;
}

.associate-spacing {
	padding-bottom: 20px;
	padding-top: 10px;
}

.edit-button {
	width: 25px !important;
	height: 25px !important;
	vertical-align: middle;
	text-align: center;
	border: 0px solid !important;
	min-width: auto !important;
	background-color: transparent !important;
}

.edit-icon {
	/*width: 25px;
	height: 25px;*/
	width: 20px;
	height: 20px;
	padding-right: 10px;
}

.functional-edit-icon {
	width: 20px;
	height: auto;
	padding-right: 0px;
	cursor: pointer;
}

.top-spaing {
	margin-top: 20px;
}

.bottom-spacing {
	padding-bottom: 5px;
}

.right-spacing {
	margin-right: 10px;
}

.assign-button {
	height: 30px;
	color: #afbec5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #afbec5;
	background-color: white;
	font-weight: bold;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
}

	.assign-button:hover {
		background-color: white !important;
		color: #afbec5;
	}

.associate-button {
	height: 30px;
	color: #80b1f4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #80b1f4;
	background-color: white;
	font-weight: bold;
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	text-transform: uppercase;
}


/*End - EditCompany*/


/*Start - Edit User*/
.adduser-input-pt {
	max-width: 300px !important;
	width: 300px;
	height: 25px;
	display: block;
}

.adduser-input {
	width: 240px;
	height: 25px;
	/*margin-bottom: 15px;*/
	display: block;
}

.adduser-label {
	width: 240px;
	height: 25px;
	/*margin-bottom: 15px;*/
}

.password-label {
	margin-bottom: 15px;
	font-weight: normal;
	/*margin-top : 10px;*/
	color: #00aacd;
	font-size: 16px;
	text-decoration: none;
}

/*End - Edit User*/

/*Start - My Physician*/

.physician-container {
	padding-top: 20px;
	padding-left: 20px;
}

.info-spacing {
	padding-left: 20px;
}

.physician-image {
	border: 2px solid #00aacd;
	float: left;
	width: 122px;
	height: 122px;
	background-repeat: no-repeat;
	background-size: contain;
}

.header-spacing {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.icon-spacing {
	padding-right: 5px;
}

.spacing-bottom {
	padding-bottom: 30px;
}

/*End - My Physician*/


/*Start - Validation styles*/
.error-input .form-control {
	border-color: red;
}

.error-label {
	color: red;
	padding-top: 5px;
	display: inline-block;
}

.validate-type {
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 35px;
}

.validate-spacing {
	margin-top: 5px;
	margin-bottom: 10px;
}

.error-left-margin {
	margin-left: 10px;
}



/**End - Validation styles*/

/*Start - Error Page styles*/
.error-holder {
	padding-top: 20px;
	background-color: #eceff1;
	padding-bottom: 30px;
	padding-left: 30px;
}

.error-title {
	padding-bottom: 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #00aacd;
}

.error-text {
	padding: 0px 20px 0px 0px;
}
/*End - Error Page styles*/

.custom-description > h1 {
	font-size: 2em !important;
}

.label-align {
	padding-left: 15px;
	padding-bottom: 30px;
}

.sub-header-font {
	font-size: 14px;
}

.sub-title-padding {
	padding-bottom: 10px;
}

.lab-test-resource-item {
	list-style-type: none;
	padding-bottom: 5px;
}

.medications-title {
	width: 90%;
}


/*Start - Pathway resources*/

.pathway-description {
	padding-left: 20px;
	padding-bottom: 20px;
}

/*End - Pathway resources*/

.pdf-link {
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	float: right;
	margin-top: 10px;
}

.pdf-link.with-border {
	border-right: 1.5px solid #6d919e;
	padding-right: 10px;
}

.print-container {
	height: 53px;
	position: relative;
	width: 100%;
}

.print-link {
	/*position: absolute;
	bottom: 0;
	right: 0;*/
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	float: right;
	margin-top: 10px;
}

.print-link.with-border {
	border-right: 1.5px solid #6d919e;
	padding-right: 10px;
}

.print-text {
	display: inline-flex;
	align-items: center;
	color: #6d919d;
	font-size: 10px;
	font-weight: bold;
}

.hl7print .print-text {
	color: white;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	vertical-align: sub;
}

.print-header-company-info {
	width:220px !important; 
	font-weight:bold;
	margin:0px;
}

.space-left {
	margin-left: 15px;
}

/* DDL Patients with DOB*/
span.k-combobox.ddl-patient-dob, span.k-dropdown.ddl-patient-dob {
	width: 17.4em !important;
}

.k-window-content span.k-combobox.ddl-patient-dob,
.k-window-content span.k-dropdown.ddl-patient-dob {
	width: 300px !important;
}

.all-companies {
	padding-left: 20px;
	padding-top: 15px;
}

.print-logo-size {
	max-width: 300px;
	max-height:80px;
}

.print-header-holder {
	position:relative; 
	height: auto; 
	overflow: auto;
	padding-bottom:30px;
}

.print-separator {
	padding-top:10px;
}

.teleconsult-appointment {
	font-size: 25px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
}

.teleconsult-date {
	line-height: 30px;
	font-size: 18px;
	width: 300px;
	padding: 10px;
	border: 2px solid grey;
	border-radius: 5px;
	margin-bottom: 15px;
}

.dial-details {
	display: block;
	padding-top: 5px;
	color: #00AACD;
	width: 460px;
	text-align: center;
}

	.dial-details a {
		color:inherit;
		text-decoration:underline;
	}

	.dial-details a:hover {
		text-decoration:unset;
	}

.patient-info-spacing {
	padding-top: 15px;
}

.past-teleconsults {
	color: #64b2f6;
	font-size:14px;
	cursor: pointer;
	font-weight: bold;
}
	.past-teleconsults.nopointer {
		cursor: default;
	}
	.past-teleconsults.grey {
		color: #525b60;
	}
.teleconsult-summary-date-margin {
	margin-right:5px;
}

/*#btnMultiplePrint {
	display: none;
}*/