body {
    position: static;
}

#imgLogin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#corpoLogin {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000;
    background-attachment: fixed;
    background-size: 100%;
    opacity: 0.6;
}

.pt-p-10{
    padding-top: 10%;
}

.pl-p-7{
    padding-left: 7%;
}

.pt-30{
    padding-top: 30px !important;
}
#bemVindo {
    padding-top: 15%;
    padding-left: 3%;
}

#imgBemVindo {
    display: block;
    margin: auto;
}

#dadosLogin {
    border-left: rgba(255, 255, 255, 0.37);
    border-left-style: solid;
    border-left-width: 2px;
}

.inputLogin {
    height: 60px;
    min-height: 60px;
    background-color: black;
    border: none;
    opacity: 0.5;
    display: block;
    width: 100%;
    font-size: 14px;
    /*font-family: Helvetica, sans-serif;*/
    color: white;
    padding: 15px;
    border-radius: 2px;
}

    .inputLogin::-moz-placeholder {
        color: #fff;
        padding: 15px;
    }

    .inputLogin:-ms-input-placeholder {
        color: #fff;
        padding: 15px;
    }

    .inputLogin::-webkit-input-placeholder {
        color: #fff;
        padding: 15px;
    }

form {
    margin-bottom: 0;
}

#mostrarSenha {
    display: none;
    right: 30px;
    position: absolute;
    top: 19px;
    cursor: pointer;
    font-size: 20px;
    color: dimgray;
}

#esqueciSenha {
    font-size: 12px;
    color: #193553 !important;
}

    #esqueciSenha:link {
        color: #193553 !important;
    }

    #esqueciSenha:visited {
        color: #193553 !important;
    }

    #esqueciSenha:hover {
        color: #193553 !important;
        cursor: pointer;
    }

    #esqueciSenha:active {
        color: #193553 !important;
    }

.btnLogin {
    border: none;
    border-radius: 0px;
    padding: 15px 50px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: rgba(25, 53, 83, 1);
}

    .btnLogin:hover {
        border: none;
        border-radius: 0px;
        padding: 15px 50px;
        font-size: 12px;
        font-weight: bold;
        color: white;
        background-color: rgba(25, 53, 83, 1);
        cursor: pointer;
    }

    .btnLogin:focus {
        outline: 2px solid rgba(13, 110, 253, 0.5);
    }

.btnLoginCarregando {
    border-radius: 0px;
    padding: 15px 30px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background-color: rgba(25, 53, 83, 1);
}

    .btnLoginCarregando:hover {
        border-radius: 0px;
        padding: 15px 30px;
        font-size: 12px;
        font-weight: bold;
        color: white;
        background-color: rgba(25, 53, 83, 1);
    }

.erroLogin {
    border-style: solid !important;
    border-color: red !important;
    border-width: 2px !important;
}


.alert {
    border: 0;
    border-radius: 3px;
    position: relative;
    padding: 20px 15px;
    line-height: 20px;
}

    .alert b {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 12px;
    }

    .alert, .alert.alert-default {
        background-color: white;
        color: #555555;
    }

        .alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link {
            color: #555555;
        }

        .alert.alert-inverse {
            background-color: #292929;
            color: #fff;
        }

            .alert.alert-inverse a, .alert.alert-inverse .alert-link {
                color: #fff;
            }

        .alert.alert-primary {
            background-color: #a72abd;
            color: #ffffff;
        }

            .alert.alert-primary a, .alert.alert-primary .alert-link {
                color: #ffffff;
            }

        .alert.alert-success {
            background-color: #55b559;
            color: #ffffff;
        }

            .alert.alert-success a, .alert.alert-success .alert-link {
                color: #ffffff;
            }

        .alert.alert-info {
            background-color: #00cae3;
            color: #ffffff;
        }

            .alert.alert-info a, .alert.alert-info .alert-link {
                color: #ffffff;
            }

        .alert.alert-warning {
            background-color: #ff9e0f;
            color: #ffffff;
        }

            .alert.alert-warning a, .alert.alert-warning .alert-link {
                color: #ffffff;
            }

        .alert.alert-danger {
            background-color: #f55145;
            color: #ffffff;
        }

            .alert.alert-danger a, .alert.alert-danger .alert-link {
                color: #ffffff;
            }

        .alert.alert-rose {
            background-color: #ea2c6d;
            color: #ffffff;
        }

            .alert.alert-rose a, .alert.alert-rose .alert-link {
                color: #ffffff;
            }

.alert-info, .alert-danger, .alert-warning, .alert-success, .alert-rose {
    color: #ffffff;
}

.alert-default a, .alert-default .alert-link {
    color: rgba(0,0,0, 0.87);
}

.alert span {
    display: block;
    max-width: 89%;
}

.alert.alert-danger {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

    .alert.alert-danger i {
        color: #f44336;
    }

.alert.alert-warning {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

    .alert.alert-warning i {
        color: #ff9800;
    }

.alert.alert-success {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}

    .alert.alert-success i {
        color: #4caf50;
    }

.alert.alert-info {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

    .alert.alert-info i {
        color: #00bcd4;
    }

.alert.alert-primary {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

    .alert.alert-primary i {
        color: #9c27b0;
    }

.alert.alert-rose {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}

    .alert.alert-rose i {
        color: #e91e63;
    }

.alert.alert-with-icon {
    padding-left: 66px;
}

    .alert.alert-with-icon i[data-notify="icon"] {
        font-size: 30px;
        display: block;
        left: 15px;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        color: #fff;
    }

.alert .close {
    line-height: .5;
}

    .alert .close i {
        color: #fff;
        font-size: 11px;
    }

.alert i[data-notify="icon"] {
    display: none;
}

.alert .alert-icon {
    display: block;
    float: left;
    margin-right: 1.071rem;
}

    .alert .alert-icon i {
        margin-top: -7px;
        top: 5px;
        position: relative;
    }

.alert [data-notify="dismiss"] {
    margin-right: 5px;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn,
    .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}