$header-width: 1140px;
$header-height: 109px;

body {
	font-family: 'Open Sans', Helvetica, sans-serif;
	background: #fff;
}

div#main-content-wrapper,
div#nav{
	max-width: 1140px;
}

div#header {
        height: $header-height;
        transition: all 0.3s ease;
        @media screen and (min-width: $header-width) {
                max-width: $header-width;
                left: 50%;
                margin-left: -$header-width/2;
        }
        @media screen and (max-width: $header-width) {
                width: calc(100% + #{$header-width / 19});
                overflow: hidden;
                left: 0;
        }

        @media screen and ($max-mobile-viewport) {
                height: $header-height +10px;
                left: -78px;
        }
}

#logo a {
	display: inline-block;
	background: url(header.png) no-repeat;
	padding-top: 70px;
	min-width: 421px;
	color: white;
	font-weight: normal;
	text-indent: -9999px;
}

div#nav {
	margin-top: 0;
	margin-bottom: 0;
	> ul {
		margin-top: 0;
		margin-bottom: 0;
	}
	/*background-color: #fff;*/
	background-color: $primary-color;
	border-top: 2px solid $primary-color;
	border-left: 1px solid $primary-color;
}

div#nav #nav-button .icon-bar{
	border-color: $primary-color;
}

div#nav #nav-button + ul li a{
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
	font-size: 1rem;
	padding: 15px 15px 15px;
	color: #fff;
	background-color: $primary-color;
	border-left: 1px solid $primary-color;
	border-right: 1px solid $primary-color;
}
div#nav #nav-button + ul li.selected > a, div#nav #nav-button + ul li:hover > a {
	background-color: $primary-color;
}

#main-content {
	background: white;
	padding: 10px;
	@media screen and ($max-mobile-viewport) {
		padding: 10px 0;
	}
}

span.required {
	background: transparent url(required.png) 0px 0.5ex no-repeat;
	color: transparent;
	padding: 0 0 0 24px;
	margin-left: 1ex;
}

div.widget {
	margin-bottom: 15px;
}

div.widget div.title{
	margin-bottom: 5px;
	font-weight: bold;
}

div#nav #nav-button + ul li.selected > a, div#nav #nav-button + ul li:hover > a{
	/*background-color: $primary-color;
	color:#fff;*/
	background-color: #fff;
	color:$primary-color;
}

div.message{
	font-style: italic;
	font-size: smaller;
	color: #333333;
}

form h4{
	margin-bottom: 10px;
	border-bottom: 1px dotted $primary-color;
}

#footer-wrapper{
	box-sizing: content-box;
	background-color: $primary-color;
	height: 50px;
	padding: 30px 0;
	color: #fff;
}
#footer-wrapper	a{
	color:#fff;
}

div.infonotice::before, div.warningnotice::before, div.errornotice::before {
	content: url(/static/dialog-warning.png);
}

div.error{
	font-size: 0.95em;
	color:red;
}

div.error + textarea, div.error + input,div.error + ul input{
	border: 1px solid red;
}

div.widget div.title{
	padding-left: 2px;
	-webkit-border-radius: 25px 0px 0px 0px;
	-moz-border-radius: 25px 0px 0px 0px;
	border-radius: 25px 0px 0px 0px;
	border-left: 1px solid $primary-color;
	padding: 5px 0 5px 15px;
	margin-bottom: 0;
}

div.widget div.content{
	border-left: 1px solid $primary-color;
	padding-left: 5px;
	padding-top: 5px;
}

div.buttons div.widget div.content{
	border: none;
}

div.RadiobuttonsWidget div.content{
        padding-left: 20px;
}


div.widget div.content div.widget div.content,
div.widget div.content div.widget div.title{
	border: none;
}

div.datetimepicker{
	border:1px solid $primary-color;
}

div.PasswordWidget + br.content{
	display: none;
}
