body
{
  background: #FFF;
}

.login-main-box
{
  position: absolute; 
  width: 100%; 
  height: 100%;
  flex-wrap: wrap;
}

.logo_main
{
  max-width: 120px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.logo-icon
{
  max-width: 100px;
}

input + .fa-eye
{
  right: 20px !important;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

.no-icon
{
  padding-left: 15px !important;
  padding-right: 15px;
}

.no-icon + .text-danger,
#create-form .text-danger
{
  padding-left: 15px !important;
}

.forgot-link
{
  font-size: 14px;
  font-weight: bold;
  color: #123D75;
}

.form-outline .form-control:focus ~ .form-label,
.form-outline .form-control:not(:placeholder-shown) ~ .form-label
{
  margin-top: 7px;
  margin-left: -5px !important;
}

.tablinks
{
  border-radius: 10px;
  color: #000;
  background: #eee;
}

.tablinks.background-color
{
  background-color: #DFEBF5;
}

@media (min-width: 768px) 
{
  .login-box
  {
    max-width: 500px;
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse, 
  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse
  {
    margin-left: 240px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper
  {
    margin-left: 120px;
  }

  #main-wrapper[data-sidebartype="mini-sidebar"] .logo-icon
  {
    max-width: 60px;
    margin-right: 0px;
  }
}