/*
COLORS: 
	header / footer bkg: #FFFFFE
	menu bkg: #FFFFFD
	button:hover, header, price green: #953fbf, #256EFD
	button, header, price green: #660096
	button primary: #256eff
	footer links green: #437882
	orange accent: #FF495B
	grey: #f7f7f7	
	links: #650091
*/

/* General layout */
html { background: #F0F0F0; }
body { background: #F0F0F0; }

/* Typography */
h1, h2, h3, h4 { color:#081F2C }
h3 > .label {
    font-size: 100%;
}

.form_container { background-color: white; border: 1px solid #CCC; }
.form_titlebar { background: #aaaaaa; }
.form_content { }
.form_content form { color: #797979; }
.texterror { color: red; }

/*
input:focus:not([type='checkbox']), button:focus, a.button:focus, select:focus, textarea:focus
{
    border-color: #E31010; -webkit-box-shadow: #E31010 0 0 5px 0; -moz-box-shadow: #E31010 0 0 5px 0; box-shadow: #E31010 0 0 5px 0;
}

button, a.button, input[type="reset"], input[type="submit"], input[type="button"]
{
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF; background: #E31010;
}
*/

/* Colour  */
a { color: #E40046; }
a:visited { color: #E40046; }
a:hover { text-decoration: underline;color: #E40046;  }
a:focus { color: #000000; }
a:hover, a:active { }
::-moz-selection { background-color: #E40046; color: #FFF; }
::selection { background-color: #E40046; color: #FFF; }

.status_done 		{ color: #999 !important }
.status_finished 	{ color: #3c763d; color: #5cb85c !important; }
.status_pending 	{ color: #ffb900 !important }
.status_incomplete  { color: #ff9800 !important }
.status_failed      { color: #ff5722 !important }
.status_rejected	{ color: #d9534f !important }	

/* Tables =================================================== */
table {  }
table th, table td { border-color: #DDDDDD; }
table th { background-color: #d8e7e8; background-color: #EEE; text-transform: capitalize; }
table thead th {  }
table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { }
table tbody + tbody { border-color: #DDDDDD; }
table tbody tr td, table tbody tr th { }
table tbody tr:hover td { background-color: #EAEAEA; }
table tbody tr:hover td,
table tbody tr:hover+tr td  { border-color: #AAA; color: #000; }


table.tgrid { background-color: #FFF; border-color: #DDDDDD; }
table.tgrid tr:nth-child(odd) { background-color:#f9f9f9; }
table.tgrid tr:nth-child(even) { background-color:#fff; }

/* Page Layout */
#container {  }
#header { 
	/*background: url("../images/header_bg.png") top left repeat-x; */
	background: #081F2C none;
	padding: 1.5rem 0;
	}
#content { }
#footer { 
	/*background: url("../images/footer_bg.png") top left repeat-x; */
	background: #FFFFFE none;
	}
	.footerlinks a {color: #FFF}
	.footerlinks a:hover { /*color: #FF495C;*/ }

#header_content, #main_content, #footer_content {  }
#footer_content { max-width: 100% }

#mainnav {  }

#mainnav nav {  }
#mainnav a { color: #FFF; text-shadow: -1px -1px 0 rgba(50,50,50,0.3); }
#mainnav a:hover, #mainnav a:visited { color: #FFF; }
#mainnav ul, #mainnav:active ul { }
#mainnav ul{ }
#mainnav li{ }
#mainnav li.sep{ color: #FFF; }
#mainnav li:hover:not(.sep), #mainnav li.hover{ background-color: #525354; }

#menu-icon { display: none; background: #66A3D2 url( '../images/menu-icon.png' ) center; }
a:hover#menu-icon { background-color: #555; }

#user_info { }
#user_info a {  }

#mainnav .submenu { border: 1px solid #CCC; background-color: #FFF; -webkit-box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); -moz-box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); }
#mainnav a.smlink  { color: #999; }
#mainnav a.smlink:hover { color: #333; }
#mainnav a.smlink:active, #mainnav a.smlink-active { color: #2C87FF; }

/* admin menu */
#mainnavlist { background-color: #ABBAC3; color: #FFFFFF; }
#mainnavlist ul, #mainnavlist ul li { background-color: #ABBAC3; }
#mainnavlist ul li {  }
#mainnavlist ul li a { }
#mainnavlist ul li:hover { background-color: #8B9AA3; }

#menu { background-color: #262626; }
#menu ul {  }
#menu ul li { background-color: transparent; border-left: 1px solid rgba(51, 51, 51, 0.1); border: transparent; }
#menu ul li:hover { background-color: #0f1f39; }
#menu ul li > a { color: #FFF; height: 3.75rem; }
#menu ul li > a:hover { background-color: #960000; text-wrap: none; }
#menu ul li ul li { }
#menu ul li ul { border-bottom: 1px solid #E40046; background-color: #FFF;
	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.15);
	}
#menu ul li ul:before {
	position: absolute; top: 0; left: 1.45em;
	display: block;
	content: "";
	width: 0.4em; height: 0.4em;
	border: 0.4em solid #FFFFFD;
	border-color: #FFFFFD transparent transparent  transparent;
	}
#menu ul li:hover > ul { }  
#menu ul li ul li a { color: #333 }
#menu, #menu ul { background-color: #081F2C; color: #FFF; }
#menu ul li:hover > a {color: #E40046}
#menu ul li:hover, #menu ul li > a:hover { background-color: transparent; color: #FFF }
#menu ul li > a#user-profile:hover,
#menu ul li > a#messages_summary_toggle:hover {color: #E40046}

.s2p_selected { color: #E40046 }
#menu li li:hover { border-left: 0.7em solid #E40046; }
#menu .status_row > a::after, #menu a::after { background: #E40046}

/* sub menu */
#menu li ul li a:hover {color: #E40046;}

#messages-summary-popup-title a > i {color:#081F2C}
#messages-summary-popup-title::before {border-top-color: #081F2C}
.main-menu-placeholder:hover #messages-summary-popup-title::before {border-top-color: #081F2C}

.menu-pane a {position: relative}
.menu-pane a:not(.fa.fa-times):after {
	position: absolute;
    left: 0;
    bottom: -5px;
    content: '';
    height: 2px;
    width: 0;
    background: #E40046;
    transition: all 0.15s linear;
	}
.menu-pane a:hover:after {
	width: 100%;
	}
.menu-pane a:hover {color: #FFF !important; text-shadow: 1px 1px 0px #000;}
a.fa.fa-times:hover {color: #E40046 !important}

.arrow { background: url("../images/img_arrow.png") no-repeat scroll center center transparent; }

.smlink-active { background-color: #efefef !important; }

.ui-wecansort { background: url( "../images/sort.png" ) no-repeat scroll center center transparent; display: block; width: 16px; height: 16px; float: right; }

.action-icons, .action-disabled { color: #081F2C; }
#messages-summary-popup .pop_msg_actions a:hover .action-icons {color:#E40046}
.action-icons:hover, .action-disabled:hover { }
.action-icons:visited, .action-disabled:visited { color: #666666 !important; }
.action-disabled {  }
.top-action-container {  }
.top-action-buttons {  }

.arrow { }
.arrow-up {  }
.submenu { }

.error { color: #D16E6C; }

.ui-wecansort { background: url("../images/sort.png") no-repeat scroll center center transparent; }

.line-separator{ background:#E31010; }


.label-primary {background-color: #E40046;color: #FFF}
.status_row > a {color: #000}
.status_row > a:hover, 
.status_row > a:active,
.status_row > a:focus {
	color: #000;
	}
	.status_row > a:after {
		background-color: #E40046;
	}



label .fa.fa-question-circle, .lineform_line .fa.fa-question-circle {color: #081F2C}
.text-success {color: #5cb85c;}


.tocible li.tocible_heading {color:#666}
.tocible li.tocible_heading.toc_scrolled {color: #081F2C }
	.tocible li a:hover {text-decoration: none; color: #081F2C }
	.toc_scrolled .section_status > span.badge, .tocible li:hover .section_status > span.badge {background-color: #E40046;color: #FFF}
#do_request_activation {border: 2px solid #081F2C !important}	
.s2p_companies_index_company_details .company_actions .fa, 
.s2p_companies_admin_company_details .company_actions .fa {color: #FFF}	



.tgrid .actions > a:hover > i { color: #E40046}
.tgrid th {border-bottom-color: #081F2C}

#view_message_form .message_line.my_message {border-color: #081F2C}

.row.documents div > ul > li, .row.documents div > ol > li {border-color: #E40046}
.row.documents ol > li::marker {color: #081F2C}

/* BOOTSTRSAP overwrite */
	label {font-weight: bold; color: #555}
	
	input.form-control:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 30px white inset;
		-webkit-text-fill-color: #333;
		}

	.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
		opacity: .5;
		}

	.btn-success, .btn-success.focus, .btn-success:focus,
	#content .btn-small, #content .btn-medium, #content .btn-big,
	.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover,

	.btn-primary, .btn-primary.focus, .btn-primary:focus,
	#content .btn-small, #content .btn-medium, #content .btn-big,
	.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
		background-color: #081F2C;
		border-color: #081F2C;
		color: #FFF !important;
		}
		.btn-success:not([disabled]):hover, .btn-primary:not([disabled]):hover, #content .btn-small:not([disabled]):hover, #content .btn-big:not([disabled]):hover, #content .btn-medium:not([disabled]):hover {	
			background-color: #E40046  !important;
			border-color: #E40046  !important;
			}
	/* .btn-success[disabled], .btn-primary[disabled], #content .btn-small[disabled], #content .btn-big[disabled], #content .btn-medium[disabled] {
		color: #081F2C !important;
		} */
	.btn-danger {
		background-color: #ce4b59;
		border-color: #cc3141;
		}
		.btn-danger:hover {	
			background-color: #c00b1d;
			border-color: #90000e;
			}
			.btn-danger .fa.fa-question-circle {
				color: #ffc4ca;
				}
			
			
			
			
			
#footer {
	/*background: #1f271b none;*/
	background-color: #101f2d;
    border-top: none;
    /*border-bottom: 2px solid #ffd23f;*/
	color: #777;
	}	
	.footerlinks {
		border-color: #E40046;	
		}
	span.debug_str {color: #777}


.region_filters_container .region_title_active { border-color: #E40046; }

#logo {
    margin: 0.5em 0 1em 0;
    left: 3.6rem;
    position: relative;
	}
	#logo img { width: 120px }

.heading-bordered {
	border-color: #e4004640;
	}
.heading-bordered h3 > i {
    color: #E40046;
	}

/*--- 1.11 - Loader Overlay Mask ---------------------------------*/
	.loader-3 {
		border-top-color: #081F2C;
		border-right-color: #081F2C;
		border-bottom-color: #081F2C;
		border-left-color: #E40046;
		}
/*--- 1.13 - Tooltips --------------------------------------------*/
	.tooltip-inner { border: 3px solid #E40046}
		.tooltip.top .tooltip-arrow {
			border-top-color: #E40046;
			}
		.tooltip.top-left .tooltip-arrow {
			border-top-color: #E40046;
			}
		.tooltip.top-right .tooltip-arrow {
			border-top-color: #E40046;
			}
		.tooltip.right .tooltip-arrow {
			border-right-color: #E40046;
			}
		.tooltip.left .tooltip-arrow {
			border-left-color: #E40046;
			}
		.tooltip.bottom .tooltip-arrow {
			border-bottom-color: #E40046;
			}
		.tooltip.bottom-left .tooltip-arrow {
			border-bottom-color: #E40046;
			}
		.tooltip.bottom-right .tooltip-arrow {
			border-bottom-color: #E40046;
			}
	
/*--- 3.2 - Message Summary --------------------------------------*/
#messages-summary-new-count {
	background-color: #E40046;
	box-shadow: -1px 1px 0px #081f2c;
	}

/*--- 5.0 - FIRST PAGE -------------------------------------------*/
	.boarding_status > ol li { color: #081F2C }
	
	#menu a:not(li ul a):not(#user_info a):after { 
		background-color: #E40046;
		margin: 0 1em;
		height: 4px;
		}
	#menu a:not(#user_info a):hover:after, #menu a.s2p_selected:after, #menu a.s2p_selected:hover:after {
		width: calc(100% - 2em);
		}
	#menu #user_info li > a:hover:after {
		width: 0;
		}
	#messages-summary-popup-title a:not(li ul a):after { 
		background-color: #E40046;
		height: 10px;
    	bottom: -17px;
		}
	#messages-summary-popup .pop_msg_title a:hover { color: #E40046 }
	.pop_msg_title .fa.fa-asterisk { color: #E40046 }
	/* #messages-summary-popup-title a:hover i { color: #E40046 } */
	#messages-summary-popup-title .messages_counter {color: #E40046}
	.steps_counter { color: #081F2C }

/*--- 5.1 - LOGIN PAGE -------------------------------------------*/
	#login_form .heading-bordered h3 {
		font-weight: 600;
		}
	#login_form .logo_img {
		max-height: 42px;
		min-height: 40px;
		max-width: 100%;
		top: -15px
		}

/*--- 5.3 - COMPANY DOCUMENTS -------------------------------------*/
	.row.documents ol > li::marker { color: #081F2C }

/*--- 9.0 - ADMIN AREA -----------------------------------------------*/
.admin #main_content, .admin #header_content { max-width: 95% }
.admin #logo { left: 4.2rem }
.admin #menu-left-pane, .admin #menu-right-pane {background: rgba(0,0,0,.9)}
.admin .menu-pane a::after,
.backup .menu-pane a::after {
	background: #E40046;
}