html {
    overflow: hidden;
}

body {
    background-image: url(/imagens/tela-korus_bg.jpg);
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-ribbon-inf{
    background: none
}

.main {
    padding: 10% 0 0 0;
}

.login {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-color: transparent;
    z-index: 999;
    padding: 30px 31px 50px;
}

    .login::after {
        content: "";
        background-color: #fff !important;
        opacity: 0.7;
        border-radius: 6px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
    }

    .master {
        width: 100%;
        height: calc(100% - 60px);
        display: block;
        position: relative;
        margin: 30px;
    }

    .master::after {
        content: "";
        background: linear-gradient(to right, #4DC0AD, transparent);
        opacity: 0.6;
        border-radius: 34px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }


.footer {
    background: none;
    border-top: 0;
    border-bottom: 0;
}
    .footer a{
        color: #fff;
    }

.login .form .form-group {
    margin: 8px 0 9px 0;
}

.form-control {
    height: 35px;
    border-radius: 5px;
}

.login .form {
    margin-top: 36px;
}

    .login .form .btn {
        background: linear-gradient(to right, #55B5BE, #43678F);
        border: 0;
    }

.mensagem {
    font-family: 'Exo 2', sans-serif;
    padding: 15% 0 0 22px;
    color: #fff;
    font-size: 21pt;
    font-weight: 200;
    line-height: 32px;
    text-transform: uppercase;
}

.alerta-importante {
    background: #B83438;
    color: #FFF;
    font-size: 1.2em;
    padding: 30px 15px 20px 15px;
    -webkit-text-stroke: 0;
    position: fixed;
    top: 0;
    width: 100%;
}