﻿html, body {
    height: 100%;
    overflow: hidden;
    /*background-color: #e2e2e2;*/
}

body {
    position: relative;
    background-image: url("../../images/back/loginwp_1_R01.png");
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 1200px)  {
    .rowParent {
        height: 100%;
    }
}

.pre-box-login {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.box-login {
    width: 360px;
    padding: 20px;
    background-color: white;
}

    .box-login .logo img {
        display: block;
        margin: auto;
    }

    .box-login .form-login {
        padding-top: 10px;
    }

        .box-login .form-login .form-control {
            border-left: none;
        }

        .input-group-text {
            background-color: transparent;
            border-right: none;
        }

.btn-facebook {
    color: #fff;
    background-color: #4267B2;
    border-color: #4267B2;
}

    .btn-facebook:focus, .btn-facebook:hover {
        color: #fff;
        background-color: #3c5c9c;
        border-color: #3c5c9c;
    }

    .btn-facebook:active {
        background-color: #314c82;
        border-color: #314c82;
    }

.btn-google {
    color: #fff;
    background-color: #DB4437;
    border-color: #DB4437;
}

    .btn-google:focus, .btn-google:hover {
        color: #fff;
        background-color: #c23d32;
        border-color: #c23d32;
    }

    .btn-google:active {
        background-color: #b2382e;
        border-color: #b2382e;
    }

.btn svg {
    margin-right: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.ou {
    width: 100%;
    text-align: center;
    color: #808080;
}

.btn-primary {
    background-color: #5bb3cf;
    border: 1px solid #5bb3cf;
}

    .btn-primary:hover {
        background-color: #4e9bb4;
        border: 1px solid #4e9bb4;
    }

    .btn-primary:active, .btn-primary:focus {
        background-color: #417e92 !important;
        border: 1px solid #417e92 !important;
    }