body {
  overflow: hidden;
  font-family: "Roboto", sans-serif;
}
.left-right-box {
  width: 50%;
}
.main_row {
  display: flex;
}
.custom-login-box {
  background-image: url("../img/login-page-bg.png");
  height: 100vh;
  background-size: cover;
}
.custom-login-box .custom-login-card {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.custom-login-box .custom-login-card .cutom-login-icon-right {
  text-align: center;
}
.custom-login-box .custom-login-card .cutom-login-icon-right img {
  height: 100px;
}
.custom-login-box .custom-login-card form {
  margin-top: 25px;
}
.custom-login-box .custom-login-card .form-control {
  background: transparent !important;
  color: #011f3d !important;
  border-left: 0;
  height: 50px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.custom-login-box
  .custom-login-card
  .input-group:not(.has-validation)
  > .input-group-append:not(:last-child)
  > .input-group-text {
  background: transparent;
  color: #011f3d;
  border-right: 0;
  padding: 0px 18px 0 18px;
  border-left: 10px solid #011f3d;
  border-top: 1px solid #011f3d;
  border-bottom: 1px solid #011f3d;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.text-light {
  color: #011f3d !important;
}
.custom-login-box .cutom-login-light-button {
  background-color: #fff !important;
  color: #051922;
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
}

.custom-login-left-wrapper {
  height: 100vh;
  background-color: #011f3d;
  overflow: hidden;
  text-align: center;
}
.custom-login-left-wrapper .custom-login-left-card {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-login-left-wrapper .custom-login-left-card * {
  color: #fff;
}
.custom-login-left-wrapper .custom-login-left-card .head-text {
  font-weight: 600;
  font-size: 35px;
}
.custom-login-left-wrapper .cutom-login-icon-left {
  text-align: center;
}
.custom-login-left-wrapper .cutom-login-icon-left img {
  height: 240px;
}
.custom-login-left-wrapper .custom-login-left-text {
  text-align: center;
}
.no-padding {
  padding: 0 !important;
}
.alert-success {
  color: #fff;
  background-color: #011f3d;
  border-color: #011f3d;
}
.alert .close {
  color: #fff;
  opacity: 0.8;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 970px) {
  .main_row {
    display: contents;
  }
  .left-right-box {
    width: 100%;
  }
  .custom-login-left-wrapper {
    height: 50vh;
  }
  .custom-login-box {
    height: 50vh;
  }
  .custom-login-box .custom-login-card .cutom-login-icon-right img {
    height: 75px;
  }
}
@media screen and (max-width: 767px) {
  body {
    overflow: hidden;
  }
  .main_row {
    display: contents;
  }
  .left-right-box {
    width: 100%;
  }
  .custom-login-left-wrapper {
    height: 50vh;
  }
  .custom-login-box {
    height: 50vh;
  }
  .custom-login-box .custom-login-card .cutom-login-icon-right img {
    height: 75px;
  }
}
@media screen and (max-width: 479px) {
  .custom-login-box .custom-login-card {
    width: 90%;
  }
  .custom-login-left-wrapper .cutom-login-icon-left img {
    height: 180px;
  }
}