body {
	/*background-image: url('../img/about-bk.jpg');*/
	
	background-image: url(../img/pattern_11.png);
	background-color: #E9E9E9;
}

.navbar-global ul.top-level>li>a {
   line-height: 39px !important;
}

.btn.disabled, .btn[disabled] {
  opacity: 0.60;
  border-color: transparent !important;
}
.btn-primary[disabled] {
  border-color: transparent !important;
}

@media (min-width: 768px) {
    
	.svg {
		max-width: 203px;
	    height: 64px !important;
	    
		max-height: 64px;
	}
	
	.svg-ccm {
		max-width: 203px;
	    height: 64px !important;
	    
		max-height: 64px;
	}

}

@media (max-width: 768px) {
	.svg {
		max-width: 130px;
	    height: 23.2344px !important;
	    
		max-height: 23.2344px;
	}
	
	.svg-ccm {
		max-width: 130px;
	    height: 42px !important;
	    
		max-height: 42px;
	}
}



#busyIndicator {
	color: #002a5e;
}

#uppermessage {
	padding: 15px 0px 15px 0px !important;
	font-size: 16px;
    font-weight: 400;
}
 
#uppermessage>div {
	margin-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	padding: 0px;
	font-weight: normal;
}

#uppermessage>.WARNING {
	border-color: #e00716;
	background-color: #e00716;
	color: #fff;
	padding: 12px;
}
#uppermessage>.SUCCESS {
	border-color: green;
	background-color: green;
	color: #fff;
	padding: 12px;
}

#uppermessage>.INFO {
	border-color: #fff;
	background-color: #fff;
	color: #002a5e;
}

.form-control-feedback {
    right: 60px !important;
}

.episerver-xform select, .episerver-xform input, .episerver-xform textarea {
	width: 100% !important;
	display: block !important;
}

.episerver-xform input[type="text"]:hover, .episerver-xform input[type="password"]:hover {
    background: rgba(51,93,182,.1);
    background-color: rgba(51,93,182,.1);
    border: 1px solid #335eb6;
}



.btn-cta {
	background: #002a5e;
    background-color: #002a5e;
    color: #fff;
    width: 100%;
    display: block,
}

.btn-cta:hover {
	background: #2d55b2;
	background-color: #2d55b2;
	color: #fff !important
}

.btn-cta:active {
	background: #002a5e;
	background-color: #002a5e;
	color: #14e6f1 !important
}

  
.input-group-addon {
	padding: 3px 6px;
	border: none;
	background-color: transparent;
	vertical-align: top;
}

.input-group .form-control {
	border-radius: 3px !important;
}

input.form-control::-ms-clear {
    display: none;
}

.input-group-addon i {
	width: 40px;
	height: 40px;
	top: 6px;
    right: 6px;
    position: absolute;
}

.info-btn {
	background-image: url('../img/nolens__light.svg');
	background-size: 20px 20px;
	background-position: 10px 0px;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    display: block;
}

.spacer-btn {
	height: 40px;
    width: 40px;
    display: block;
}

.info-msg {
	display: none;
}

.info-msg {
    /*margin:20px;*/
    color: #002a5e;
    background-color: #fff; 
    border:#000 solid 1px;
    border-radius: 3px;
    position:relative;
    font-size: 9pt;
    padding: 12px;
    width: 100%;
}

.info-msg img {
	float: left;
}

.info-msg:after{
    content:'';
    width:10px;
    height:10px;
    background:#fff;
    position:absolute;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:-6px;
    right:21px;
    border-left:#002a5e solid 1px;
    border-top:#002a5e solid 1px;
} 

input.invalid {
	border:#e00716 solid 1px !important;
    border-radius: 3px;
}

div.error {
	color: #e00716;
	background-color: #fff; 
    border: none;
    position:relative;
    font-size: 9pt;
    padding: 10px 15px 10px 15px;
	top: 12px;
	width: 100%;
	display: inline-block;
}

span.invalid {
    color: #e00716;
    background-color: #fff;
    position: relative;
    font-size: 9pt;
    display: inline-block;
    left: 12px;
}



.form-control-feedback i.fa-check {
	color: #002a5e;
}

.form-control-feedback i.fa-times {
	color: #e00716;
}  

/* Header */
.open .meganav, .open .simple-nav {
    display: block;
}

.simple-nav-override {
	right: inherit !important;
	margin-right: 36px !important;
}

.simple-nav-override li {
	width: 86px !important;
}

.open .fa-chevron-down:before {
	content: "\f078";
}

/* Headers */
#content>h1, h2 {
	color: inherit;
	font-size: 23px;
	font-weight: bold;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	padding: 0;
}

#title {
	text-align: left;
	color: #002a5e;
}

ul {
	margin: 0;
	padding-left: 0;
}

li {
	line-height: 14pt;
}

/* margins for paragraphs */
p {
	margin: 0;
	padding-top: 5px;
}

.header .container {
	height: auto;
}

@media (min-width: 768px) {
	.header .container {
		height: 43px;
	}
}

/**
 * STYLES OF CONTAINER
 */
#thecontainer {
	display: table;
	height: 100%;
	vertical-align: middle;
}

#therow {
	display: table-cell;
	vertical-align: middle;
}

@media (min-height : 700px) {
	#therow {
		padding-top: 40px;
    	padding-bottom: 50px;
    }
}

/* left margin for content, header */
#content, #header {
	display: block;
}

.blackbox {
	vertical-align: middle !important;
	margin: auto !important; 
	border-radius: 2px;
	background-color: #fff;
	padding: 20px 8% 20px 8% !important;
}

@media ( max-width : 767px) {
	body {
		background-image: none;
		background-color: #fff;
	}
	
	.blackbox {
		
	}
	.inputline, #submitbuttons {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.navbar-logo .img-responsive {
    	max-width: 130px;
    	width: 201px;
    	height: auto;
	}
	
	#therow {
		display: block;
	}
}

.row {
	vertical-align: middle !important;
}

.row:after {
	clear: both;
}

.row:before, .row:after {
	content: " ";
	display: table;
}

/* small left margin for content in popups */
#content-popup {
	margin-left: 35px;
}

/**
 * STYLES OF CONTENT BOX
 */

/* padding in content block */
#content {
	position: relative;
	overflow: hidden;
	padding-top: 0px;
}

#content>* {
	display: block;
	overflow: hidden;
	margin: auto !important;
	padding: 0 0 15px 0;}

#content.full-width>* {
	padding-left: 5px;
	padding-right: 5px;
}

/* This hack hides <br> because we can't style <br> to have the correct background color. */
#content>br {
	display: none;
}

#content hr {
	margin: 0;
}

#text {
	padding-top: 10px;
}

#lowermessage {
	display: inline;
}

#maintenancemessage {
	background: white;
	padding: 15px;
}

.vbox {
	margin-bottom: 20px;
	border: 1px solid #CCC;
	padding: 10px 10px 0 10px;
	overflow: hidden;
}

/* Align children vertically */
.vbox>* {
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

/* Inputs */
form input, form select, form input[type="checkbox"] {
	/* color: #555; */
	/* background-color: white; */
	/* font-size: 16px; */
	/* font-weight: normal; */
	/* line-height: 14px; */
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
	/* transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s; */
	/*margin-left: 20px;*/
	/* border: 1px solid #CCC; */
	/* border-radius: 4px; */
	/* padding: 6px 8px; */
}

form input:focus, from select:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(102, 175, 233, 0.6);
	outline: 0 none;
	border-color: #66afe9;
}

.episerver-xform select, .episerver-xform input[type="text"], .episerver-xform textarea {
	margin-bottom: 0px;
}


.inputline.has-warning {
	color: #8a6d3b;
}

.inputline.has-success {
	color: #3c763d;
}

form input.has-success {
	border-color: #3c763d;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

form input.has-warning {
	border-color: #8a6d3b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Form Layout */
.inputline {
	position: relative;
	font-size: 16px;
	font-weight: bold;
}

.inputline:after {
	clear: both;
}

.inputline:before, .inputline:after {
	content: " ";
	display: table;
}

.inputline span.not-editable-value {
	display: block;
	float: right;
	width: 200px;
}

.inputline>input, .inputline>select {
	overflow: hidden;
}

/*#submitbuttons, .inputline>input, .inputline>select {
	float: left;
	width: 100%;
}*/

.inputline>input[type="checkbox"] {
	width: auto;
}

.inputline>textarea {
	margin: 0;
	padding: 5px;
}

.inputline.inputline-wide {
	width: 100%;
	float: left;
	margin-top: 5px;
}

.inputline.inputline-wide>input {
	float: none;
	width: 100%;
}

.inputline.compact {
	line-height: 20px;
}

/* Buttons */
#content p {
	text-align: center;
	vertical-align: middle;
}





/* allow specific style elements for each label-inputfield line */
.inputline, #displayline {
	line-height: 28px;
	vertical-align: middle;
	/*padding-bottom: 14px;*/
}

#displayline-name {
	display: inline;
}

#displayline-value {
	float: right;
}

form label {
	font-size: 14px;
	font-weight: normal;
	padding-left: 12px;
	margin-bottom: 0px; 
	color: #002a5e
}

/* links in the login form */
/*
#mainform a {
	display: block;
	font-size: 9px;
	/ * text-align: right; * /
	margin-top: 5px;
}*/

/* Style for the box containing all the form buttons */
.inputline, #submitbuttons {
	/*padding-top: 10px;*/
	padding-left: 15%;
	padding-right: 15%;
}

/* Style for the box containing the left form submit buttons */
#submitbutton_left {
	float: left;
}

/* Style for the box containing the right form submit buttons */
/*#submitbutton {
	float: right;
	margin-left: 20px;
}*/

form #submitbutton>input {
	margin-left: 0;
}

form #submitbutton:first-child {
	margin-right: 0px;
}

/**
 * HEADER STYLES
 */

/* style of header block */
#header {
	text-align: right;
	margin: auto;
}

/* Style of links in heaeder */
#header a {
	/*font-size: 12px;*/
	padding-left: 5px;
}

/**
 * FOOTER STYLES
 */
#footer {
	margin-top: 20px;
}

#footer>.row {
	padding-bottom: 10px;
}

/**
 * STYLES OF NAVIGATION BLOCK
 */
#navigation {
	position: absolute;
	top: 36px;
	left: 31px;
}

/* makes images block-elements */
#navigation a {
	font-size: 12px;
}

/* Navigation link style */
#navitem a, #navitemactive a {
	text-decoration: none;
}

/* User Self Registration */
.inputline img {
	/*float: right;*/
	margin-right: -35px;
	padding: 0;
}

.inputline img+input {
	float: right;
	margin-left: 500px;
}

.inputline img+input+.fielderror {
	margin-right: 50px;
}

/* red warning/error message next to the input fields */
.fielderror {
	float: right;
	color: rgb(200, 0, 0);
	text-align: right;
	line-height: 12pt;
	margin: 5px 5px 0 0;
}

td, th {
	font-size: 10pt;
	margin: 0;
	padding: 0 10px;
}

#section-header {
	font-size: 16px;
	font-weight: bold;
	color: #5a5751;
	padding-bottom: 10px;
	padding-top: 15px;
}

/* Portal */
#content>.top-links {
	background: transparent;
	border: none;
	width: auto;
	position: absolute;
	right: 125px;
	line-height: 65px;
	padding: 0;
}

#content .top-links * {
	color: white !important;
}

form#mainform #submitbuttons {
	padding-top: 5px;
	text-align: left;
}

/******************************/


@media ( min-width : 768px) {
	#mainform {
	/*	padding-right: 15%;
		padding-left: 15%; */
		/* text-align: right; */
	}
	.inputline:before, .inputline:after {
		display: inline;
	}
	#submitbuttons, .inputline>input, .inputline>select {
		/* float: none; */
		/* width: 50%; */
		/* margin-left: 20px; */
	}
	.inputline, #displayline {
		width: 100%;
	}
	.inputline, #submitbuttons {
		padding-left: 0px;
		padding-right: 0px;
		position: relative;
		right: 0;
		display: inline-block;
	}
	#submitbutton {
		float: left;
		margin-left: 0;
	}
}


/********************************* OA *********************************/

/* The links do not have underscore in the menu */
.navbar-global a {
	text-decoration: none !important;
}

/* The clickable area is extended to the highlighted cell */
.navbar-global ul li.clickable {
	padding: 5px 0 0 0 !important;
}
.navbar-global ul li.clickable a {
	padding: 15px 10px !important;
}

/* Align the drop-down menu under the button */
.navbar-global div.menu {
	margin: 0 !important;
}
.navbar-global ul.menu {
	margin: 0 11px 0 -1px !important;
}
.navbar-global ul.menu li {
	width: 100% !important;
}
.navbar-global ul.menu li a {
	padding: 0 !important;
}