/* DM Sans */
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/DM-Sans.eot');
  src: url('../fonts/DM-Sans.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DM-Sans.woff2') format('woff2'),
       url('../fonts/DM-Sans.woff') format('woff'),
       url('../fonts/DM-Sans.ttf') format('truetype'),
       url('../fonts/DM-Sans.svg#DMSans') format('svg');
}

.login-background{
background: -webkit-linear-gradient(left, #22d686, #24d3d3, #22d686, #24d3d3);
background: linear-gradient(to right, #22d686, #24d3d3, #22d686, #24d3d3);
background-size: 600% 100%;
background-image: url(/upload/bg-login.png);
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
overflow-y: hidden !important;
}
.btn, .navbar .navbar-nav > li > a.btn {
  padding: 10px 20px !important;
  border-radius: 10px !important;
}
.navbar .navbar-nav > li > a.btn-primary.btn-fill, .btn-primary.btn-fill {
  color: #FFFFFF;
  background-color: #41d5e2 !important;
  width: 100%;
  border-radius: 10px !important;
}
.col-md-8 {
  width: 100% !important;
}
.bg-white {
  width: 350px;
  margin: 0px auto;
  border-radius: 12px !important;
}
.form-control:focus {
  border-color: #41d5e2;
}
.form-control {
  border-radius: 8px !important;
padding: 6px 10px !important;
}
.col-lg-12 {
  flex: 0 0 auto;
  width: 100%;
  justify-content: center;
  text-align: center;
  margin: 20px auto;
  margin-top: 40px;
}
@media (max-width: 576px) {
.bg-white {
  width: 400px !important;
}
}