html,
body {
    font-size: 100%;
    line-height: 1.5;
    height: 100%;
    line-height: 30px;
	min-height: 100%;
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
    overflow-y: auto;
    /* Add vertical scrollbar */
} 

body {
    font-size: 0.9rem;
    font-weight: 300;
}

strong {
    font-weight: 500;
}

a,
a:hover,
a:focus {
    color: #4aaf51;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

h1,
h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img {
    max-width: 100%;
}

::-moz-selection {
    text-shadow: none;
}

::selection {
    text-shadow: none;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 10px;
    color: #000;
    text-align: right;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 10px;
    text-align: right;
    color: #000;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 10px;
    text-align: right;
    color: #000;
}


/* Background Image */

.bg-body-login-custom {
    background: url('/simce/assets/img/bg-login.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-body-login-simce-cloud {
    background: url('/simce/assets/img/clientes/poa.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eff0f1;
}


/* Top Content */

.top-content .text {
    color: #000000;
}

.top-content .text h1 {
    color: #000000;
}

.top-content .description {
    margin: 20px 0 10px 0;
}

.top-content .description p {
    opacity: 0.8;
}

.top-content .description a {
    color: #000000;
}

.top-content .description a:hover,
.top-content .description a:focus {
    border-bottom: 1px dotted #000000;
}


/* Form Content */

.form-box {
    margin-top: 35px;
    margin-bottom: 0px;
   /* background: white;*/
    padding: 2em 2em 0.2em 2em;
    border-radius: .25em;
    -webkit-filter: drop-shadow(0 0 2em rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 0 2em rgba(0, 0, 0, 0.2));
    transition: opacity .4s ease-in-out, height .4s ease-in-out, transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
   background: #fff9;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-center {
    text-align: center;
    padding-top: 25px;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background:#fff9;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom form textarea {
    height: 100px;
}

.form-bottom form button.btn {
    width: 6.5rem;
}

.form-bottom form .input-error {
    border-color: #4aaf51;
}


/* Form Element */

.field {
    position: relative;
    margin-bottom: 2em;
}

.label {
    height: 2rem;
    line-height: 2rem;
    bottom: 0;
    color: #000;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.input {
    width: 100%;
    font-size: 100%;
    border: 0;
    padding: 0;
    background-color: transparent;
    height: 2rem;
    line-height: 2rem;
    border-bottom: 1px solid #eee;
    color: #000;
    transition: all .2s ease-in;
}

.input:focus {
    outline: 0;
    border-color: #000
}

.input:focus+.label,
input:valid+.label {
    transform: translateY(-100%);
    font-size: 0.75rem;
    color: #000;
}


/* Button */

.btn {
    border: 0;
    font-size: 0.75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    color: white;
    background: #2e6e67;
    text-transform: uppercase;
    border-radius: .25rem;
    letter-spacing: .2em;
    transition: background .2s;
    font-weight: bold;
}

.btn:focus {
    outline: 0;
}

.btn:hover,
.btn:focus {
    background: #3c857c;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-centralized {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Footer Content */

.footer {
    bottom: 0;
    margin-top: 10px;
    padding-top: 50px;
    text-align: center;
}

.copyright-login {
    margin-top: 35px;
}

.copyright-login h6 {
    color: #000000;
}

.copyright-login-buttons {
    margin-top: 25px;
}


/* Text Content */

.text-description {
    text-align: center;
    margin: 15px 0 15px 0;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}


/* Loader */

.loader-gif {
    width: 200px;
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin-left: -100px;
    display: none;
    text-align: center;
}


/* IMG Brazão */

.brazao-box {
    margin-top: 10px;
    padding-top: 5px;
}

.img-init-login {
    width: 450px;
    margin: 40px;
    padding: 35px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-old-login {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}


/* Container Login */

.login-form-content {
    padding-top: 2em;
    margin-top: 1em;
}

/* @media (max-width: 811px) {
    .form-bottom form button.btn {
        width: 6.5rem;
        margin-left: 45%;
    }
} */