@font-face {
  font-family: BaiJamjuree;
  font-style: normal;
  font-weight: normal;
  src: url(../ttf/baijamjuree-regular-2.ttf);
}
@font-face {
  font-family: BaiJamjureeMedium;
  font-style: normal;
  font-weight: normal;
  src: url(../ttf/baijamjuree-medium.ttf);
}
@font-face {
  font-family: BaiJamjureeSemiBold;
  font-style: normal;
  font-weight: normal;
  src: url(../ttf/baijamjuree-semibold.ttf);
}
@font-face {
  font-family: BaiJamjureeBold;
  font-style: normal;
  font-weight: normal;
  src: url(../ttf/baijamjuree-bold.ttf);
}

.new-erp .banner-warning-maintenance-bg {
  min-height: 5rem;
  background-color: #f68a2a;
  overflow: hidden;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance .image {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: 56px auto;
  padding-top: 15px;
  width: fit-content;
  margin: 0 auto;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance .text-warning {
  color: white;
  font-weight: bold;
  line-height: 0;
  white-space: nowrap;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance .text-maintenance {
  color: white;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 0;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance .text {
  text-align: start;
  color: white;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance p {
  color: white;
  line-height: 13px;
}

.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance strong, .header-background .banner-warning-maintenance-bg .banner-warning-maintenance a {
  color: white;
  font-size: inherit !important;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance .sub-line {
  font-size: 2.2rem;
}
.new-erp .banner-warning-maintenance-bg .banner-warning-maintenance a {
  text-decoration: underline;
}

@media only screen and (max-width: 900px) {
  .new-erp  .banner-warning-maintenance-bg .banner-warning-maintenance {
    flex-direction: column;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .new-erp  .banner-warning-maintenance-bg .banner-warning-maintenance .image {
    align-self: center;
  }
  .new-erp  .banner-warning-maintenance-bg .banner-warning-maintenance .text {
    text-align: center;
  }
}



body,
html {
  height: 100%;
}
body {
  width: 100%;
  min-height: 100%;
  height: 100%;
}
fieldset {
  border: none;
}
button {
  cursor: pointer;
}
.new-erp {
  font-family: BaiJamjuree;
}
.new-erp .flex {
  display: flex;
}
.new-erp .main-login {
  background: #fff url(../png/bg-login.png) no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  display: grid;
  grid-template-rows: 65px 1fr;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login {
    grid-template-rows: 94px 1fr;
  }
}
.new-erp .main-login header {
  width: 100%;
  background-color: #2e2e2e;
  height: 65px;
  top: 0;
  z-index: 99;
  justify-content: space-between;
  align-items: center;
  padding-right: 25px;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login header {
    height: 94px;
  }
}
.new-erp .main-login header .left {
  width: 343px;
  height: 100%;
}
@media screen and (min-width: 1440px) {
  .new-erp .main-login header .left {
    width: 415px;
  }
}
.new-erp .main-login header .left .plataform-content {
  width: 250px;
  flex: 1;
  height: 65px;
  position: relative;
  place-items: center;
  background-color: #020101;
  z-index: 5;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login header .left .plataform-content {
    width: 100%;
    height: 94px;
  }
}
.new-erp .main-login header .left .plataform-content .image-box {
  flex: 1;
  z-index: 7;
}
.new-erp .main-login header .left .plataform-content .image-box a.change-plataform {
  cursor: pointer;
}
.new-erp .main-login header .left .plataform-content .image-box a.change-plataform i.logo {
  display: block;
  background: url(../png/sprite-new-erp.png) no-repeat 0 0;
  width: 109px;
  height: 52px;
  margin: 0 auto;
  transform: scale(0.7);
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login header .left .plataform-content .image-box a.change-plataform i.logo {
    transform: scale(1);
  }
}
.new-erp .main-login header .left .login-box {
  display: flex;
  align-items: center;
  width: 197px;
  border: none;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login header .left .login-box {
    display: none;
  }
}
.new-erp .main-login header .left .login-box .login-wrapper,
.new-erp .main-login header .left .login-box .btn-open-login {
  height: 100%;
}
.new-erp .main-login header .left .login-box .login-wrapper {
  flex: 1;
  background-color: #88AF52;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-erp .main-login header .left .login-box .login-wrapper .login-user {
  display: block;
  width: 30px;
  height: 31px;
  filter: brightness(100);
  margin-right: 8px;
  background: url(../svg/user-profile.svg) no-repeat 0 0;
}
.new-erp .main-login header .left .login-box .login-wrapper .text {
  color: #fff;
  font-family: BaiJamjureebold;
  font-size: 17px;
}
.new-erp .main-login header .left .login-box .btn-open-login {
  background-color: #A4C17A;
  width: 65px;
  position: relative;
}
.new-erp .main-login header .left .login-box .btn-open-login .icon-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  display: block;
  width: 17px;
  height: 17px;
  border: 3px solid #fff;
  border-radius: 2px;
  border-bottom: none;
  border-left: none;
  margin-top: 3px;
  transition: 200ms all linear;
}
.new-erp .main-login header .left .login-box .btn-open-login .icon-arrow.active {
  transform: translate(-50%, -50%) rotate(135deg);
  margin-top: -3px;
}
.new-erp .main-login header .right {
  flex: 1;
  justify-content: flex-end;
}
.new-erp .main-login header .right .datetime {
  color: #fff;
  align-items: center;
  font-family: BaiJamjureeBold;
}
.new-erp .main-login header .right .datetime .headerDate {
  font-size: 18px;
}
.new-erp .main-login header .right .datetime .headerTime {
  font-size: 36px;
  margin: 0 25px;
}
.new-erp .main-login header .right .support i {
  filter: invert(21%) sepia(97%) saturate(2103%) hue-rotate(181deg) brightness(100%) contrast(88%);
}
.new-erp .main-login header form[name="loginForm"] {
  color: #fff;
}
.new-erp .main-login header form[name="loginForm"] .text {
  padding: 0 10px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login header form[name="loginForm"] .text {
    margin-bottom: 50px;
  }
}
.new-erp .main-login header form[name="loginForm"] .text p {
  text-transform: uppercase;
  font-family: BaiJamjureeSemiBold;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login header form[name="loginForm"] .text {
    padding: 0 20px;
  }
  .new-erp .main-login header form[name="loginForm"] .text p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login header form[name="loginForm"] .text {
    padding: 0 50px;
  }
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line {
  background-color: rgba(223, 223, 223, 0.2);
  height: 65px;
  align-items: center;
  padding: 0 16px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line {
    padding: 0 30px;
  }
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content {
  position: relative;
  flex: 1;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input {
  width: 100%;
  background-color: transparent;
  border: none;
  line-height: 65px;
  height: 65px;
  box-sizing: border-box;
  margin-left: 30px;
  padding-top: 17px;
  font-size: 13px;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input::-webkit-input-placeholder {
  color: #fff;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:-ms-input-placeholder {
  color: #fff;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input::placeholder {
  color: #fff;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:-webkit-autofill ~ .floating-label,
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:focus ~ .floating-label,
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:not(:focus):valid ~ .floating-label,
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:not(:placeholder-shown) {
  top: 15px;
  opacity: 1;
  transform: translateY(0);
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:-webkit-autofill ~ .floating-label,
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:focus ~ .floating-label,
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:not(:focus):valid ~ .floating-label {
  font-size: 12px;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:not(:placeholder-shown),
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input:not(:focus):valid {
  font-size: 13px;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content input,
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content .floating-label {
  color: #fff;
  font-family: BaiJamjureeBold;
  font-size: 16px;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line .input-content .floating-label {
  position: absolute;
  pointer-events: none;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease all;
}
@-webkit-keyframes autofill {
  to {
    color: #fff;
    background-color: transparent;
  }
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box .input-line.user-line {
  margin-bottom: 2px;
}
.new-erp .main-login header form[name="loginForm"] fieldset.input-box a.forgot-pass {
  margin: 10px 0 0 74px;
  font-size: 14px;
  display: block;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login header form[name="loginForm"] fieldset.input-box a.forgot-pass {
    margin: 10px 0 0 88px;
  }
}
.new-erp .main-login section.login-ad {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.new-erp .main-login section.login-ad .box-photo-area {
  max-width: 1024px;
  margin: 0 auto;
  max-height: 625px;
  overflow: hidden;
  height: 100%;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login section.login-ad .box-photo-area {
    height: 668px;
  }
}
.new-erp .main-login section.login-ad .ad-loader-container {
  width: 1024px;
  height: 100%;
}
.new-erp .main-login section.login-ad .ad-loader-container iframe {
  display: block;
}
.new-erp .main-login section.login-ad .ad-loader-container iframe,
.new-erp .main-login section.login-ad .ad-loader-container > div {
  margin: 0px auto;
}
.new-erp .main-login section.login-ad .ad-loader-container .ad-loader {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-erp .main-login .login-content {
  position: relative;
  overflow: hidden;
}
.new-erp .main-login .login-content aside {
  background-color: #88af52;
  height: 100%;
  position: absolute;
  display: none;
  overflow: hidden;
  z-index: 1;
  align-items: center;
  box-sizing: border-box;
  width: 342px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside {
    position: relative;
    display: flex;
  }
}
@media screen and (min-width: 1440px) {
  .new-erp .main-login .login-content aside {
    width: 415px;
  }
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login .login-content aside {
    padding-top: 75px;
    align-items: initial;
  }
  .new-erp .main-login .login-content aside:after {
    content: '';
    background: url(../png/bg-aside-login.png) no-repeat;
    width: 200px;
    height: 256px;
    position: absolute;
    left: -10px;
    bottom: -20px;
    z-index: -1;
  }
}
.new-erp .main-login .login-content aside.active {
  display: flex;
}
.new-erp .main-login .login-content aside.error {
  background-color: #fd9b00;
}
.new-erp .main-login .login-content aside.error:after {
  content: '';
  background: url(../png/warning-aside-login.png) no-repeat;
  width: 319px;
  height: 440px;
  position: absolute;
  left: 0px;
  bottom: 10px;
  z-index: -1;
}
.new-erp .main-login .login-content aside .box-login,
.new-erp .main-login .login-content aside .domains-box,
.new-erp .main-login .login-content aside .box-forgot-password,
.new-erp .main-login .login-content aside .message-email {
  color: #fff;
}
.new-erp .main-login .login-content aside .box-login .text,
.new-erp .main-login .login-content aside .domains-box .text,
.new-erp .main-login .login-content aside .box-forgot-password .text,
.new-erp .main-login .login-content aside .message-email .text {
  padding: 0 10px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login .login-content aside .box-login .text,
  .new-erp .main-login .login-content aside .domains-box .text,
  .new-erp .main-login .login-content aside .box-forgot-password .text,
  .new-erp .main-login .login-content aside .message-email .text {
    margin-bottom: 50px;
  }
}
.new-erp .main-login .login-content aside .box-login .text h2,
.new-erp .main-login .login-content aside .domains-box .text h2,
.new-erp .main-login .login-content aside .box-forgot-password .text h2,
.new-erp .main-login .login-content aside .message-email .text h2 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.new-erp .main-login .login-content aside .box-login .text p,
.new-erp .main-login .login-content aside .domains-box .text p,
.new-erp .main-login .login-content aside .box-forgot-password .text p,
.new-erp .main-login .login-content aside .message-email .text p {
  text-transform: uppercase;
  font-family: BaiJamjureeSemiBold;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-login .text,
  .new-erp .main-login .login-content aside .domains-box .text,
  .new-erp .main-login .login-content aside .box-forgot-password .text,
  .new-erp .main-login .login-content aside .message-email .text {
    padding: 0 20px;
  }
  .new-erp .main-login .login-content aside .box-login .text p,
  .new-erp .main-login .login-content aside .domains-box .text p,
  .new-erp .main-login .login-content aside .box-forgot-password .text p,
  .new-erp .main-login .login-content aside .message-email .text p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login .login-content aside .box-login .text,
  .new-erp .main-login .login-content aside .domains-box .text,
  .new-erp .main-login .login-content aside .box-forgot-password .text,
  .new-erp .main-login .login-content aside .message-email .text {
    padding: 0 50px;
  }
}
.new-erp .main-login .login-content aside .box-login .submit-area,
.new-erp .main-login .login-content aside .domains-box .submit-area,
.new-erp .main-login .login-content aside .box-forgot-password .submit-area,
.new-erp .main-login .login-content aside .message-email .submit-area {
  margin-top: 40px;
  padding: 0 10px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-login .submit-area,
  .new-erp .main-login .login-content aside .domains-box .submit-area,
  .new-erp .main-login .login-content aside .box-forgot-password .submit-area,
  .new-erp .main-login .login-content aside .message-email .submit-area {
    padding: 0 60px;
  }
}
.new-erp .main-login .login-content aside .box-login .submit-area button.btn-login,
.new-erp .main-login .login-content aside .domains-box .submit-area button.btn-login,
.new-erp .main-login .login-content aside .box-forgot-password .submit-area button.btn-login,
.new-erp .main-login .login-content aside .message-email .submit-area button.btn-login {
  background-color: transparent;
  border: 2px solid #fff;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-family: BaiJamjureeBold;
  box-sizing: border-box;
  height: 56px;
  line-height: 54px;
  width: 100%;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .captcha-box #captchaLogin {
  overflow: hidden;
  width: 28px;
  height: 28px;
  margin: 0 10px 0 13px;
  border-radius: 4px;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .captcha-box #captchaLogin > div {
  position: relative;
  top: -22px;
  left: -13px;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line {
  background-color: rgba(223, 223, 223, 0.2);
  height: 65px;
  align-items: center;
  padding: 0 16px;
  margin: 20px 0 10px 0;
  position: relative;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line {
    padding: 0 30px;
  }
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content {
  position: relative;
  flex: 1;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input {
  width: 100%;
  background-color: transparent;
  border: none;
  line-height: 65px;
  height: 65px;
  box-sizing: border-box;
  margin-left: 30px;
  padding-top: 17px;
  font-size: 13px;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input::-webkit-input-placeholder {
  color: #fff;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:-ms-input-placeholder {
  color: #fff;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input::placeholder {
  color: #fff;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:-webkit-autofill ~ .floating-label,
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:focus ~ .floating-label,
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:not(:focus):valid ~ .floating-label,
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:not(:placeholder-shown) {
  top: 15px;
  opacity: 1;
  transform: translateY(0);
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:-webkit-autofill ~ .floating-label,
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:focus ~ .floating-label,
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:not(:focus):valid ~ .floating-label {
  font-size: 12px;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:not(:placeholder-shown),
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input:not(:focus):valid {
  font-size: 13px;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content input,
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content .floating-label {
  color: #fff;
  font-family: BaiJamjureeBold;
  font-size: 16px;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line .input-content .floating-label {
  position: absolute;
  pointer-events: none;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease all;
}
@-webkit-keyframes autofill {
  to {
    color: #fff;
    background-color: transparent;
  }
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .input-line.user-line {
  margin-bottom: 2px;
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .box-alert.error {
  color: red;
  font-size: 14px;
  padding-left: 30px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .box-alert.error {
    padding-left: 45px;
  }
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box a.forgot-pass {
  margin: 10px 0 0 74px;
  font-size: 14px;
  display: block;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box a.forgot-pass {
    margin: 10px 0 0 88px;
  }
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .submit-area {
  margin-top: 40px;
  padding: 0 10px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .submit-area {
    padding: 0 60px;
  }
}
.new-erp .main-login .login-content aside .box-login form[name="formLoginERP"] fieldset.input-box .submit-area button.btn-login {
  background-color: transparent;
  border: 2px solid #fff;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-family: BaiJamjureeBold;
  box-sizing: border-box;
  height: 56px;
  line-height: 54px;
  width: 100%;
}
.new-erp .main-login .login-content aside .domains-box {
  display: none;
}
.new-erp .main-login .login-content aside .domains-box .domains {
  margin: 0 0 40px 20px;
}
.new-erp .main-login .login-content aside ul.domain-list {
  margin: 20px 0 25px 40px;
  max-height: 370px;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login .login-content aside ul.domain-list {
    max-height: 435px;
  }
}
.new-erp .main-login .login-content aside ul.domain-list li {
  cursor: pointer;
  margin-bottom: 5px;
  text-align: left;
  font-style: italic;
  font-size: 14px;
  max-width: 245px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-erp .main-login .login-content aside ul.domain-list li span.name {
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  color: #d1ff93;
}
.new-erp .main-login .login-content aside .domains-box .text,
.new-erp .main-login .login-content aside .box-forgot-password .text {
  margin-top: 30px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .domains-box,
  .new-erp .main-login .login-content aside .box-forgot-password {
    width: 300px;
  }
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login .login-content aside .domains-box,
  .new-erp .main-login .login-content aside .box-forgot-password {
    width: 100%;
  }
}
.new-erp .main-login .login-content aside .box-forgot-password,
.new-erp .main-login .login-content aside .message-email {
  display: none;
}
.new-erp .main-login .login-content aside .message-email {
  background: url(../png/img-login-ok.png) center 68px no-repeat;
  padding-top: 220px;
  font-size: 18px;
  height: 548px;
  position: relative;
  text-align: center;
  top: 70px;
  z-index: 0;
}
.new-erp .main-login .login-content aside .message-email p {
  line-height: 1.4em;
}
.new-erp .main-login .login-content aside .message-email p.warning {
  margin-top: 30px;
  font-size: 16px;
  padding: 0 40px;
  line-height: 1.2em;
}
.new-erp .main-login .login-content aside .message-email p b.address {
  word-wrap: break-word;
  margin-top: 10px;
  display: block;
  font-size: 15px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-forgot-password {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login .login-content aside .box-forgot-password {
    margin-left: 0;
  }
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box {
  margin-bottom: 35px;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line {
  background-color: rgba(223, 223, 223, 0.2);
  height: 65px;
  align-items: center;
  padding: 0 16px;
}
@media screen and (min-width: 1366px) {
  .new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line {
    padding: 0 30px;
  }
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content {
  position: relative;
  flex: 1;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input {
  width: 100%;
  background-color: transparent;
  border: none;
  line-height: 65px;
  height: 65px;
  box-sizing: border-box;
  margin-left: 30px;
  padding-top: 17px;
  font-size: 13px;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input::-webkit-input-placeholder {
  color: #fff;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:-ms-input-placeholder {
  color: #fff;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input::placeholder {
  color: #fff;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:-webkit-autofill ~ .floating-label,
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:focus ~ .floating-label,
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:not(:focus):valid ~ .floating-label,
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:not(:placeholder-shown) {
  top: 15px;
  opacity: 1;
  transform: translateY(0);
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:-webkit-autofill ~ .floating-label,
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:focus ~ .floating-label,
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:not(:focus):valid ~ .floating-label {
  font-size: 12px;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:not(:placeholder-shown),
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input:not(:focus):valid {
  font-size: 13px;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content input,
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content .floating-label {
  color: #fff;
  font-family: BaiJamjureeBold;
  font-size: 16px;
}
.new-erp .main-login .login-content aside .box-forgot-password .input-box .input-line .input-content .floating-label {
  position: absolute;
  pointer-events: none;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease all;
}
@-webkit-keyframes autofill {
  to {
    color: #fff;
    background-color: transparent;
  }
}
.new-erp .main-login .login-content aside .box-forgot-password .step-domain {
  display: none;
}
.new-erp .main-login .login-content section.login-ad {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.new-erp .main-login .login-content section.login-ad .box-photo-area {
  max-width: 1024px;
  margin: 0 auto;
  max-height: 625px;
  overflow: hidden;
  height: 100%;
}
.new-erp .main-login .login-content section.login-ad .box-photo-area.banner-alelo {
  display: none;
}
@media screen and (min-width: 1920px) {
  .new-erp .main-login .login-content section.login-ad .box-photo-area {
    height: 668px;
  }
}
.new-erp .main-login .login-content section.login-ad .ad-loader-container {
  width: 1024px;
  height: 100%;
}
.new-erp .main-login .login-content section.login-ad .ad-loader-container iframe {
  display: block;
}
.new-erp .main-login .login-content section.login-ad .ad-loader-container iframe,
.new-erp .main-login .login-content section.login-ad .ad-loader-container > div {
  margin: 0px auto;
}
.new-erp .main-login .login-content section.login-ad .ad-loader-container .ad-loader {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sprite-new-erp {
  background: url(../png/sprite-new-erp.png) no-repeat;
  display: block;
}
.sprite-new-erp.logo-plataform {
  width: 109px;
}
.sprite-new-erp.logo-plataform.mup {
  background-position: 0 0;
  height: 52px;
}
.sprite-new-erp.suporte {
  width: 45px;
  height: 45px;
  background-position: -235px -102px;
}
.sprite-new-erp.back {
  display: none;
  width: 35px;
  height: 35px;
  background-position: -206px -218px;
  border: none;
  position: absolute;
  top: 20px;
  right: 20px;
  transform: rotate(180deg);
  z-index: 1;
}
.sprite-new-erp.email-warning {
  width: 32px;
  height: 28px;
  background-position: -99px -53px;
  margin: 0 auto 20px auto;
  transform: scale(1.5);
  filter: invert(66%) sepia(95%) saturate(1919%) hue-rotate(357deg) brightness(93%) contrast(116%);
}
.app-loader {
  overflow: hidden;
  z-index: 99999;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  opacity: 0.45;
  background: #000;
}
.app-loader:before {
  content: "";
  width: 140px;
  height: 140px;
  background-image: url('../svg/loader_2.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 140px 140px;
  -o-background-size: 140px 140px;
  -webkit-background-size: 140px 140px;
  background-size: 140px 140px;
  position: fixed;
  border-radius: 70px;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 1000px #9ab96f inset !important;
    -webkit-text-fill-color: #fff !important;
}