body {
	font-family : "Raleway", sans-serif;
}

/* ============================================================ */
/*
	 * credits for the blurred login box:
	 * zFunx Web Developement Ideas
	 * https://www.youtube.com/watch?v=jmntIpEdNZ0
	 * https://codepen.io/zFunx/pen/jYpYmG
	*/
/* ============================================================ */

body, .glass-container .glass-content h1 {
	margin: 0;
}
	
.glass-container {
	background: url("assets/img/bgimages.jpg");
	height: 100vh; /* =h */
	background-size: cover;
}


.glass-container .glass-content {
	background: inherit;
	
	border-radius: 2px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
	position: absolute;
	
	transform: translate(-50%, -50%);
	overflow: hidden;
}
@media (min-width: 466.67px) {
	.glass-container .glass-content {
		width: 60%; /* =cw */
		height: 60%; /* =ch */
		top: 40%; /* =ct */
		left: 50%; /* =cl */
	}
}
@media (max-width: 466.66px) {
	.glass-container .glass-content {
		width: 90%;
		height: 90%;
		left: 50%;
		top: 50%;
	}
}

.glass-container .glass-content-body {
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	box-sizing: border-box; /* so that padding is included in height */
	overflow-y: auto;
}

.glass-container .glass-blur {
	background: inherit;
	height: 100vh; /* h */
	
	position: absolute;
	left: 0;
	top: 0;
	
	filter: blur(3px);
	z-index: -1;
}

@media (min-width: 466.67px){
	.glass-container .glass-blur {
		width: 166.67%; /* (100/cw) x 100% */
		transform: translate(
			-20%,
			-10%
		); /* - [cl - (cw/2)] % ,  -[ct - (ch/2)] % */
	}
}
@media (max-width: 466.66px){
	.glass-container .glass-blur {
		width: 111.11%;
		transform: translate( -5%, -5% );
	}
}

/* ============================================================ */

.login-wrapper {
	width: calc( 100% - 32px );
	height: calc( 100% - 32px );
	margin: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

form {
	position: relative;
}
form img {
	/* width           : 280px; */
	margin-bottom   : 10px;
}
form input {
	width: 230px;
	padding: 8px 40px 8px 10px;
}
form button {
	width: 100%;
	padding: 8px 10px 8px 10px;
}
form input, form button {
	border: 1px solid;
	border-bottom-color: rgba(255,255,255,.5);
	border-right-color: rgba(60,60,60,.35);
	border-top-color: rgba(60,60,60,.35);
	border-left-color: rgba(80,80,80,.45);
	background-color: rgba(0,0,0,.6);
	background-repeat: no-repeat;
	
	font: bold .875em/1.25em "Open Sans Condensed", sans-serif;
	letter-spacing: .075em;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	margin-bottom: 20px;
}

form input:focus { background-color: rgba(0,0,0,0.8); }

form input.email {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YwNDIzMTQ3QzIzMTFFMjg3Q0VFQzhDNTgxMTRCRTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YwNDIzMTU3QzIzMTFFMjg3Q0VFQzhDNTgxMTRCRTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjA0MjMxMjdDMjMxMUUyODdDRUVDOEM1ODExNEJFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjA0MjMxMzdDMjMxMUUyODdDRUVDOEM1ODExNEJFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsOChsgAAADUSURBVHjaYvz///9JBgYGMwbSwSkGoOafQPwKiAOBmIEIHAXED0H6QJwPQGwAxE+AOJOAxnwgvgfEKiB9MM0gWg6IbwNxIw6NXUB8HogloHwUzSAsBAoDIJ4DxMxQMRA9H4gPADE/kloMzSCsBcR/gHgj1LAt0HBRR1P3gQktBA2AeBcQZwHxCyB+AsT3gTgFKq6FohrJZnssoW6AxPaDBqoZurP9oBrtCYS2ExA/h9JgzX+gAsZExrMZVP0fmGZ1IjWiBCoL0NsXgPgGGcnzLECAAQD5y8iZ2Z69IwAAAABJRU5ErkJggg==) !important;
	background-position: 220px 10px;
}

form input.pass {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMDg1QzU3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMDg1QzY3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUUwODVDMzdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUUwODVDNDdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2NSIIAAADYSURBVHjanJAxCsJAEEXXaBMQtvIMqTxDKjtPELC1svMoOYM2WlqIhVcQFMVgG7ATAoIggfGPjrLIrBo/vCzZ+Z+dGUNExiECI7Clhw5gAtqur8YfUQxm4AzGIAMRSIAFXbC8OyUdghwsgH173cp9Lr5XqAeOSsANcj3h/8BpbQ4Ko6uQOvtMQy6noG4+iz3XZ4iHbIEQ9L8EeUlN3t5etvSrMg6RqajAc78BQ7BTq6QrllV3tKLvpZOclyrt/TWTlTP0zVQqba/BAKyUWsmh1BPUxL70JsAABHkyyK1uocIAAAAASUVORK5CYII=);
	background-position: 220px 10px
}

::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; }
::-moz-placeholder { color: #ccc; text-transform: uppercase; }
:-ms-input-placeholder { color: #ccc; text-transform: uppercase; }

form button[type=submit] {
	width: 280px;
	margin-bottom: 0;
/*            color: #3f898a;*/
	color: aqua;
	letter-spacing: .05em;
	text-shadow: 0 1px 0 #133d3e;
	text-transform: uppercase;
	background: #225556;
	border-top-color: #9fb5b5;
	border-left-color: #608586;
	border-bottom-color: #1b4849;
	border-right-color: #1e4d4e;
	cursor: pointer;
}
.error{color:aqua;}

.forgot{
	color: aqua;
	text-shadow: 0 0 4px black;
	margin-top: 20px;
}

.link{color:white;}
.link:hover{color:yellow;}

.swkheader-system ,.swkheader-system-row,.swkheader-system-center,.swkheader-system-button,.swkheader-system-button>a, .swkheader-system-button>div>a{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
	box-sizing:border-box;
}

.swkheader-system,.swkheader-system-wrapper{
	background:#f8f8f8;
	box-shadow:0 1px 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.12);
	color:initial;
}

.swkheader-system-row{
	width:100%;
	align-items:center;
	margin-left:auto;
	margin-right:auto;
	padding:5px 15px; /*adjust the left and right padding to match your app's content alignment.*/
}

.swkheader-system-center{
	flex-grow:1;
}

.swkheader-system-center a, .swkheader-system-center a:hover{
	color: #222;
}
.icon-app-logo img,
.icon-state-crest img{
	width:32px;
	height:32px;
}

.swkheader-system-left .swkheader-system-button>a,
.swkheader-system-left .swkheader-system-button>div{
	margin-right:5px;
}

.swkheader-system-button>a, .swkheader-system-button>div>a{
	color:inherit;
	text-decoration:none;
	align-items:center;
}

.swkheader-system-button>a:hover,.swkheader-system-button>a:active,
.swkheader-system-button>a>span:hover,.swkheader-system-button>a>span:active{
	color:inherit !important;
}

.swkheader-system-name{
	font-size:1.1em!important;
    font-family: 'Open Sans', sans-serif !important;
}

.swkheader-system-center>a{
	text-decoration: none;
}

.swkheader-system-website .swkheader-system-row .swkheader-system-button-div{
	font-size:1.4em;
}

@media all and (min-width: 576px) {
	/*show*/
	.swkheader-system-button>a.icon-state-crest,
	.swkheader-system-button>a.icon-app-logo{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
	}
	/*show*/
	.swkheader-system-name{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
	}
	
	.swkheader-system-left .swkheader-system-button>a,
	.swkheader-system-left .swkheader-system-button>div{
		margin-right:8px;
	}
}

.swkheader-system-container{
	margin-left: 0px !important;
	margin-right: 0px !important;	
	padding-left: 0px !important;
	padding-right: 0px !important;		
}

.rowBox1{
	display:block;
}