body {font-family: 'Open Sans', sans-serif;}

/*#main-wrap {min-width: 1170px!important;background: #2BB673;}*/
#main-wrap {min-width: 1170px!important;background: none;}


.container-fluid {min-width: 1170px;}

.map {height:100vh;overflow: hidden; background:#CED6F1}

.navbar {background: #fff;font-weight: 600;}
.navbar-brand {height: 50px;padding: 5px 15px;padding-right: 25px;background: #eee;}
.navbar-brand img {height: 100%;}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {background: transparent;font-weight: 700;}

.navbar-user .user-pict {height: 40px;width: 40px;position: relative;overflow: hidden;border-radius: 50%;display: inline-block;margin-top: -10px;margin-bottom: -15px;margin-right: 10px;}
.navbar-user .user-pict img {width: 100%;height: auto;}


.map-info {position: absolute;bottom: 30px;left: 30px;color: #fff;width: 200px;}
.map-info-bar {
  width: 200px;
  height: 10px;
  display: block;
  background: rgba(254,250,216,1);
  background: -moz-linear-gradient(left, rgba(254,250,216,1) 0%, rgba(255,57,43,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,250,216,1)), color-stop(100%, rgba(255,57,43,1)));
  background: -webkit-linear-gradient(left, rgba(254,250,216,1) 0%, rgba(255,57,43,1) 100%);
  background: -o-linear-gradient(left, rgba(254,250,216,1) 0%, rgba(255,57,43,1) 100%);
  background: -ms-linear-gradient(left, rgba(254,250,216,1) 0%, rgba(255,57,43,1) 100%);
  background: linear-gradient(to right, rgba(254,250,216,1) 0%, rgba(255,57,43,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefad8', endColorstr='#ff392b', GradientType=1 );
}



.login-page {height: 100vh;margin-left: 15px;margin-right: 15px;}

.login-info {background: #000;display: block;height: 100vh;margin-left: -15px;margin-right: -15px;padding: 30px 40px;color: #999;}

.login-info .login-content {margin-top: 50px;}
.login-info .login-content h1 {margin-bottom: 0;color: #fff;font-weight: 400;}
.login-info .login-content h4 {margin-top: 5px;margin-bottom: 50px;}
.login-info .login-content p {text-align: justify;}

.login-info .logo-kemen {height: 50px;float:left}
.login-info .logo-kemen img {height: 100%;}

.login-info .logo-ends {height: 50px;}
.login-info .logo-ends img {height: 100%;float:right}

.login-title h3 {
	color:#000;
	width:320px;
	text-align:justify;
	font-weight:bold;
	padding-left:0px;
	padding-bottom:10px;
}

/*.login-form {background: #2BB673;display: block;height: 100vh;margin-left: -15px;margin-right: -15px;padding: 150px 40px;}*/
.login-form {background: #3fe0d0;display: block;height: 100vh;margin-left: -15px;margin-right: -15px;padding: 150px 40px;}

.login-form img {width: 70%;margin: 0 auto;text-align: center;display: block;margin-bottom: 30px;}

form.login {width: 320px;margin: 0 auto;}

form.login input::-webkit-input-placeholder {color: #FFF;}
form.login input::-moz-placeholder {color: #FFF;}
form.login input::-ms-input-placeholder {color: #FFF;}

form.login input[type="text"], form.login input[type="password"] {
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    background: 0;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    outline: 0;
    font-style: italic;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #FFFFFF;
    outline: 0;
}

form.login input[type="submit"] {
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 16px;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px;
}

.form-login h3 {
	color:#000;
	font-weight:bold;
}
.btn-sign-in {
	background-color:orange;
	color:#000;
	margin-top:-2px;
}

form.login input[type="submit"]:hover {transition: background-color 0.5s ease;}

form.login .remember-forgot {float: left;width: 100%;margin: 10px 0 0 0;}
form.login .forgot-pass-content {min-height: 20px;margin-top: 10px;margin-bottom: 10px;}
form.login label, form.login a {font-size: 12px;font-weight: 400;color: #FFFFFF;}

form.login a {transition: color 0.5s ease;}

form.login a:hover {color: #2ecc71;}