/*Global*/
.body-sign .panel-sign .panel-title-sign .title {
    background-color: #252a34;
}

.body-sign .panel-sign .panel-body {
    border-top-color: #252a34;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

body .btn-primary {
    border-color: #252a34 !important;
    background-color: #252a34;
}

body .btn-primary:hover, body .btn-primary:active {
    border-color: #c49537 !important;
    background-color: #c49537;
}

.msgsArea {
    display: none;
}

.msgsArea,
#inputsArea {
    padding-left: 15px;
    padding-right: 15px;
}

#recoverPassOpenModal {
    background-color: white;
    border: 0px;
    color: #0078c1;
    text-decoration: underline;
}

#recoverPassOpenModal:hover {
    color: #5cbbf5;
}

#buttonsArea {
    padding-left: 15px;
    padding-right: 15px;
}

#loginFbBtn {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #4285f4;
    background-color: #4285f4;
    height: 45px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    padding: 0px;
    line-height: 43px;
}

#loginFbBtn:hover {
    border-color: #609af9;
    background-color: #609af9;
}

#loginFbBtn .facebook-logo {
    width: 50px;
    height: 100%;
    float: left;
    border-right: 1px solid #457ad2;
    font-size: 20px;
}

#loginFbBtn .facebook-logo p {
    margin: 0px;
    line-height: 43px;
}

#loginGoogleBtn {
    width: 100%;
    border-radius: 6px;
    border: 1px solid white;
    background-color: white;
    height: 45px;
    color: #545454;
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    padding: 0px;
    line-height: 43px;
}

#loginGoogleBtn:hover {
    border-color: #f7f7f7;
    background-color: #f7f7f7;
}

#loginGoogleBtn .google-logo {
    width: 50px;
    height: 100%;
    float: left;
    border-right: 1px solid #eaeaea;
    font-size: 20px;
}

#loginGoogleBtn .google-logo p {
    margin: 0px;
    line-height: 43px;
}

#loginAppleBtn {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #171717;
    background-color: #171717;
    height: 45px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    padding: 0px;
    line-height: 43px;
}

#loginAppleBtn:hover {
    border-color: #3e3e3e;
    background-color: #3e3e3e;
}

#loginAppleBtn .apple-logo {
    width: 50px;
    height: 100%;
    float: left;
    border-right: 1px solid #333333;
    font-size: 20px;
}

#loginAppleBtn .apple-logo p {
    margin: 0px;
    line-height: 43px;
}

#loginTwitterBtn {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #2aa9e0;
    background-color: #2aa9e0;
    height: 45px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    padding: 0px;
    line-height: 43px;
}

#loginTwitterBtn:hover {
    border-color: #3ebff7;
    background-color: #3ebff7;
}

#loginTwitterBtn .twitter-logo {
    width: 50px;
    height: 100%;
    float: left;
    border-right: 1px solid #5f93ea;
    font-size: 20px;
}

#loginTwitterBtn .twitter-logo p {
    margin: 0px;
    line-height: 43px;
}

/*Celulares*/
@media (min-width: 0px) {
    body {
        background-color: #ecedf0;
        background-image: url('/Contents/Images/Login/NovoBackground.svg');
        background-size: cover;
    }

    .body-sign {
        max-width: 460px !important;
    }

    .panel-login {
        margin: 0px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 2px #bfbfbf;
    }

        .panel-login .panel-body {
            padding: 0px;
            border-radius: 20px;
            background-color: rgba(235, 235, 235, 0.8);
            /*height: calc(78vh - 36px);*/
            /*height: calc(60vh - 53px);*/
        }

    .panel-login .panel-body .row:first-child {
        height: 100%;
    }

    .panel-login .panel-body .row {
        margin: 0px;
    }

        .panel-login .panel-login-head {
            float: left;
            width: 100%;
            padding: 40px;
            background-color: #1a2532;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            height: 30%;
        }

        .panel-login .panel-login-head .logo-image {
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center center;
            min-height: 80px;
            max-height: 100px;
            width: 100%;
        }

    .panel-login .panel-login-content {
        float: left;
        width: 100%;
        height: 60%;
        padding: 0px 0px;
    }

    .panel-login-content form .usuarioField {
        margin-top: 8px;
    }

    .panel-login-content form .passwordField {
        margin-top: 4px;
    } 

    .panel-login-content form input[type='password'],
    .panel-login-content form input[type='text'] {
        border-radius: 8px !important;
        border-color: #e0e0e0;
    }

        .panel-login-content form input[type='password']:focus,
        .panel-login-content form input[type='text']:focus,
        .panel-login-content form select:focus {
            box-shadow: 0px 0px 10px 1px #39b54b;
        }

    .panel-login-content form .input-group-addon i {
        color: #cacaca;
    }

    .panel-login-content form .entrarBtnField {
        margin-top: 10px;
    } 

    .panel-login-content form button[type='submit'] {
        border-radius: 8px !important;
        height: 58px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .panel-login-content form a {
        background-color: transparent !important;
        text-decoration: none !important;
        color: black !important;
        font-weight: 600;
    }

    .panel-login-content form a:hover {
        text-decoration: underline !important;
    }

    .recoveryPassword,
    .withoutAccount {
        border-right: none;
        margin-top: 8px !important;
    }

    .logo-footer {
        margin-top: 10px;
    }

    .panel-login .panel-login-footer {
        float: left;
        width: 100%;
        height: 10%;
        padding: 26px 0px;
        padding: 1.25em 0px;
        display: none;
    }
}

/*Tables*/
@media (min-width: 768px) {
    body {
        background-color: #ecedf0;
        background-image: url('/Contents/Images/Login/NovoBackground.svg');
        /*background-attachment: fixed;*/
        background-size: cover;
    }

    .body-sign {
        max-width: 460px !important;
    }

    .panel-login {
        margin: 0px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 2px #bfbfbf;
    }

        .panel-login .panel-body {
            padding: 0px;
            border-radius: 20px;
            background-color: rgba(235, 235, 235, 0.8);
            /*height: calc(65vh - 36px);*/
        }

        .panel-login .panel-body .row:first-child {
            height: 100%;
        }

        .panel-login .panel-body .row {
            margin: 0px;
        }

        .panel-login .panel-login-head {
            float: left;
            width: 100%;
            padding: 44px;
            background-color: #1a2532;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            height: 30%;
        }

            .panel-login .panel-login-head .logo-image {
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center;
                min-height: 80px;
                max-height: 100px;
                width: 100%;
            }

        .panel-login .panel-login-content {
            float: left;
            width: 100%;
            height: 60%;
            padding: 18px 0px;
        }

    .panel-login-content form .usuarioField {
        margin-top: 20px;
    }

    .panel-login-content form .passwordField {
        margin-top: 15px;
    } 

    .panel-login-content form input[type='password'],
    .panel-login-content form input[type='text'] {
        border-radius: 8px !important;
        border-color: #e0e0e0;
    }

        .panel-login-content form input[type='password']:focus,
        .panel-login-content form input[type='text']:focus,
        .panel-login-content form select:focus{
            box-shadow: 0px 0px 10px 1px #39b54b;
        }

    .panel-login-content form .input-group-addon i {
        color: #cacaca;
    }

    .panel-login-content form .entrarBtnField {
        margin-top: 20px;
    } 

    .panel-login-content form button[type='submit'] {
        border-radius: 8px !important;
        height: 58px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .panel-login-content form a {
        background-color: transparent !important;
        text-decoration: none !important;
        color: black !important;
        font-weight: 600;
    }

    .panel-login-content form a:hover {
        text-decoration: underline !important;
    }

    .recoveryPassword {
        border-right: 1px solid black;
    }

    .recoveryPassword,
    .withoutAccount {
        margin-top: 20px !important;
    }

    .logo-footer {
        margin-top: 10px;
    }

    .panel-login .panel-login-footer {
        float: left;
        width: 100%;
        height: 10%;
        padding: 26px 0px;
        padding: 1.25em 0px;
        display: none;
    }
}

/*Desktops*/
@media (min-width: 992px) {
    body {
        background-color: #ecedf0;
        background-image: url('/Contents/Images/Login/NovoBackground.svg');
        /*background-attachment: fixed;*/
        background-size: cover;
    }

    .body-sign {
        max-width: 460px !important;
    }

    .panel-login {
        margin: 0px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 2px #bfbfbf;
    }

        .panel-login .panel-body {
            padding: 0px;
            border-radius: 20px;
            background-color: rgba(235, 235, 235, 0.8);
            /*height: calc(78vh - 36px);*/
        }

            .panel-login .panel-body .row:first-child {
                height: 100%;
            }

            .panel-login .panel-body .row {
                margin: 0px;
            }

        .panel-login .panel-login-head {
            float: left;
            width: 100%;
            padding: 56px;
            background-color: #1a2532;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            height: 30%;
        }

            .panel-login .panel-login-head .logo-image {
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center;
                min-height: 80px;
                max-height: 100px;
                width: 100%;
            }

        .panel-login .panel-login-content {
            float: left;
            width: 100%;
            height: 60%;
            padding: 18px 0px;
        }

    .panel-login-content form input[type='password'],
    .panel-login-content form input[type='text'] {
        border-radius: 8px !important;
        border-color: #e0e0e0;
    }

        .panel-login-content form input[type='password']:focus,
        .panel-login-content form input[type='text']:focus {
            box-shadow: 0px 0px 10px 1px #39b54b;
        }

    .panel-login-content form .input-group-addon i {
        color: #cacaca;
    }

    .panel-login-content form .entrarBtnField {
        margin-top: 20px;
    } 

    .panel-login-content form button[type='submit'] {
        border-radius: 8px !important;
        height: 58px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .panel-login-content form a {
        background-color: transparent !important;
        text-decoration: none !important;
        color: black !important;
        font-weight: 600;
    }

    .panel-login-content form a:hover {
        text-decoration: underline !important;
    }

    .recoveryPassword {
        border-right: 1px solid black;
    }

    .logo-footer {
        margin-top: 10px;
    }

    .panel-login .panel-login-footer {
        float: left;
        width: 100%;
        height: 10%;
        padding: 26px 0px;
        padding: 1.25em 0px;
        display: block;
    }
}

/*TVs*/
@media (min-width: 1200px) {
    body {
        background-color: #ecedf0;
        background-image: url('/Contents/Images/Login/NovoBackground.svg');
        /*background-attachment: fixed;*/
        background-size: cover;
    }

    .body-sign {
        max-width: 460px !important;
    }

    .panel-login {
        margin: 0px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 2px #bfbfbf;
    }

        .panel-login .panel-body {
            padding: 0px;
            border-radius: 20px;
            background-color: rgba(235, 235, 235, 0.8);
            /*height: calc(78vh - 36px);*/
        }

            .panel-login .panel-body .row:first-child {
                height: 100%;
            }

            .panel-login .panel-body .row {
                margin: 0px;
            }

        .panel-login .panel-login-head {
            float: left;
            width: 100%;
            padding: 65px 30px;
            background-color: #1a2532;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            height: 30%;
        }

            .panel-login .panel-login-head .logo-image {
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center;
                min-height: 80px;
                max-height: 100px;
                width: 100%;
            }

        .panel-login .panel-login-content {
            float: left;
            width: 100%;
            height: 60%;
            padding: 18px 0px;
        }

    .panel-login-content form .usuarioField {
        margin-top: 20px;
    }

    .panel-login-content form .passwordField {
        margin-top: 15px;
    } 

    .panel-login-content form input[type='password'],
    .panel-login-content form input[type='text'] {
        border-radius: 8px !important;
        border-color: #e0e0e0;
    }

        .panel-login-content form input[type='password']:hover,
        .panel-login-content form input[type='text']:hover,
        .panel-login-content form select:hover {
            box-shadow: 0px 0px 10px 1px #39b54b;
        }

    .panel-login-content form .input-group-addon i {
        color: #cacaca;
    }

    .panel-login-content form .entrarBtnField {
        margin-top: 20px;
    } 

    .panel-login-content form button[type='submit'] {
        border-radius: 8px !important;
        height: 58px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .panel-login-content form a {
        background-color: transparent !important;
        text-decoration: none !important;
        color: black !important;
        font-weight: 600;
    }

    .panel-login-content form a:hover {
        text-decoration: underline !important;
    }

    .recoveryPassword {
        border-right: 1px solid black;
    }

    .logo-footer {
        margin-top: 10px;
    }

    .panel-login .panel-login-footer {
        float: left;
        width: 100%;
        height: 10%;
        padding: 26px 0px;
        padding: 1.25em 0px;
    }
}