@import url("https://pie.cheekymonkeycms.co.uk/assets/css/style.css");


a .no_underline,
a:hover .no_underline {
	text-decoration: none !important;
	display: inline !important;
}

/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ============================================= SYSTEM ================================================ */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */

.greytext { color: #bbbbbb !important; }


/* ============================================= SYSTEM NAV ============================================ */
/* ===================================================================================================== */

	.sub_nav {
		border-radius: 15px;
	}
	.sub_nav li, .sub_nav li a { border-radius: 0 !important; }
	.sub_nav li:hover,
	.sub_nav li:hover a {
		background-color: #ffffff38 !important;
	}

/* ============================================= /SYSTEM NAV ============================================ */
/* ===================================================================================================== */




	.centrealign {
		text-align: center !important;
	}
	.leftalign {
		text-align: left !important;
	}
	.displaynone {
		display: none !important;
	}


	.header_btns {
		float: right;
	}
	.header_btns input[type="text"] {
		vertical-align: top;
		height: 38px;
		width: 240px;
		display: inline-block;
		margin: 0 0 10px;
	}

	.pdf_template h5 {
		font-size: 18px;
	}

	.master_template .nav_container {
		margin-top: 30px;
	}
	.master_template .header.smaller .nav_container {
		margin-top: 20px;
	}
	@media screen and (max-width: 1130px) {
		.master_template .nav_container {
			margin-top: 0px;
		}
		.master_template .header.smaller .nav_container {
			margin-top: 0px;
		}
	}

	.dashbox {
		width: 100%;
		border: 0px;
		background-color: white;

		/*border: 1px solid #ccc;*/
		border-color: rgba(0,0,0,.2);
		box-shadow: 0 1px 6px rgba(0,0,0,.2);

		margin-top: 20px;
		position: relative;
	}
	.dashbox_header,
	.dashbox_text {
		padding: 30px;
	}
	.dashbox_text.lesstoppad {
		padding-top: 0px;
	}

	.dashbox h1 {
		font-size: 30px;
		margin-bottom: 0;
	}

	/* declare the class and element: */ /* start a new line */
	.dashbox h2 { /* open curly bracket denotes start of attributes */
		font-size: 29px; /* set font size to 29px */
		margin-bottom: 10px;
	} /* close curly bracket */


/* ================================== ADMIN LAYOUT CHANGES ===================================== */

	.admin_template .content.first_section {
		padding-top: 130px;
	}
	.xxxxxxxxxxxxxxx.admin_template .pagewrap {
		max-width: none;
	}

/* ================================== /ADMIN LAYOUT CHANGES ===================================== */



	.table_filters {
		float: right;
		margin: 8px 0 0;
		text-align: right;
		font-size: 14px;
	}
	.table_filters_left { float: left; }
	.table_filters.full_width {
		width: 100%;
	}
	.filter_group {
		text-align: right;
		float: right;
		height: 58px;
		overflow: hidden;
		margin: 0 0 10px 20px;
		padding: 0 0px 0 20px;
		border-left: 1px solid #ccc;
	}
	.table_filters.table_filters_left .filter_group {
		border-left: 0;
		border-right: 1px solid #ccc;
	}
	.no_border { border: none !important; }
	.filter_group.floatleft {
		float: left;
		margin: 0 20px 0 0px;
		padding: 0 20px 0 0;
	}
	.filter_group label {
		font-size: 14px;
	}
	.table_filters select {
		font-size: 14px;
		height: 25px;
		width: 150px;
		padding: 0 5px 0;
	}
	.table_filters .wider select {
		width: 462px;
	}

	.admin_report_filter {

	}
	.admin_report_filter select {
		width: 65%;
		float: left;
		font-size: 16px;
		height: 34px;
		margin: 0 5px 0 0;	
	}
	.admin_report_filter_group input[type="text"],
	.admin_report_filter_group select {
		width: 80%;
		float: left;
		font-size: 16px;
		height: 34px;
		margin: 0 5px 5px 0;	
	}
	.admin_report_filter_group input[type="text"].smaller {
		width: 15%;
	}
	.admin_report_filter .btn {
		width: 17%;
		float:  right;

		box-sizing: border-box;
	}

	
	.org_header {
		text-align: left;
	}
	.org_header td {
		text-align: left !important;
	}
	.org_header h5 {
		margin-bottom: 0px;
		padding-bottom: 8px;
		cursor: pointer;
		transition: background 0.2s;
	}
	.org_header h5 i { opacity: 0; float: right; }
	.org_header h5:hover {
		text-decoration: underline;
	}
	.org_header.no_underline h5 {
		font-size: 18px;
	}
	.org_header.no_underline h5:hover {
		text-decoration: none;
	}
	.org_header h5:hover i {
		opacity: 1;
	}

	.org_details td {
		padding-top: 14px;
		padding-bottom: 60px;
	}
	.org_details td:last-child {
		text-align: right;
	}
	.link_icon {

	}
	.link_icon i {
		margin-right: 10px;
	}



	/***** COLUMNS *****/
	.col_container {
		position: relative;
		/*min-height: 800px;*/ 
	}
	.app_leftcol, .app_rightcol {
		min-height: 200px;
	}
	.app_leftcol {
		box-sizing: border-box;
		margin-right: 275px;
	}
	.app_rightcol {
		width: 275px;
		float: right;
		text-align: right;
	}
	.app_rightcol_top {
		height: 126px;
	}
	.app_rightcol_top button, 
	.app_rightcol_top a.btn { margin-bottom: 10px; }
	.sticky {
		position: sticky;
		position: -webkit-sticky;
		top: 75px;
	}
	.app_left_container {
		box-sizing: border-box;
		width: 100%;
		padding: 0 30px 30px 0;
	}	



	.site_summary {
		width: 100%;
		margin-bottom: 14px;
	}
	.site_summary:not(.noleft)>tbody>tr>td:last-child {
		text-align: right;
	}
	.site_summary td {
		padding: 5px 0;
		vertical-align: top;
	}
	.site_summary .label {
		width: 30px;
		background-color: #44bc9b;
		color: #fff;
		text-align: center;
	}
	.site_summary .label+td {
		padding-left: 10px;
	}	










/* ===================================================================================================== */
/* ============================================= LISTINGS ============================================== */
/* ===================================================================================================== */


	.detail_row {
		display: block;
		width: 100%;
		height: 50px;
		/*border-bottom: 1px solid #f1f1f1;*/
		margin-bottom: 8px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
	}


	.detail_row[data-key="non_academic_function"] {
		display: none;
	}
	.detail_label, .detail_value {
		width: 50%;
		/*height: 100%;*/
		min-height: 50px;
		/*float: left;*/
		position: relative;
		box-sizing: border-box;
		display: flex; 
		font-size: 17px;

	}
	.detail_label {
		line-height: 50px;
		background-color: #f5f5f5;
		padding: 0 0 0 10px;
		/*height: 100%;*/
		display: flex;
		flex-direction: column;
		/*flex: 1 0 auto;*/
		transition: all 0.2s;
	}
	.detail_label.twoline {
		line-height: normal;
		padding-top: 2px;
	}
	.detail_value {
		/*border: 1px solid #fff;*/
	}
	.detail_value:hover {
		/*border: 1px solid #ccc;*/
		background: #f5f5f5;
	}

	/* =============================== STAFF LIST ================================ */
		.staff_list .detail_label {
			width: 100%;
			cursor: pointer;
			border: 1px solid #f5f5f5;
		}
		.staff_list .detail_label:hover {
			width: 100%;
			border: 1px solid #ccc;
		}
		.staff_list .detail_label .link_icons {
			position: absolute;
			top: 0px;
			right: 10px;
			opacity: 0;
			transition: all 0.2s;
		}
		.staff_list .detail_label:hover .link_icons {
			opacity: 1;
		}

		.iconbtn {
		    display: inline-block;
		    font-size: 20px;
		    color: #a5a5a5;
		    text-align: center;
		    padding: 0px 8px;
		    transition: 0.15s all;
		    width: 35px;
		    box-sizing: border-box;
		    cursor: pointer;
		}
		.iconbtn:hover, .iconbtn.on {
		    color: initial;
		    background-color: #eaeaea;
		}
		.iconbtn.icon_disabled {
			color: #ccc;
		}
		.iconbtn.icon_off {
			color: #bc4444;
		}
		.iconbtn.icon_on {
			color: #44bc9b;
		}
/*		.listings_table .contains_unverified .iconbtn .ion-eye {
			color: #bc4444;
		}*/

	/* =============================== /STAFF LIST ================================ */

	.saved_value {
		height: 100%;
		width: 100%;
		padding: 14px 30px 14px 10px;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		display: none;
	}
	.detail_row.bigger  {
		height: auto;
	}
	.edit_container {
		display: block;
		min-height: 100%;
		width: 100%;
		transition: all 0.2s;
	}

	.detail_row.bigger,
	.detail_row.bigger .edit_container,
	.detail_row.bigger .saved_value,
	.detail_row.bigger .detail_label,
	.detail_row.bigger .detail_value {
		/*height: auto;*/
	}


	/* ============= ACTIVE EDIT CONTAINER ============= */
		.detail_value.active, .detail_value.active:hover {
			/*border: 1px solid #fff;*/
			background-color: #f5f5f5;
		}
		.detail_value.active .saved_value {
			display: none;
		}
		.detail_value.active .edit_container {
			display: block;
		}
		.edit_controls {
			position: absolute;
			top: 10px; right: 15px;
			display: none;
		}
		.detail_value.active .edit_controls {
			display: block;
		}
		.fn_detail_save, .fn_detail_close {
			opacity: 0.6;
			cursor: pointer;
			padding: 5px;
		}
		.fn_detail_save {
			color: #44bc9b;
		}
		.fn_detail_save:hover, .fn_detail_close:hover {
			opacity: 1;
		}


	.edit_container input[type="text"],
	.edit_container select,
	.edit_container label {
		box-sizing: border-box;
		margin: 0;
		height: 50px;
		font-size: 17px;
		border: 1px solid #e8e8e8;
	}
	.detail_value .edit_container input[type="text"],
	.detail_value .edit_container select {
		width: 100%;
	}
	.detail_value:hover .edit_container input[type="text"],
	.detail_value:hover .edit_container select {
		border: 1px solid #ccc;
	}
	.edit_container input[type="text"]:focus,
	.edit_container select:focus,
	.detail_value:hover .edit_container input[type="text"]:focus,
	.detail_value:hover .edit_container select:focus {
		border: 1px solid #44bc9b;
	}

	.detail_value.invalid .edit_container input[type="text"],
	.detail_value.invalid .edit_container select,
	.detail_value.invalid .multi_select_container {
		border: 1px solid #bc4444;
	}
	.detail_value.invalid .multi_select_container,
	.detail_value.invalid:hover .edit_container input[type="text"],
	.detail_value.invalid:hover .edit_container select,
	.detail_label.invalid {
		border: 1px solid #bc4444;
	}

	.edit_container label {
		height: auto;
		line-height: 24px;
		padding: 0 0 0 14px;
	}
	.edit_container label.first_label {
		margin-top: 20px;
	}
	.edit_container label.check { border: none; }
	.saved_value .value_edit_icon {
		position: absolute;
		top: 15px;
		right: 10px;
		opacity: 0.5;
		display: none;
	}
	.saved_value:hover .value_edit_icon {
		display: block;
	}

	.multi_select_container {
		margin: 0;
		padding: 0px 0 20px;
	}


	/* Fix Style for flatpickr Year */
	select.flatpickr-monthDropdown-months {
		display: inline-block;
	}
/* ===================================================================================================== */
/* ============================================= /LISTINGS ============================================= */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= FORMS ================================================= */
/* ===================================================================================================== */


	input, textarea, select, label, .form_group label {
		font-size: 16px;
	}
	input, textarea, select {
		height: 40px;
	}
	.form_group {
		margin-bottom: 12px;
	}
	.form_group label {
		font-size: 17px;
		padding: 8px 0 2px;
	}
	input {
		width: 100%;
	}
	textarea {
		width: 100%;
	}
	select.shorter {
		height: 36px;
	}
	select option {
		/* Needed for Firefox: */;
		font-family: "Open Sans", "Montserrat";
		font: -moz-pull-down-menu;
		font-size: 16px;
	}
	input[type="file"] {
		line-height: 42px;
	}

	label.filter_checklist {
		font-size: 14px;
		line-height: 16px;
	}
	label.filter_checklist input {
		margin-right: 12px;
	}

	.btn.smaller {
		background-color: #6d6e71;
		height: 24px;
		font-size: 14px;
		line-height: 22px;
	}
	.btn.alert {
		background-color: transparent;
		border-color: #c58282;
		color: #ab1515;		
	}
	.btn.alert:hover {
		color: #ab1515;
		background-color: #e4b4b4;
	}

/* ===================================================================================================== */
/* ============================================= /FORMS ================================================ */
/* ===================================================================================================== */



/* ===================================================================================================== */
/* ============================================= REPORTS =============================================== */
/* ===================================================================================================== */



	.report_type {
		width: 100%;
		margin: 0; padding: 0;
	}
	.report_type li, .report_btn {
		list-style-type: none;
		text-align: left;
		display: block;
		width: 100%;
		height: 50px;
/*		line-height: 50px; removed after making it display flex */
		cursor: pointer;
		position: relative;
		box-sizing: border-box;
		margin: 0;
		padding: 0 0 0 15px;
		border-bottom: 1px solid #ccc;
		background-color: #f5f5f5;
		font-size: 18px;
		display: flex;
		align-items: center;
	}
	.report_type li.multi_select_li {
		height: 250px;
		padding: 10px 15px 0 15px;
	}
	li.multi_select_li h5 {
		font-size: 18px;
		font-weight: bold;
		color: #6d6e71;
		margin: 0 0 10px;
		padding: 0;
		line-height: 24px;
	}
	.report_btn.full_border {
		border: 1px solid #ccc;
	}
	.pdf_template .report_type li {
		font-size: 14px;
	}

	.report_type li:first-child {
		border-top: 1px solid #ccc;
	}
	.report_type li .ionicons {
		display: none;
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.report_type li:hover, .report_type li.on,
	.report_btn:hover, .report_btn.on {
		background-color: #46bd9b;
		color: #ffffff;
	}
	.report_type li.nohover:hover {
		background-color: #f5f5f5;
		color: #6d6e71;
	}
	.report_type li:hover .ionicons {
		display: block;
	}

	.report_type select {
		font-size: 17px;
		height: 40px;
		margin: 0;
		padding-top: 0;
	}


	.summary_box {
		margin-bottom: 20px;
	}
	.summary_box ul {
		margin: 0; padding: 0;
	}
	.summary_box li {
		list-style-type: none;
		margin: 0; padding: 0;
		display: block;
	}
	.summary_box .left_side {
		width: 180px;
		border-right: 3px #46bd9b solid;
		padding: 4px 10px;
		float: left;
	}
	.summary_box .right_side {
		padding: 4px 10px;
		float: left;
		font-weight: bold;
	}
	.pdf_template .summary_box .left_side {
		width: 130px;
	}
	.pdf_template .summary_box li {
		font-size: 14px;
	}

	.before_table_note {
		font-size: 14px;
		text-align: right;
		padding: 0 4px 0 2px;
		margin: 20px 0 0;
	}
	.report_table {
		width: 100%;
	}
	.report_table th,
	.report_table td {
		padding: 10px;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	.report_table th {
		background-color: #46bd9b54;
	}
	.report_table td {
	}
	.report_table th:first-child,
	.report_table td:first-child {
		/*padding-left: 0;*/
	}
	.report_table th:last-child,
	.report_table td:last-child {
		/*padding-right: 0;*/
	}

	.report_table td:first-child, .report_table td.grey_bg {
		background-color: #f5f5f5;
	}
	.report_table .nobg {
		background-color: transparent !important;
	}
	.report_table tr.noborder td {
		border: none;
	}
	.report_table .stat_column {
		width: 85px;
	}
	.report_table .mini_column {
		width: 24px;
	}
	.report_table .mini_column .alt_pdf_text {
		display: none;
	}
	.discreet_text {
		color: #bbb;
	}


	.table_filter {
		display: inline-block;
		height: 40px;
		margin: 0;
		font-size: 18px;
		font-weight: bold;
		color: #6d6e71;
	}
	.result_figure {
		display: none;
	}
	.result_figure.result_total_compensation,
	.result_figure.result_total_incumbents,
	.result_figure.result_num_sites {
		display: inline;
	}


	.fn_save_all_fields_new .first_span { display: inline; }
	.fn_save_all_fields_new .second_span { display: none; }
	.fn_save_all_fields_new .third_span { display: none; }

	.fn_save_all_fields_new.saving .first_span { display: none; }
	.fn_save_all_fields_new.saving .second_span { display: inline; }
	.fn_save_all_fields_new.saving .third_span { display: none; }

	.fn_save_all_fields_new.saved .first_span { display: none; }
	.fn_save_all_fields_new.saved .second_span { display: none; }
	.fn_save_all_fields_new.saved .third_span { display: inline; }


	.fn_email_user_details .first_span { display: inline; }
	.fn_email_user_details .second_span { display: none; }
	.fn_email_user_details .third_span { display: none; }

	.fn_email_user_details.saving .first_span { display: none; }
	.fn_email_user_details.saving .second_span { display: inline; }
	.fn_email_user_details.saving .third_span { display: none; }

	.fn_email_user_details.saved .first_span { display: none; }
	.fn_email_user_details.saved .second_span { display: none; }
	.fn_email_user_details.saved .third_span { display: inline; }



	/* POP OUT MESSAGES */
	th span.protip, td span.protip {
		text-decoration: underline;
		text-decoration-style: dotted;
		text-decoration-color: #6d6e716b;
		cursor: help;
		/*border-bottom: 1px dotted #6d6e71;*/
	}
	th span.protip:hover, td span.protip:hover {
		text-decoration: underline;
		text-decoration-style: solid;
		/*border-bottom: 1px solid #6d6e71;*/
	}
	.fn_show_info {
		position: absolute;
		top: 16px;
		right: 14px;
		color: #44bc9b;
		cursor: pointer;
	}
	.protip-skin-default--scheme-pro.protip-container {
	    background: #44bc9b !important;
	    color: #ffffff !important;
	    line-height: 20px;
	}	
	.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow,
	.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow,
	.protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
	    border-color: transparent transparent transparent #44bc9b !important;
	}	

	.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,
	.protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow,
	.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
	    border-color: transparent transparent  #44bc9b transparent !important;
	
	}	
.protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow {
    border-right-color: #44bc9b !important;
}	

	@media screen and (max-width: 1000px) {
		.report_table {
			font-size: 14px;
		}
		.report_table td {
			padding: 5px;
		}
	}

	@media screen and (max-width: 1000px) {
		
	}

	@media screen and (max-width: 1000px) {
		
	}

/* ===================================================================================================== */
/* ============================================= /REPORTS ============================================== */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= GRAPHS ================================================ */
/* ===================================================================================================== */

	.graph_td.no_pad {
		padding: 0 !important;
		border: none !important;
	}
	.graph_slidedown_container {
		display: none;
		overflow: hidden;
	}

	.graph_container {
		background: white;
		padding: 14px 30px 30px;
		position: relative;
	}
	.graph_header {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		padding: 0 0 12px;
	}
	.graph_container_inner {
		width: 100%;
		height: 200px;
	}
	.graph_bar_container {
		width: calc(100% - 40px);
		height: 100%;
		float: left;
	}
	.graph_y_axis {
		width: 40px;
		height: 100%;
		float: left;
	}
	.graph_y_axis_label {
		width: 100%;
		height: 25%;
		vertical-align: top;
		font-size: 14px;
		text-align: right;
		position: relative;
		box-sizing: border-box;
		padding-right: 5px;
	}
	/* Little dash line */
	.graph_y_axis_label:after {
		content: "";
		position: absolute;
		top: 0px;
		right: 0px;
		width: 5px;
		height: 1px;
		border-top: 1px solid #cccccc;
	}
	.graph_bar_inner {
		border: 1px solid #cccccc;
		width: 100%;
		height: 100%;
		position: relative;

	    display: inline-block;
	    /*display: -webkit-inline-flex;*/
	    /*display: -moz-inline-flex;*/
	    display: inline-flex;
	    /*-webkit-flex-flow: row nowrap;*/
	    /*-moz-flex-flow: row nowrap;*/
	    flex-flow: row nowrap;
	    /*-webkit-align-items: flex-end;*/
	    /*-moz-align-items: flex-end;*/
	    align-items: flex-end;
	}
	.graph_bar {
		
		height: 0px;
		border-right: 5px solid #ffffff;
		background: #e2e428;
		vertical-align: bottom;
		box-sizing: border-box;
		position: relative;
	}
	.graph_bar_x_axis {
		position: absolute;
		left: 0;
		bottom: -20px;

		width: 100%;
		height: 20px;
		font-size: 14px;
	}
	.graph_median {
		width: 2px;
		background-color: #1ca88e;
		height: 100%;
		position: absolute;
		top: 0px;
		z-index: 2;
	}
	.graph_median span {
		position: absolute;
		width: 30px;
		font-size: 10px;
		color: #1ca88e;
		top: 0px;
		right: -32px;
	}


/* ===================================================================================================== */
/* ============================================ /GRAPHS ================================================ */
/* ===================================================================================================== */










	/* ===================================================================================================== */
	/* ============================================= MESSAGE ALERTS ======================================== */
	/* ===================================================================================================== */

		.redtext {
			color: !important #bc4444;
		}
		p.warning_text, .warning_text {
			margin: 0 0 8px; padding: 0; font-weight: 600; 
			font-size: 14px;
			color: #da0909;
		}

		.msg {
			display: block;
			padding: 14px 20px 0;
			box-sizing: border-box;
			background-color: #fff3cd;
			border: 1px solid #ead185;
			border-top: none;
			color: #736e28;
			font-size: 18px;
			height: 50px;
			width: 100%;
			max-width: 1258px;
			max-width: 1400px;
			position: relative;
			position: absolute;
			top: 150px;
			top: 18px;
			transition: top 0.2s;
			/*box-shadow: 2px 2px 2px #000000;*/
		}
		/* Clever drop shadow that doesn't stick out the sides: */
		.msg:after {
			content: "";
		    width: 99.5%;
		    height: 1px;
		    margin-top: 10px;
		    margin-left: 0.25%;
		    display: block;
		    position: absolute;
		    left: 0;
		    z-index: -1;
		    -webkit-box-shadow: 0px 0px 8px 2px #000000;
		    -moz-box-shadow: 0px 0px 8px 2px #000000;
		    box-shadow: 0px 0px 8px 2px #0000007d;
		}		
		.smaller .msg {
			top: 64px;
		} 

		.msg .ionicons {
			width: 28px;		
			display: inline-block;
			box-sizing: border-box;
			font-size: 18px;
		}
		.msg .ionicons:before {	content: "\f44c"; } /* ion-ios-information-outline */

		.msg.alert {
			background-color: #e4b4b4;
			border-color: #c58282;
			color: #ab1515;
		}
		.msg.alert .ionicons:before { content: "\f101";	} /* ion-alert */

		.msg.confirm {
			background-color: #badac0;
			border-color: #8dc197;
			color: #007b17;
		}
		.msg.confirm .ionicons:before {	content: "\f383"; } /* ion-android-done */ 
		.msg .ionicons.ion-android-close {
			cursor: pointer;
			position: absolute;
			top: 12px; right: 20px;
			padding: 4px;
		}
		.msg .ionicons.ion-android-close:before {
			content: "\f2d7"; /* ion-android-close */
		}
		.msg .iconbtn {	color: inherit;	}
		.msg .iconbtn:active {	color: white;	}
		.msg .iconbtn:hover { background-color: #ead185; }
		.msg.alert .iconbtn:hover { background-color: #c58282; }
		.msg.confirm .iconbtn:hover { background-color: #8dc197; }

		.msg a { color: inherit; text-decoration: underline; }
		.msg a:hover { color: inherit; text-decoration: none; }


		.msg_conf {
			position: absolute;
			right: 60px;
			top: 13px;

		}
		.msg_conf a {
			text-decoration: none;
		}
		.msg_conf .iconbtn {
			width: auto;
		}
		.msg_conf .iconbtn:hover {
			color: #ffffff;
		}

		.highlight {
			background-color: #fff3cd;
			background-color: #fff3cd;
			border: 1px solid #ead185;
			color: #000;
			padding: 3px 10px;
			border-radius: 10px;
		}


	/* ===================================================================================================== */
	/* ============================================= /MESSAGE ALERTS ======================================= */
	/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= LISTS ================================================= */
/* ===================================================================================================== */


	.listings_table {
		width: 100%;
		border-spacing: 0px;
		border: 2px solid #44bc9b;
		margin: 0 0 50px;
		font-size: 16px;
		border-collapse:collapse;
	}
	.listings_table tr {
		transition: all 0.2s;
	}


	.listings_table.type_three.mat_dash {
		font-size: 16px;
	}

	.listings_table.mat_dash .org_header td {
		padding-top: 6px;
	}
	.listings_table.mat_dash .org_header:hover, .listings_table.mat_dash .org_header:hover + tr {
		background:#eee; 
	}

	.listings_table.type_three.mat_dash h5 {
		font-size: 20px;
	}
	.listings_table .org_header td {
		padding-bottom: 0;
		height: auto;
	}
	.listings_table.type_three.mat_dash hr {
		margin: 10px 0;
	}

	.listings_table.type_two {
		font-size: 16px;
	}


	.listings_table.noborder { border: 0; margin-bottom: 0; }
	.listings_table.noborder td { border-bottom: none;  }
	.listings_table tr.clickable:hover td {
		background-color: #dee0ee;
		cursor: pointer;
	}
	.listings_table th { 
		background-color: #44bc9b;
		color: #fff;
		font-weight: bold; 
	}
	.listings_table.light {
		border: 1px solid #354797;
	}
	.listings_table.light th {
		background-color: #dee0ee;
		color: #354797;
	}

	.listings_table td, .listings_table th {
		text-align: left;
		padding: 12px 12px 12px;
		padding: 0px 12px;
		border-bottom: 1px solid #ddd;
		vertical-align: middle;
		height: 44px;
	}
	.listings_table tr:nth-child(odd) {
		
	}
	.listings_table .infonote {
		display: block;
		font-size: 14px;
		color: #929292;
		padding-top: 2px;
		font-weight: 400;
	}
	.listings_table th.flexwidth, .listings_table td.flexwidth {
		width: 1%;
		white-space: nowrap;
	}
	.listings_table:not(.type_two) td:first-child {
		width: 24px;
	}
	.listings_table .contains_unverified td:first-child {
/*		border-left: 2px solid red;
		padding-left: 10px;*/
	}
	.listings_table:not(.type_two) td:nth-child(2) {
		width: 260px;
	}	
	.listings_table:not(.type_two) td {
		line-height: 33px;
		line-height: initial;
		vertical-align: middle;
	}	
	.listings_table td {
		border-bottom: 1px solid #eaeaea;
		
	}
	.listings_table td:last-child, .listings_table th:last-child,
	.listings_table.has_delete_option td:nth-last-child(2), .listings_table.has_delete_option th:nth-last-child(2) {
		/*width: 80px;*/
		text-align: right;
	}
	.listings_table.has_delete_option td:last-child, .listings_table.has_delete_option th:last-child {
		width: 35px;
		padding-left: 0px;
	}
	.dashbox .listings_table td:nth-last-child(2), .dashbox .listings_table th:nth-last-child(2) {
		text-align: left;
	}
	.dashbox .listings_table td:last-child, .dashbox .listings_table th:last-child {
		width: auto;
	}
	.listings_table td.icons {
		width: 80px;
	}

	.listings_table.allocations_table td { height: 61px; box-sizing: border-box; }

	.listings_table tr.subitem td, .listings_table tr.greyed td {
		background-color: #f1f1f1;
	}
	.listings_table .is_allocated a.fn_allocate_site {
		display: none;
	}

	.listings_table .hide_until_hover {
		display: none;
	}
	.listings_table tr:hover .hide_until_hover {
		display: inline-block;
	}


	.listings_table tr.is_parent td {
		background-color: #44bc9b42;
		border-bottom: 1px solid #44bc9b42;
		border-bottom: none;
	}
	.listings_table tr.is_child td {
		background-color: #44bc9b17;
	}

	.listings_table td.bold {
		font-weight: bold;
	}

	.listings_table.report_stats_table tr.is_child td {
		height: 30px;
	}

	.wide_hide { 
		display: none;
		color: #9a9a9a;
	}

	@media screen and (max-width: 900px) {
		.narrow_hide {
			display: none;
		}
	}

	@media screen and (max-width: 600px) {

		.listings_table td, .listings_table th {
			width: 100%;
			display: block;
			box-sizing: border-box;
		}
		.listings_table th {
			display: none;	
		}
		.listings_table td {
			text-align: right !important;
		}

		.listings_table td:first-child {
			background-color: #eaeaea;
			font-weight: 600;
			text-align: left !important;
		}
		.wide_hide {
			display: inline-block;
			float: left;
		}

		.listings_table.twocells td {
			width: 50%;
			display: table-cell;
			background-color: #fff;
			border-bottom: 1px solid #eaeaea;
		}


	}



/* ===================================================================================================== */
/* ============================================= /LISTS ================================================ */
/* ===================================================================================================== */





/* ===================================================================================================== */
/* ============================================= SUBSCRIPTION LEVELS =================================== */
/* ===================================================================================================== */

	.subscription_level {
		display: inline-block;
		width: 24px;
		height: 24px;
		border-radius: 12px;
		background-color: #e0e0e0;

		color: #fff;
		text-align: center;
		line-height: 24px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: -1px;
	}
	.listings_table .subscription_level {
		margin: 1px 0 0;
	}
	.site_summary .subscription_level {
		vertical-align: bottom;
	}
	h2 .subscription_level {
		vertical-align: middle;
		width: 30px; height: 30px; border-radius: 15px;
		font-size: 14px; line-height: 30px;
	}
	.top_links .subscription_level {
		width: 18px; height: 18px; border-radius: 9px;
		font-size: 11px; line-height: 18px;
	}
	.subscription_level_0 {
		color: #fff;
		background-color: #be4f4f;
	}
	.subscription_level_1 {
		color: #fff;
		background-color: #e2e2e2;
	}
	.subscription_level_2 {
		color: #fff;
		background-color: #ffd100;
	}
	.subscription_level_3 {
		color: #fff;
		background-color: #9ca59a;
	}


/* ===================================================================================================== */
/* ============================================= SUBSCRIPTION LEVELS =================================== */
/* ===================================================================================================== */





/* ===================================================================================================== */
/* ============================================= AB TABS =============================================== */
/* ===================================================================================================== */
/* TABS USED IN ACCOUNT DASHBOARD  etc */
	.ab_tabs {
		display: block;
		position: relative;
		height: 41px;
		margin: 20px 0 0;
		border-bottom: 1px solid #d6d6d6;
	}
	.ab_tabs .tab {
		height: 42px;
		line-height: 42px;
		float: left;
		box-sizing: border-box;
		padding: 0 20px 0;
		font-size: 16px;
		cursor: pointer;
		border: 1px solid #ffffff;
		border-bottom: 1px solid transparent;
	}
	.ab_tabs .tab:hover {
		background-color: #eeeeee;
		border-bottom: none;
	}
	.ab_tabs .tab.on {
		background-color: #ffffff;
		border: 1px solid #d6d6d6;
		border-bottom: none;
	}
	.ab_tab_container {
		display: none;
		margin-top: 20px;
		min-height: 200px;
	}
	.ab_tab_container.on {
		display: block;
	}

/* ===================================================================================================== */
/* ============================================= /AB TABS =============================================== */
/* ===================================================================================================== */



/* ===================================================================================================== */
/* ============================================= ADMIN REPORTS ========================================= */
/* ===================================================================================================== */

	.admin_report_link {
		display: block;
		text-decoration: none;
		padding: 15px;
		color: #6d6e71;
	}
	.admin_report_link b {
		color: inherit;
	}
	.admin_report_link p {
		padding: 0; margin: 0;
	}
	.admin_report_link .inner {
		max-width: 800px;
	}
	.admin_report_link:hover {
		background: #f0f0f0;
		text-decoration: none;
	}

/* ===================================================================================================== */
/* ============================================= ADMIN REPORTS ========================================= */
/* ===================================================================================================== */





	
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ============================================= /SYSTEM =============================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= FOOTER ================================================ */
/* ===================================================================================================== */

	footer {
		/*font-size: 14px;*/
		font-weight: 400;
		background-color: #ededed;
		height: 108px;	
		/*line-height: 19px;*/
		position: relative;
	}
	footer, footer a {
		color: #58595b;
	}

	.footer_body {
		padding-top: 20px;
	}


	.footcol {
		float: left;
		height: 180px;
	}
	.footcol.col1 {
		width: 16.6%;
	}
	.footcol.col2 {
		width: 33%;
		text-align: right;
	}
	footer a.social_link {
		color: #58595b;
		width: 40px;
		height: 40px;
		line-height: 49px;
		border-radius: 20px;
	}
	footer a.social_link .fa {
		font-size: 30px;
	}	
	.footsmall {
		font-size: 12px;
	}

	.footnav {

	}
	.footnav li {
		list-style-type: none;
		margin-top: 1px;
	}

	@media screen and (max-width: 940px) {

		footer {
			height: auto;
		}
		.footcol {
			min-height: 150px;
			height: auto;
		}
		.footcol.col1 {
			width: 25%;
		}
		.footcol.col2 {
			width: 25%;
			text-align: right;
		}

	}
	@media screen and (max-width: 784px) {

		footer .col50:nth-child(1) {
			padding-right: 0;
		}
		footer {
			height: auto;
		}
		footer .col.col50 {
			width: 100%;
			text-align: center !important;
		}
		footer .col.col50.alignright {
			padding-bottom: 10px;
		}

	}
	@media screen and (max-width: 712px) {

		.footcol.col1 {
			width: 30%;
		}
		.footcol.col2 {
			width: 10%;
			text-align: right;
		}

	}
	@media screen and (max-width: 550px) {

		.footcol.col1 {
			width: 100%;
			text-align: center;
			min-height: 0;
			padding-bottom: 20px;
		}
		.footcol.col2 {
			width: 100%;
			text-align: center;
			min-height: 0;
			padding-bottom: 20px;
		}

	}


/* ===================================================================================================== */
/* ============================================= /FOOTER =============================================== */
/* ===================================================================================================== */


			.back_to_top {
				position: absolute;
				bottom: 5px;
				right: 30px;
				z-index: 100;
				font-size: 32px;
				font-weight: 700;
			}





/* ===================================================================================================== */
/* ============================================= PDF TEMPLATE ========================================== */
/* ===================================================================================================== */

	body.pdf_template {
		max-width: 21cm;
		padding: 0.5cm;
		border: 1px solid black;
		font-size: 12px;
	}
	.pdf_template .header {
		height: 110px;
	}
	.pdf_template .logo {
		position: relative;
		top: auto; left: auto;
	}
	.pdf_template .header_border {
		background: #44bc9b;
	}
	.pdf_template .dashbox_header {
		padding: 20px 0 0;
	}
	.pdf_template h2 {
		font-size: 22px;
	}
	.pdf_template .report_table .mini_column .alt_pdf_text {
		display: inline;
		font-size: 10px;
	}
	.pdf_template .after_report {
		display: none;
	}
	.pdf_template .comptype_show {
		display: inline;
	}
	.pdf_template .comptype_hide {
		display: none;
	}
	.pdf_template .report_type li {
		height: auto;
		line-height: normal;
		background-color: transparent;
		border: none;
	}
	.pdf_template .report_type select {
		display: none;
	}
	.pdf_select_val { display: none; margin: 0; padding: 0; }
	.pdf_template .pdf_select_val { display: block; }
	.pdf_template .pdf_select_val.has_no_val { display: none; }
	.pdf_template .refine_header { display: none; }
	.pdf_template .fn_filter_compensation_types {
		height: 30px;
		font-size: 14px;
	}

/* ===================================================================================================== */
/* ============================================= PDF TEMPLATE ========================================== */
/* ===================================================================================================== */