/* CSS Document */

@import url('style-mobile.css') screen and (max-width: 767px); 
@import url('style-tablet.css') screen and (min-width: 768px) and (max-width: 1199px); 
@import url('style-desktop.css') screen and (min-width: 1200px); 



:root {
	--diag-border: 0px;
	--specialmessage1: #FFC0CB;
	--specialmessage2: #fF3;
	--specialmessage3: #00F;
	--diagborder: 0px;
	--diag-border: 0px;
/*		--primary: #a9c93d;	*/
	--primary: #92bdab;
	--cabcon-grey: #92bdab;
	--bg-beige: #f2f2f0;
/*	--jcw-green: #a9c93d;	*/
	--jcw-green: #92bdab;
	--jcw-green-active: #c1d62e;
	--jcw-logo-green: #bcd231;
	--jcw-bold-green: #558a71;
}




.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	xborder: var( --diag-border ) solid #f00 !important;
}

.leftgutter, .rightgutter {
	xborder: 1px solid #f00 !important;
}

.container-fluid {
	xpadding: 0px !important;	
}

body, html {
	margin: 0px;
	padding: 0px;
}

* {
	font-family: 'Lato', sans-serif;
	font-smooth: always;
	xtext-shadow: 2px 2px 0 #5a977e;

}

.inerrorfunction {
	border: 1px solid #f66 !important;
}


h4 {
	color: var( --jcw-green );
	font-weight: bold;
	font-size: 30px;	
}

.btn-primary {
	background-color: var( --jcw-green ) !important;
	border-color: var( --jcw-green ) !important;
}

.btn-primary:hover {
	background-color: var( --jcw-green-active ) !important;
	border-color: var( --jcw-green ); !important;	
}


.active {
	background-color: var( --jcw-green-active ) !important;
	border-color: var( --jcw-green ) !important;	
	
}
/*
.btn-secondary {
	background-color: #b7b8ba !important;
	border-color: #a9a9a9 !important;	
}

.btn-secondary:hover {
	background-color: #a9a9a9 !important;
	border-color: #b7b8ba !important;	
}
*/



@media (max-width: 1350px )
{
	#logocontainerrow .leftgutter {
		display: none !important
	}
	#logocontainerrow .rightgutter {
		display: none !important
	}
}



#jobapplication {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	background-color: #fff !important;	
	margin-bottom: 60px;
}

#jobapplication * {
	font-size: 14px;	
}

#jobapplication .headerrow {
	background-color: var( --jcw-green ) !important;	
	color: #fff;
}

#jobapplication .headerrow img {
	max-width: 50%;
}

#jobapplication h6 {
	background-color: var( --jcw-green ) !important;	
	color: #fff;
	line-height: 24px;
	font-size: 20px;
	padding: 13px;
}

#jobapplication .headerrow .col {
	text-align: center !important;
	vertical-align: middle !important;
	padding: 12px;
}

#jobapplication .col {
	padding: 5px;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	xborder: 1px solid #f00 !important;
}

#jobapplication input[type=text], #jobapplication input[type=date], #jobapplication textarea {
	width: 100%;	
}

#jobapplication .headertext {
	text-align: left;
	xborder-bottom: 2px solid #aaa;
	font-family: Verdana, Geneva, sans-serif;	
	padding: 5px;
	font-weight: 400;
}