body { background-color: #EEE; }
header { background: linear-gradient(to bottom, #373536 0%,#000000 100%); padding: 12px 0px 4px 14px; position: sticky; top: 0px; }
header h1 { font-family: 'Nunito Sans', Arial; vertical-align: middle; text-transform: uppercase; }
header h1 a { background-image: url(/Resources/Images/easy_server.png); background-repeat: no-repeat; background-size: 140px 36px; 
				font-size: 18px; font-weight: normal; padding: 5px 0 15px 150px; display: block; float: left; min-height: 47px; color: #fff; text-decoration: none; }
header h1 a:hover { text-decoration: none; color: #fff; }
.flex-col-100 { display: flex; flex-direction: column; height: 100%; }
.no-overflow { overflow: hidden; }
.min-width210 { min-width: 210px; }
.container { max-width: 650px; }
.tab-content { border: 1px solid #ccc; border-top: none; background-color: white; box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.3) }
.tab-pane { min-height: 100px; }
.login-controlers { padding: 70px 160px; }
.text-center { text-align: center; }
.btn-login { color: #000; background-color: #e5e5e5; border-color: #2e6da4; border-color: rgb(136, 136, 136); padding: 8px 50px; border-radius: 3px; width: 150px; }
.btn-login:hover { background-color: #f5f5f5; }
.footer-text { margin-bottom: 20px; }
.login-container { margin-top: 100px; }
.nav li a { color: black; }

.login-options { margin-bottom: 10px; }
.login-options ul { list-style-type: none; margin: 0; padding: 0; vertical-align: middle; }
.login-options ul li { display: inline-block; text-align: center; padding: 0; }

.login-options ul li:nth-child(n+2) { border-left: 2px solid white; }
.login-options ul li button { display: block; color: white; font-size: 13px; text-decoration: none; padding: 10px 10px; background-color: #a1a1a1; border: none; width: 100%; }
.login-options ul li button span { margin-right: 5px; font-size: 16px; }
.login-options ul li button.active { background-color: black; margin-top: 0px; }

input[type=text], input[type=password] { border-radius: 1px solid #888; padding: 8px; height: auto !important; border-radius: 0px; box-shadow: none; }
.input-group-addon { border-radius: 0; }
.txt_sso_login { text-align: center; margin-bottom: 100px; }
.login-ad-domain { margin-bottom: 30px; }
#ErrorDiv { margin-bottom: 20px; text-align: center; }

.loginBtnMsg {
    font-family: Montserrat;
    font-size: 6px;
    text-align: center
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.login-controlers { padding: 50px 70px; }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
}

/* roboto-100 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}