﻿
.login-card-change {
    max-width: 800px;
    min-height: 450px;
}

.login-main-change {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.form-field {
    padding-left: 10px;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),0 0 0 2px rgb(255, 255, 255),0.3em 0.3em 1em rgba(0, 0, 0, 0.4);
    border-radius: 25px;
}

.border-error {
    border: 1px solid #fb6b6b;
}

.border-success {
    border: 1px solid #239d36;
}

.text-success {
    color: #239d36;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    color: #fff;
    font-size: 1em;
}


/*.labelCorrect {
    color: green;
}

.labelIncorrect {
    color: red;
}

.wrapperModal {
    background-size: cover;
    border-radius: 15px;
}


.wrapperReset {
    max-width: 800px;
    min-height: 450px;
    margin: 10% auto;
    padding: 40px 30px 30px 30px;
    background-image: url(../image/login/img_sin_fondo.png);
    background-size: cover;
    border-radius: 15px;
}


.wrapperModal .form-field input {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    background: none;
    color: #666;
}

.wrapperModal .form-field {
    padding-left: 10px;
    margin-bottom: 20px;
    border-radius: 25px;
    box-shadow: inset 1px 2px 5px #cbced1, inset -1px -1px 5px #cbced1;
}

.wrapperValidate {
    background-size: cover;
    border-radius: 15px;
}

    .wrapperValidate .form-field input {
        width: 100%;
        display: block;
        border: none;
        outline: none;
        background: none;
        color: #666;
    }

    .wrapperValidate .form-field {
        padding-left: 10px;
        margin-bottom: 20px;
        border-radius: 25px;
        box-shadow: inset 1px 2px 5px #cbced1, inset -1px -1px 5px #cbced1;
        border: 2px solid green;
    }


.wrapperInvalidate {
    background-size: cover;
    border-radius: 15px;
}

    .wrapperInvalidate .form-field input {
        width: 100%;
        display: block;
        border: none;
        outline: none;
        background: none;
        color: #666;
    }

    .wrapperInvalidate .form-field {
        padding-left: 10px;
        margin-bottom: 20px;
        border-radius: 25px;
        box-shadow: inset 1px 2px 5px #cbced1, inset -1px -1px 5px #cbced1;
        border: 2px solid red;
    }


.btn {
    width: 100%;
    height: 40px;
    color: #fff;
    border-radius: 25px;
    letter-spacing: 1.5px;
    background: #0AA34C;
    background: -webkit-linear-gradient(to right, #0AA34C, #D3E066);
    background: linear-gradient(to right, #0AA34C, #D3E066);
    border: none;
}

.btnCancelar {
    width: 100%;
    height: 40px;
    color: #fff;
    border-radius: 25px;
    letter-spacing: 1.5px;
    background: #0AA34C;
    background: -webkit-linear-gradient(to right, #0AA34C, #D3E066);
    background: linear-gradient(to right, #FF1C0E, #FFB7B3);
    border: none;
}


.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    color: #fff;
    font-size: 1em;
}*/
