/* ### START FLOATING LABELS ### */

/* Automatically slide the floating label up when autofill is active */
input:-webkit-autofill+.floating-label,
input:-webkit-autofill:hover+.floating-label,
input:-webkit-autofill:focus+.floating-label {
   display: initial;
}

input:autofill+.floating-label,
input:autofill:hover+.floating-label,
input:autofill:focus+.floating-label {
   display: initial;
}

label.floating-label, label.select-floating-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #999999;
    line-height: 16px;
    width: auto;
    z-index: 101;
}

.floating-label-field,
.floating-label-wrap {
    height: auto;
    position: relative;
}

.floating-label-field+.floating-label {
    position: absolute;
    display: none
}

.floating-label-field:not(:placeholder-shown)+.floating-label {
    top: 6px;
    left: 30px;
    display: initial;
}

input[name='email'].form-control:not(:placeholder-shown),
input[name='password'].form-control:not(:placeholder-shown),
input[name='recuperar-password-email'].form-control:not(:placeholder-shown),
input[name='repeat-password'].form-control:not(:placeholder-shown) {
    padding: 20px 15px 5px 15px;
}

#loginForm input,
.change-password-form input,
.recover-change-container input,
.change-user-container input {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #000000;

    background-color: #EDEDED !important;
    border-color: #EDEDED;
    border-width: 1px;
    border-style: solid;

    border-radius: 10px;
    padding-left: 15px;
    height: 44px;
}

#loginForm input:focus,
#loginForm input:hover,
.change-password-form input:focus,
.change-password-form input:hover,
.recover-change-container input:focus,
.recover-change-container input:hover,
.change-user-container input:focus,
.change-user-container input:hover {
    border-color: #EDEDED;
    border-width: 1px;
    border-style: solid;
}

#loginForm input[name='password'],
.recover-change-container input[name='password'],
.recover-change-container input[name='repeat-password'] {
    border-radius: 10px 0px 0px 10px;
}

input[name='email']::placeholder,
input[name='password']::placeholder,
input[name='recuperar-password-email']::placeholder,
input[name='repeat-password']::placeholder {
    padding-left: 0px;
}

/* ### END FLOATING LABELS ### */

.LoginPage .google-pub-container {
    display: block;
}
    
.col-content {
    float: unset;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}
    
.col-widgets-left {
    display: none;
}

.col-widgets-right {
    display: none;
}
    
.ChangeUserPage nav {
    border-bottom: 0px;
}

.menu-container .menu-container-cell.fechar {
    margin: 8px 0px;
}

.menu-container .menu-container-cell.fechar img {
    height: 22px;
}

.login .col-content-100,
.change-user .col-content-100 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

#loginForm .ver-password,
.recover-change-container .ver-password {
    background-color: #EDEDED;
    border-color: #EDEDED !important;
    border-radius: 0px 10px 10px 0px;
    width: 40px;
}

#loginForm .ver-password input,
.recover-change-container .ver-password input {
    border-color: #EDEDED !important;
    padding: 0px;
    width: 30px;
    margin: auto;
}

input:focus {
    box-shadow: 0 0 0 rgb(255, 255, 255) !important;
}

input.error:focus {
    box-shadow: 0 0 5px #FF3C50 !important;
}

#loginForm button[name='doLogin'],
.recover-change-container button[name='doChangePassword'],
.change-user-container button[name='doChangeUser'] {
    width: 100%;
    border: 0px;
    background: #FDA100;
    color: #000;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 20px;
}

#loginForm .alert,
.change-password-form .alert
.recover-change-container .alert,
.change-user-container .alert {
    font-size: 16px;
    padding: 10px;
    text-align: left;
}

#loginForm .alert button,
.change-password-form .alert button,
.recover-change-container .alert button,
.change-password-form .alert button {
    position: absolute;
    right: 10px;
    top: 10px;
}

.PasswordRecoveryPage nav,
.LoginPage nav {
    border: 0px;
}

.PasswordRecoveryPage main,
.LoginPage main {
    margin-top: 80px;
}

.LoginPage main.login-first {
    margin-top: 80px;
    text-align: center;
}

.LoginPage main.login-first .change-password-form {
    text-align: left;
}

.LoginPage main.login-first img.logo {
    height: 48px;
    margin-bottom: 30px;
    margin-right: 0px;
}

.LoginPage main.login-first .welcome {
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
}

.LoginPage main.login-first .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.LoginPage main.login-first .aceitar-termos {
    margin-bottom: 15px;
}

.LoginPage main.login-first .password {
    margin-bottom: 15px;
}

.LoginPage main.login-first .aceitar-termos label {
    font-size: 12px;
    font-weight: 400;

    left: 25px;
    padding: 0px 30px 0px 0px;
    text-align: left;
}

.LoginPage main.login-first .aceitar-termos label:before,
.LoginPage main.login-first .aceitar-termos label:after {
    left: -25px;
}

.LoginPage main.login-first .aceitar-termos label a {
    text-decoration: underline;
}

.LoginPage main.login-first .recover-success-container img.logo {
    height: auto;
}

.loginContainer {
    display: block;
    width: auto;
    margin: auto auto 30px auto;
}

.loginContainer a {
    text-decoration: none;
}

.loginContainer .col-left {
    display: block;
    width: 100%;
    padding: 0px 0px 20px 0px;
    text-align: center;
    border-bottom: 0px;
}

.loginContainer .col-left .title {
    color: #FDA100;
    font-weight: 600;
    font-size: 22px;
    line-height: 125%;
}

.loginContainer .col-left .manter-sessao-container {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    text-align: left;
    padding: 0px;
    margin-bottom: 15px;
}

.loginContainer .col-left input[type="checkbox"].manter-sessao {
    max-width: 25px;
    height: auto !important;
    transform: scale(1.5);
    vertical-align: middle;
    background: #F2F2F2;
    margin: 0px 10px 3px 10px;
}

.loginContainer .col-left .info {
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    background: #EDEDED;
    color: #000;
    border-radius: 10px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
}

.loginContainer .col-left .manter-sessao-container {
    position: relative;
}

.loginContainer .col-left .manter-sessao-container .info-container {
    display: none;
    border: 1px solid #FDA100;
    border-radius: 10px;
    padding: 15px;
    position: absolute;
    background: #FFF;
    margin: 10px auto;
    z-index: 10;
}

.loginContainer .col-left .recuperar {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

.loginContainer .col-left .recuperar a {
    text-decoration: underline;
}

.loginContainer .col-left .recuperar .recuperar-password-container {
    /* display: none; */
    border-top: 1px solid #FDA100;
    padding: 15px 0px;
    /*position: absolute;*/
    background: #FFF;
    margin: 20px auto;
    text-transform: none;
    border-radius: unset;
}

.loginContainer .col-left .recuperar .recuperar-password-container .alert {
    margin-top: 20px;
    text-align: left;
}

.loginContainer .col-left .recuperar .recuperar-password-container .recuperar-password-email {
    position: relative;
}

.loginContainer .col-left .recuperar .recuperar-password-container .recuperar-password-email label {
    left: 15px;
}

.loginContainer .col-left .recuperar .recuperar-password-container input[name='recuperar-password-email'] {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    background-color: #EDEDED;
    border-color: #EDEDED;
    border-radius: 10px;
    padding-left: 15px;
    height: 44px;
    margin: 20px 0px 15px 0px;
    text-align: left;
}

.loginContainer .col-left .recuperar .recuperar-password-container .continuar {
    width: 100%;
    border: 1px solid #FDA100;
    background: #FFF;
    color: #FDA100;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;

/*    cursor: pointer;*/
}

.loginContainer .col-right {
    display: block;
    width: 100%;
    border-left: 0px;
    border-top: 1px dotted #888;
    padding: 20px 0px 0px 0px;
    text-align: center;
}

.loginContainer .col-right .container-no-account {
    background: #FDA100;
    padding: 25px 30px;
}

.loginContainer .col-right .container-no-account .title {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px
}

.loginContainer .col-right .container-no-account .description {
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0px;
}

.loginContainer .col-right .container-no-account .subscrever {
    width: 100%;
    background: #000000;
    color: #FFFFFF;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
}

.recoverSendContainer,
.recover-change-container,
.recover-success-container {
    margin: auto;
    text-align: center;
}

.recoverSendContainer a,
.recover-change-container a,
.recover-success-container a {
    text-decoration: none;
}

.recoverSendContainer .logo {
    margin-bottom: 20px;
    margin-left: 20px;
}

.recover-change-container .logo {
    margin-bottom: 20px;
    margin-right: 5px;
}

.recover-success-container .logo {
    margin-bottom: 20px;
    margin-left: 20px;
}

.recoverSendContainer .title,
.recover-change-container .title,
.recover-success-container .title {
    color: #FDA100;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
}

.recover-change-container {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    padding-top: 20px;
    margin-top: 20px;
}

.recoverSendContainer .confirmar,
.recover-change-container .confirmar,
.recover-success-container .confirmar,
.change-user-success-container .confirmar {
    width: 300px;
    border: 0px;
    background: #FDA100;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 44px;
    margin: auto;
}

.change-user-success-container .confirmar {
    width: 200px !important;
    color: #000000 !important;
}

.change-user-success-container a {
    text-decoration: none;
}

.recoverSendContainer .description {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dotted #707070;
}

.recoverSendContainer .description a {
    text-decoration: underline;
}

.change-user-container,
.change-user-success-container {
    padding-top: 25px;
    text-align: center;
    margin: auto;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.change-user-container .logo,
.change-user-success-container .logo {
    margin-bottom: 25px;
}

.change-user-container .title,
.change-user-success-container .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #FDA100;
    line-height: 22px;
    max-width: 250px;
    margin: auto;
}

.change-user-container .subtitle,
.change-user-success-container .subtitle {
    font-family: 'Montserrat', sans-serif;

    font-size: 18px;
    font-weight: 400;
    color: #FDA100;
    line-height: 25px;
    max-width: 250px;
    margin: auto;
}

.change-user-container .separador,
.change-user-success-container .separador {
    font-family: 'Montserrat', sans-serif;
    font-size: 1px;
    font-weight: 400;
    color: #CECECE;
    line-height: 1px;
    max-width: 250px;
    margin: 20px auto;
}

.change-user-container .info,
.change-user-success-container .info {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    max-width: 250px;
    margin: auto auto 20px auto;
}

.change-user-container .justify-content-center {
    margin-bottom: 10px;
}

.change-user-container .floating-label-wrap {
    max-width: unset;
}

.change-user-container button[name='doChangeUser'] {
    max-width: unset;
}

.login-first .error,
.login .error {
    text-align: left;
    padding: 15px;
}

.change-user .error {
    text-align: left;
    padding: 15px;
}

#loginForm .form-control.error {
    box-shadow: 0 0 5px #FF3C50;
    border: 2px solid #FF3C50;
    text-align: left;
    padding: 15px;
}

#loginForm .form-control.error::placeholder {
  color: #FF3C50;
  opacity: 1; /* Firefox needs this */
}

/* Change the floating label placeholder text colour when a field has errors */
#loginForm .floating-label-field+label.error:not([style*="none"])+.floating-label {
  color: #FF3C50;
}

.error {
    color: #FF3C50;
}

label.error {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    padding-left: 0px;
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    
    /* ### START FLOATING LABELS ### */
   label.floating-label, label.select-floating-label {
       font-family: 'Montserrat', sans-serif;
       font-size: 12px;
       font-weight: 400;
       font-style: normal;
       color: #999999;
       line-height: 16px;
       width: auto;
       z-index: 101;
   }

   .floating-label-field,
   .floating-label-wrap {
       height: auto;
       position: relative;
   }

   .floating-label-field+.floating-label {
       position: absolute;
   }

   .floating-label-field+.floating-label {
       display: none
   }

   .floating-label-field:not(:placeholder-shown)+.floating-label {
       top: 6px;
       left: 30px;
       display: initial;
   }

   input[name='email'].form-control:not(:placeholder-shown),
   input[name='password'].form-control:not(:placeholder-shown),
   input[name='recuperar-password-email'].form-control:not(:placeholder-shown),
   input[name='repeat-password'].form-control:not(:placeholder-shown) {
       padding: 20px 15px 5px 15px;

   }

   #loginForm input,
   .change-password-form input {
       font-family: 'Montserrat', sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
       color: #000000;
       background-color: #EDEDED;
       border-color: #EDEDED;
       border-radius: 10px;
       padding-left: 15px;
       height: 44px;
   }

   input:focus {
       box-shadow: 0 0 0 rgb(255, 255, 255) !important;
   }

   input.error:focus {
       box-shadow: 0 0 5px #FF3C50 !important;
   }

   #loginForm input[name='password'],
   .change-password-form input[name='password'],
   .change-password-form input[name='repeat-password'] {
       border-radius: 10px 0px 0px 10px;
   }

   input[name='email']::placeholder,
   input[name='password']::placeholder,
   input[name='recuperar-password-email']::placeholder,
   input[name='repeat-password']::placeholder {
       padding-left: 0px;
   }

   /* ### END FLOATING LABELS ### */

   .menu-container .menu-container-cell.fechar {
   }

    .menu-container .menu-container-cell.fechar img {
    }

   #loginForm .ver-password,
   .change-password-form .ver-password {
       background-color: #EDEDED;
       border-color: #EDEDED !important;
       border-radius: 0px 10px 10px 0px;
       width: 40px;
   }

   #loginForm .ver-password input,
   .change-password-form .ver-password input {
       padding: 0px;
       width: 30px;
       margin: auto;
   }

   #loginForm button[name='doLogin'],
   .change-password-form button[name='doChangePassword'] {
       width: 100%;
       border: 0px;
       background: #FDA100;
       color: #000;
       border-radius: 10px;
       text-transform: uppercase;
       font-size: 14px;
       font-weight: 600;
       line-height: 44px;
       margin-bottom: 20px;
   }

   #loginForm .alert,
   .change-password-form .alert,
   .recover-change-container .alert {
       font-size: 16px;
       padding: 10px;
       text-align: left;
   }

   #loginForm .alert button,
   .change-password-form .alert button,
   .recover-change-container .alert button {
       position: absolute;
       right: 10px;
       top: 10px;
   }

   .LoginPage main.login-first .aceitar-termos {
        margin-bottom: auto;
    }

    .LoginPage main.login-first .password {
        margin-bottom: auto;
    }

   .PasswordRecoveryPage nav,
   .LoginPage nav {
       border: 0px;
   }

   .PasswordRecoveryPage main,
   .LoginPage main {
       margin-top: 100px;
   }

   .loginContainer {
       display: table;
       width: auto;
       margin: auto auto 30px auto;
   }

   .loginContainer a {
       text-decoration: none;
   }

   .loginContainer .col-left {
       display: table-cell;
       vertical-align: top;
       padding-right: 15px;
       padding-bottom: 0px;
       text-align: center;
       width: 400px;
       border-bottom: 0px;
   }

   .loginContainer .col-left .title {
       color: #FDA100;
       font-weight: 600;
       font-size: 22px;
       line-height: 125%;
   }

   .loginContainer .col-left .manter-sessao-container {
       font-family: 'Montserrat', sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
       color: #000;
       text-align: left;
       padding: 0px;
       margin-bottom: 15px;
   }

   .loginContainer .col-left input[type="checkbox"].manter-sessao {
       max-width: 25px;
       height: auto !important;
       transform: scale(1.5);
       vertical-align: middle;
       background: #F2F2F2;
       margin: 0px 10px 3px 10px;
   }

   .loginContainer .col-left .info {
       width: 24px;
       height: 24px;
       display: inline-block;
       text-align: center;
       background: #EDEDED;
       color: #000;
       border-radius: 10px;
       font-weight: 600;
       line-height: 24px;
       cursor: pointer;
   }

   .loginContainer .col-left .manter-sessao-container {
       position: relative;
   }

   .loginContainer .col-left .manter-sessao-container .info-container {
       display: none;
       border: 1px solid #FDA100;
       border-radius: 10px;
       padding: 15px;
       position: absolute;
       background: #FFF;
       margin: 10px auto;
       z-index: 10;
   }

   .loginContainer .col-left .recuperar {
       position: relative;
       font-size: 14px;
       font-weight: 400;
       color: #000;
       text-transform: uppercase;
   }

   .loginContainer .col-left .recuperar a {
       text-decoration: underline;
   }

   .loginContainer .col-left .recuperar .recuperar-password-container {
       /* display: none; */
       border-top: 1px solid #FDA100;
       padding: 15px 0px;
       /*position: absolute;*/
       background: #FFF;
       margin: 20px auto;
       text-transform: none;
       border-radius: unset;
   }

   .loginContainer .col-left .recuperar .recuperar-password-container .recuperar-password-email {
       position: relative;
   }

   .loginContainer .col-left .recuperar .recuperar-password-container .recuperar-password-email label {
       left: 15px;
   }

   .loginContainer .col-left .recuperar .recuperar-password-container input[name='recuperar-password-email'] {
       font-family: 'Montserrat', sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
       color: #000000;
       background-color: #EDEDED;
       border-color: #EDEDED;
       border-radius: 10px;
       padding-left: 15px;
       height: 44px;
       margin: 20px 0px 15px 0px;
       text-align: left;
   }

   .loginContainer .col-left .recuperar .recuperar-password-container .continuar {
       width: 100%;
       border: 1px solid #FDA100;
       background: #FFF;
       color: #FDA100;
       border-radius: 10px;
       text-transform: uppercase;
       font-size: 14px;
       font-weight: 500;
       line-height: 44px;

/*       cursor: pointer;*/
   }

   .loginContainer .col-right {
       display: table-cell;
       border-top: 0px;
       border-left: 1px dotted #888;
       padding-left: 15px;
       text-align: center;
       width: 400px;
       padding-top: 0px;
   }

   .loginContainer .col-right .container-no-account {
        background: #FDA100;
        padding: 25px 30px;
    }

   .loginContainer .col-right .container-no-account .title {
       color: #000000;
       font-size: 22px;
       font-weight: 600;
       margin-bottom: 5px
   }

   .loginContainer .col-right .container-no-account .description {
       color: #000000;
       font-size: 30px;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .loginContainer .col-right .container-no-account .subscrever {
       width: 100%;
       border: 0px;
       background: #000000;
       color: #ffffff;
       border-radius: 10px;
       text-transform: uppercase;
       font-size: 16px;
       font-weight: 700;
       line-height: 44px;
       margin: auto;
   }

   .recoverSendContainer,
   .recover-change-container,
   .recover-success-container {
       margin: auto;
       text-align: center;
       max-width: 440px;
    }

   .recoverSendContainer a,
   .recover-change-container a,
   .recover-success-container a {
       text-decoration: none;
   }

   .recoverSendContainer .logo {
       margin-bottom: 20px;
       margin-left: 20px;
   }

   .recover-change-container .logo {
       margin-bottom: 20px;
       margin-right: 5px;
   }

   .recover-success-container .logo {
       margin-bottom: 20px;
       margin-left: 20px;
   }

   .recoverSendContainer .title,
   .recover-change-container .title,
   .recover-success-container .title {
       color: #FDA100;
       font-weight: 600;
       font-size: 22px;
       line-height: 26px;
       margin-bottom: 20px;
   }

   .recoverSendContainer .confirmar,
   .recover-change-container .confirmar,
   .recover-success-container .confirmar,
   .change-user-success-container .confirmar {
       width: 300px;
       border: 0px;
       background: #FDA100;
       color: #fff;
       border-radius: 10px;
       text-transform: uppercase;
       font-size: 14px;
       font-weight: 400;
       line-height: 44px;
       margin: auto;
   }

   .change-user-success-container .confirmar {
        width: 200px !important;
        color: #000000 !important;
    }

    .change-user-success-container a {
        text-decoration: none;
    }

   .recoverSendContainer .description {
       color: #000;
       font-size: 14px;
       font-weight: 300;
       padding-top: 20px;
       margin-top: 20px;
       border-top: 1px dotted #707070;
   }

   .recoverSendContainer .description a {
       text-decoration: underline;
   }

    .change-user-container,
    .change-user-success-container {
        padding-top: 25px;
        text-align: center;
        margin: auto;
        width: 60%;
    }

    .change-user-container .logo,
    .change-user-success-container .logo {
        margin-bottom: 25px;
    }

    .change-user-container .title,
    .change-user-success-container .title {
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #FDA100;
        line-height: 22px;
        margin: 0px;
        max-width: unset;
    }

    .change-user-container .subtitle,
    .change-user-success-container .subtitle {
        font-family: 'Montserrat', sans-serif;
        font-size: 19px;
        font-weight: 400;
        color: #FDA100;
        line-height: 25px;
        max-width: unset;
    }

    .change-user-container .separador,
    .change-user-success-container .separador {
        font-family: 'Montserrat', sans-serif;
        font-size: 1px;
        font-weight: 400;
        color: #CECECE;
        line-height: 1px;
        max-width: 250px;
    }

    .change-user-container .info,
    .change-user-success-container .info {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        max-width: unset;
    }

    .change-user-container .floating-label-wrap {
        max-width: 320px;
    }

    .change-user-container button[name='doChangeUser'] {
        max-width: 200px;
    }
}

@media (min-width: 1300px) {
    .col-content {
        float: left;
        width: calc(100% - 640px);
        margin-left: auto;
        margin-right: auto;
    }

    .col-widgets-left {
        display: block !important;
        width: 320px;
        padding-left: 0px;
        padding-right: 15px;
        margin-left: inherit;
        margin-right: inherit;
    }
    
    .col-widgets-right {
        display: block !important;
        width: 320px;
        padding-left: 15px;
        padding-right: 0px;
        margin-left: inherit;
        margin-right: inherit;
    }
    
    .LoginPage .google-pub-container {
        display: none;
    }
}

@media (min-width: 1800px) {

}