body
{
	overflow-x: hidden;
	background-color: rgba( 228, 217, 228, 1 );
	background-color: rgba( 200, 179, 200, .65 );
	background-image: url(../img/layout/masthead-sm.png);
	/*background-size: cover;*/
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
h1,h2,h3,h4,h5,h6
{
	font-weight: 700;
}
h1 i,h2 i,h3 i,h4 i,h5 i,h6 i
{
	float: right;
}
h1 span.badge, h2 span.badge, h3 span.badge, h4 span.badge
{
	position: relative;
	top: -1.2em;
	font-weight: bold;
}
h1 span.sub, h2 span.sub, h3 span.sub, h4 span.sub
{
	color: rgba( 72,0,72,1 );
	font-size: 0.7em;
	padding-left: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
}
img.body
{
	display: none;
}
div.header
{
	position: relative;
	height: 65px;
	width: 100%;
	z-index: 1;
	top: 0px;
	left: 0px;
}
div.header div.header-bkg
{
	position: absolute;
	width: 100%;
	height: 65px;
	top: 0;
	left: 0;
	/*background-image: url(../img/layout/masthead.jpg);*/
	background-position: 25% 20%;
	background-size: cover;
	box-shadow: inset 0px 0px 35px 2px rgba(0,0,0,1);
	z-index: 1;
}
div.header img
{
	position: relative;
	z-index: 2;
}
div.body
{
	position: relative;
	z-index: 3;
	border-top: 3px solid rgba( 72,0,72, 1 );
	padding-bottom: 2em;

	background: rgba( 255,255,255, .85 ); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba( 255,255,255, .8 ), rgba( 228, 217, 228, 1 )); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba( 255,255,255, .8 ), rgba( 228, 217, 228, 1 )); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba( 255,255,255, .8 ), rgba( 228, 217, 228, 1 )); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba( 255,255,255, .8 ), rgba( 228, 217, 228, 1 )); /* Standard syntax */
/*
	border-bottom: 1px solid rgba( 72,0,72, .25);*/
}
div.footer
{
	padding: 1em;
	font-size: 0.9em;
	border-top: 1px solid rgba( 70, 0, 70, .1);
}

div.layout-side
{
	background: rgba( 72,0,72, .75 ); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba( 72,0,72, .75 ), rgba( 96,24,72, .75 )); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba( 72,0,72, .75 ), rgba( 96,24,72, .75 )); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba( 72,0,72, .75 ), rgba( 96,24,72, .75 )); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba( 72,0,72, .75 ), rgba( 96,24,72, .75 )); /* Standard syntax */

	border: 1px dotted rgba( 72,0,72, .75 );
	border-top: none;
	box-shadow: 0px 4px 12px #666;
	z-index: 9;
	top: -67px !important;
	color: #fff;
	padding: 1em;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
div.layout-side.is-stuck
{
	margin-top: 0 !important;
	border-top-right-radius: 0px;
}
div.layout-side-container
{
	margin-top: 2em;
	color: #222;
}
div.layout-side.is-stuck div.layout-side-container
{
	margin-top: 1em;
}
div.layout-side h3
{
	color: rgba( 72,0,72,1 );
}
div.layout-main
{
	z-index: 8;
	margin-top: -67px !important;
	padding: 1em !important;
}

.full-width
{
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

#menu-sm-panel
{
	background-color: rgba( 255,255,255, 1 );
	color: #fff;
	position: absolute;
	z-index: 5;
}
#main-content
{
	padding: 1em 1em 1em 0;
}
.hide-menu
{
	left: -100em;
}
div.border
{
	border: 1px solid #dadada;
}
div.callout-box
{
	border: 1px solid #dadada;
	background-color: rgba( 255,255,255, .85 );
	box-shadow: 0 8px 12px -6px #999999;
}
div.callout-box2
{
	background-color: rgba( 200, 179, 200, .2 );
}
div.callout-box-purple
{
	background-color: rgba( 72,0,72, 1 );
}
div.callout-box-purple h3, div.callout-box-purple p
{
	color: #ffffff;
}
div.callout-menu
{
	margin-top: 1em;
	border-radius: 3px;
	width: 100% !important;
	background-color: #fff;
}
div.callout-menu a
{
	display: block;
	width: 100%;
	border-bottom: 1px solid #eee !important;
}
div.callout-menu a i
{
	/*vertical-align: middle;*/
	padding-top: 0;
}
div.callout-menu a:hover
{
	background-color: rgba( 96,24,72, .04 );
}
div.callout-menu ul li a i
{
	font-size: 1.7em;
	color: #222;
	float: left;
}
div.callout-menu li.currently-active
{
	background-color: rgba( 96,24,72, .06 );
}
div.callout-menu li.currently-active a:hover
{
	background-color: rgba( 96,24,72, .07 );
}
div.callout-menu li.currently-active > a > i
{
	color: rgba( 96,24,72, 1 );
}
div.callout-menu div.menu-details
{
	margin-left: 2em;
}
li.js-drilldown-back a
{
	background-color: rgba( 128,128,128, .35 ) !important;
}
li.js-drilldown-back a:hover
{
	background-color: rgba( 128,128,128, .45 ) !important;
}
.js-drilldown-back
{
	background-color: rgba( 48,0,48, .65 ) !important;
	color: #fff;
}
.js-drilldown-back a
{
	color: #fff;
}
div.menu i
{
	width: 27px !important;
}
div.callout-menu ul li a span
{
	display: block !important;
	color: #222;
	font-size: .9em;
	line-height: 1.2em;
	padding-top: .2em;
}
div.callout-box-em
{
	border-top: 5px solid rgba( 96,24,72, 1 );
}
.ad
{
	border-radius: 3px;
	border: 1px solid rgba( 72,0,72, .35 );
	box-shadow: 0px 2px 6px #999;
}
.pad0
{
	padding: 0;
}
.pad1
{
	padding: 1em;
}
.pad2
{
	padding: 2em;
}
.pad5
{
	padding: .5em;
}
.margin0
{
	margin: 0;
}
.box-top
{
	border-top: 3px solid rgba( 96,24,72, 1 ) !important;
}
.banner
{
	box-shadow: inset 0px 0px 18px 2px rgba(0,0,0,.75);
	height: 85px;
	background-size: cover;
	background-position: center center;
	padding: 1em;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 1px 6px #000;
}
.banner a
{
	text-shadow: none;
}
.banner h3
{
	font-weight: bold;
}
.banner-alt
{
	height: auto;
	min-height: 120px;
}
.banner_prescription
{
	background-image: url(../img/benefits/banner_prescription.jpg);
}
.banner_home-auto-2
{
	background-image: url(../img/benefits/banner_liberty.jpg);
	background-position: center left;
}
.banner_home-auto
{
	background-image: url(../img/benefits/banner_home-auto.jpg);
	background-position: center left;
}
.banner_coins
{
	background-image: url(../img/benefits/banner_coins.jpg);
}
.banner_document
{
	background-image: url(../img/benefits/banner_document.jpg);
}
.banner_order
{
	background-image: url(../img/benefits/banner_order.jpg);
}
.banner_dr-laptop
{
	background-image: url(../img/benefits/banner_dr-laptop.jpg);
}
.banner_run
{
	background-image: url(../img/benefits/banner_run.jpg);
}
.banner_thi
{
	background-image: url(../img/banner/banner_thi.jpg);
}
.banner_thi2
{
	background-image: url(../img/banner/banner_thi2.jpg);
}
.banner_company
{
	background-image: url(../img/banner/banner_company.jpg);
	background-position: left;
}
.banner_employee
{
	background-image: url(../img/banner/banner_employees.jpg);
}
.banner_spouse
{
	background-image: url(../img/banner/banner_spouse.jpg);
}
.banner_families
{
	background-image: url(../img/banner/banner_families.jpg);
	background-position: right;
}
.banner_families-zh
{
	background-image: url(../img/layout/bkg_zenhealth-family.jpg);
	background-position: right;
}
.banner_purple
{
	background-image: url(../img/benefits/banner_purple.jpg);
}
.banner_physical
{
	background-image: url(../img/benefits/banner_physical.jpg);
}
div.notifications
{

}
div.notifications a
{
	font-weight: 500;
}
div.notifications span
{
	font-size: 0.9em;
	display: block;
}
div.policies
{

}
div.policies i
{
	background-color: #eee;
	/*background-color: rgba( 192, 72, 72, .8 );*/
	/*color: #fff;*/
	padding: 0em .4em 0em .4em;
	border-radius: 1em;
	float: right;
}
div.policies i.success
{
	background-color: rgba( 93, 164, 35, .8 );
	color: #fff;
}
div.policy span
{
	font-size: 0.9em;
	display: block;

}
div.policy
{
	position: relative;
	margin-bottom: .4em;
}
div.policy a
{
	font-weight: 500;
}
div.policy i
{
	/*position: absolute;
	left: 0px;*/
}
div.policy-text
{
	/*margin-left: 2.3em;*/
}
ul.tabs
{
	background-color: transparent !important;
	border: none;
	border-left: 1px solid #e6e6e6;
}
li.is-active a
{
	background-color: #fff !important;
	border-bottom: 1px solid #fff !important;
}
li.tabs-title a
{
	background-color: rgba( 255,255,255, .5);
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
li.tabs-title a:hover
{
	background-color: rgba( 228, 217, 228, .75 );
	border-top: 1px solid rgba( 228, 217, 228, 1 );
	border-right: 1px solid rgba( 228, 217, 228, 1 );
	border-bottom: 1px solid rgba( 228, 217, 228, 1 );
}
table.permissions th
{
	font-size: 0.9em;
	border-right: 1px solid rgba( 0,0,0, .15);
}
table.permissions th.primary
{
	font-size: 1em;
}
table.permissions th.secondary
{
	border-top: 1px solid rgba( 0, 0, 0, .15 );
}
table.permissions td
{
	font-size: 0.7em;
	min-width: 22em;
	border-right: 1px solid rgba( 0,0,0, .15);
}
table.permissions td.check
{
	min-width: auto;
	border: none;
}
table.permissions a.button
{
	margin: 0;
}
table.permissions i
{
	float: left;
	margin-left: 0.6em;
}
table.tblData
{
	font-size: 0.9em;
}
table.tblData th.smaller
{
	font-size: 0.9em;
}
table.tblDataSmaller th, table.tblDataSmaller td
{
	font-size: 0.8em;
}

.animated-button
{
	-webkit-animation: color-change 2s infinite;
    -moz-animation: color-change 2s infinite;
    -o-animation: color-change 2s infinite;
    -ms-animation: color-change 2s infinite;
    animation: color-change 2s infinite;
    margin-bottom: 0;
}
@-webkit-keyframes color-change {
    0% { background-color: rgba( 48,0,48, 1 ) }
    50% { background-color: rgba( 48,0,48, .4 ) }
    100% { background-color: rgba( 48,0,48, 1 ) }
}
@-moz-keyframes color-change {
    0% { background-color: rgba( 48,0,48, 1 ) }
    50% { background-color: rgba( 48,0,48, .4 ) }
    100% { background-color: rgba( 48,0,48, 1 ) }
}
@-ms-keyframes color-change {
    0% { background-color: rgba( 48,0,48, 1 ) }
    50% { background-color: rgba( 48,0,48, .4 ) }
    100% { background-color: rgba( 48,0,48, 1 ) }
}
@-o-keyframes color-change {
    0% { background-color: rgba( 48,0,48, 1 ) }
    50% { background-color: rgba( 48,0,48, .4 ) }
    100% { background-color: rgba( 48,0,48, 1 ) }
}
@keyframes color-change {
    0% { background-color: rgba( 48,0,48, 1 ) }
    50% { background-color: rgba( 48,0,48, .4 ) }
    100% { background-color: rgba( 48,0,48, 1 ) }
}

label span.text-label
{
	display: block;
	font-weight: bold;
	padding-bottom: 1em;
	font-family: "Courier New";
}
.fdatepicker, .fdatetimepicker
{
	background-image: url(../img/layout/calendar.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 68%;
}
.hidden
{
	display: none;
}

.stuck
{
	position: fixed !important;
	top: 0px !important;
	z-index: 99 !important;
}
.ck-editor__editable
{
	max-height: 600px;
}
div.table-scroll th, div.table-scroll td
{
	vertical-align: top;
}
.sup
{
	position: relative;
	top: -0.3em;
}
table.tblData
{
	/* font-size: 0.9em; */
	width: 100%;
}
div.timetracker-widget .cell
{
	/* width: 20%;
	margin-right: .2em;
	margin-bottom: 1em; */
}
div.card2
{
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	margin-bottom: 1rem;
}
div.getting-started-nav
{
	font-size: 0.8em;
}
.print-show
{
	display: none;
}
.grid-margin-xs .cell
{
	padding: .2em !important;
}
.l
{
	text-align: left;
}
.r
{
	text-align: right;
}

@media print {
	body *
	{
		visibility: hidden;
		display: none;
	}
	.print-content, .print-content *
	{
		visibility: visible;
		display: inherit;
	}
	.print-content
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: auto;
		display: block !important;
		z-index: 100;
	}
	.grid-x
	{
		clear: both !important;
	}
	.cell
	{
		float: left !important;
	}
	span
	{
		display: inline !important;
	}
	hr
	{
		display: none !important;
	}
	h1, h2, h3, h4, h5, h6
	{
		display: block !important;
	}
	.print-hidden
	{
		display: none;
	}
	.print-show
	{
		display: table-cell;
	}
	td, th
	{
		display: table-cell !important;
	}
}