/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[4].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[4].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[4].oneOf[13].use[5]!./src/app/components/development/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#trackingDev {
  position: fixed;
  bottom: 0;
  background-color: #dd0000;
  color: #fff;
  font-size: 1em;
  padding: 2px 10px;
  cursor: pointer;
  z-index: 9999;
}

#trackingDevClose {
  display: none;
  font-weight: bold;
  padding: 0px 0px 0px 10px;
}

#trackingDevClose.show {
  display: inline-block;
}

#trackingDevInfo {
  display: none;
  background-color: #ccc;
  color: #000;
  padding: 5px;
  margin-bottom: 10px;
}

#trackingDevInfo.show {
  display: block;
  cursor: copy;
}

#trackingDevInfoCopy {
  display: none;
  background-color: #e2d702;
  color: #000;
  padding: 0px 5px;
  margin-bottom: 10px;
}

#trackingDevInfoCopy.show {
  display: block;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[4].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[4].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[4].oneOf[13].use[5]!./src/app/login.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.login-title {
  text-align: center;
  color: #4E7093;
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.login-form {
  min-height: 270px;
}

.login-form form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.passcontainer {
  position: relative;
}

.passcontainer svg {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
}

.closed-eye {
  display: block;
  transition: all 0.3s ease;
}

.closed-eye.show {
  display: none;
}

.passcontainer svg path {
  fill: #4E7093;
}

.login-button,
.login-button button {
  float: right;
}

.login-button button {
  margin-top: 30px;
}

.login-text {
  font-size: 14px;
  float: right;
}

.loginbttm {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.login-link {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  text-align: right;
}

.login-link a {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

#form {
  background: url(/assets/images/sample.jpg);
  height: 100vh;
}

section#form:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4509803922);
}

#form .row,
#form .container {
  height: 100%;
}

.login-box {
  background: #fff;
  border-radius: 197px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  width: 913px;
  padding: 30px 0;
  height: 394px;
  z-index: 999;
  position: r;
}

.login-box .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -25px;
}

.login-box img.logo {
  width: 139px;
}

.logo.mobile {
  display: none;
}

.logo .shape {
  width: 136px;
  height: 136px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .logo.mobile {
    display: block;
    margin-bottom: 35px;
  }
  .logo.mobile img {
    width: 87px;
  }
  .logo.desktop {
    display: none;
  }
  .loginbttm {
    align-items: center !important;
  }
  .loginbttm .col-sm-12 {
    width: 100% !important;
  }
  .login-title {
    color: #fff;
    font-size: 24px;
    line-height: 29px;
  }
  .login-link a {
    text-align: center;
    color: #fff;
  }
  .login-button,
  .login-button button {
    float: inherit !important;
    text-align: center;
  }
  .login-box {
    width: 295px;
    height: -moz-fit-content;
    height: fit-content;
    background: inherit;
    box-shadow: inherit;
    color: #fff !important;
  }
}