html {
  min-height: 100%;
}
body {
  font-family: Arial;
  font-size: 12px;
  background-image: url('images/login2_imagemfundo2.jpg');
  background-size: contain;
  background-repeat: no-repeat;
}
.csadvancedweblogo2 {
  display: none;
}
@media (max-width: 768px) {
  #btnUpdateCaptcha {
    margin-left: -5px;
  }
}
@media (min-width: 768px) {
  body {
    overflow-y: auto;
  }
}
.menu-link,
.menu-link:hover,
.menu-link:visited {
  color: #868889;
  text-decoration: none;
  margin-right: 20px;
}
.lateralCube {
  height: 65px;
  width: 90px;
  background-color: #026632;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .lateralCube {
    width: 75px;
  }
}
#loginbody {
  margin-bottom: 90px;
  float: left;
}
#companyLogoContainer {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
}
#loginInfo {
  text-align: center;
  margin-bottom: 35px;
  font-weight: bolder;
  color: #bcbcbc;
  padding-left: 0px;
  padding-right: 0px;
}
#loginfooter {
  bottom: 0;
  left: 0;
  right: 0;
  height: 90px;
  position: fixed;
  background-color: #026632;
}
@media (min-width: 768px) {
  #loginfooter .loginfooterSection1 {
    position: relative;
    top: -55px;
    min-height: 25px;
  }
  #loginfooter .loginfooterSection2 {
    margin-top: -33px;
    height: 90px;
  }
}
@media (min-width: 769px) {
  #loginfooter .loginfooterSection1 {
    position: absolute;
    top: -55px;
    min-height: 25px;
  }
  #loginfooter .loginfooterSection2 {
    margin-top: 0px;
    height: 90px;
  }
}
@media (max-width: 769px) {
  #loginbody {
    margin-top: 0px !important;
    margin-bottom: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
#loginleft {
  text-align: center;
}
#imgcaptchaholder {
  background-color: #bcbcbc;
  text-align: center !important;
  border-radius: 4px;
}
#imgcaptcha {
  border-radius: 3px;
  width: 120px;
  height: 40px;
}
#csadvancedwebdiv {
  text-align: center;
}
hr {
  border-top: 1px solid black;
}
#csadvancedwebdivlicense .menu-link,
#csadvancedwebdivlicense .menu-link:hover,
#csadvancedwebdivlicense .menu-link:visited {
  color: white;
}
#csadvancedwebdivlicense #btnLicense {
  position: absolute;
  top: 43%;
  margin-left: 15px;
}
#systemDescription {
  margin-top: 100px;
  padding-left: 0px;
}
#systemDescription {
  margin-left: 20px;
  font-size: 20px;
  color: black;
  margin-bottom: 3px;
  white-space: nowrap;
}
.formLogin {
  margin-top: -40px;
}
.btnAcessar {
  color: white;
  width: 100%;
  background-color: #026632;
}
.btnAcessarSemSenha {
  color: white;
  width: 100%;
  background-color: #026632;
}
@media (min-width: 767px) {
  #loginleft {
    height: 400px;
  }
  .loginlogo {
    position: relative;
    top: 35%;
  }
}
@media (max-width: 767px) {
  .loginlogo {
    margin-top: 20px;
  }
  #divcaptcha {
    text-align: center !important;
    width: 100%;
  }
  #btnLicense {
    position: relative;
    top: 60px;
    margin-bottom: 15px;
  }
}
.csadvancedweblogo {
  background-image: url('images/login2_csadvanced_web.png');
  background-repeat: no-repeat;
  background-size: 201px 89px;
  -webkit-background-size: 201px 89px;
  -moz-background-size: 201px 89px;
  -o-background-size: 201px 89px;
  display: inline-block;
  width: 201px;
  height: 89px;
  vertical-align: middle;
  margin-left: -20px;
}
.loginlogo {
  background-image: url('images/logoclimaterium.png');
  background-repeat: no-repeat;
  background-size: 217px 81px;
  -webkit-background-size: 217px 81px;
  -moz-background-size: 217px 81px;
  -o-background-size: 217px 81px;
  display: inline-block;
  width: 217px;
  height: 81px;
  vertical-align: middle;
}
#iconeliberar {
  background-image: url('images/icone_liberar.png');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  -webkit-background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -o-background-size: 18px 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.iconesetaseguir {
  background-image: url('images/icone_seta_seguir.png');
  background-repeat: no-repeat;
  background-size: 23px 22px;
  -webkit-background-size: 23px 22px;
  -moz-background-size: 23px 22px;
  -o-background-size: 23px 22px;
  display: inline-block;
  width: 23px;
  height: 22px;
  vertical-align: middle;
}
.iconeatualizarcaptcha {
  background-image: url('images/icone_atualizar_captcha.png');
  background-repeat: no-repeat;
  background-size: 22px 22px;
  -webkit-background-size: 22px 22px;
  -moz-background-size: 22px 22px;
  -o-background-size: 22px 22px;
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-left: -14px;
  margin-top: 9px;
}
@media (min-width: 768px) {
  .iconeatualizarcaptcha {
    margin-top: 9px;
  }
}
#logocsoftware {
  background-image: url('images/login2_logo_csoftware.png');
  background-repeat: no-repeat;
  background-size: 135px 48px;
  -webkit-background-size: 135px 48px;
  -moz-background-size: 135px 48px;
  -o-background-size: 135px 48px;
  display: inline-block;
  width: 135px;
  height: 48px;
  vertical-align: middle;
  float: right;
  margin-right: -15px;
  margin-top: 20px;
}
#systemVersion {
  color: white;
  font-size: 8px;
  position: relative;
  left: 70px;
  top: -37px;
}
#moduleName {
  color: white;
  font-size: 8px;
  position: relative;
  left: 70px;
  top: -37px;
}
@media (max-width: 767px) {
  #systemVersion {
    left: -8px;
    display: none;
  }
  #moduleName {
    left: 31px;
    top: -25px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
  .moduleName-Doctor {
    left: 42px !important;
  }
}
#companyLogo {
  background-image: url('images/logoclimaterium.png');
  background-repeat: no-repeat;
  background-size: 217px 81px;
  -webkit-background-size: 217px 81px;
  -moz-background-size: 217px 81px;
  -o-background-size: 217px 81px;
  display: inline-block;
  width: 217px;
  height: 81px;
  vertical-align: middle;
}
@media (max-width: 1200px) {
  #companyLogo {
    margin-left: -33px;
  }
}
@media (max-width: 768px) {
  #companyLogo {
    margin-left: 0px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .marg-button-acesso {
    margin-bottom: 35px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #companyLogo {
    background-image: url('images/2x/logoclimaterium.png');
  }
  #iconeliberar {
    background-image: url('images/2x/icone_liberar_mobile.png');
  }
  .csadvancedweblogo {
    background-image: url('images/2x/login2_csadvanced_web.svg');
  }
  .csadvancedweblogo2 {
    background-image: url('images/2x/login2_logo_csoftware.svg');
  }
  .iconesetaseguir {
    background-image: url('images/2x/icone_seta_mobile.png');
  }
  .logocsoftware {
    background-image: url('images/2x/login2_logo_csoftware.png');
  }
}
#loginmenu {
  text-align: right;
  padding-top: 40px;
}
#logindata {
  background-color: none;
}
#logindata.lessmargintop {
  margin-top: 100px;
}
#logindata label {
  color: #868889;
  font-weight: normal;
  text-align: right;
}
#loginform .form-group label,
#loginform .form-group div {
  text-align: right;
}
#logindatafooterlogo {
  text-align: center;
  margin-top: 40px;
}
.leftbutton {
  padding-left: 0px;
}
#loginsubmitxs {
  margin-top: 2px;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  #logindata {
    margin-top: auto;
  }
}
#loginerrordiv {
  padding-left: 20px;
  padding-right: 18px;
  text-align: left;
}
#loginerror {
  padding: 10px;
  margin: 0px;
  text-align: left !important;
}
#imgSubmit {
  margin-top: 4px;
}
.btnRecaptcha {
  text-align: left !important;
}
#footersystemdescription {
  color: white;
  margin-left: 15px;
}
.loginformcontainer {
  background: white;
  border-bottom: 1px solid #026632;
  margin-bottom: 15px;
  margin-top: auto;
  max-width: none;
  flex-direction: column;
  height: auto;
}
.loader {
  display: none;
}
/*dispositivos moveis*/

@media (max-width: 767px) {
  #login {
    display: none;
    opacity: 0;
  }
  .bodyclass {
    background-image: url('images/new_login_mobile.svg');
    background-size: cover;
  }
  .bodyclass::before {
    content: '';
    inset: 0;
    position: absolute;
    background-color: #026632;
    opacity: 80%;
    z-index: -1;
  }
  .btnRecaptcha {
    text-align: left !important;
  }
  .loginformcontainer {
    background: white;
    border-radius: 24px;
    border-bottom: none;
    margin-bottom: 15px;
    margin-top: auto;
    max-width: none;
    flex-direction: column;
    height: auto;
  }
  #loginfooter {
    text-align: center;
    background-color: transparent !important;
    height: 59px !important;
    margin-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .loginfooterSection2 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .csadvancedweblogo {
    background-size: 135px 59px !important;
    -webkit-background-size: 135px 59px !important;
    -moz-background-size: 135px 59px !important;
    -o-background-size: 135px 59px !important;
    width: 135px !important;
    height: 59px !important;
    margin-left: 0px !important;
  }
  .csadvancedweblogo2 {
    display: inline-block;
    background-size: 135px 59px !important;
    -webkit-background-size: 135px 59px !important;
    -moz-background-size: 135px 59px !important;
    -o-background-size: 135px 59px !important;
    width: 135px !important;
    height: 59px !important;
  }
  .loginfooterSection3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 0px;
    padding-left: 0px;
  }
  .supportedBrowsers {
    display: none !important;
  }
  .titleModule {
    text-align: center;
    color: white;
    font-size: 28px;
    font-family: Wix Madefor Text;
    font-weight: 700;
    word-wrap: break-word;
  }
  .btnAcessar {
    margin-bottom: 14px !important;
    border-radius: 9px;
    padding: 12px 10px;
    height: 49px;
    color: white;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 700;
  }
  #companyLogoContainer {
    margin-top: 0px !important;
    padding-top: 30px;
    margin-bottom: 46px !important;
  }
  #loginInfo {
    margin-bottom: 0px !important;
    text-align: start;
    align-self: stretch;
    color: black;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 700;
  }
  .form-group {
    margin-bottom: 16px !important;
  }
  .form-control {
    padding: 12px 10px !important;
    height: 40px !important;
  }
  .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
  }
  .main-text {
    color: #026632;
    font-size: 18px;
    font-weight: 500;
    margin-left: 0;
    opacity: 0;
    transform: translateX(0);
    animation-name: slideRight, slideLeft;
    animation-duration: 0.5s, 0.5s;
    animation-delay: 0s, 2.5s;
    animation-fill-mode: forwards;
  }
  .sub-text {
    color: black;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5.5px;
    opacity: 0;
    transform: translateY(-25px);
    animation-name: dropDown, dropUp;
    animation-duration: 0.5s, 1s;
    animation-delay: 0.5s, 1.5s;
    animation-fill-mode: forwards;
  }
  .loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
  }
  .circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 7px solid transparent;
    animation-name: fadeCircle, unfadeCircle;
    animation-duration: 1.5s, 1.5s;
    animation-delay: 0s, 5s;
    animation-fill-mode: forwards;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .uncircle {
    animation-name: unfadeCircle;
    animation-duration: 3s;
    animation-delay: 6.5s;
    animation-fill-mode: ease forwards;
  }
  .loading-img {
    -webkit-mask: url('images/2x/loding_logo.svg');
    mask: url('images/2x/loding_logo.svg');
    mask-size: cover;
    background: #026632;
    width: 60px;
    height: 60px;
  }
  #texts {
    display: none;
  }
  @keyframes fadeCircle {
    0% {
      background: linear-gradient(white, white) padding-box, linear-gradient(90deg, rgba(2, 102, 50, 0) 43.58%, #026632 50.6%, rgba(51, 51, 51, 0) 57.49%) border-box;
    }
    10% {
      background: linear-gradient(white, white) padding-box, linear-gradient(60.71deg, rgba(2, 102, 50, 0.1) 26.6%, #026632 49.91%, rgba(51, 51, 51, 0.1) 72.76%) border-box;
    }
    50% {
      background: linear-gradient(white, white) padding-box, linear-gradient(4.13deg, rgba(2, 102, 50, 0.5) 3.38%, #026632 50.73%, rgba(51, 51, 51, 0.5) 97.14%) border-box;
    }
    100% {
      background: linear-gradient(white, white) padding-box, linear-gradient(4.13deg, #026632 3.38%, #026632 50.73%, #026632 97.14%) border-box;
    }
  }
  @keyframes unfadeCircle {
    0% {
      background: linear-gradient(white, white) padding-box, linear-gradient(4.13deg, #026632 3.38%, #026632 50.73%, #026632 97.14%) border-box;
    }
    10% {
      background: linear-gradient(white, white) padding-box, linear-gradient(4.13deg, rgba(2, 102, 50, 0.5) 3.38%, #026632 50.73%, rgba(51, 51, 51, 0.5) 97.14%) border-box;
    }
    50% {
      background: linear-gradient(white, white) padding-box, linear-gradient(60.71deg, rgba(2, 102, 50, 0.1) 26.6%, #026632 49.91%, rgba(51, 51, 51, 0.1) 72.76%) border-box;
    }
    100% {
      background: linear-gradient(white, white) padding-box, linear-gradient(90deg, rgba(2, 102, 50, 0) 43.58%, #026632 50.6%, rgba(51, 51, 51, 0) 57.49%) border-box;
    }
  }
  @keyframes moveLeft {
    to {
      transform: translateX(-4.5px);
    }
  }
  @keyframes slideRight {
    to {
      transform: translateX(4.5px);
      opacity: 1;
    }
  }
  @keyframes slideLeft {
    to {
      transform: translateX(0);
      opacity: 0;
    }
  }
  @keyframes dropDown {
    to {
      transform: translateY(-10px);
      opacity: 1;
    }
  }
  @keyframes dropUp {
    to {
      transform: translateY(-25px);
      opacity: 0;
    }
  }
  @keyframes opacityChange {
    to {
      opacity: 1;
    }
  }
}