html, body {
	font-family:tahoma; font-size:0.9em; width:100%; height:100%; margin:0px; padding:0px;
	background: url("../img/cubes-pattern.png") center center repeat, #80c8e5;
	background: url("../img/cubes-pattern.png") center center repeat, -moz-radial-gradient(center, ellipse cover, #80c8e5 18%, #1976d2 98%);
	background: url("../img/cubes-pattern.png") center center repeat, -webkit-radial-gradient(center, ellipse cover, #80c8e5 18%,#1976d2 98%);
	background: url("../img/cubes-pattern.png") center center repeat, radial-gradient(ellipse at center, #80c8e5 18%,#1976d2 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c8e5', endColorstr='#1976d2',GradientType=1 );
}
.bs { box-sizing: border-box; }
.info { color:#666; }

.header { display: flex; justify-content: space-between;  align-content : center; position:relative; top:0; left:0; right:0; padding:10px; background-color:#FFFFFF; border-bottom:5px solid #F0F0F0; }
.header .logo { max-width: 100%; max-height: 100px; height: auto; flex-grow: 0; }
.header .text { flex-shrink: 1; flex-grow: 0; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.left-image-container, .right-image-container { flex: 2 1 28%; display: flex; align-items: center; }
.right-image-container { justify-content: right; text-align: right; flex-direction: row-reverse; }
.partner-text { color:#444; font-weight: bold;  font-family: verdana; width: 100%; font-size: 4vmin; }
.app-text { color:#C00; font-weight: bold; font-family: verdana; width: 100%; font-size: 3.7vmin; }

@media (min-width: 1024px) {
  	.partner-text { font-weight: bold;  font-family: verdana; font-size: 20px; }
	.app-text { font-weight: bold; font-family: verdana; font-size: 24px; }
}

.footer { display:block; position:fixed; bottom:0; width:100%; height:20px; padding:4px 0; border-top:2px solid #2F689B; font-size:14px !important; font-family:Tahoma; color: #333333; background-color:#ffffff; z-index: 2; }
.footer a { color: #2F689B; text-decoration: none; }


.k-ie9 .left-image-container, .k-ie10 .left-image-container { float: left; width: 25%; }
.k-ie9 .header .text, .k-ie10 .header .text { float: left; width: 50%; }
.k-ie9 .right-image-container, .k-ie10 .right-image-container { float: right; width: 25%; }
.k-ie9 .header::after, .k-ie10 .header::after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.k-ie11 .left-image-container, .k-ie11 .right-image-container { display: block; }
.k-ie11 .left-image-container > img, .k-ie11 .right-image-container > img { min-height: 1px; }

/* kendo form */
label {
	font-weight: bold;
	display: block;
    padding-bottom: 0.2em;
}
.fieldlist > li > input.k-textbox { font-size: 16px; height: 2.4em; }

.form-section {
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
	max-width: 420px;
	margin: 5em auto 4.5em;
	border: 1px solid rgba(20,53,80,0.14);
}

.container {
	padding: 0.9em 1em 0.9em;
}

.container.k-header {
	padding: .1em 1em .1em 2em;
}

.container.k-header > h1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 23px;
}

#loginForm .container.alert {
	background-color: #FFB7B7 !important;
	color: #810404 !important;
}

#loginForm .container.success {
	background-color: #D0FFC9 !important;
	color: #106504 !important;
}

#loginForm .container.warning {
	background-color: #FDEFBA !important;
	color: #816704 !important;
}

label.required::after {
	color: #ff6161;
	content: "*";
}

.k-textbox {
	width: 100%;
	transition: all 0.15s;
}

.fieldlist {
    margin: 0 0 -2em;
    padding: 0;
}

.fieldlist li {
    list-style: none;
	padding-bottom: 2em;
	position: relative;
}

.fieldlist li.buttons {
	padding-top: 1em;
	border-top: 1px solid rgb(238, 238, 238);
	text-align: center;
}

.k-textbox >.oi {
	top: 50%;
	margin: -8px 0 0;
	position: absolute;
	font-size: 16px;
}

.k-space-left > .oi {
    left: 3px;
}

.k-widget.k-tooltip-validation {
	font-weight: bold;
    margin: 0 auto;
	padding: 8px 0;
	position: absolute;
	left: 0;
	right: 0;
	top: -17px;
	z-index: 1;
}

.k-widget.k-tooltip-validation::after {
	content: " ";
	position: absolute;
	width: 12px;
	height: 12px;
	bottom: -7px;
	left: calc( 50% - 6px );
	background: inherit;
	border-right: inherit;
	border-bottom: inherit;
	border-left: none;
	border-top: none;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	        box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.k-widget.k-dialog.k-window {
    overflow: auto !important;
}

.k-textbox {
	border-color: #ccc;
}

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-overflow-anchor:hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
	border-color: #73a1cf;
}

.k-textbox.focus {
	border-color: #1976d2;
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 4px 7px rgba(0,0,0,.12);
}


/* browser update styles - https://browser-update.org */
#buorg.buorg {
	background-color: #fdefba;
	color: #816704;
	border-bottom: 2px solid #816704;
	padding:6vmin;
	box-shadow: 0 5px 10px rgba(0,0,0,0.16);
}