body{
    padding-top: 6rem;
    padding-bottom: 2rem;
    font-family: 'Roboto', sans-serif;
}
.back {
    top: .8rem;
    left: 1rem;
    padding: 0;
    border: none;
    font-size: .8rem;
    color: var(--main);
    position: absolute;
    text-decoration: none;
    background: transparent;
}
    .back:hover{
        color: var(--sky4);
    }
    .back svg{
        margin-right: .4rem;
    }
.logo{
    text-align: center;
    padding-bottom: 5rem;
}
@media only screen and (max-width: 991px){
    .logo{
        padding-bottom: 4rem;
    }
}
.main .container {
    padding: 0 9rem 0rem !important;
}
    .main .container .col-12 {
        padding: 0 4rem;
        text-align: center;
    }
        .main .container .col-12 .title {
            line-height: 1;
            font-size: 1.4rem;
            color: var(--sky4);
            margin-bottom: 3rem;
        }
        .main .container .col-12 .subtitle {
            font-size: .8rem;
            font-weight: 300;
            color: var(--black1);
            margin-bottom: 2.8rem;
        }
        .main .container .col-12.login {
            border-right: 1px solid var(--gray);
        }
            .main .container .col-12.login .form {
                text-align: center;
            }
            .main .container .col-12.login .form .form-group{
                margin-bottom: 1rem;
            }
                .main .container .col-12.login .form .form-control {
                    width: 80%;
                    height: 2.2rem;
                    margin: 0 auto;
                    box-shadow: none;
                    text-align: left;
                    font-size: .8rem;
                    border-radius: .6rem;
                    border: 1px solid var(--sky2);
                }
                    .main .container .col-12.login .form .form-control:hover,
                    .main .container .col-12.login .form .form-control:focus {
                        border-color: var(--main);
                    }
                    .main .container .col-12.login .form .form-control::placeholder{
                        text-align: center;
                        color: var(--sky3);
                    }
                    .main .container .col-12.login .form .form-control::placeholder{
                        text-align: center;
                        color: var(--sky3);
                    }
                    .main .container .col-12.login .form .form-control::-o-placeholder{
                        text-align: center;
                        color: var(--sky3);
                    }
                    .main .container .col-12.login .form .form-control::-ms-placeholder{
                        text-align: center;
                        color: var(--sky3);
                    }
                    .main .container .col-12.login .form .form-control::-moz-placeholder{
                        text-align: center;
                        color: var(--sky3);
                    }
                    .main .container .col-12.login .form .form-control::-webkit-placeholder{
                        text-align: center;
                        color: var(--sky3);
                    }
                .main .container .col-12.login .form button {
                    width: 10rem;
                    border: none;
                    height: 2.3rem;
                    margin-top: 0px;
                    font-size: .8rem;
                    color: var(--white);
                    margin-bottom: .5rem;
                    background: var(--main);
                }
                    .main .container .col-12.login .form button:hover {
                        color: var(--main);
                        background: var(--white);
                    }
                    .main .container .col-12.login .form button[disabled] {
                        color: var(--white);
                        background: var(--gray);
                    }
                .main .container .col-12.login .form .hint-google{
                    font-size: .7rem;
                    color: var(--sky3);
                    margin-bottom: 1.5rem;
                }
                    .main .container .col-12.login .form .hint-google a{
                        font-weight: 600;
                        color: var(--main);
                        text-decoration: none;
                    }
                        .main .container .col-12.login .form .hint-google a:hover{
                            color: var(--sky3);
                        }
                .main .container .col-12.login .form a.forgot {
                    line-height: 1;
                    font-size: .8rem;
                    color: var(--gray);
                    display: inline-block;
                    text-decoration: none;
                }
                    .main .container .col-12.login .form a.forgot:hover{
                        color: var(--main);
                    }
        .main .container .col-12.register .subtitle{
            margin-bottom: 4rem;
        }
        .main .container .col-12.register a {
            width: 15rem;
            border: none;
            line-height: 1;
            height: 2.5rem;
            font-size: 1rem;
            text-align: center;
            padding: .7rem 2rem;
            color: var(--white);
            text-decoration: none;
            display: inline-block;
            background: var(--main);
        }
            .main .container .col-12.register a:hover {
                color: var(--main);
                background: #ffffff;
            }
@media only screen and (max-width: 1199px){
    .main .container {
        padding: 0 0 0 !important;
    }
}
@media only screen and (max-width: 991px){
    .main .container .col-12 {
        padding: 0 1.5rem 2rem;
    }
        .main .container .col-12.login {
            border-right: none;
            margin-bottom: 1rem;
        }
            .main .container .col-12.login .form{
                padding-bottom: 3rem;
                border-bottom: 1px solid var(--gray);
            }
        .main .container .col-12 .title{
            margin-bottom: 1rem;
        }
        .main .container .col-12 .subtitle{
            margin-bottom: 2rem !important;
        }
}
.alert.alert-bold.alert-solid-danger.alert-dismissible {
    padding: 0;
    background: transparent;
}
.alert.alert-bold.alert-solid-danger.alert-dismissible .alert-text {
    color: #ff5c6b;
    line-height: 1.3;
    font-size: 11px;
    text-align: center;
}
.alert.alert-bold.alert-solid-success.alert-dismissible {
    background: transparent;
    color: #37e63e;
    padding: 0;
    line-height: 1;
    font-size: 13px;
}
.top-bar {
    position: absolute;
    top: 20px;
}

.volver {
    border: none;
    background: transparent;
    color: #8a008b;
    padding: 0;
    font-size: 13px;
    text-decoration: none;
    outline: none;
}

.paises {
    color: #8a008b;
    font-size: 13px;
    text-align: right;
}

.paises a {
    border: none;
    background: transparent;
    color: #8a008b;
    font-size: 13px;
    text-decoration: none;
    outline: none;
    padding: 0.5rem 1rem;
}

.paises .dropdown-menu {
    margin-top: 15px !important;
}