:root {
    --main-color: #0873B9;
    --secondary-color: #3CB64B;
  }

.main-color{
    background-color: var(--main-color) !important;
    color:white;
}

.alt-color{
    background-color: #FF4A3C !important;
    color:white;
}

.title-conf {
    background-color: var(--main-color);
}
/* -------------------------------------------------------------------------- */
/*                                    INPUT                                   */
/* -------------------------------------------------------------------------- */


input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown {
    border-bottom: 1px solid var(--main-color);
    -webkit-box-shadow: 0 1px 0 0 var(--main-color);
    box-shadow: 0 1px 0 0 var(--main-color);
}
.input-field input[type=text] + label {
    color: var(--main-color);
}

.input-field input[type=text]:focus + label {
    color: var(--main-color);
}

.input-field input[type=text]:active + label {
    color: var(--main-color);
}


.input-field input[type=text]:focus {
    border-bottom: 1px solid var(--main-color);
    box-shadow: 0 1px 0 0 var(--main-color);
  }

  
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid var(--main-color);
  -webkit-box-shadow: 0 1px 0 0 var(--main-color);
          box-shadow: 0 1px 0 0 var(--main-color);
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: var(--main-color);
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: var(--main-color);
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: var(--main-color);
}

/* --------------------------------- SELECT --------------------------------- */

.dropdown-content li > a, .dropdown-content li > span {
    color: var(--main-color);
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid var(--main-color);
  }

/* -------------------------------- CHECKBOX -------------------------------- */
[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
}

/* -------------------------------------------------------------------------- */
/*                                   BOTONES                                  */
/* -------------------------------------------------------------------------- */
.btn, .btn-large, .btn:active, .btn-large:active, .btn:focus, .btn-large:focus, .btn:hover, .btn-large:hover {
    background-color: var(--main-color);
    color:white;
}

/* -------------------------------------------------------------------------- */
/*                                    TABS                                    */
/* -------------------------------------------------------------------------- */
.tabs .tab a:hover, .tabs .tab a.active {
    color: var(--main-color);
}
.tabs .indicator {
    background-color: var(--main-color);
}

/* -------------------------------------------------------------------------- */
/*                                   GRILLA                                   */
/* -------------------------------------------------------------------------- */
.current {
    background-color: var(--main-color) !important;
}

.next {
    background-color: var(--main-color) !important;
}

.previous {
    background-color: var(--main-color) !important;
}

nav {
    background-color: var(--main-color);
}