/* NOTES

*** - Codes marked as such need revisiting if can be done better / more efficient.



* /


/* PAGE NOTES STYLE */

/* Delete these from the app, as these are just notes for the developer */

.page-note {
	background: url(../images/bg_tobedeleted.png) no-repeat 50% 50% #f4dde1;
	padding: 10px;
	border: 5px solid #c75157;
	color: #333;
	font-size: 16px;
}

.container-id {
	width: 100%;
	display: flex;
	justify-content: space-between;
}




/* General Rules ------------------------------ */
html {
	overflow-x: hidden;
	overflow-y: scroll;
	background: #f9f9f9;
}

body {
	background: #f9f9f9;
	overflow-x: hidden;
	background: url(../images/bg_header.jpg) no-repeat;

	background-size: 100% auto;

	color: #555 !important;

	position: relative;

	height: 100%;
	/*background-size: cover;*/
	/*font-family: 'Source Sans Pro', sans-serif;*/
}

	.body-no-bg {
		background: none;
	}


/* Foundation Override */

.row {
	max-width: 1366px; 
}




/* Vendor Override */

/* --------- UNSLIDER --------- */

/*.unslider {
	position: relative;
	/*background: #CCC;*/
	/*width: 290px;*/
	/*text-align: center;
	overflow: visible !important;*/
	/*float: right;*/
/*}*/

/*.unslider-arrow {
	width: 11px;
	position: absolute;
	height: 21px;
	text-indent: -9999px;     
	top: 120px;
	/*background: url("../images/icon_gray_arrow_left.png");*/
/*}*/

	/*.unslider-arrow.prev {
		background: url("../images/icon_gray_arrow_left.png") no-repeat;
		left: 0;
	}*/

	/*.unslider-arrow.next {
		background: url("../images/icon_gray_arrow_right.png") no-repeat;
		right: 0 !important;
	}*/

 .unslider {
	position: relative;
	text-align: center;
	overflow: visible !important;
}

.unslider-arrow {
	width: 11px;
	position: absolute;
	height: 21px;
	text-indent: -9999px;
	top: 110px;
}

.unslider-arrow.prev {
		background: url("../images/icon_gray_arrow_left.png") no-repeat;
		left: -20px;
	}

.unslider-arrow.next {
		background: url("../images/icon_gray_arrow_right.png") no-repeat;
		right: -20px !important;
	}


/* --------- JQUERY UI --------- */

.datepicker {
	text-align: left !important;
	background: url(../images/icon_calendar.png) no-repeat 100% 0;
}
	
	.datepicker-ext {
		background-position: 98% 50%;
	}

.ui-widget-overlay {
	background: rgba(0,0,0,.80) !important;
	opacity: 1;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #80a6d3;
	border: 1px solid #618dc1;
}








/* --------- FEATHERLIGHT --------- */

.featherlight-next,
.featherlight-previous {

    background: rgba(255,255,255,.25) !important;
}

    .featherlight-next span, .featherlight-previous span {
        display: inline-block;
        left: 0% !important;
        width: 100% !important;
    }

.featherlight .featherlight-content {
        margin-left: 6%;
}

.featherlight-next {
        display: inline-block;
        top: 0px;
        right: 0px;
        position: fixed;
        left: 95% !important;
}
.featherlight-previous {
    display: inline-block;
    top: 0px;
    left: 0px;
    position: fixed;
    right: 94% !important;
}
/* --------- PAGINATION --------- */
.my-navigation {
    display: inline-block;
}

.my-navigation > div {
	float: left;
	margin-right: 10px;	
}



.simple-pagination-navigation-page {
	background: #ccc none repeat scroll 0 0;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin-right: 6px;
	padding: 5px 10px 7px;
}

	.simple-pagination-navigation-page:last-child {
		margin-right: 0;
	}

.simple-pagination-navigation-page.simple-pagination-navigation-disabled {
	background: #e9b9be !important;
}

	.simple-pagination-previous a,
	.simple-pagination-next a {
		display: block;
		height: 28px;
		text-indent: -99999px;
		width: 8px;
	}

	.simple-pagination-previous a {
		background: rgba(0, 0, 0, 0) url("../images/icon_arrow_pink_left.png") no-repeat scroll 0 50%;
	}

	.simple-pagination-next a {
		background: rgba(0, 0, 0, 0) url("../images/icon_arrow_pink_right.png") no-repeat scroll 0 50%;
	}




/* --------- SORTABLE --------- */

.sorttable_sortfwdind {
	color: #2c5e97 !important; 
}


/* Helper Rules ------------------------------ */

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }


.float-left { float: left; }
.float-right { float: right; }

.no-bullet li { list-style: none; } 

.iframe-google-map {
	display: block;
}

.uppercase { text-transform: uppercase; }

.position-relative { position: relative; }
.position-absolute { position: absolute; }

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

i[class*="icon"] {
	color: #F79724;
	margin-right: 5px;
}

.side-by-side {

}

.divider-right {
	border-right: 1px solid #CCC;
}

.divider-left {
	border-left: 1px solid #CCC;
}

.divider-bottom {
	border-bottom: 2px solid #CCC;
	width: 100%;
	height: 2px;
	/*margin-bottom: 25px;*/
}

.divider-bottom-2 {
	border-bottom:  1px solid #CCC;
	height: 1px;
	width: 100%;
}

.divider-top {
	border-top: 1px solid #CCC;
}

.divider-signature {
	border-bottom: 1px solid #CCC;
	width: 200px;
	height: 1px;
}

.text-grayed-out {
	color: #CCC;
}


.spacer-10 {
	margin-bottom: 10px;
}

.spacer-10 {
	margin-bottom: 15px
}


.center-align {
	margin: 0 auto;
}


.relative {
	position: relative;
}




/* Vendor Override */

/* Table Stack (stacktable.css) */


/* Tiny Nav */
.tinynav { 

}



/* BX Slider */

.bx-wrapper .bx-viewport {

}




/* Typography Rules ------------------------------ */

h1, h2, h3, h4, h5, p, td, span, a, 
label, input, input[type="text"], input[type="password"], textarea, select {
	font-family: 'Source Sans Pro', sans-serif;
}

h1 {

}

h2 {
	font-size: 24px;
    line-height: 24px;
    margin-bottom: 25px;
    position: relative;
}

	.h2-spec {
		color: #FFF;
		line-height: 30px;
		/*margin-top: 15px;*/
	}


h3 {
	color: #555;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
}

h4 {
	color: #CCC;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 0;
}

h5 {
	margin-bottom: 15px;
}

label {
	font-size: 13px;
	color: #AAA;
	text-transform: uppercase;
	font-weight: bold;
}

p {	
	line-height: 22px;
	font-size: 18px;
	margin-bottom: 10px;
}

a {
	color: #e9b2b7;
}

	a:hover {
		color: #6da3d7;
	}

li {
	font-family: 'Source Sans Pro', sans-serif;
}


/* Color Rules ------------------------------ */

.color-main {
	background: #ff8d6e;
}

.color-secondary {
	background: #f93d59;
}

.color-shout {
	color: #d05757;
}

/* Font Face Rules ------------------------------ */








/* Error Messages / Notifications ------------------------------ */

/*.wrapper-alert-1 {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 99;
}*/

input[type="text"].alert-input {
	border: 2px solid #e04c4c;
}

.alert-1 {
	opacity: 90;
	position: relative;
	border-radius: 5px;
	padding: 15px 15px 15px 50px;
	background: url(../images/icon_alert.png) no-repeat scroll 10px 15px #333;
	margin-bottom: 20px;
}

	.alert-1 p {
		margin-bottom: 0 !important;
		color: #EEE;
		font-size: 18px;
	}

	.alert-1:after {
		bottom: 100%;
		left: 5%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(34, 34, 34, 0);
		border-bottom-color: #333;
		border-width: 10px;
		margin-left: 0;
	}






/* Validation Message Rules ------------------------------ */

/*label.error {
	color: #900;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 30px;
    text-transform: none;
}
*/


input[type="text"].error,
input[type="password"].error {
	border: 2px solid #e04c4c;
}

label.error {
	opacity: 90;
	position: relative;
	font-weight: normal;
	font-size: 18px;
	text-transform: none;
	border-radius: 5px;
	padding: 15px 15px 15px 50px;
	background: url(../images/icon_alert.png) no-repeat scroll 10px 15px #333;
	margin-bottom: 20px;
}

	label.error p {
		margin-bottom: 0 !important;
		color: #EEE;
		font-size: 18px;
	}

	label.error:after {
		bottom: 100%;
		left: 5%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(34, 34, 34, 0);
		border-bottom-color: #333;
		border-width: 10px;
		margin-left: 0;
	}




/* Reusable / Utility Rules ------------------------------ */

/* These are styles that can be reused anywhere in the site */

.marginize-t-10 {	margin-top: 10px !important; }
.marginize-t-15 {	margin-top: 15px !important; }
.marginize-t-20 {	margin-top: 20px !important; }
.marginize-t-30 {	margin-top: 30px !important; }
.marginize-t-40 {	margin-top: 40px !important; }
.marginize-t-50 {	margin-top: 50px !important; }
.marginize-t-60 {	margin-top: 60px !important; }

.marginize-b-10 {	margin-bottom: 10px !important; }
.marginize-b-15 {	margin-bottom: 15px !important; }
.marginize-b-20 {	margin-bottom: 20px !important; }
.marginize-b-30 {	margin-bottom: 30px !important; }
.marginize-b-40 { 	margin-bottom: 40px; }
.marginize-b-50 {	margin-bottom: 50px !important; }
.marginize-b-60 {	margin-bottom: 60px !important; }

.marginize-r-10 {	margin-right: 10px !important; }
.marginize-r-15 {	margin-right: 15px !important; }
.marginize-r-20 {	margin-right: 20px !important; }
.marginize-r-30 {	margin-right: 30px !important; }
.marginize-r-40 {	margin-right: 40px !important; }

.marginize-l-10 {	margin-left: 10px !important; }
.marginize-l-15 {	margin-left: 15px !important; }
.marginize-l-20 {	margin-left: 20px !important; }
.marginize-l-30 {	margin-left: 30px !important; }
.marginize-l-35 {	margin-left: 35px !important; }
.marginize-l-40 {	margin-left: 40px !important; }



.full-width {
	width: 100% !important;
}



.grouper-1 > div {
	width: 48%;
}

.grouper-2 > div {
	margin-right: 60px;
}


.text-uppercase {
	text-transform: uppercase !important;
}

.no-margin,
.no-margin > * {
	margin-bottom: 0 !important;
}

.no-padding {
	padding-bottom: 0 !important;
}

.note {
	/*font-size: 14px;*/
	color: #AAA;
}

.note-small {
	font-size: 16px;
}

.byline-1 {
	font-size: 12px;
	color: #333;
}


.breadcrumb {
	/*font-size: 24px;*/
	margin-bottom: 20px;
}

	.breadcrumb-small {
		font-size: 18px;
	}

	.breadcrumb-large {
		font-size: 24px;
	}




.tag-1 {
	color: #e9b2b7;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	background: url(../images/icon_alert_v2.png) no-repeat 0 50%;
	padding: 0 0 0 20px;
}



.group-logo {

}

	.group-logo > div {
		margin-bottom: 15px;
	}

.group-logo-button {

}

	.group-logo-button a {
		margin: 0 20px;
	}



.pagination {
	text-align: center;
	margin-bottom: 0;
}

	.pagination li {
		list-style: none;
		display: inline-block;
	}

	.pagination a {
		background: #ccc none repeat scroll 0 0;
		border-radius: 20px;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		margin-right: 6px;
		padding: 5px 10px 7px;
	}

		.pagination .active a {
			background: #e9b9be !important;
		}

.pagination .pagination-marker {
	background: #e9b9be;
	color: #FFF;
	font-weight: bold;
}






.tab-set {
	margin: 0;
	overflow: hidden;	
}

	.tab-set li {
		list-style: none;
	}

	.tab {
		background: #e5e5e5;
		float: left;
		list-style: none;
		font-size: 18px;
		text-transform: uppercase;
		padding: 15px 20px;
		text-align: center;
		color: #555;
	}

	.tab-marker {
		font-weight: bold;
		background: #FFF url(../images/bg_darkblue_border.gif) repeat-x;
	}

.tab-full .tab {
	width: 50%;
}	

.tabbed-panel {
	border-radius: 0 !important;
}


/* Start 2018 Changes */
.tab-content.tab-padded {
	padding: 30px;
}
/* End 2018 Changes */



.main-overlay {
	background: rgba(0,0,0,.90);
	width: 100%;
	display: none;
	min-height: 100%;
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	transition: display .80 ease-in;
}

	.main-overlay .wrapper-main {
		margin-top: 100px;
	}


.main-overlay-lab, .main-overlay-view-health-plan {
	background: rgba(0,0,0,.90);
	width: 100%;
	display: none;
	min-height: 100%;
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	transition: display .80 ease-in;
}

	.main-overlay-lab .wrapper-main, .main-overlay-view-health-plan .wrapper-main {
		margin-top: 100px;
	}






.status {
 	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 20px;
    padding: 15px 20px 20px 20px;
}

	.status-important {

	}





/* Button Rules ------------------------------ */

.button {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fa9d0+0,bfb2c7+100 */
	background: #8fa9d0; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #8fa9d0 0%, #bfb2c7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #8fa9d0 0%,#bfb2c7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #8fa9d0 0%,#bfb2c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa9d0', endColorstr='#bfb2c7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

   	border: medium none;
    border-radius: 0 0 3px 3px;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 20px 25px;
}

	.button:hover,
	.button:active,
	.button:focus {
		background: #e9b2b7;
	}

	.button-ext {
		border-radius: 5px;
	}



.button-group {
	margin-bottom: 30px;
}

	.button-group > * {
		margin-right: 15px;
	}

	.button-group-button {
		background: #FFF;
		border: 1px solid #ff8d6e;
		color: #ff8d6e;
	}

	.button-group-button-selected {
		background: #ff8d6e;
		color: #FFF;
		font-weight: bold;
	}


.button-2 {
	background: #FFF;
	/*padding: 14px 30px;*/
	padding: 14px 0;
	width: 100%;
	color: #eabbc0;
	border: 1px solid #eabbc0;
	border-radius: 3px;
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	cursor: pointer;
}	

	.button-2-spec {
		background: transparent !important;
		border: 1px solid #fff;
		color: #fff;
	}

	.button-2-spec-disabled {
		border: 1px solid #c5a3b6;
	}

	.button-2-not-full {
		width: 200px;
	}

	.button-2:hover {
		color: ##6da3d7;
	}



.button-3 {
	border-radius: 5px;
}




.button-full {
	width: 100%;
}

.button-small {
	padding: 10px 25px;
	font-size: 15px;
}	

.button-reg {
	width: 300px;
}




.button-check span {
	background: url(../images/icon_check_circle.png) no-repeat 100% 50%;
	padding-right: 35px;
}

.button-2-img {
	padding-left: 150px;
	font-size: 18px;	
	text-align: left;
}

.button-med-certificate {
	background: url(../images/icon_doc_line.png) no-repeat 25% 50%;
}

.button-med-letter {
	background: url(../images/icon_envelope_line.png) no-repeat 25% 50%;
}

.button-start {
	display: inline-block;
	/*margin-top: 50px;*/
}


/*.button-group-stack li {
	cursor: pointer;
	list-style: none;
	border: 2px solid #fbd2d3;
	border-radius: 3px;
	padding: 15px 15px 15px 60px;
	margin-bottom: 20px;
	color: #eabbc0;
	font-weight: bold;
	text-transform: uppercase;
}*/


.button-group-stack {
	margin: 0;
	/*border: 2px solid #fbd2d3;*/
	display: block;
	overflow: hidden;
	width: 190px;
	border-radius: 3px;
	margin: 0 auto;
}

/*.button-group-stack div {
	color: #eabbc0;
	font-family: "Source Sans Pro",sans-serif;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    list-style: outside none none;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.button-group-stack div a {
	border: 2px solid #fbd2d3;
    color: #eabbc0;
    display: block;
    cursor: pointer;
    margin: 0 0 8px 0;
    padding: 30px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-right: none;
}

	.button-group-stack div:last-child a {
		border-right: 2px solid #fbd2d3;
		border-radius: 0 3px 3px 0;
	}*/
.button-group-stack div {
    color: #70a3d6;
    font-family: "Source Sans Pro",sans-serif;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    list-style: outside none none;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.button-group-stack div a {
    border: 2px solid #70a3d6;
    color: #70a3d6;
    display: block;
    cursor: pointer;
    margin: 0 0 8px 0;
    padding: 30px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-right: none;
}

    .button-group-stack div > .labresult {
        border: 2px solid #70a3d6;
        color: #70a3d6;
        display: block;
        cursor: pointer;
        margin: 10px 0 0 0;
        padding: 20px 10px 20px 45px;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-position: 5% 50%;
        border-right: 2px solid #70a3d6;
        border-radius: 0 3px 3px 0;
    }

    .button-group-stack div:last-child a {
        border-right: 2px solid #70a3d6;
        border-radius: 0 3px 3px 0;
    }
.button-group-stack a {
	display: block;
}

.button-group-stack-history a { background-image: url(../images/icon_button_history.png); }
.button-group-stack-memo a { background-image: url(../images/icon_button_memo.png); }
.button-group-stack-flag a { background-image: url(../images/icon_button_flag.png); }
.button-group-stack-labresult a { background-image: url(../images/icon_envelope_blue.png); }
.button-group-blood-history a {
	background-image: url(../images/icon_blood-drop.png);
}
.button-group-heart-history a {
	background-image: url(../images/icon_heart.png);
}

.button-group-health-plan a {
	background-image: url(../images/icon_health_plan.png);
}

.group-button-img a {
	margin-right: 10px;
}

	.group-button-img a:last-child {
		margin-right: 0;
	}

.group-button-img-2 {

}	

.col-center{
    float:none;
    margin: 0 auto;
}




.group-button-2 {

}



/* Random Styling (Position later) -----------------------------*/

.wrapper-letter {
	border: 1px solid #DDD;
	padding: 25px;
}

	.wrapper-letter > *:last-child {
		margin-bottom: 0;
	}

.letter {

}

.letter-header {
	border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 0;
    text-align: center;
}

	.letter-header h3 {
		text-transform: uppercase;
	}

.letter-header-title {
	font-size: 18px;
	margin-bottom: 0 !important;
}

.letter-header-address {
	font-size: 14px;
	margin-bottom: 20px !important;
}

	.letter-body {

	}

		.letter-body p {
			line-height: 40px;	
		}

.letter-signature {
	width: 150px;
	margin-bottom: 10px;
}

.letter-signoff {
	padding-top: 10px;
}
	


.panel-top {
	margin-bottom: 30px;
}

	.panel-top > *:first-child {
		padding-left: 0;
	}

	.panel-top > *:last-child {
		border: none;
	}


	.panel-top > * {
		color: #FFF;
		padding: 0 40px;
		border-right: 1px solid #FFF;
	}

	.panel-top p {
		font-size: 60px;
		margin-bottom: 10px;
		font-weight: 300;
		line-height: 60px;
	}

	.panel-top span {
		font-size: 18px;
		text-transform: uppercase;
	}



.panel-top-2 {

}

	.panel-top-2 > * {
		color: #FFF;
	}

	.panel-top-2 p {
		font-size: 18px;
		font-weight: bold;
		padding-top: 15px;
		margin-bottom: 0;
		text-transform: uppercase;
	}

	.panel-top-2 span {
		font-size: 42px;
		line-height: 42px;
	}




.panel-top-3 {

}

	.panel-top-3-1 { width: 64%; }
	.panel-top-3-2, .panel-top-3-3 { width: 14%; }



.wrapper-overlay-alert {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.80);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
	

.overlay-alert {

	/*left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;*/
	max-width:100%;
	position: fixed;
	width: 400px;	
	z-index: 5;	
	max-width:100%;
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 6px #BBB;
    color: #333;
    padding: 30px;

    margin-top: 200px;

    right: 20px;
    bottom: 20px;
}



.med-photo-slider {
	/*width: 290px;*/
	position: relative;
}

.med-photo-pagination {
    background: #70a3d6 none repeat scroll 0 0;
    border-radius: 15px;
    bottom: -20px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    /*left: 125px;*/
    left: 100px;
    padding: 1px 10px;
    position: absolute;
}

/*.med-photo-slider-small {
	width: 230px;
}

	.med-photo-slider-small .med-photo-pagination {
		left: 95px;
	}

	.med-photo-slider-small ~ a {
		top: 130px;
	}

	.med-photo-slider-small ~ .unslider-arrow.next {
		/*top: 165px;*/
		/*right: -40px !important;*/
	/*}*/

	/*.med-photo-slider-small ~ .unslider-arrow.prev {
		/*top: 165px;*/
		/*left: -20px !important;*/
	/*}*/


.med-photo-slider-small {
    width: 210px;
}
    .med-photo-slider-small .med-photo-pagination {
        left: 84px;
    }
    .med-photo-slider-small ~ .unslider-arrow.next {
        top: 70px;
    }
    .med-photo-slider-small ~ .unslider-arrow.prev {
        top: 70px;
    }



.list {
	margin-left: 0;
}

	.list li {
		list-style: none;
	}



.list-v2 {
	list-style: none;
	margin-left: 0;
}
	
	.list-v2 li {
		border-bottom: 1px dotted #CCC;
		padding: 5px 0;
		position: relative;
	}

		.list-v2 li:last-child {
			border-bottom: none;
		}

	.list-v2 a {
		position: absolute;
		right: 0;
	}	

/*.wrapper-available {	
	display: inline-block;
	margin-top: 40px;
	position: relative;
}

.available {
	border-radius: 15px;
	padding: 5px 20px 5px 50px;
	background: #39b54a;	
	color: #FFF;
	font-weight: bold;
}

.away {
	
}	

.available-img {
	left: 0;
	position: absolute;
	top: -7px;	
	transition: all .20s ease-in;
}	

	.available-img img {
		border-radius: 30px;
		border: 2px solid #39b54a;
	}*/
.reassigned {
	border-radius: 0px;
	padding: 5px 5px 5px 5px;
	background: red;
	color: white;
	font-weight: bold;
}
.wrapper-available {
	display: inline-block;
	margin-top: 35px;
	position: relative;
	float: right;
}

.available {
	border-radius: 15px;
	padding: 5px 20px 5px 48px;
	background: #39b54a;	
	color: #FFF;
  	display: inline-block;
	font-weight: bold;
	width: 125px;
	transition: all .2s ease-in;
}

	.available:hover {
		color: #FFF;
		background: #169227;
	}

.available-img {
	left: 0;
	position: absolute;
	top: -3px;	
	width: 40px;
	height: 40px;
	transition: all .20s ease-in;
	/*border-radius: 50px;*/
}	

	.available-img img {
	  border-radius: 30px;
	  width: 40px;
	  height: 40px;
	  border: 2px solid #39b54a;
	}

.available.active {
  background: #acacac;
  padding: 5px 20px 5px 30px;
}

	.available.active:hover {
		background: #999;
	}

.available-img.active {
  left: 85px;
}

	.available-img.active img {
	  border: 2px solid #acacac;
	}

.reassigned:hover {
	color: #FFF;
	
}
.disabled-btn {
	background: grey;
	opacity: 0.5; /* Makes the element appear faded */
	pointer-events: none; /* Prevents clicking */
	cursor: not-allowed; /* Changes the cursor to indicate non-clickable */
}

.wrapper-video-conference {
	border-radius: 3px;
    overflow: hidden;
    max-width: 540px;
    position: relative;
    width: 600px;
    height: 622px;
    background: #333;
}

.wrapper-video-conference img {
	/*width: 100%;*/
	/*position: absolute;*/
/*	top: 0;
	left: 0;*/
}

	.wrapper-video-conference-self {
		position: absolute;
		top: 100px;
		right: 10px;
		width: 170px;
		height: 150px;
		overflow: hidden;
		background: #CCC;
	}


.wrapper-video-conference-message {
	border-radius: 3px;
    overflow: hidden;
    max-width: 540px;
    position: relative;
    width: 600px;
    height: 622px;
    padding: 40px;
    background: #333;
}


.video-conference-message {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

	.video-conference-message p,
	.video-conference-message h4 {
		color: #FFF;
	}

	.video-conference-message h4 {		
		font-size: 30px;
		text-transform: none;
		font-weight: normal;
		line-height: 35px;
		margin-bottom: 25px;
	}

	.video-conference-message p {		
		font-size: 18px;
	}

	.video-conference-message .text-large {
		font-size: 50px;
		margin-bottom: 30px;
	}

	.video-conference-message .note {
		font-size: 15px;
		color: #FFF;
	}

	.video-conference-message .link-critical {
		font-size: 18px;
		color: #eabbc0;
		text-decoration: underline;
		font-weight: bold;
	}

.video-timer {
	/*background: rgba(0,0,0,0.90);*/
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	bottom: 15px;
	left: 10px;
}

	.video-timer p {
		color: #FFF;
		font-size: 30px;
		margin-bottom: 0;
	}


.consultation-time {
	font-size: 22px;
    font-weight: 300;
    line-height: 35px;
}

.video-controls {
	/*background: rgba(0,0,0,0.90);*/
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	right: 15px;
}

	.video-controls li {
		display: inline-block;
		list-style: none;
		margin-left: 10px;
	}


.video-conference-ended {
	background: rgba(0,0,0,0.80);
	width: 100%;
	height: 560px;
	/*background: #000;*/
	position: absolute;
	z-index: 9999;
}

	.video-conference-ended p {
		color: #FFF;
		margin-top: 35%;
		text-align: center;
		font-size: 30px;
		line-height: 40px;
		font-weight: 300;
	}

		.video-conference-ended p span {
			font-size: 48px;
		}


/* List Rules ------------------------------ */

.list-1 {
	margin: 0 0 30px 0;
	border: 1px solid #CCC;
	border-radius: 3px;
}

	.list-1 > li {
		padding: 20px;
		list-style: none;
		border-bottom: 1px solid #CCC;
	}

		.list-1 > li:last-child {
			border: none;
		}

	.list-1 p {
		margin-bottom: 0 !important;
		/*text-transform: uppercase;*/
		font-size: 16px;
		margin-top: 3px;
	}

.list-1-title {
	width: 220px;
	font-weight: bold;
	/*text-transform: uppercase; //#WC-3569 - ingredient should follow CMS */

	white-space: normal; /* #WC-4059 #IR-483 wordwrap for longer mednames*/
	word-break: break-all;
}

	.list-1-title-upper {
		text-transform: uppercase;
	}

.list-1-header {
	background: #F4F4F4;
}



/* Icon Rules ------------------------------ */

.icon-action-set-1 {
	margin: 0;
	height: 30px;
}


	.icon-action-set-1 li {
		display: inline-block;
	}

		.icon-action-set-1 a {
			display: inline-block;
			margin-right: 6px;
		}

			.icon-action-set-1 li:last-child a {
				/*display: inline-block;*/
				margin-right: 0;
			}

.icon-1 {
	width: 30px;
	height: 30px;
	display: block;
}

.icon-1-edit { background: url(../images/icon_1_edit.png); }
.icon-1-info { background: url(../images/icon_1_info.png); }
.icon-1-x {background: url(../images/icon_1_delete.png);}
.icon-1-pencil {background: url(../images/icon_1_pencil.png);}
.icon-1-pencil-alt {
	background: url(../images/icon_1_pencil_alt.png);
	background-repeat:no-repeat;
	display: inline-block;
	margin-bottom: -10px;
}
.icon-sort {
	background: url(../images/icon_sort.png);
}


/* Form Rules ------------------------------ */

input[type="text"],
input[type="password"],
textarea,
select {
	border: 1px solid #CCC;
	border-radius: 3px;
	color: #555;
	box-shadow: none;
	font-size: 18px;
	height: auto;
	padding: 15px;
}


/*.input-small {
	width: 40px;	
	padding: 5px !important;
	font-size: 16px !important;
	margin-right: 7px;
}

.input-medium {
	height: 80px !important;
}
*/

.input-inline {
	display: inline-block;
	text-align: center;	
	padding: 5px 10px !important;
	font-size: 16px !important;
	margin-right: 7px;
	margin-left: 7px;
}

	.input-inline-small {
		width: 40px;
	}

	.input-inline-medium {
		width: 110px;
	}



.input-search {
	background: url(../images/icon_magnifying.png) no-repeat 98% 50%;
}



select {
	background: url(../images/icon_dropdown_arrow.png) no-repeat 98% 50%;
}

/* Start 2018 changes */
input[type="text"]:disabled,
select:disabled,
textarea:disabled {
	border: none;
	color: #AAA;
}
/* End 2018 changes */

/* Link Rules ----------------------------------*/

.link-in-box {
	position: absolute;
	top: 15px;
	right: 15px;
	font-weight: bold;
	text-transform: uppercase;
}






/* Empty State Rules ------------------------------ */

.empty-state {
	margin: 150px 0;
}

	.empty-state p {
		font-size: 36px;
		font-weight: 300;
	}

	.empty-state-icon {
		margin-bottom: 70px;
	}






/* Table Rules ----------------------------------*/

/* ----- TABLE 1 ----- */

.table-1 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;

	/* BUG FIX: seems to fix the firefox table rendering bug */
/*	display: table;
    border-collapse: separate;*/
}

	.table-1 tr {
		border: 1px solid #FFF;
	}

		.table-1 tr:hover td {
			background: #FEFEFE;
			cursor: pointer;
		}
	
	.table-1 td {
		padding: 15px 20px;
		background: #EEE;
	}

	.table-1 td p {
		margin: 0;
	}


	.table-1 tr:nth-child(even) td:first-child,
	.table-1 tr:nth-child(odd) td:first-child {
		background: #2c5e97 !important;
		color: #FFF;
		text-align: center;
		width: 80px;
	}
	

		/*.table-1 tr:nth-child(even) td {
			background: #fdf8f8;
		}*/

		/*.table-1 tr:nth-child(odd) td {
			background: #f0f6fb;
		}*/

	.table-1 .table-1-selected td {
		background: #f0f6fb !important;
	}


.table-1 thead tr th {
	background: #FFF !important;
	padding: 10px auto;
}

	.table-1 thead p {
		color: #ccc;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 0;
		text-align: left;
	}

		.table-1 thead th:first-child p {
			text-align: center;
		}

	.table-1 thead th {
		padding: 0 0 5px 20px;
	}

	.table-1 thead th:first-child {
		padding: 0 0 5px 0;
	}

.table-1 tr:hover th {
	background: #e5e5e5;
}






.table-1-ext tr:nth-child(even) td:first-child,
.table-1-ext tr:nth-child(odd) td:first-child {
	color: #555;
	text-align: left;
	width: 300px;
}


	.table-1-ext tr:nth-child(even) td:first-child {
		background: #fdf8f8;
	}

	.table-1-ext tr:nth-child(odd) td:first-child {
		background: #f0f6fb;
	}

.table-1-ext-2 td {
	background: #e5e5e5 !important;
}

/*tbl- investiage*/
.tbl-inves {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
}

.tbl-inves tr {
	border: 1px solid #FFF;
}

.tbl-inves td {
	border: 1px solid #FFF;
}

.tbl-inves tr:hover td {
	background: #FEFEFE;
	cursor: pointer;
}

.tbl-inves td {
	padding: 0px 20px 30px 20px;
	background: #EEE;
	height: 100px;
	color: #333333;
}

.tbl-inves td p {
	margin: 0;
}

/*
	    .tbl-inves tr:nth-child(even) td:first-child,
	    .tbl-inves tr:nth-child(odd) td:first-child {
		    background: #2c5e97 !important;
		    color: #FFF;
		    text-align: center;
		    width: 80px;
	    }
    */


.tbl-inves .tbl-inves-selected td {
	background: #f0f6fb !important;
}


.tbl-inves thead tr th {
	background: #FFF !important;
	padding: 10px auto;
}

.tbl-inves thead p {
	color: #ccc;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	text-align: left;
}

.tbl-inves thead th:first-child p {
	text-align: center;
}

.tbl-inves thead th {
	padding: 0 0 5px 20px;
}

	.tbl-inves thead th:first-child {
		padding: 0 0 5px 0;
	}

.tbl-inves tr:hover th {
	background: #e5e5e5;
}

#tblBloodSugar,
#tblBloodPressure,
#table-inves-weight-readings,
#table-inves-meal,
#table-inves-activity {
	border-collapse: collapse;
	width: 100%;
	font-weight: bold;
	/*margin-bottom: 30px;*/
}

	#tblBloodSugar th:first-child,
	#tblBloodPressure th:first-child,
	#table-inves-weight-readings th:first-child,
	#table-inves-meal th:first-child,
	#table-inves-activity th:first-child {
		border-radius: 30px 0 0 30px;
	}

	#tblBloodSugar th:last-child,
	#tblBloodPressure th:last-child,
	#table-inves-weight-readings th:last-child,
	#table-inves-meal th:last-child,
	#table-inves-activity th:last-child {
		border-radius: 0 30px 30px 0;
	}

	#tblBloodSugar th,
	#tblBloodPressure th,
	#table-inves-weight-readings th,
	#table-inves-meal th,
	#table-inves-activity th {
		padding: 4px;
		background: #89b0d7 !important;
		color: #FFF;
		font-size: 12px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		text-align: center;
		border-bottom: 1px solid white;
	}

	#tblBloodSugar td:last-child,
	#tblBloodPressure td:last-child,
	#table-inves-weight-readings td:last-child,
	#table-inves-meal td:last-child,
	#table-inves-activity td:last-child {
		border-right: none;
	}

	#tblBloodSugar td,
	#tblBloodPressure td {
		/*padding: 1em;*/
		padding: 4px;
		border: 1px solid #bdc3d1;
		font-size: 13px;
		font-family: 'Source Sans Pro', sans-serif;
		/* text-transform: uppercase;*/
		font-weight: bold;
		border-left: none;
		text-align: center;
	}

	#table-inves-weight-readings td,
	#table-inves-meal td,
	#table-inves-activity td {
		padding: 4px;
		font-size: 13px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: bold;
		border-left: none;
		text-align: center;
	}

.cls-optimal {
	color: #c3ea9a;
}

.cls-high {
	color: #c3ea9a;
}

.cls-high {
	/*color:#feeff2;*/
	color: #fd3000;
}

.cls-high-nornal {
	color: #fdddab;
}

#NavBloodSugar,
#NavBloodPressure {
	margin-top: 20px;
	float: right;
}

#NavBloodSugar .simple-pagination-navigation-page,
#NavBloodPressure .simple-pagination-navigation-page {
	border-radius: 0px !important;
}



.table-photo {
	padding: 0 !important;
	width: 80px;
}

.table-action {
	padding: 0 !important;
	width: 40px;
}
	
.table-photo  img {
	width: 80px;
	height: 80px;
}

.first-tblcol-top {
	font-weight: 300;
	font-size: 30px;
}

.first-tblcol-bottom {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
}



/* ----- TABLE 2 ----- */

.table-2 {
	width: 100%;
}

	.table-2 p {
		margin-bottom: 0 !important;
	}

	.table-2 td {
		padding: 15px 0;
		vertical-align: top;
	}

		.table-2 td:last-child {
			text-align: right;
		}

	.table-2 tfoot {
		border-top: 1px solid #CCC;
	}

	.table-2 tfoot td {
		font-weight: bold;
		font-size: 18px;
	}

.table-2-spec {
	color: #bd282e;
	font-weight: bold;
	font-size: 18px;
}

.table-2-spec2 td:last-child {
	text-align: left;
}

/* ----- TABLE 3 ----- */

.table-3 {
	width: 100%;
    margin-bottom: 30px;
}

	.table-3 p {
		margin-bottom: 0 !important;
	}

	.table-3 td {
		padding: 20px;
		vertical-align: top;
	}

	.table-3 thead tr td {
		color: #CCC;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 15px;
	}

	.table-3 tfoot {
		border-top: 1px solid #CCC;
	}

	.table-3 tfoot td {
		font-weight: bold;
		font-size: 18px;
	}

.table-3-spec {
	color: #bd282e;
	font-weight: bold;
	font-size: 18px;
}

.table-3 tbody tr:nth-child(even) {background: #f0f6fb}
.table-3 tbody tr:nth-child(odd) {background: #fdf8f8}


/* Custom Columns Rules ------------------------------ */

/*.custom-column-1-large-3 {
	width: 20%;
}

.custom-column-1-large-4 {
	width: 35%;
}

.custom-column-1-large-5 {
	width: 45%;
}

.custom-column-1-large-9 {
	width: 80%;
}*/

/* Modal Rules ----------------------------------*/





/* Section Rules ------------------------------ */


/* NAVIGATION */

.main-navigation {
	/*float: right;*/
	margin-top: 40px;
}

	.main-navigation li {
		display: inline-block;
		margin-left: -12px !important;
	}

	.main-navigation a {
		color: #fff;
		display: block;
		font-size: 14px;
		letter-spacing: 1px;
		margin-right: 23px;
		padding-bottom: 10px;
		text-transform: uppercase;
	}

		.main-navigation-marker {
			font-weight: bold;
			background: url(../images/bg_dot.png) no-repeat 50% 90%;
		}

/* HEADER */
.wrapper-header {
	/*background: #CCC;*/
	height: 100px;
}

.logo-main {
	margin-top: 25px;
}

.prof-status {
	padding: 10px;
	background: #CCC;
	border-radius: 40px;
}

.prof-status-available {

}


/* MAIN */

.wrapper-main {
	margin-bottom: 30px;
}


.main-content {
	background: #FFF;
	padding: 40px;
	border-radius: 3px;
}


	.main-content p {
		margin-bottom: 30px;
	}


.panel {
	background: #FFF;
	border-radius: 3px;
}

	.panel-inner {
        overflow: auto;
		padding: 40px;
	}

		.panel-inner > *:last-child {
			margin-bottom: 0;
		}

	.panel p {
		margin-bottom: 30px;
	}

	.panel-inner-v2 {
		padding: 20px 40px;
	}



/* Profile Section */


#bodymovin,
#bodymovin1,
#bodymovin2 {
	display: block;
	overflow: hidden;
	transform: translate3d(0,0,0);
	margin: auto;
	opacity: 1;
	position: absolute;
}

.botas_loop_3,.botas_loop_2{
    display:none
}

.profile-upper {
	/*border-bottom: 1px solid #DDD;*/
	padding-bottom: 30px;
}

.profile-lower {
	padding-top: 30px;
}

.wrapper-profile-photo {
	position: relative;
	/*background: #CCC;*/
	width: 150px;
	height: 150px;
	margin: 0 auto;
}

	.profile-photo {
		border-radius: 50px;
		top: 15px;
		left: 15px;
		/*position: absolute;*/
	}

	.profile-photo-animation {
        left: 0;
        top: 0;
        width: 130px;
        height: 130px;
	}

.wrapper-profile-name-dots {
	position: relative;
	display: inline-block;
}

	.profile-name-dots {
		bottom: -16px;
	    display: inline-block;
	    right: -54px;
	    width: 80px;
	    height: 40px;
		/*height: 10px;*/
	}

.profile-data-set {
	border-right: 1px solid #ccc;
    /*height: 280px;*/
    padding-right: 30px;
}
	
	.profile-data-set h2 {
		width: 130px;
	}



/* SIDE NAVIGATION */

.side-navigation {
	background: #FFF;
	border-radius: 3px;
	margin: 0;
}

	.side-navigation li {
		list-style: none;
	}

		.side-navigation a {
			color: #70a3d6;
			background: #FFF;
			padding: 15px 30px 15px 70px;
			font-size: 16px;
			display: block;
			/*font-weight: bold;*/
			text-transform: uppercase;
			/*background-position: 25px 50%;*/
		}	

		.side-navigation li:first-child,
		.side-navigation li:first-child a {
			border-radius: 3px 3px 0 0;
		}

		.side-navigation li:last-child,
		.side-navigation li:last-child a {
			border-radius: 0 0 3px 3px;
		}


		/*.side-navigation-marker {
			background: url(../images/bg_lightblue_border.gif) repeat-y;
		}*/

		.side-navigation-marker {
			background-color: #efefef !important;
			background: url(../images/bg_lightblue_border.gif) repeat-y #efefef;
			/*border-left: 6px solid #a3c1e0;*/
			font-weight: bold;
		}


.side-navigation .side-navigation-incoming {
	background: url(../images/icon_incoming.png) no-repeat 25px 50%;
}

.side-navigation .side-navigation-medication-approval {
    background: url(../images/icon_incoming.png) no-repeat 25px 50%;
}


.side-navigation .side-navigation-on-queue {
	background: url(../images/icon_queue.png) no-repeat 25px 50%;
}

.side-navigation .side-navigation-past {
	background: url(../images/icon_past_patient.png) no-repeat 25px 50%;
}

.side-navigation .side-navigation-schedule {
	background: url(../images/icon_schedule.png) no-repeat 32px 50%;
}

.queue-number {
	background: #70a3d6 none repeat scroll 0 0;
	border-radius: 14px;
	color: #fff;
	display: block;
	float: right;
	font-weight: bold;
	padding: 0 14px;
    white-space: initial;
}


/* SECTION RULES -----------------------------*/

/* Patient Incoming */

.patient-incoming {

}

.patient-incoming-left-info {
	margin-left: 50px;
	border-right: 1px solid #CCC;
}


/* FOOTER */

.wrapper-footer {

}

	.wrapper-footer p {
		font-size: 14px;
		margin-bottom: 20px;
	}






/* Auxillary Section Rules ------------------------------ */

/*.section-flag {
	display: none;
}*/

.section-login {
	margin-top: 200px;
	margin-bottom: 200px;
}

	.section-login img {
		margin-bottom: 20px;
	}

	.section-login p {
		margin-bottom: 30px;
	}


.refill-until {
	display: none;
}



.box-highlight-1 {
	/*border: 2px solid #6a92d2;*/
	padding: 20px;
	/*text-align: center;*/
	background: #F4F4F4;
	border-radius: 5px;	
	font-size: 30px;
}

	.box-highlight-1 span {
		font-size: 18px;
		color: #6a92d2;
	}


.textarea-large {
	height: 400px;
}



.timer {
	width: 400px;
	height: 230px;
	margin: 0 auto;
	/*background: #CCC;*/
	position: relative;
}

	.timer-countdown {
		margin-top: 70px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		font-size: 40px !important;
	}

.browser-notification {
	padding: 15px;
	background: #333;
	color: #FFF;
	overflow: hidden;
}

	.browser-notification p {
		margin-bottom: 0;
		font-size: 18px;
	}

	.browser-notification-close {
		float: right;
	}


.notes {
	background: #EEE;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 30px;
}

	.notes p {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.notes p:last-child {
		margin-bottom: 0;
	}



.input-box-label-after {
  	margin-bottom: 0;
    margin-top: 38px;
    position: relative;
}	


/* Table Sorter --------------------------------- */


/*table.table-1 thead tr .header {
    background-image: url("../images/bg_sort_arrow.gif");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}
table.table-1 thead tr .headerSortUp {
    background-image: url("asc.gif");
}
table.table-1 thead tr .headerSortDown {
    background-image: url("desc.gif");
}*/



/* BROWSER ADJUSTMENTS */

/* Google Chrome ---------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

}



/* 2018 Changes --------------------------------- */


/* Checkboxes */

/* The container */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 2px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 	font-family: "Source Sans Pro",sans-serif;
 	text-transform: none;
 	font-weight: normal;
 	color: #555;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
/*.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #70a3d6;
    border-radius: 3px;
 
}*/

/* On mouse-over, add a grey background color */
/*.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}*/

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #70a3d6;
}


.checkbox-container input:disabled ~ .checkmark {
    background-color: #CCC;
    border: 2px solid #CCC;
    border-radius: 3px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Other Overlay */
.reusable-overlay-1 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow-y: scroll;
	z-index: 999999;
}

/* Other Overlay */
.reusable-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow-y: scroll;
  z-index: 999999;
}

.reusable-overlay-content {
  margin: auto;
	background: #FFF;
	width: 600px;
	border-radius: 3px;
	box-shadow: 0 0 20px #7e7e7e;
	padding: 40px;

}
.reusable-overlay-module {
	display: none;
}

/* Content Box */

.content-box {
	margin: 0 0 30px 0;
}

.content-box li {
	background: #e5e5e5;
	padding: 20px;
	list-style: none;
	margin: 0;
}

.content-box li p {
	margin-bottom: 0;
}

.content-box li:nth-child(odd) {
	background: #f0f6fb;
}

.content-box-note > div {
	background: #e5e5e5;
	padding: 20px;
	list-style: none;
	margin: 0;
}

	.content-box-note > div small {
		font-size: 72%;
	}

	.content-box-note > div p, .content-box-note > div ul, .content-box-note > div ol {
		margin-bottom: 0 !important;
	}

	.content-box-note > div > div {
		margin-bottom: 0;
	}

	.content-box-note > div:nth-child(odd), content-box-note > div:nth-child(odd) > div {
		background: #f0f6fb;
	}

.content-box-scrollable {
	max-height: 250px;
	overflow-y: scroll;
	margin-bottom: 30px;
}

.content-box-scrollable-favorite {
	max-height: 450px;
	overflow-y: scroll;
	margin-bottom: 30px;
}

	.content-box-scrollable .content-box {
		margin: 0;
	}



/* Others */
.flagged-indicator {
    left: -4px;
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.buttton-group-consultation {
	position: fixed;
	width: 100%;
	padding: 20px;
	background: #CCC;
	bottom: 0;
}

.reusable-overlay-close {
	cursor: pointer;
}

.logo-whitecoat-video {
	position: absolute;
	top: 15px;
	left: 15px;
}
.text-link {
	font-weight: bold;
	color: #eabbc0;
	cursor: pointer;
}


.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark-checkbox {
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: white;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark-checkbox {
    background-color: #ccc;
    border: 1px solid #9C9C9C;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark-checkbox {
    background-color: #2196F3;
    border: 1px solid #205AA7;
}

.container-checkbox input:disabled ~ .checkmark-checkbox {
    background-color: #ccc !important;
    border: 1px solid #9C9C9C !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark-checkbox:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark-checkbox:after {
    left: 12px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.container-checkbox input:disabled ~ .checkmark-checkbox {
    background-color: #2196F3;
}



/* start create image model */

#my-img {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
	width: 80%;
}

    #my-img:hover {
        opacity: 0.7;
    }

/* The Modal (background) */
.div-img-modal {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.3s;
    animation-name: zoom;
    animation-duration: 0.3s;
    padding-top: 20px;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    width: 50%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: transparent;
}

/* Modal Content (image) */
.my-img-modal-content {
    display: block;
    width: 100%;
}

/* Add Animation */
.my-img-modal-content {
    -webkit-box-shadow: -1px 2px 19px 3px rgba(0,0,0,0.65);
    -moz-box-shadow: -1px 2px 19px 3px rgba(0,0,0,0.65);
    box-shadow: -1px 2px 19px 3px rgba(0,0,0,0.65);
    border-radius: 4px;
    border: 20px solid #fff;
}

@-webkit-keyframes zoom {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes zoom {
    from {
        opacity: 0
    }

    to {
        opacity: 1;
    }
}

/* The Close Button */
.close-my-img-modal {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

    .close.close-my-img-modal:hover,
    .close.close-my-img-modal:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .my-img-modal-content {
        width: 100%;
    }
}    
/* end create image model */

/* Dropdown */
li.dropdown {
    position: relative;
}

ul.dropdown-menu {
    position: absolute;
    min-width: 120px;
}

    ul.dropdown-menu li {
        display: block !important;
        white-space: nowrap;
        border-bottom: 1px solid #ccc;
    }

/* Display none by Default */
ul.dropdown-menu {
    display: none;
    background: rgb(224, 182, 192);
    right: -16px;
    text-align: center;
}
ul.dropdown-menu li:first-child a {
  margin-right: 10px;
  margin-top: 10px;
}

ul.dropdown-menu li a {
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

/*ul.dropdown-menu li:last-child a {
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
}*/

span {
    white-space: pre-line
}

.color-red{
    color: red
}
.left-overlay-alert {
    /*left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;*/
    position: fixed;
    z-index: 5;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 6px #BBB;
    color: #333;
    padding: 10px;
    left: 20px;
    bottom: 20px;
}

.left-overlay-alert .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 5px 10px;
    border-radius: 50%;
    background: red;
    color: white;
}
.approval_navigator {
    background-image: url(../images/icon_incoming.png);
    height: 25px;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center;
    color: #70a3d6;
    /*background: #FFF;*/
    padding: 15px 15px 15px 15px;
    font-size: 16px;
    display: block;
    /* font-weight: bold; */
    text-transform: uppercase;
    width: 25px;
}

.approval-number {
    background: #ee3333 none repeat scroll 0 0;
    border-radius: 14px;
    color: #fff;
    display: block;
    float: right;
    font-weight: bold;
    padding: 0 14px;
    white-space: initial;
}

.tab-li-2{
	width:50%;
}

.tab-li-3 {
	width: 33.3333% !important;
}

.mce-tinymce {
	margin: 0 0 1rem !important;
}

.referral-letter-paging li a {
	background: white !important;
	color: black !important;
	font-size: 18px !important;
	font-weight: unset !important;
}
	.referral-letter-paging li a[class="selected"] {
		background: linear-gradient(135deg, #8fa9d0 0%,#bfb2c7 100%) !important;
		color: white !important;
	}

		.referral-letter-paging li a[class="selected"]:hover {
			background: #e9b2b7 !important;
		}

	.referral-letter-paging .add-referral-letter-btn {
		border-radius: 50%;
		width: 30px;
		height: 30px;
		background-color: white;
		border: 2px solid #bfb2c7;
	}
		.referral-letter-paging .add-referral-letter-btn::before {
			content: "+";
			font-size: 20px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			color: #bfb2c7;
			width: 26px;
			height: 26px;
		}

	.referral-letter-paging .button-2 {
		margin-bottom: 5px !important;
	}

.btn-delete-referral-letter {
	float: right !important;
	background: url(../images/icon_trash1.png);
	background-size: cover;
	width: 18px;
	height: 23px;
	display: block;
}

.referral-letter-list .collapsible {
	color: #444;
	cursor: pointer;
	padding: 18px 18px 18px 0;
	width: 100%;
	text-align: left;
	outline: none;
	border-top: 1px solid #CCC;
}

.referral-letter-list .title {
	display: inline-block;
	max-width: 85%;
}

.referral-letter-list .collapsible.first-item {
	border: none !important;
}

.referral-letter-list .content {
	padding: 0 15px 0 46px;
	display: none;
	overflow: hidden;
}

.referral-letter-list .number-circle {
	background: linear-gradient(135deg, #8fa9d0 0%,#bfb2c7 100%) !important;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	padding: 0px 10px;
	height: 30px;
	width: 30px;
	background-color: #bbb;
	font-size: 20px;
	vertical-align: bottom;
}

.referral-letter-list .up-arrow-icon,
.referral-letter-list .down-arrow-icon {
	float: right !important;
	background: url(../images/icon_up_arrow.png) no-repeat;
	width: 19px;
	height: 14px;
	display: block;
	margin-top: 10px;
}

.referral-letter-list .down-arrow-icon {
	background: url(../images/icon_up_arrow.png) no-repeat;
}
.referral-letter-list .down-arrow-icon {
	background: url(../images/icon_down_arrow.png) no-repeat;
}

.referral-letter-list .up-arrow-icon,
.referral-letter-list .collapsed .down-arrow-icon {
	display: none;
}

.referral-letter-list .down-arrow-icon,
.referral-letter-list .collapsed .up-arrow-icon {
	display: inline-block;
}

.overlay-alert #minimized-icon {
	width: 1.5rem;
	height: 1.5rem;
	top: 1rem;
	right: 1rem;
	position: absolute;
	background: url(../images/icon-minus.png) no-repeat;
	background-size:cover;
}
.overlay-alert #zoom-icon {
	align-self: center;
	display: flex;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	transform: translateY(1rem);
	right: 1rem;
	top: 0;
	position: absolute;
	background: url(../images/icon-plus.png);
	background-size: cover;
}
.minimized-overlay-alert {
	background: url(../images/bg_header.jpg) no-repeat;
	background-size: cover;
	height: 40px;
}
.minimized-overlay-alert #minimized-content #bodymovin1 {
	bottom: -10px;
}
.minimized-overlay-alert #minimized-content #bodymovin1 g {
	fill: white;
}
.minimized-overlay-alert #minimized-content
{
	display:block!important;
}
.minimized-overlay-alert #zoom-content {
	display: none !important;
}
@media only screen and (max-width: 600px) {
	.overlay-alert {
		right: 0;
	}
}

.td-arrow {
	padding: 10px !important;
	text-align: right;
	cursor:pointer;
}

.td-label {
	text-transform: unset;
}

.collapse{
	display:none;
}

input[name="fileMemo"] {
	display: none;
}

.custom-file-upload {
	display: inline-block;
	cursor: pointer;
}

ul#horizontal-list li {
	display: inline-block;
	text-align: center;
	margin-right:10px;
}

ul#horizontal-list {
	display: inline-block;
	margin: 0px;
}

ul#horizontal-list li p{
	margin-bottom: 0px;
}

ul#horizontal-list li img {
	width:45px;
}

.preview-memo {
	margin-top: -10px;
	margin-bottom:10px;
}

.view-memo-file{
	margin-top:10px;
}

#lblLetterNotes ol li, #lblLetterNotes ul li {
	font-size: 18px !important;
	line-height: 22px !important;
}

ul#horizontal-list li a {
	/*position: absolute;
	margin-top:-7px;*/
	vertical-align: top;
}

.button-2-blue {
	color: #70a3d6;
	border: 1px solid #70a3d6;
	font-family: "Source Sans Pro",sans-serif;
}
.active-blue {
	background:#70a3d6;
	color:white;
}

.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -10px;
}
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

#icon-alter-unread {
	padding-left: 2px;
	display:none;
}

#icon-alter-unread:before {
	position: absolute;
	content: '';
	background-color: #ed220d;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	pointer-events: none;
}

.blood-pressure-normal-select {
	width: 140px !important;
	padding: 10px !important;
}

#section-chart-text {
	margin-top: 0px;
	margin-left: 28px;
	list-style: none; /* remove the default */
}

#section-chart-text li::before { /* add the new bullet point */
  /*display: inline-block;
	content: '';
	-webkit-border-radius: 0.375rem;
	border-radius: 0.375rem;
	height: 0.75rem;
	width: 0.75rem;
	margin-right: 0.5rem;
	background-color: #bdbdbd;*/
	display: inline-block;
	content: '';
	background-color: #ed220d;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin-top: 8px;
	margin-right: 10px;
	pointer-events: none;

}

#section-chart-text li.cls-pulse::before { /* and another color */
	background-color: #DB063A;
}

#section-chart-text li.cls-systolic::before { /* and another color */
	background-color: #23265D;
}

#section-chart-text li.cls-diastolic::before { /* and another color */
	background-color: #4A90E2;
}

/*#section-chart-text li {
	text-indent: -0.75em;*/ /* this is only needed if you want to align wrapped text */
/*}*/

#wrap-last-month {
	text-align: center;
}

.sortableList > li{
	cursor:move;
}

.wrap-patient-tab {
	overflow: hidden;
	max-width: 540px;
	position: fixed;
	width: 600px;
	background: #f9f9f9;
	z-index: 9999999;
	background-color: #70a3d6;
	border-radius: 3px;
}

.wrap-patient-tab-unsticky {
	overflow: hidden;
	max-width: 540px;
	position: relative;
	width: 600px;
	background: #f9f9f9;
	background-color: #70a3d6;
	border-radius: 3px;
}

.button-flagged-trigger {
	background-image: url(/View/images/icon_button_flagged_v2.png) !important;
}

.patient-tab-overlay-active {
	z-index: 9999999 !important;
}

.patient-tab-overlay-inactive {
	z-index: unset !important;
	position: relative !important;
	top: 0px !important;
}

.patient-tab-main-overlay, .patient-tab-reusable-overlay, .patient-tab-main-overlay-lab, .patient-tab-main-overlay-view-health-plan {
	background: rgba(0,0,0,.7) !important;
}

	.patient-tab-main-overlay .wrapper-main, .patient-tab-reusable-overlay .reusable-overlay-content, .patient-tab-main-overlay-lab .wrapper-main, .patient-tab-main-overlay-view-health-plan .wrapper-main {
		margin-top: 216px !important;
	}

.patient-tab-reusable-overlay {
	position: absolute;
	overflow-y: unset;
}

.patient-tab-button {
	margin: 0;
	display: block;
	overflow: hidden;
	width: fit-content;
	margin: 0 auto;
}

	.patient-tab-button div {
		color: #70a3d6;
		font-family: "Source Sans Pro",sans-serif;
		float: left;
		font-size: 13px;
		font-weight: normal;
		list-style: outside none none;
		margin: 0;
		text-align: center;
		text-transform: none;
		background-color: white;
		border: 2px solid #70a3d6;
		padding: 0;
		cursor: pointer;
	}

		.patient-tab-button div a {
			color: #70a3d6;
			display: block;
			background-repeat: no-repeat;
			background-position: 50% 15%;
			border-right: none;
			background-color: white;
			padding: 38px 16px 11px 17px;
			background-size: 25px;
		}

		.patient-tab-button div #labresult-trigger {
			padding-left: 4px;
			padding-right: 4px;
		}

	.patient-tab-button .active {
		background-color: #70a3d6 !important;
	}

		.patient-tab-button .active a {
			background-color: unset !important;
			color: white !important;
		}

		.patient-tab-button .active #history-trigger {
			background-image: url(/View/images/icon_button_history_v2.png) !important;
		}

		.patient-tab-button .active #notes-trigger {
			background-image: url(/View/images/icon_button_memo_v2.png) !important;
		}

		.patient-tab-button .active #flag-trigger {
			background-image: url(/View/images/icon_button_flag_v2.png);
		}

		.patient-tab-button .active .button-flagged-trigger {
			background-image: url(/View/images/icon_button_flagged_v3.png) !important;
			background-size: 21px !important;
		}

		.patient-tab-button .active #labresult-trigger {
			background-image: url(/View/images/icon_envelope_v2.png) !important;
		}

		.patient-tab-button .active #blood-trigger {
			background-image: url(/View/images/icon_blood-drop_v2.png) !important;
			background-size: 18px !important;
		}

		.patient-tab-button .active #heart-trigger {
			background-image: url(/View/images/icon_heart_v2.png) !important;
		}
		.patient-tab-button .active #health-plan-trigger {
			background-image: url(/View/images/icon_health_plan_v2.png) !important;
		}

	.patient-tab-button #blood-trigger {
		background-size: 18px !important;
	}

	.patient-tab-button .wrap-icon-bullet-points span {
		padding-left: -15px;
		display: none;
	}

	.patient-tab-button .wrap-icon-bullet-points span {
		position: absolute;
		content: '';
		background-color: #ed220d;
		border-radius: 50%;
		width: 8px;
		height: 8px;
		pointer-events: none;
		top: 12px;
		right: 14px;
	}

	.patient-tab-button .wrap-icon-bullet-points {
		position: relative;
	}

.highlight .ui-menu-item em {
	font-weight: bold;
	font-style: normal;
	color: #d45800;
}

.module-health-plan .btn-duplicate-health-plan {
    background: url(/View/images/button_health_plan_duplicate.png) no-repeat;
    padding: 20px 0px;
    font-weight: bold;
    display: block;
    cursor: pointer;
}

.module-health-plan .div-goal-category label {
    background: url(/View/images/icon_goal_category.png) no-repeat;
	padding-left: 35px;
}

.module-health-plan .div-goal-category select {
	margin-left: 35px !important;
	width: 93%;
}

.module-health-plan .div-goal-detail {
	margin-left: 35px !important;
}

	.module-health-plan .only-number {
		max-width: 60%;
		display: inline-block;
		height: 54px;
	}

.module-health-plan .btn-add-goal-to-plan {
	background: #E1B4B8 !important;
	margin-left: 35px !important;
}

.module-health-plan .disabled {
	background: #C5C5C5 !important;
}

.main-overlay-view-health-plan .btn-new-health-plan {
	background: url(/View/images/button_new_health_plan.png) no-repeat;
	cursor: pointer;
	float: right;
	height: 100%;
	width: 178px;
}

.main-overlay-view-health-plan .health-plan-active-status {
	background: url(/View/images/health-plan-active-status.png) no-repeat;
	display: block;
	padding: 15px 0;
	background-size: 80px;
}

.main-overlay-view-health-plan .health-plan-inactive-status {
	background: url(/View/images/health-plan-inactive-status.png) no-repeat;
	display: block;
	padding: 15px 0;
	background-size: 80px;
}

.main-overlay-view-health-plan .health-plan-created-date {
	font-size: 24px;
	font-weight: bold;
	line-height: 0;
	margin-top: 10px;
}

.main-overlay-view-health-plan .health-plan-created-by {
	font-size: 24px;
	line-height: 0;
	margin-bottom: 45px;
}

.weight-reading-status-1 {
	background: url(/View/images/weight-reading-status-1.png) no-repeat;
	display: block;
	padding: 12px 35px;
	background-size: 100%;
	margin-top: 10px;
}

.weight-reading-status-2 {
	background: url(/View/images/weight-reading-status-2.png) no-repeat;
	display: block;
	padding: 10px 10px;
	background-size: 90px;
	margin-top: 5px;
}