@charset "utf-8";
/* CSS Document */

body {
	--overflow:hidden;
	background: #1E1E2D;
}
.hidden {
	display:none;
}

.esm-page-loader-blocker {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background-color:white; 
	z-index:50000;
	display:none;
	vertical-align:middle;
	overflow:hidden;
	background:url(/sas/assets/images/ESM-color-logo-esm-over-grey-20.png) center center no-repeat;
	background-color:white;
}
.kt-page--loading .esm-page-loader-blocker {
	display:table-cell;
}

.kt-login.kt-login--v6 .btn.multiselect {
    height: auto;
    padding:10px;
}
.esm-login-form.passthrough .esm-login-product-cell {
	display:none !important;
}
 


/* BEGIN :: randomized background color/image matching */
.random-back-1.esm-login .kt-login.kt-login--v6,
.random-back-1.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #332C65;}
.random-back-1.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-1.jpg);}
.random-back-2.esm-login .kt-login.kt-login--v6,
.random-back-2.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #393C46;}
.random-back-2.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-2.jpg);}
.random-back-3.esm-login .kt-login.kt-login--v6,
.random-back-3.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #26352F;}
.random-back-3.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-3.jpg);}
.random-back-4.esm-login .kt-login.kt-login--v6,
.random-back-4.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #00031C;}
.random-back-4.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-4.jpg);}
.random-back-5.esm-login .kt-login.kt-login--v6,
.random-back-5.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #21130B;}
.random-back-5.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-5.jpg);}
.random-back-6.esm-login .kt-login.kt-login--v6,
.random-back-6.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #1D2546;}
.random-back-6.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-6.jpg);}
.random-back-7.esm-login .kt-login.kt-login--v6,
.random-back-7.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #360711;}
.random-back-7.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-7.jpg);}
.random-back-8.esm-login .kt-login.kt-login--v6,
.random-back-8.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #112530;}
.random-back-8.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-8.jpg);}	
.random-back-9.esm-login .kt-login.kt-login--v6,
.random-back-9.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #0D384B;}
.random-back-9.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/abstract-9.jpg);}
/*  END :: randomized background color/image matching */


/* BEGIN :: randomized background color/image matching
.random-back-1.esm-login .kt-login.kt-login--v6,
.random-back-1.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #361437;}
.random-back-1.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-1.jpg);}
.random-back-2.esm-login .kt-login.kt-login--v6,
.random-back-2.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #30196B;}
.random-back-2.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-2.jpg);}
.random-back-3.esm-login .kt-login.kt-login--v6,
.random-back-3.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #272C18;}
.random-back-3.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-3.jpg);}
.random-back-4.esm-login .kt-login.kt-login--v6,
.random-back-4.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #00270A;}
.random-back-4.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-4.jpg);}
.random-back-5.esm-login .kt-login.kt-login--v6,
.random-back-5.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #0C0042;}
.random-back-5.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-5.jpg);}
.random-back-6.esm-login .kt-login.kt-login--v6,
.random-back-6.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #4F3420;}
.random-back-6.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-6.jpg);}
.random-back-7.esm-login .kt-login.kt-login--v6,
.random-back-7.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #473A43;}
.random-back-7.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-7.jpg);}
.random-back-8.esm-login .kt-login.kt-login--v6,
.random-back-8.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #17200F;}
.random-back-8.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-8.jpg);}	
.random-back-9.esm-login .kt-login.kt-login--v6,
.random-back-9.esm-login .kt-login.kt-login--v6 .kt-login__aside {
    background: #2A2917;}
.random-back-9.esm-login .esm-splash {
	background-image:url(/sas/login/images/splash/lavender-9.jpg);}
END :: randomized background color/image matching */



.esm-login .esm-portlet {
	position:relative;
}
.esm-login .esm-portlet .frosted-back {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background-color:white; 
	opacity:0.8; 
	z-index:100; 
	border-radius: 4px;
}
.esm-login label {
	margin:1rem 0 0.2rem 0;
	color:#74788D;
}
.esm-login .kt-portlet__body {
	padding-top:15px;
}
.esm-login .login-announcement .kt-portlet__content {
	padding-bottom:20px;
}
.esm-login .esm-portlet .kt-portlet__head {
	z-index:102;
	border-bottom: 1px solid #AEB6CA;
}
.esm-login .esm-portlet .kt-portlet__body {
	z-index:103; 
}
.esm-page-loader-blocker .esm-page-loader-message {
	margin:auto;
	display:block;
	margin-top:30%;
	width:400px;
	font-size:26px;
	color: #646c9a;
	font-weight: 300;
	font-family: Poppins, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align:center;
}
.error-message {
	position:relative;
	margin-bottom:10px;
	height:70px;
	display:none;
}
.error-message-icon {
	position:absolute;
	top:5px;
	left:0;
	font-size:30px !important;
}
.error-message-text {
	position:absolute;
	top:0;
	left:0;	
	margin-left:35px;
}
.login_form_container {
	position:relative; 
	float:left;	
}
.login_form_container img.product-logo {
	margin-bottom:5px;
}
.esm-login-product-cell {
	padding:10px;
	margin:auto;
	padding-left: 3rem;
}
.esm-login-product-cell {
	--webkit-border-radius: 50%;
	--moz-border-radius: 50%;
	--ms-border-radius: 50%;
	--o-border-radius: 50%;
	border-radius: 45px !important;
	width:400px;
	height:80px;
	margin-top:15px;
}
.esm-login-product-cell:not(.not-selected):hover {
	box-shadow: 0 0 10px #FFFFCC;
}
.esm-login-product-cell select {
	width:250px;
}

@media (max-width: 768px) {
	.esm-login-product-cell {
		width:100%;
	}
	.esm-login-product-cell select {
		width:75%;
	}
}

@media (min-width: 768px) {
	.esm-login-product-cell {
		width:350px;
	}
	.esm-login-product-cell select {
		width:220px;
	}
}
@media (min-width: 1024px) {
	.esm-login-product-cell {
		width:400px;
	}
	.esm-login-product-cell select {
		width:250px;
	}
}
@media (max-width: 768px) {

}

.esm-login-product-cell.selected {
	box-shadow: 0 0 10px #FFFFCC;
}
.esm-login-product-cell.not-selected {
	opacity:0.4;
}

.kt-login.kt-login--v6 .kt-login__aside {
	position:relative;
}
.company-logo {
	display: none;
	position: absolute;
	top:15px; 
	right:15px;
}
.esm-login-footer {
	position:absolute;
	bottom:10px;
	left:10px;
	width:100%;
	color:#CCCCCC;
	font-size:0.9rem;
}
.esm-login-footer a {
	color:#DDDDDD;
	font-size:0.9rem;
}
.esm-help-frame .esm-login-desc strong {
	color:#CCCCCC;
}
.esm-login-footer a:hover {
	color:#22b9ff;
}
.esm-login-form.login-success {
	margin-top:1rem !important;	
}

.esm-tweet-list .kt-portlet__body {
	padding:10px;
	max-height:400px;
	overflow:auto;
}

.esm-portlet.urgent {
	border:2px solid #BB0000;	
}


.esm-portlet .kt-pulse.kt-pulse--danger {
	display:none;
}
.esm-portlet.urgent .kt-portlet__head-icon {
	display:none;
}
.esm-portlet.urgent .kt-pulse.kt-pulse--danger {
	font-size:1.5rem;
	display:block;
}
.esm-portlet.urgent .kt-pulse .kt-pulse__ring {
	top:-5px;
	left:-9px;
}

.esm-login .esm-portlet.urgent .frosted-back {
    background-color: #FFFFCC;
	opacity: 1;
}

@media (min-width: 768px) {
	.hide-sm-columns {
		display:none;
	}
	.esm-login-footer, .esm-login-footer a {
		font-size:0.8rem;
	}
	.company-logo {
		display: block; 
	}
}
@media (min-width: 1024px) {
	.hide-sm-columns {
		display:flex;
	}
	.esm-tweet-list .kt-portlet__body {
		max-height:300px;
	}
	.esm-login-footer, .esm-login-footer a {
		font-size:0.9rem;
	}
	.esm-login-footer {
		bottom:0px;
		left:-20px;
		width:460px;
	}
}
@media (max-width: 1024px) {
	.esm-login-content-frame {
		padding: 0 10px;
	}
}

@media (min-width: 1400px) {
	.esm-tweet-list .kt-portlet__body {
		max-height:400px;
	}
}
