﻿body,html {
	color:#444a4c;
	height:100%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0
}
a {
	color:#444a4c
}
form {
	height:100%
}
* {
	box-sizing:border-box
}
.text--small {
	font-size:12px
}
.text--error {
	color:#ed4c1c;
	font-weight:normal
}
.top-bar {
	background:#00205C;
	left:0;
	padding:14px 0 5px;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
}
.top-bar .logo {
	height:30px;
	width:auto
}
.login-wrapper {
	background-origin:center center;
	background-size:cover;
	height:100%;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-webkit-box-align:center;
	justify-content:center;
	align-items:center
}
.login-wrapper.img1 {
	background-image:url('/Static/images/TriWest-EpiServer10-Login-Background.jpg')
}
.login-wrapper.img2 {
	background-image:url('/Static/images/TriWest-EpiServer10-Login-Background.jpg')
}
.login-wrapper.img3 {
	background-image:url('/Static/images/TriWest-EpiServer10-Login-Background.jpg')
}
.login-wrapper.img4 {
	background-image:url('/Static/images/TriWest-EpiServer10-Login-Background.jpg')
}
.login-wrapper.img5 {
	background-image:url('/Static/images/TriWest-EpiServer10-Login-Background.jpg')
}
.modal {
	background:rgba(255,255,255,0.6);
	box-shadow:5px 5px 20px 0 rgba(0,0,0,0.8);
	max-width:50%;
	padding:32px 20px;
	width:500px;
	-webkit-animation:modalGrow .15s .5s ease-out both;
	animation:modalGrow .15s .5s ease-out both;
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
    border-radius: 10px;
}
.modal .logo {
	display:block;
	margin-bottom:20px;
	height: 60px;
	margin: auto;

}
.modal ol {
	display:block;
	list-style:none;
	margin:0 auto;
	padding:0;
	max-width:325px;
	width:auto
}
.modal ol li {
	margin-bottom:15px;
	text-align:center
}
.modal ol li:last-child {
	margin-bottom:0
}
.modal ol label {
	display:block;
	margin-bottom:4px
}
.modal ol input[type="text"],.modal ol input[type="password"] {
	background:rgba(255,255,255,0.7);
	border:1px solid #e2e2e2;
	outline:none;
	transition:all .2s ease-in-out
}
.modal ol input[type="text"]:focus,.modal ol input[type="password"]:focus {
	box-shadow:0 0 5px #f7542b
}
.modal ol input[type="text"],.modal ol input[type="password"],.modal ol input[type="submit"] {
	font-size:16px;
	padding:10px;
	width:100%
}
.modal ol input[type="submit"] {
            border: 1px solid #004f84;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            font-size: 16px;
            font-family: arial, helvetica, sans-serif;
            padding: 10px 10px 10px 10px;
            text-decoration: none;
            display: inline-block;
            text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
            font-weight: bold;
            color: #FFFFFF;
            background-color: #0071BC;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#0071BC), to(#205493));
            background-image: -webkit-linear-gradient(top, #0071BC, #205493);
            background-image: -moz-linear-gradient(top, #0071BC, #205493);
            background-image: -ms-linear-gradient(top, #0071BC, #205493);
            background-image: -o-linear-gradient(top, #0071BC, #205493);
            background-image: linear-gradient(to bottom, #0071BC, #205493);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0071BC, endColorstr=#205493);
	cursor:pointer;
}
.modal ol input[type="submit"]:hover {
                border: 1px solid #003456;
                background-color: #005289;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#005289), to(#173c69));
                background-image: -webkit-linear-gradient(top, #005289, #173c69);
                background-image: -moz-linear-gradient(top, #005289, #173c69);
                background-image: -ms-linear-gradient(top, #005289, #173c69);
                background-image: -o-linear-gradient(top, #005289, #173c69);
                background-image: linear-gradient(to bottom, #005289, #173c69);
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#005289, endColorstr=#173c69);
}
.modal ol label {
	display:block;
	font-size:14px;
	text-align:left
}
.modal ol input[type="checkbox"] {
	margin-right:4px
}
.modal ol p {
	margin:0
}
.cookie-information {
	height:auto;
	max-height:0;
	opacity:0;
	overflow:hidden;
	padding-top:10px;
	text-align:left;
	transition:all .1s ease-in
}
.cookie-information.is-visible {
	max-height:100px;
	opacity:1;
	transition:all .2s ease-in
}
@-webkit-keyframes modalGrow {
	0% {
		transform:scale(0);
		opacity:0
	}
	100% {
		transform:scale(1);
		opacity:1
	}
}
@keyframes modalGrow {
	0% {
		transform:scale(0);
		opacity:0
	}
	100% {
		transform:scale(1);
		opacity:1
	}
}
