body {
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	overflow-x: hidden;
	background-color: #E5E5E5;
	color: #333;
}
a {
	outline: none;
	cursor: pointer;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
	color: #32A3DB;
	text-decoration: none;
}
div,li {
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	margin: 0;
}

h2 {
	font-size: 28px;
}

h3 {
	padding: 0 0 10px 0;
	margin: 20px 0 5px 0;
	font-size: 20px;
	border-bottom: 1px dotted #ccc;
}
#sidebar h3 {
	border: none;
	background-color: #32A3DB;
	color: #fff;
	padding: 20px 5px;
	margin: 0 0 10px 0;
}
#sidebar h3 small {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}
#sidebar h3 em {
	font-size: 14px;
	font-weight: 400;
	color: #ccc;
}
form {
	margin: 0 0 20px 0;
	padding: 0;
}
.login-choice-container {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid silver;
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}
.login-choice-item {
	background: tomato;
	padding: 5px;
	width: 100px;
	height: 100px;
	margin: 10px;
	
	line-height: 100px;
	color: white;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.border {
	border: 1px solid #cc3300;
}
.container {
	width: 1010px;
	margin: 0 auto;
}
.container-wide {
	width: 1100px;
	margin: 0 auto;
}
.pad-20 {
	padding: 20px;
}
/************************************************************/
#alert-action {
	width: 200px;
	border: 5px solid #fff;
	background-color: #3D3935;
	padding: 20px;
	color: #fff;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	display: none;
}
/************************************************************/
.search-container {
	float: right;
	margin-right: 10px;
}
.search-container.full {
	float: none;
	margin: 20px 0;
}
.search-input {
	width: 200px;
}
.search-container.full .search-input {
	width: 600px;
}
.search-container ul {
	width: 215px;
	border: 1px solid #eaeaea;
	position: absolute;
	z-index: 9;
	background: #f3f3f3;
	list-style: none;
	margin: 0;
	padding: 0;
}
.search-container.full ul {
	width: 615px;
}
.search-container ul li {
	padding: 2px;
}
.search-container ul li:hover {
	background: #eaeaea;
}
.search-list {
	display: none;
}
/************************************************************/
#header {
	background-color: #fff;
	margin-bottom: 10px;
	height: 90px;
}
.main-logo {
	width: 185px;
	text-align: center;
	float: left;
	height: 90px;
}
.main-logo .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.main-logo img {
	vertical-align: middle;
	height: 90px;
    max-height: 90px;
    max-width: auto;
	width: auto;
}
ul.main-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.main-nav li {
	float: left;
}
ul.main-nav li a {
	display: block;
	color: #333;
	font-weight: 400;
	padding: 55px 4px 20px 4px;
	min-width: 100px;
	text-align: center;
	text-decoration: none;
}
ul.main-nav li a:hover {
	background-color: #eee;
}
ul.main-nav li a.selected {
	background-color: #3D3935;
	color: #fff;
}
/************************************************************/
#sidebar {
	width: 270px;
	float: left;
	min-height: 570px;
	/*background-color: #fff;*/
	font-size: 13px;
	/*position: fixed;*/
	/*padding: 10px;*/
}
/*****************/
ol.menu {
	margin: 0 -10px 10px 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}
ol.menu li {
	margin: 0 0 3px 0;
	padding: 0;
	counter-increment: step-counter;
	position: relative;
}
ol.menu li::before {
    content: counter(step-counter);
    background-color: #01DE8E;
    color: #fff;
    font-weight: bold;
	line-height: 40px;
	width: 40px;
	text-align: center;
	margin-bottom: -40px;
	display: block;
	position: relative;
	z-index: 5;
}
ol.menu li a {
	padding: 0 5px 0 45px;
	clear: both;
	line-height: 40px;
	vertical-align: middle;
	background-color: #efefef;
	margin-right: 10px;
	display: block;
	position: relative;
	z-index: 1;
}
ol.menu a.disabled {
	color: #ccc;
	cursor: not-allowed;
}
ol.menu span.selected {
	font-weight: 700;
}
ol.menu a span.icon {
	width: 40px;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	float: left;
}
ol.menu a:hover {
	background-color: #ddd;
	color: #333;
}
ol.menu a.selected {
	background-color: #fff;
	margin-right: 0;
}
/*****************/
ul.emp-nav {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
}
ul.emp-nav li {
	padding: 0 0 5px 0;
	margin-left: 5px;
	color: #999;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size: 13px;
}
ul.emp-nav li a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
ul.emp-nav li a:hover {
	text-decoration: underline;
}
/*******************/
ul.emp-menu {
	margin: 0 -10px 10px 0;
	padding: 0;
	list-style: none;
}
ul.emp-menu li {
	margin: 0 0 3px 0;
	padding: 0;
}
ul.emp-menu li.menu-header {
	font-size: 18px;
	margin-bottom: 10px;
}
ul.emp-menu a {
	padding: 0 5px 0 0;
	display: block;
	clear: both;
	line-height: 40px;
	vertical-align: middle;
	background-color: #efefef;
	margin-right: 10px;
}
ul.emp-menu a span.icon {
	width: 40px;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	float: left;
}
ul.emp-menu a:hover {
	background-color: #ddd;
	color: #333;
}
ul.emp-menu a.selected {
	background-color: #fff;
	margin-right: 0;
}
ul.emp-menu a span.cost {
	display: block;
	float: right;
	font-size: 13px;
	color: #666;
	font-weight: 600;
	text-align: right;
}
ul.emp-menu a.selected span.cost {
	margin-right: 10px;
}
ul.emp-menu a span.waived {
	color: #cc3300;
	font-weight: 400;
	float: right;
}
ul.emp-menu a.selected span.waived {
	margin-right: 10px;
}
ul.emp-menu a.disabled {
	color: #ccc;
	cursor: not-allowed;
}
ul.emp-menu span.selected {
	font-weight: 700;
}
/****************/
ul#list-group_classes li, ul#list-group_locations li,
ul#list-group_dates li, ul#list-agent_assignments li,
ul#list-group_plans li, ul#list-group_email_alerts li,
ul#list-hr_account li, ul#list-plan_questions li,
ul#list-added_questions li {
	border: 1px dotted #ccc;
	padding: 5px 3px 20px 3px;
	margin-bottom: 10px;
	font-size: 13px;
	clear: both;
	height: auto !important;
	position: relative;
}
ul#list-group_classes li a.button-action, ul#list-group_locations li a.button-action,
ul#list-group_dates li a.button-action, ul#list-agent_assignments li a.button-action,
ul#list-group_plans li a.button-action, ul#list-group_email_alerts li a.button-action,
ul#list-hr_account li a.button-action, ul#list-plan_questions li a.button-action
ul#list-added_questions li a.button-action {
	position:absolute;
	top:0;
	right:0;
	display:block;
	margin: 0;
}
ul#list-group_plans li.selected {
	background-color: #fafafa;
	border: 6px solid #78A22F;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
ul#list-plan_types li {
	height: auto !important;
	padding-bottom: 10px;
}
ul#list-plan_types li:hover {
	border: 1px dotted #3D3935;
	background-color: #eee;
	padding-bottom: 9px;
	margin-bottom: 9px;
}
#bucket-table label {
	/* margin: -4px -2px !important; */
	display: block;
	height: 20px;
}
/************************************************************/
#main-content {
	width: 730px;
	float: right;
}
/************************************************************/
#main-content-box {
	background-color: #fff;
	padding: 10px 12px 100px 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
	min-height: 470px;
}

#main-content-box h2 {
	margin-left: 2px;
}

/************************************************************/
table.view {
	/*table-layout: fixed;*/
	border-collapse: collapse;
}
table.view td {
	border: 1px solid black;
	border-color: #ccc;
}
table.view thead {
	background-color: #3D3935;
	color: #fff;
	font-weight: 400;
}
table.view thead td {
	border: none;
}
table.view td {
	padding: 4px 2px;
}
table.view a {
	border-bottom: 1px dashed #32A3DB;
}
table.standard-table {
	width: 100%;
	cellspacing: 0;
	cellpadding: 0;
	border: 1;
}
.sidebar-group_info {
	padding: 5px;
}
.sidebar-group_info table.view {
	border-collapse: separate;
}
.sidebar-group_info h3 {
	font-size: 28px;
	font-weight: 400;
	margin: 15px 0;
	color: #01DE8E;
}
.sidebar-group_info h4 {
	font-size: 18px;
	font-weight: 400;
	padding: 8px 5px;
	background-color: #01DE8E;
	color: #fff;
}
.sidebar-group_info table,
.sidebar-group_info td,
.sidebar-group_info th {
	border: none;
}
.sidebar-group_info table {
	/*margin: 0 5px;*/
	background-color: #efefef;
}
.sidebar-group_info td {
	padding-top: 3px;
	padding-bottom: 3px;
}
.ui-effects-transfer {
	border: 2px dashed #999;
}
/************************************************************/
#login-wrapper {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
	background: #fff;
	border: 5px solid #004785;
}
.unified-login-wrapper {
	width: 500px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
	background: #fff;
	border: 5px solid #004785;
}
#login-information-text{
	/* background-color: #FFFFE0; */
	text-align: center;	
	width: 700px;
	left: 43%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -250px;
}
/************************************************************/
#info-wrapper {

}
ul.your-info {
	margin: 0 5px 10px 0;
	padding: 10px;
	list-style: none;
	background-color: #32A3DB;
	color: #fff;
	width: 250px;
	float: left;
	display: inline-block;
	height: 90px;
}
ul.your-info li {
	margin: 0;
	padding: 0;
}
ul.your-info li.menu-header {
	font-size: 18px;
	margin-bottom: 10px;
}
ul.your-info a {
	padding: 7px 0 5px 30px;
	margin-left: 2px;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
}
ul.your-info a:hover {
	text-decoration: underline;
}
ul.your-info a.disabled {
	color: #ccc;
	cursor: not-allowed;
}
ul.your-info span.selected {
	font-weight: 700;
}
/**************/
ul.employer-contribution {
	margin: 0 5px;
	padding: 10px;
	list-style: none;
	list-style: none;
	width: 255px;
	float: left;
	display: inline-block;
	height: 90px;
	background-color: #efefef;
}
ul.employer-contribution li {
	margin: 0;
	padding: 5px 0;
	font-size: 12px;
	font-weight: 700;
	clear: both;
	line-height: 20px;
	vertical-align: middle;
}
ul.employer-contribution li span {
	display: block;
	float: right;
	font-size: 18px;
	color: #78A22F;
}
ul.employer-contribution li:last-child {
	/*border-top: 1px dotted #ccc;*/
}
/**************/
ul.cart-menu {
	margin: 0 5px;
	padding: 10px;
	width: 255px;
	float: left;
	list-style: none;
	display: inline-block;
	height: 90px;
	background-color: #efefef;
}
ul.cart-menu li {
	margin: 0 5px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: 1px dotted #ccc;
}
ul.cart-menu li.nb,
ul.cart-menu li:last-child {
	border: none;
}
ul.cart-menu li span {
	display: block;
	float: right;
	font-size: 14px;
	color: #333;
	font-weight: 400;
}
ul.cart-menu li span.your-cost {
	font-size: 18px;
	font-weight: 700;
}
/**************/
.your-cost {
	margin: 0 0 0 5px;
	padding: 15px 10px 10px 10px;
	width: 140px;
	float: left;
	display: inline-block;
	text-align: center;
	height: 85px;
	background-color: #78A22F;
	color: #fff;
}

.your-cost .amt {
	font-size: 28px;
	font-weight: 700;
	display: block;
}
/************************************************************/
.col {
	margin-top: 10px;
	margin-right: 3px;
	padding: 5px 2px;
	display: inline-block;
	/*min-height: 76px;*/
}
.col-focus {
	background-color: #fff;
}
.col-1 {
	width: 48%;
	float: left;
}
.col-2 {
	width: 14%;
	float: left;
}
.col-3 {
	width: 33%;
	float: left;
}
.col-4 {
	width: 98%;
	float: left;
}
.col-5 {
	width: 23%;
	float: left;
}
.col-6 {
	width: 12%;
	float: left;
}
.col-auto {
	width: auto;
	float: left;
}
.field {
	float: left;
	margin-right: 3px;
}
.field.text {
	padding-left: 3px;
}
.field_title {
	font-size: 12px;
	font-weight: 700;
	color: #666;
	margin-bottom: 3px;
	margin-left: 2px;
}
.field_title sup {
	text-transform: lowercase;
}
sup.req {
	color: #cc3300;
	font-size: 16px;
}
.descriptor {
	display: block;
	color: #333;
	font-size: 10px;
	font-weight: 400;
	line-height: 12px;
}
ul.form-list {
	padding: 0;
	margin: 0;
	list-style: none;
	clear: both;
}
ul.form-list li {
	margin-bottom: 10px;
	clear: both;
}
ul.form-list li,
.ui-state-highlight {
	height: 1.5em;
	line-height: 1.2em;
}
.sortable li:hover {
    cursor: pointer;
}
.ui-state-highlight {
	border: 1px dashed #3D3935;
}
.sortable li.ui-sortable-helper{
    cursor: move;
}
label,input[type="radio"],input[type="checkbox"] {
	cursor: pointer;
}
label.error {
	color: #cc3300;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	clear: both;
	padding: 5px;
}
input[type="text"],input[type="password"],select,textarea {
	padding: 8px;
	outline-width: 0;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
input:focus,select:focus,textarea:focus {
	border-color: #004785;
	/*border-width: 2px;*/
	background-color: #fff;
}
input[type="text"].read {
	border: none;
	box-shadow: none;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
	color: #004785;
}
select.read {
	border: none;
	box-shadow: 0 0 0;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
	-webkit-appearance: none;
}
input[type="text"].test {
	border: 5px solid #cc3300;
}
select {
	-webkit-appearance: menulist;
}
textarea {
	width: 630px;
	height: 80px;
	font-size: 12px;
}

.incomplete-questions {
	margin: 0 0 10px 0;
	background-color: #cc3300;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.incomplete-questions a {
	color: yellow;
	text-decoration: underline;
}


/******************************************************************/
.buttons {
	margin: 30px 0;
	clear: both;
}
.button-action {
	background-color: #01DE8E;
	color: #fff !important;
	display: inline-block;
	padding: 8px;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	text-align: center;
	min-width: 100px;
	cursor: pointer;
	border: none;
}
.button-action:hover {
	background-color: #00965C;
}
.button-action.del {
	background-color: #CC3300;
	min-width: 0;
	width: 16px;
	margin-top: 15px;
}
.button-action.del:hover {
	background-color: #BC2C00;
}
.button-action.passive {
	background-color: #ddd;
	color: #666;
}
.button-action.passive:hover {
	background-color: #ccc;
}
.button-action.next, .button-action.prev {
	background-color: #004785;
}
.button-action.next:hover, .button-action.prev:hover {
	background-color: #32A3DB;
}
.button-action.save {
	float: right;
}
.button-action.next {
	float: right;
	margin-left: 20px;
}
.button-action.decline {
	float: right;
	background-color: #CC3300;
	margin-right: 20px;
}
.button-action.prev {
	float: left;
}
.button-action.clone,
.button-action.add {
	float: right;
	margin-bottom: 5px;
}
.button-finish {
	display: block;
	width: 300px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 50px;
	vertical-align: middle;
	background-color: #78A22F;
	margin: 30px auto;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
}

/******************************************************************/
sup a.tool-tip {
	background-color: #32A3DB;
	font-size: 12px;
	font-weight: 700;
	width: 15px;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	border-radius: 16px;
	text-align: center;
	display: inline-block;
	color: #fff;
	cursor: help;
}
.tool-tip-box {
    display: none;
    position: absolute;
	width: 220px;
	z-index: 99999999;
	clear: both;
	background-image: url('../images/tool-tip-arrow.png');
	background-repeat: no-repeat;
	background-position: left center;
}
.tool-tip-box .text-box {
    background-color: #32A3DB;
	width: 208px;
	float: right;
}
.tool-tip-box .text {
	padding: 10px;
	color: #fff;
	font-size: 12px;
}
/******************************************************************/
.ui-datepicker {
	font-size: 12px;
}
select.ui-datepicker-month,
select.ui-datepicker-year {
	padding: 3px !important;
}
/******************************************************************/
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #999;
    background: #fff;
	margin-top: 20px;
}
hr.emp {
	border: 0;
	border-bottom: 1px dotted #ccc;
	background: transparent;
	margin: 10px 0;
}

/******************************************************************/
.report-builder {
	display: none;
	background-color: #efefef;
	padding: 5px;
}
div.right {
	width: 50%;
	float: right;
	text-align: right;
}
div.confirm {
	width: 10px;
	height: 10px;
	margin: 3px auto;
	border-radius: 10px;
}
div.confirm.yes {
	background-color: #78A22F;
}
div.confirm.no {
	background-color: #cc3300;
}
/******************************************************************/
#page-overlay {
	background-color:rgba(0, 0, 0, 0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	display: none;
}
#page-plan_frame {
	position: fixed;
	width: 1020px;
	height: 800px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-top: -350px;
	margin-left: -535px;
	display: none;
}
#page-plan_frame-content {
	background-color: #E5E5E5;
	margin-top: 33px;
	overflow: hidden;
}
#page-plan_frame-content iframe {
	width: 100%;
	height: 740px;
	margin-top: -92px;
	margin-left: 10px;
	overflow-y:visible;
}
#page-emp_frame,
#page-add_contrib_frame {
	position: fixed;
	width: 800px;
	height: 800px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-top: -430px;
	margin-left: -400px;
	display: none;
}
#page-emp_frame-content,
#page-add_contrib_frame-content {
	overflow: hidden;
	margin-top: 33px;
	height: inherit;
}
#page-emp_frame-content iframe,
#page-add_contrib_frame iframe {
	width: 100%;
	height: 100%;
}
/**************************************/
#page-emp_interface_frame {
	position: fixed;
	width: 1100px;
	height: 800px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-top: -430px;
	margin-left: -550px;
	display: none;
}
#page-emp_interface_frame-content {
	overflow: hidden;
	margin-top: 33px;
	height: inherit;
}
#page-emp_interface_frame-content iframe {
	width: 100%;
	height: 100%;
}
/*************************************/
#page-dialog {
	position: fixed;
	width: 1000px;
	height: 640px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -500px;
	display: none;
}
.page-dialog {
	position: fixed;
	width: 1000px;
	height: 640px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -500px;
	display: none;
}
#page-dialog-content {
	background-color: #fff;
	overflow-x: hidden;
	height: inherit;
	/* margin-top: 33px; */
}
.page-dialog-header {
	position: fixed;
	background-color: #eee;
	width: 960px;
	padding: 20px;
	z-index: 5;
	border-bottom: 1px dotted #ccc;
}
#page-action {
	/* position: fixed;
	width: 400px;
	height: 150px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-top: -95px;
	margin-left: -200px; */
	display: none;
}
.action-add_plan {
	position: fixed;
	width: 400px;
	height: 150px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-top: -95px;
	margin-left: -200px;
	display: none;
}
#page-action-content {
	background-color: #fff;
	margin-top: 33px;
	overflow: hidden;
	width: inherit;
	height: inherit;
}
#page-plan_frame a.button-action.del,
#page-add_contrib_frame a.button-action.del,
#page-emp_frame a.button-action.del,
#page-emp_interface_frame a.button-action.del,
#page-action a.button-action.del,
#page-dialog a.button-action.del {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	margin: 0;
}
.action-content {
	display: none;
}
/*************************************/
#page-interface_frame {
	position: fixed;
	width: 1100px;
	/* height: 800px; */
	z-index: 999;
	top: 50%;
	left: 50%;
	/* margin-top: -430px; */
	margin-left: -550px;
	display: none;
}
#page-interface_frame-content {
	overflow: hidden;
	margin-top: 33px;
	height: inherit;
}
#page-interface_frame-content iframe {
	width: 100%;
	height: 100%;
}
#page-interface_frame-content.new-plan iframe {
	width: 100%;
	height: 740px;
	margin-top: -92px;
	margin-left: 10px;
	overflow-y:visible;
}
#page-interface_frame a.button-action.del {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	margin: 0;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

/* Page Controls ******************************/
.page-controls {
	display:  inline-block;
}

.hidden { display: none; }

/******************************************************************************************/
/* Datetables *****************************************************************************/
/******************************************************************************************/
.dataTable {
	border: 1px solid #ddd;
	font-family: 'Lato', sans-serif;
}

/* Table Headers */
table.dataTable thead th {
	border-color: #ddd;
	text-align: left;
	border-right: 1px solid #ddd;
	padding: 10px 14px;
}

table.dataTable thead th:last-child {
	border-right: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	background-position-x: 99%;
}


table.dataTable tbody td, table.dataTable thead th {
	font-size: .85em;
}

table.dataTable thead th {
	padding-right: 20px;
	padding-left: 12px;
}

/* Body Cell */
table.dataTable tbody td {
	padding: 10px 12px;
	/* word-break: break-all; */
	word-wrap: break-word;
}

/* Expanded rows */
.child-grid {
	width: 100%;
}

table.dataTable tbody tr.shown + tr td {
	padding: 0;
}

table.dataTable tbody tr.shown + tr td td {
	padding: 10px 12px;
	background: #f3f3f3;
}

table.dataTable tbody tr.shown + tr td th {
	/* background: #f3f3f3; */
}

table.dataTable tbody td .far, table.dataTable tbody td .fas {
	font-size: 14px;
}

/* Body Row Hover */
table.dataTable thead th:hover {
	background-color: #f3f3f3;
}

/* Grid where clicking on rows causes an action */
.dataTable.row-links tbody tr {
	cursor: pointer;
}

.dataTable.row-links tbody tr:hover {
	background-color: #f3f3f3;
}

table.dataTable.no-footer {
	border-color: #ccc;;
}

/* Delete x icon button */
.grid-icon {
	float: right;
	display: none;
	cursor: pointer;
	color: #ccc;
}

.grid-icon:hover {
	color: inherit;
}

.dataTable > tbody > tr:hover .grid-icon {
	display: inline-block;
}

.grid-run, .grid-runs-link {
	margin-right: 5px;
}

.grid-legend {
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
}

.grid-legend:after {
	clear: both;
}

.grid-legend li {
	float: left;
	line-height: 35px;
	margin-right: 15px;
}

.grid-legend .fas, .grid-legend .far {
	margin-right: 3px;
	font-size: 14px;
}

/* Pagination Buttons */
#main-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	padding: 6px 10px;
}

#main-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 10px;
	
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 5px 10px;
	font-size: .85em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #333 !important;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 10px;
}

/* Search box */
.dataTables_filter {
	margin-bottom: 8px;
	font-size: .85em;
}

.dataTables_filter input {
	border: 1px solid #ccc;
	outline: none;
	padding: 5px 7px;
}

/* Page count dropdown */
.dataTables_length {
	margin-bottom: 8px;
	font-size: .85em;
	margin-left: 5px;
}

.dataTables_length select {
	margin: 0 5px;
	box-shadow: none;
	border: 1px solid #ccc;
	padding: 5px 7px;
	
}

/* Row count info text */
.dataTables_info  {
	font-size: .85em;
	padding: 5px 8px;
}

.page-loading {
	width: 100%;
	line-height: 350px;
	text-align: center;
}

/* Confirmation Popup ****************************/
.ui-dialog .ui-dialog-buttonpane {
	padding: 0;
	border-top: 1px solid #ccc;
}

.ui-dialog .ui-dialog-titlebar {
	background: none;
	border: none;
	padding-left: 8px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
}

.ui-widget-overlay {
	background: #000;
}

/* Success and Error Messages *****************************************/
.error-message, .eoi-message {
	margin: 10px 0;
	background-color: #cc3300;
	color: #fff;
	padding: 10px 12px;
}

.success-message {
	margin: 10px 0;
	background-color: #01DE8E;
	color: #fff;
	padding: 10px 12px;
}

.error-message-title, .success-message-title {
	float: left;
	margin-right: 10px;
}

.message-box-close {
	float: right;
	color: #000;
	opacity: .4;
	cursor: pointer;
	margin: 3px 1px;
}

.no-data-message {
	line-height: 350px;
	text-align: center;
}

/****************************************************************************/
/* Reports ******************************************************************/
/****************************************************************************/

body.reports-page {
	overflow: visible;
}

.report-grid {
	
}

.report-edit-header {
	float: left;
	margin-bottom: 20px;
}
.report-edit-left-column {
	float: left;
	width: 40%;
}

.report-edit-right-column {
	float: left;
	width: 40%;
	margin-left: 20px;
}

#report-edit input[type='checkbox'] {
	border: 1px solid #ccc;
}

.report-fields, .report-filters {
	clear: both;
	margin-top: 20px;
	width: 100%;
}

#report-edit .header-label {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 5px;
}

.field-order-toggle {
	float: right;
}

.field-order-toggle label {
	font-size: 12px;
}

#field-list .drag-handle {
	display: none;
}

#field-list.ui-sortable .drag-handle {
	display: inline-block;
}

.report-fields ul, .filter-list {
	list-style: none;
	margin: 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.report-fields ul li, .filter-list li {
	padding-bottom: 6px;
}

.report-fields ul li:last-child, .filter-list li:last-child {
	padding-bottom: 0;
}

.report-fields ul li label {
	margin-left: 4px;
}

.filter-icon {
	font-size: 11px;;
}

.report-status-icon {
	color: #bbb;
}

.report-control-bar {
	float: left;
	list-style: none;
	margin: 0 0 0 30px;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.report-control-bar:after {
	clear: both;
}

.report-control-bar li {
	float: left;
	padding: 8px;
	cursor: pointer;
}

.report-control-bar li:hover {
	background: #f3f3f3;
}

.report-control-bar li a {
	color: inherit;
}

.field-error {
	color: #BC2C00;
}
/* .filter-button:hover {
	color: #01DE8E;
} */

/* Report Subsets ********************************************************/
#report-grid .report-subsets {
	border-radius: 0;
	border: none;
	background: none;
	padding: 0;
}

#report-grid .ui-tabs-nav {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	border-bottom: 1px solid #ddd;
}

#report-grid .ui-tabs-nav li {
	/* padding: 0; */
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
	border: none;
}

#report-grid .ui-tabs-nav li.ui-tabs-active {
	border-bottom: 2px solid #32A3DB;
}

#report-grid .report-subsets .ui-tabs-panel {
	padding: 0;
}

.report-subsets ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.report-subsets table {
	width: 100%;
}

.report-grid .expand-icon {
	opacity: .4;
}

.report-grid .expand-icon:hover {
	opacity: 1;
}

ul.subset-list { 
	padding: 15px;
	font-size: 12px;
}

ul.subset-list li:not(:last-child) {
	margin-bottom: 5px;
}

.subset-questions ul.subset-list li div:first-child {
	font-weight: bold;
}

.subset-questions ul.subset-list li div:nth-child(2) {
	margin: 5px 0 0 6px;
}

.subset-questions ul.subset-list li:not(:last-child) div:nth-child(2) {
	margin-bottom: 10px;
}

.subset-questions ul.subset-list li div:nth-child(2):before {
	content: '\f101';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
	color: #ccc;
}


/* Report Filters ********************************************************/
.field-filters:not(:last-child) {
	margin-bottom: 10px;
}

.field-filters .ss-multi-selected, .filter-date, .filter-form-control {
	margin-top: 6px;
}

.filter-options { 
	list-style: none;
	margin: 0;
	padding: 10px 0 0 4px;
}

.filter-date-range {
	margin-right: 4px;
	width: 100px;
	float: left;
}

.filters-loading {
	margin: 3px 0 0 5px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.drag-handle {
	color: #ddd;
	cursor: grab;
}

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

.cell-break-all:not(th) {
	word-break: break-all;
}

.clear-fix:after {
	visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.hidden {
	display: none;
}

.workful-logo {
	margin-left: -20px;
}