/*----------------------------------------
/*----------------------------------------
    Login Page
------------------------------------------*/
/*----------------------------------------
  Available Layout type names
-----------------------------------------*/
/*
 1. vertical-modern-menu-template
 2. vertical-menu-nav-dark-template
 3. vertical-gradient-menu-template
 4. vertical-dark-menu-template
 5. horizontal-menu-template

/* Need to change Layout name as per your requirement on below mentioned line.*/
/*
1. @import "../themes/vertical-gradient-menu-template/variables";
2. @import "../themes/vertical-gradient-menu-template/theme-variables";
*/

/*#login-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#login-page .card-panel.border-radius-6.login-card {
  margin-left: 0 !important;
}*/

body:has(.ic-login) {
  overflow: hidden;
}

.p-0 {
  padding: 0;
}

.m-0 {
  margin: 0;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.vh-100 {
  height: 100vh;
}

.w-100 {
  width: 100%;
}

.bg-white {
  background-color: #ffffff;
}

.btn-main {
  color: #ffffff;
  background-color: #FF4F4E;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.ic-logo {
  max-width: 150px;
  max-height: 150px;
  height: auto;
}

.row .col.s12,
.row .col.s12 .container {
  padding: 0;
}

.ic-display-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 124px 52px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 124px 52px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 124px 52px rgba(0, 0, 0, 0.75);
}

@media (min-width: 0px) {
  .sm-w-100 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .sm-w-100 {
    width: auto;
  }
}

@media only screen and (min-width: 992px) {
  .ic-display-flex {
    padding: 40px !important;
  }
}