/*
* **********************************
* ################################## ESTILOS DE FORMULARIOS
* **********************************
*/

/*
========================
======================== GERAL
========================
*/

label{
    margin-bottom: 10px;
}

.form-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-group label{
    flex-basis: 49.5%;
}

@media(max-width: 940px){
    .form-group label{
        flex-basis: 100%;
    }
}

input,
select,
textarea{
    background-color: #FFF;
    width: 100%;
    padding: 15px;
    font-size: 1.6rem;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: .4s;
}


input:focus,
select:focus,
textarea:focus{
    border: solid 2px #18A0E0;
    transition: .4s;
}

.field-error {
    border: solid 2px #D95757 !important
}

.field-warning {
    border: solid 2px #FFA92B !important
}

.field-info {
    border: solid 2px #46A7F5 !important
}

.field-success {
    border: solid 2px #6ABC6D !important
}

.btn{
    background-color: #ff7260;
    font-size: 1.6rem;
    color: #FFF;
    padding: 15px;
    cursor: pointer;
    appearance: none;
    border-radius: 4px;
    transition: .4s;
}

.btn:hover {
    background-color: #bd3f2f;
}

/*
========================
======================== DIALOG
========================
*/

.sweet-overlay {
    background-color: rgba(243, 241, 239, 0.7);
}

.sweet-alert button {
    background: #ff7260 !important;
    transition: .4s;
}

.sweet-alert button:hover {
    background: #bd3f2f !important;
}