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

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

.form-group {
    margin-bottom: 20px;
}

select,
textarea,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    border: solid 2px transparent;
    font-family: 'Rubik', sans-serif;
    width: 100%;
    padding: 15px 0;
    text-indent: 20px;
    color: #201f1f;
    font-size: 1.6rem;
    resize: none;
    text-align: left;
    background-color: transparent;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

input:hover,
textarea:hover {
    border: solid 2px #006197;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

input:focus,
textarea:focus {
    border: solid 2px #18A0E0;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.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
}

/*
========================
======================== BUTTONS
========================
*/

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.8rem;
    text-align: center;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 20px;
    background-color: #f79321;
    border: 0;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.btn.disabled{
    background-color: #cccccc;
    cursor: default;
}

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

.btn.disabled:hover{
    background-color: #cccccc;
}

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

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

.sweet-alert button {
    background: #f79321 !important;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

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