body
{
	margin: 0 0;
	color: #464646;
	font-family: Arial, Tahoma;
	font-size: 12px;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
}



form, iframe html, iframe html body, iframe html body form {
	padding: 0px;
	margin: 0px;
}

table {
	border-collapse:collapse;
}

table, th, td {
	border: 0px;
	font-family: Arial, Tahoma;
	font-size: 12px;
}

img {
	border: 0px;
}

input {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

select {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

textarea {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

input[type='checkbox'], input[type='radio'] {
	background: transparent;
}

input[type='button'] {
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

input[type='text'], input[type='password'] {
	padding-left: 2px;
}

fielset {
	padding: 5px;
}

legend {
	font-weight: bold;
}

.login {
	background-color: #EBEBEB;
	color: #464646;
}

.login a, .login .a {
	color: #464646;
	text-decoration: none;
	font-weight: normal;
}
.login a:hover, .login .a:hover {
	color: #464646;
	text-decoration: underline !important;
	cursor: pointer;
}

.login span.a.inactive:hover {
    text-decoration: none !important;
}

.login span.a.inactive {
    cursor: default;
    text-decoration: none;
}

.login a.copyright-link {
}

.login a.demo-link {
}

.login a.reset-password-link {
}

.login input[type='button'], .login  input[type='submit'] {
	background: #0083ccd4;
	border: 1px solid #0083ccd4;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 100%;
	min-height: 36px;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.login input[type='button']:hover, .login input[type='submit']:hover {
	border: 1px solid #0076da;
	background: #0083cc;
	color: #fff;
	box-shadow: none;
}

.login input[type='text'], .login input[type='password'] {
  background: transparent;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  color: #464646;
  width: 100%;
  margin-bottom: 14px;
  min-height: 36px;
  font-size: 16px;
  padding-left: 10px;
  transition: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;	
}

.login input[type='text']:hover, .login input[type='password']:hover {
	border: 1px solid #005faf;
	background:#fff;
	color: #464646;

}

#login_body input[type='text'], #login_body input[type='password'], #reset_body input[type='text'], #two_factor_body input[type='text'] {
	padding: 1px 5px 1px 14px;
}

.login select {
	border-radius: 4px;
	border: 1px solid #c5c5c5;
	color: #464646;
	background-color:transparent;
	width: 202px;
	min-height: 36px;
	font-size: 16px;
	padding-left: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;	
	
}

.login select:hover {	
	border: 1px solid #005faf;
	color: #464646;
	background-color:#fff;
}

select [multiple] {
	background-color: #fff;
	color: #464646 !important;
}

input#two_factor_code_input {
	width: 313px;
}

.login div.login-gradient-bg {
	background: url(../images/login/bg.svg) no-repeat center center;
	background-size: cover;	
	height: 100%;
}

.login div.login-bg {
	background: #fff;
	width: 390px;
	height: 460px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: auto auto;
	margin-left: -195px;
	margin-top: -230px;
	border-radius: 8px;
	box-shadow: 0 0 5px 3px #00000014;
}

div.login-pading {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
}

.login form.login-form {

}

.login div.logo-img {
	width: 390px;
	height: 140px;
    background: var(--login-logo-bg) center center;
    margin-left: -30px;
}

.login div.logo-info {
	  padding-top: 0px;
	  color: #464646;
	  font-size: 14px;
}

.login div.logo-data {
	height: 60px;
}

.login div.logo-data table {
	width: 100%;
	margin: auto auto;
}

.login div.logo-data th {
	text-align: left;
	width: 40%;
}

.login div.logo-data td {
	width: 60%;
}

.login div.logo-data th {
	text-align: left;

}

.login div.logo-data-reset table th, .login div.logo-data-reset table td {
	display: block;
}

.login div.logo-data-reset table tr:first-child th:first-child {
	text-align: left;
	display: none;
}

.login div.logo-data-reset table td {
	text-align: left;
}

.login div.logo-data-reset {
	padding-top: 30px;
	height: 80px;
}

.login div.logo-data-reset b {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.login div.logo-data-reset table {
	width: 100%;
	margin: auto auto;
}

.login div.logo-data-reset table th {

}

.login div.logo-data-reset table td {
	text-align: left;
}

.login div.logo-err {
	text-align: left;
	margin-top: 0px;
	height: 0px;
	position: absolute;
	width: 84%;
}

.login div.logo-cookie {
	text-align: left;
	padding-top: 20px;
	vertical-align: middle;
}

.login div.logo-cookie input {
	vertical-align: middle;
}

.login div.logo-cookie label {
	vertical-align: middle;
	padding-top: 2px;
	font-size: 13px;
}

.login div.logo-action {
	padding-top: 14px;

}

.login div.logo-action table {
	width: 100%;
	margin: auto auto;
}

.login div.logo-action table th {
	padding: 2px;
	text-align: left;
}

.login div.logo-action table td {
	padding: 2px;
	text-align: left;
}

.login div.logo-enter {
	text-align: center;
	margin-top: 38px;
}

.login div.logo-reset {
	margin-top: 23px;
	text-align: center;
}

div#err_text.logo-err {
	margin-top: 235px;
}

td.logo-copyright {
	text-align: right;
}

.login div.logo-action-reset {
	padding-top: 21px;
	text-align: center;
	width: 100%;
}

.selected {
	background-color: #f6f6f6;
}

tr[tp='table']:hover {
	background-color: #D0CECF;
}


input[type="radio"], input[type="checkbox"], input[type='button'], select {
	cursor: pointer;
}

select[disabled], input[disabled]:hover {
	cursor: default;
}

td.logo {
	width: 165px;
}

#login_body ::-webkit-input-placeholder { /* WebKit browsers */
	color: #AAAAAA;
}
#login_body :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #AAAAAA;
}
#login_body ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #AAAAAA;
}
#login_body :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #AAAAAA;
}

.login a.reload-link {
	border-bottom: 1px dashed red;
	color: red;
	cursor: pointer;
}

.login a.reload-link:hover {
	border-bottom: 1px solid red;
	text-decoration: none;
}

input#user, input#passw,select#lang {
  position: relative;
  left: 0px;
  width: 100%;
  background-color: #fff;
}

input#reset_user, input#reset_email {
	width: 100%;
	position: relative;
}

input#reset_email{
	margin-top: 14px;
}

div.logo-copyright {
	margin-top: 88px;
	position: absolute;
	width: 84%;
	text-align: center;
}

span.text {
	float: right;
}

select {
	  background-position: right 43% !important;
}

th#user_td, th#password_td, th.login-page-lang {
	display: none;
}

th#reset_user_td, th#reset_email_td {
	display: none;
}

.wh-banner {
  left: 60px !important;
  top: 65% !important;
  position: fixed !important;
  -moz-transform: translate(0%, 0%) !important;
  -ms-transform: translate(0%, 0%) !important;
  -o-transform: translate(0%, 0%) !important;
  transform: translate(0%, 0%) !important;
  margin-top: -10px;
}

span.separator {
	color: transparent;
}

span#reset_password_link_span:hover {
	text-decoration: underline;
}

a#login_as, span#reset_password_link_span, .login a.copyright-link {
  font-size: 13px;
}

div#login_via_google {
	position: absolute;
    margin-top: 6px;
    display: block!important;
    font-size: 13px;
}

body.login div.login-auth-link, body.login a.demo-link {
	font-size: 13px;
}

a#reset_back_link {
	font-size: 13px;
}

@media only screen 
    and (max-width: 767px)
    {
    .login div.login-bg {    	
    	background: #fff url(../images/login/bg_mobile.svg) repeat-x bottom center !important;

    	}
}


@media screen and (max-width: 767px) and (orientation: portrait)
{.login div.logo-img {
    background-size: 92% !important;
    background-position-y: 6px !important;
    max-width: 700px;
    margin: auto ;
    background: var(--login-logo-bg) center center;
    height: 132px;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait)
{div.logo-copyright {
	width: 90%;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait)
{ .login div.logo-action-reset {
	width: 100%;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait)
{ #login_body .appstore-buttons {
	margin-top: 0px;
    }
}

.logo-data-reset>span[style *="color: green"] {color: #00b300 !important}

.leaflet-control-attribution {
    display: none !important;
}