@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;400&display=swap");
html,
body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  min-height: 100%;
  height: 100%;
  color: #526471;
  background-color: #F6F9FC;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  display: flex;
  overflow: auto;
  flex-direction: column;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='368' height='306.7' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
}

html {
  font-size: 10px;
}

body {
  font-size: 1.4rem;
  overflow: hidden;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

.header {
  height: 100px;
}

.main-container {
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 0px 40px;
}
.main-container .c-ad-container {
  width: calc(100% - 400px);
}
.main-container .login-container {
  width: 500px;
  padding: 0px 25px;
  display: flex;
  align-items: center;
}
.main-container .login-container .panel {
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 30px;
}
.main-container .login-container .panel .heading {
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
}
.main-container .login-container .panel .form-group {
  padding-top: 30px;
}
.main-container .login-container .panel .form-group .form-control {
  margin-bottom: 15px;
}
.main-container .login-container .panel .link {
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-end;
}
.main-container .login-container .panel .link a {
  color: #1A78FD;
  text-decoration: none;
  font-weight: bold;
}
.main-container .login-container .panel .link a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.main-container .login-container .panel .resent-otp {
  font-size: 1.2rem;
  text-align: right;
  font-weight: bold;
  margin-top: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.main-container .login-container .panel .actions {
  display: flex;
  margin-bottom: 50px;
}
.main-container .login-container .panel .actions .btn {
  min-width: 100px;
}
.main-container .login-container .panel .oauth {
  align-items: center;
}
.main-container .login-container .panel .oauth .label {
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.main-container .login-container .panel .oauth .socials {
  display: flex;
  cursor: pointer;
}
.main-container .login-container .panel .oauth .socials .social {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 0px 16px #00002929;
  padding: 10px;
  margin-right: 15px;
}
.main-container .login-container .panel .oauth .socials .social .icon {
  width: 100%;
  height: 100%;
}

.custom-input {
  display: flex;
  height: 40px;
  border-radius: 5px;
  background: #f2f9fd;
}
.custom-input input {
  border: none;
  background: transparent;
  height: 100%;
  flex-grow: 1;
}
.custom-input input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(82, 100, 113, 0.5);
  opacity: 1;
  /* Firefox */
}
.custom-input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(82, 100, 113, 0.5);
}
.custom-input input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(82, 100, 113, 0.5);
}
.custom-input input[type=number]::-webkit-inner-spin-button,
.custom-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.custom-input .icon {
  height: 40px;
  width: 40px;
  padding: 10px;
}
.custom-input .icon svg {
  height: 100%;
  width: 100%;
  fill: #526471;
}
.custom-input .show-hide,
.custom-input .capslock {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  align-self: center;
}
.custom-input .capslock {
  display: none;
}
.custom-input .show-hide:hover {
  background: #d5e0e7;
  cursor: pointer;
}

.btn {
  background: transparent;
  border: 2px solid #526471;
  height: 40px;
  padding: 0px 20px;
  border-radius: 20px;
  transition: transform 0.2s;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #526471;
  justify-content: center;
  cursor: pointer;
}
.btn:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.btn.btn-primary {
  background-color: #1A78FD;
  color: #fff;
  border-color: #1A78FD;
}
.btn.btn-secondary {
  background-color: transparent;
  color: #1A78FD;
  border-color: #1A78FD;
}

.mr-2 {
  margin-right: 2rem;
}

#hide,
#hide-new,
#hide-confirm {
  display: none;
}

.app-error-message {
  color: #ed6569;
  font-size: 12px;
  margin-top: 4px;
}

/*# sourceMappingURL=styles.css.map */