.profile-user-img {
  border: 3px solid #3bbbbd!important;
  float: left !important;  /* 27-05-19 */
}

.g-recaptcha {
  transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.login-page,
.register-page {
  background:#022f4f;
}

.login-page a,
.register-page a,
.login-page i,
.register-page span,
.login-page .text-gray,
.register-page .text-gray,
.login-page label {

  color:#d2d6de !important
}

.login-page .btn-petrol,
.register-page .btn-petrol {
  color: #333;
    background-color: #d0d600;

}

.login-page .btn-petrol:hover,
.register-page .btn-petrol:hover {

   color: black;
}

.skin-blue .main-header .logo {
  background-color: #fff;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
  background-color: #fff;
}


form#login input , form#register_form input , form#forgot_password input {
background: #3c8dbc!important;

}

.input-gray {
  background-color: rgba(109, 111, 113, 0.59);
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}
.input-gray::-webkit-input-placeholder {
  color: #d2d6de;
}
.input-gray::-moz-placeholder {
  color: #d2d6de;
}
.input-gray:-ms-input-placeholder {
  color: #d2d6de;
}
.input-gray:-moz-placeholder {
  color: #d2d6de;
}

.login-box-msg {
 color:#E5E5E5;
}

.login-form-center {
  position: absolute;
  left: 50%;
  margin-left: -225px;
  width: 450px !important;
  height: 100% !important;
  background-color: transparent !important;
}

.login-form-container-box {
  margin-top: 45%;
}

.login-form-container-box-background {
  background-color:#022f4f;
  transform: skew(14deg);
  height: 100%;
  position: absolute;
  margin-left: -350px;
  width: 700px !important;
  left: 50%;
  z-index: -1;
}

.login-page {
  background-image: url("https://images.pexels.com/photos/7408586/pexels-photo-7408586.jpeg") !important;
  background-repeat: no-repeat !important;
  background-size: auto auto !important;
  background-position: center center !important;
}

form#login div.form-group button.btn.btn-petrol.btn-block.btn-flat {
  font-weight: bold;
  font-size: larger;
}


.forgotpassword-page {
  background-color:#022f4f;
}

.user-panel {
  height: 150px !important;
}

.user-profile-image-sidebar {
  height: auto !important;
  width: 100% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 80px !important;
}

.user-info-sidebar {
  position: unset !important;
  left: unset !important;
  padding: 8px 5px 5px 5px !important;
}

@media (min-width: 768px) {

  .user-panel {
    height: unset !important;
  }

}

.navbar {
  background-color: #fff !important;
}

.navbar-nav i {
  color: #193256 !important;
}

#timer-text {
  color: #193256 !important;
}

.sidebar-toggle {
  color: #193256 !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #cdf244;
  text-decoration: none;
}

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
  text-decoration: none;
  background:  #cdf244 !important;
  color: #f6f6f6;
  height: 50px !important;
}

.main-header-logo-custom {
  width: auto !important;
  height: 100% !important;
  padding: unset !important;
  max-width: 205px !important;
}

.content-wrapper {
  background-color: #f2f2f2 !important;
}

.main-sidebar {
  background-color: #16335b !important;
}

.skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
  color: #193256;
  /* font-weight: bold; */
  background: #cdf244;
  text-decoration: none;
}

.skin-blue .sidebar-menu > li:hover > a {
  color: #193256;
  /* font-weight: bold; */
  background: #cfec66;
  text-decoration: none;
}

.menu-top {
  color: #ffffff;
  background-color: #132641;
  /* font-weight: bold; */
  text-decoration: none;
}

.skin-blue .sidebar-menu > li.active > a {
  border-left: 5px solid #9dbd2b;
}

.navbar-static-top {
  max-height: 50px !important;
}

.skin-blue .main-header li.user-header {
  background-color: #16335b !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  color: #fff !important;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  background: #132641 !important;
  /* font-weight: bold !important; */
  text-decoration: none !important;
}

.skin-blue .wrapper {
  background-color: #f2f2f2 !important;
}

.box {
  border-top: 10px solid #16335b;
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #16335b;
}

.alert-info {
  background-color: #16335b !important;
  border-color: #112849 !important;
}

.btn-info {
  background-color: #16335b;
  border-color: #162d4d;
}

.logo-login-width {
  width: 80%;
}