/************************************************************************************	template customisation variables */

$sidebar_bg_color: #0aa699;
$sidebar_text_color: #ffffff;

$at_mixin_blocker: "this is here just for safety";

/************************************************************************************	start of template */

.main-login-body {
	.ecms-error-container {
		margin-top:-10px;
		min-height:20px;
		display:block;
	}
	.eui-input.error{
		min-height: 37px !important;
	}
	.btn {
		min-width:50px;
	}
	.ecms-error-container{
		color: #700;
	}
}
#login-form .sub-module-table .panel-heading, #master-half-list-container .sub-module-table .panel-heading{
    padding:5px 10px;
    margin:0 -10px;
}
#login-form .sub-module-table .panel-heading h4, #master-half-list-container .sub-module-table .panel-heading h4 {
    margin:0;
}
#login-form .sub-module-table .collapse, #master-half-list-container .sub-module-table .collapse {
    overflow:hidden;
    height:0;
    display:block;
}
.multi-site-details {
	margin:0;
}
.main-login-body .panel-body, #master-half-list-container .panel-body {
	padding:10px;
}
#master-half-list-container .sub-module-table .panel-heading h4 .btn {
	margin-top: -1px;
}
#master-half-list-container .sub-module-table .panel-heading h4 .btn:after {
	content: none;
}
.other-developed,
.other-internet,
.other-provide,
.other-need-provide {
	display: none;
}
.year-select {
	width: 200px;
	margin-right: 50px!important;
	padding-top: 10px!important;
}
.year-select label {
	float: left;
	display: inline;
	width: 60%;
	line-height: 40px;
}
.year-select .eui-component-dropdown_mobi {
	float: left;
	display: inline;
	width: 40%;

}
.campaign-box {
	float: left;
	display: inline;
	width: 50%;
}
.campaign-box h1 {
	color: #099a8c;
	font-weight: 700;
	text-transform: uppercase;
}
.campaign-totals {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	width: 40%;
}
.campaign-totals dl {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.campaign-totals dl dt {
	clear: left;
	float: left;
	display: inline;
	margin: 0;
	padding: 5px 10px 5px 25px;
	width: 80%;
	color: #505458;
	background-color: #E9E9E9;
}
.campaign-totals dl dd {
	float: left;
	display: inline;
	margin: 0;
	padding: 5px;
	width: 20%;
	text-align: center;
	color: #505458;
	background-color: #E9E9E9;
	font-weight:bold;
}
.campaign-totals dl .odd {
	background-color: #ccc;
	padding: 5px 10px 5px 10px;
}
.chart-indicators {
	padding-top: 20px;
	clear: left;

}
.chart-indicators li {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
.chart-indicators li span {
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.shopping-table,
.overview-table {
	padding: 20px;
	background: url(../images/template/report-bg.jpg) bottom repeat;
	float:left;
}
.shopping-table h2,
.overview-table h2 {
	margin: 0 0 20px;
}
.overview-table table tr th,
.overview-table table tr td {
	border-bottom: 1px solid #DDDDDD!important;
}
.print-wrap-up {
	float: right;
	font-size: 21px;
	cursor: pointer;
}
.offline-loading-container {
	display: none
}
.offline-loading-container {
	position: fixed;
	background-color: rgba(100, 100, 100, 0.6);
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.offline-loading-container > span {
	width: 250px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -40px;
}
.offline-loading-container  .ring {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	display: block;
	border-top: 8px solid #000000;
	border-left: 8px solid #ffffff;
	border-bottom: 8px solid #000000;
	border-right: 8px solid #ffffff;
	border-radius: 50%;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation-name: loading;
	animation-name: loading;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
}

.selectop{
	max-width: 300px; 
}

@-webkit-keyframes loading {
	from{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loading {
	from{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media print
{
	.top-table,
	.shopping-facilities,
	.shopping-drop-offs,
	.print-wrap-up,
	.wrap-up-drop-offs,
	.eui-component-tab_buttons,
	.page-title,
	.breadcrumb,
	.page-sidebar,
	.header.navbar{
		display: none!important;
	}
	.page-content {
		margin-left: 0!important;
	}
	.content {
		padding: 0!important;
	}

}
.excel{cursor: pointer;float: right;font-size: 21px;}
.print-vss_report-up { cursor: pointer; float: right; font-size: 21px;}
.export-wrap-up { cursor: pointer; float: right; font-size: 21px; padding:0 10px 0 0;}

.support-login { float: left; margin: 0 20px 0 0px !important; }
.support-login a { border: 1px solid #cccccc; padding: 8px; line-height: 24px; color: #444444; font-size:13px;}
.vss_menu_toogle { cursor:pointer;}
.vss_mainmenu a.active span, .vss_submenu li a.active span { color:#ffffff;}
.drop_off_details label:nth-child(2) { display:none;}