/*.form-style-6{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 400px;
    margin: 10px auto;
    padding: 16px;
    background: #F7F7F7;
}
.form-style-6 h1{
    background: #43D1AF;
    padding: 20px 0;
    font-size: 140%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: -16px -16px 16px -16px;
}
.form-style-6 input[type="text"],
.form-style-6 input[type="password"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="radio"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select 
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}
.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="password"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #43D1AF;
    padding: 3%;
    border: 1px solid #43D1AF;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    background: #43D1AF;
    border-bottom: 2px solid #30C29E;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    
    color: #fff;
	font-size:17px;
}*/
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover,
.login-form input[type="button"]:hover{
    background: #2EBC99;
}

.login-form .notice{
	margin-top:0%;
	font-size:0.9rem;
	font-family: 'Inter', sans-serif;
	color: #bf590e;
}

.login-form .notice a{
	color:blue;
}

.login-form .notice a:hover{
	text-decoration:underline;
}

.login-form{
	/*font-family: "Roboto Condensed", sans-serif;*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size:20px;
	text-align:center;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="button"]
{
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
	padding:7px;
    color: #555;
    font: 70% Arial, Helvetica, sans-serif;
	margin-bottom:2%;
}
.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus{
	box-shadow: 0 0 5px #43D1AF;
    padding: 7px;
    border: 1px solid #43D1AF;
}
.login-form input[type="button"]{
	background: #43D1AF;
	padding:7px 15px;
	color:#fff;
}
.form-style-6 label{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}


/** On scroll, back to top button**/
#backToTopButton {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  z-index: 1000;
}
#backToTopButton::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#backToTopButton:hover {
  cursor: pointer;
  background-color: #333;
}
#backToTopButton:active {
  background-color: #555;
}
.show{
  opacity: 0;
  visibility: hidden;
}

/*spinner*/
.lds-ripple {
  display: inline-block;
  position: relative;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #08A991;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 20px;
    left: 20px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}

#login_error, #form_error{
	margin-left:0px !important;
	font-size: 17px !important;
}
.mbr-form{
	border:none !important;
}
/*large desktop*/
@media screen and (min-width: 1900px) {
    
}
/*Laptop*/
@media only screen and (min-width: 767px){
	.login-form input[type="text"],
	.login-form input[type="password"],
	.login-form input[type="button"],
	.login-form input[type="number"]
	{
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		background: #fff;
		border: 1px solid #ccc;
		padding:1.5% 1%;
		color: #555;
		font-family: 'Work Sans', sans-serif !important;
		margin-bottom:2%;
		width:70%;
		font-size:80%;
		border-radius:5px;
	}
	.login-form div{
		display:block;
		margin-bottom:2%;
	}
	.login-form div label{
		display:block;
		color:#3f3f3f;
		font-size:0.83em;
		font-weight:bold;
	}
	.login-form{
		/*font-family: "Roboto Condensed", sans-serif;*/
		font-family: 'Work Sans', sans-serif !important;
		font-size:20px;
		text-align:left;
	}
	.login-form input[type="text"]:focus,
	.login-form input[type="password"]:focus{
		box-shadow: 0 0 5px #43D1AF;
		padding:1.5% 1%;
		border: 1px solid #43D1AF;
	}
	.login-form input[type="button"]{
		font-weight:bold;
		font-size:1.0em;
		background-color:#00ced1;
		color:#FFF;
		letter-spacing:1.5px;
		border: none;
		border-radius:5px;
	}
	.a_or_elem {
		width: fit-content;
		padding: 1% 1%;
		border: solid thin #ccc;
	}
	.or_html_elem {
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
		font-weight: 700;
		margin-top: 0% !important;
		margin-bottom: 2% !important;
		padding: 0% !important;
		margin-bottom: 1%;
	}
	.esm-auth-banner.ovr-pre-banner{
	    height:auto;
	}
	.esm-auth-container #login_server_error, .esm-auth-container #server_error {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        margin: .2% 0% !important;
    }
}
/*phone*/
@media only screen and (max-width: 768px){
  
  #backToTopButton {
    margin: 30px;
  }
  
  /*overlay content for mobile*/
  
	.overlay-clz{
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-x: hidden;
		transition: 0.5s;
	}
	.overlay-content {
		position: relative;
		top: 25%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
		color: #FFFFFF !important;
	}

	.overlay-clz a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: #818181;
		display: block;
		transition: 0.3s;
		color: #FFFFFF !important;
	}

	.overlay-clz a:hover, .overlay-clz a:focus {
		color: #FFFFFF !important;
		font-weight:bold;
	}

	.overlay-clz .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 60px;
	}
	.login-form input[type="text"],
    .login-form input[type="password"],
    .login-form input[type="button"]
    {
        background: #fff;
        border: 2px solid #686868;
    	padding:0.8% 0.8%;
        color: #555;
		font-family: 'Work Sans', sans-serif !important;
		font-size:90%;
		height:40px;
		width:90%;
		border-radius:5px;
    }
    .login-form input[type="text"]:focus,
	.login-form input[type="password"]:focus{
		box-shadow: 0 0 5px #43D1AF;
		padding:0.8% 0.8%;
		border: 2px solid #43D1AF;
	}
	.login-form input[type="button"]{
		font-weight:bold;
		font-size:1.0em;
		background-color:#00ced1;
		color:#FFF;
		letter-spacing:1.5px;
		border: none;
		border-radius:5px;
	}
	.login-form div label{
		display:block;
		color:#3f3f3f;
		font-size:0.83em;
		text-align:left;
		font-weight:bold;
	}
	.login-form div{
	    margin-bottom:8%;
	}
    .login-form  .esm-recover-psd{
        margin-bottom:0%;
        margin-top:-5%;
    }
    body .esm-auth-container{
        margin-top:1%;  
    }
    .g-esoma-signin{
        padding:20px 0px;
    }
    .esm-lbl-phn span{
        font-size:0.8em;
    }
    .esm-mbr-form .login-form div{
        margin-bottom:4%;
    }
    .esm-mbr-form h4{
        text-align:left;
    }
    .esm-mbr-form{
        padding:0% 1%;
    }
    
}