.login-container h2 {text-align: center; font-size: x-large; color: #337ab7; } .login-container input[type=text], .login-container input[type=password] {padding-left: 35px; margin-bottom: 5px; } .login-container input[type=text]::-webkit-input-placeholder, .login-container input[type=password]::-webkit-input-placeholder {color: #8a8a8a !important; } @media screen and (min-width: 1201px) {.login-container {width: 900px; margin: auto; } } @media screen and (max-width: 990px) {.login-container .col-md-6:first-child {border-bottom:1px solid rgb(200,200,200); } } @media screen and (min-width: 991px) {.login-container .col-md-6:first-child {border-right:1px solid rgb(200,200,200); } } @media screen and (min-width: 768px) and (max-width: 991px) {.login-container .col-md-6 {padding-left:100px; padding-right:100px; } } .dados-incorretos {font-style: italic; color: #ff0000; margin-bottom: 10px; } #waitRecSenha, #tentarNovamenteRecSenha, #msgRecSenha {display: none; } .sem-weight {font-weight: normal; }

.login-container #loginCliente h2  {
  margin-top: 45px;
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 600;
  font-size: 21px;
  letter-spacing: 0px;
  color: #262626;
  opacity: 1;
}

input[type=checkbox], input[type=radio] #showPass {

    text-align: left;
    font: normal normal medium 21px/14px Roboto;
    letter-spacing: 0px;
    color: #262626;
    opacity: 1;
}


input[type="checkbox"] #manter:not(:checked),
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  display: none;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}


[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 1.2em;
  height: 1.2em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  position: absolute;
  top: 0.17em;
  left: 0.2em;
  line-height: 0.9;
  color: black;
  transition: all .2s;
  font-family: Fontawesome;
  font-size: small;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  margin-top: 1px;
  content: "\f00c";
}

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.box-show-pass label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
@media  screen and (max-width: 767px){
     #loginCliente .btn-enter-mobile {

        width: 100%;
        background : #36A836 0% 0% no-repeat padding-box !important;
        border-radius: 5px !important;
        opacity: 1;
        text-align: center;
        font: normal normal normal 16px/23px Roboto;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        height: 45%;
        font-size: unset;
        margin-top: 15px;
    }
}
.btn-enter-mobile {
    text-align: center;
    font: normal normal normal 16px/23px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

a {
    text-align: left;
    font: normal normal normal 14px/26px Roboto;
    letter-spacing: 0px;
    color: var(--main-color);
    opacity: 1;
}

.login-container h2 {

    text-align: left;
    font: normal normal medium 21px/14px Roboto;
    letter-spacing: 0px;
    color: #262626;
    opacity: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px){
    .col-md-6  .btn.modal-petz-btn {


    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 1px solid #36A836;
    border-radius: 5px !important;
    opacity: 1;
    text-align: center;
    font: normal normal normal 16px/23px Roboto;
    letter-spacing: 0px;
    height: 45px;
    line-height: 1;
    font-size: unset;
    }
}

label {

    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}
.recuperarSenhaLink{
  margin-bottom: 12px;
}

.login-container h2 {
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  letter-spacing: 0px;
  font-size: 18px;
  font-weight: 600;
  color: #262626;
  opacity: 1;
  margin-top: 15px;
}

.login-container input[type=text], .login-container input[type=password] {
  padding-left: 35px;
  margin-bottom: 5px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #BABABA;
  font: italic normal normal 14px/26px Roboto;
  letter-spacing: 0px;
  color: #6E6E6E;
  opacity: 1;
}

.sem-weight {
  text-align: left;
  font: normal normal normal 14px/26px Roboto;
  letter-spacing: 0px;
  color: #262626;
  opacity: 1;
  margin-bottom: 4px;
  font-weight: 400;
  line-height: inherit;
}

.btn-redondo-transparente {

  text-align: center;
  font: normal normal normal 16px/23px Roboto;
  letter-spacing: 0px;
  color: #36A836 !important;
  opacity: 1;
}
.fa-envelope-o.petz-field-icon {
  font-size: 18px;
}

.form-group div{
  position: relative;
}
.form-group .petz-field-icon, .form-group .petz-select-icon {
  padding-top: 0;
}

.loginCheckBox label, .box-show-pass label{
  height: 20px;
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.login-container input[type=text]::placeholder {
  font-weight: 400;
}

i.fa.fa-lock.petz-field-icon {
  top: 33px;
}

i.fa.fa-envelope-o.petz-field-icon {
  top: 33px;
}

@media screen and (max-width: 1023px) {
  i.fa.fa-lock.petz-field-icon {
    top: 8px;
  }

  i.fa.fa-envelope-o.petz-field-icon {
    top: 6px;
  }
}