/* Esquemas de color

Celeste:    #0586b0  #40b0e0  #0586b0  #04a6d2  #71b4b4
Superbebe:  #2184c6  #0086BC  #2184c6  #04a6d2  #71b4b4
*/

.precio-text {
   color: #2184c6;
}

.page-footer {
   background-color: #0086BC;
}

.btn {
   background-color: #0086BC;
}

.btn:hover {
   background-color: #2184c6;
}

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #04a6d2;
}

textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #0086BC;
  -webkit-box-shadow: 0 1px 0 0 #0086BC;
          box-shadow: 0 1px 0 0 #0086BC;
}

textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #0086BC;
}

.input-field .prefix.active {
  color: #0086BC;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid #0086BC;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #0086BC;
}

[type="checkbox"]:checked + label:before {
  border-right: 2px solid #0086BC;
  border-bottom: 2px solid #0086BC;
}

[type="checkbox"]:indeterminate + label:before {
  border-right: 2px solid #0086BC;
}

[type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #0086BC;
  background-color: #0086BC;
}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  background-color: #0086BC;
  border-color: #0086BC;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
          transform: scale(2.4);
  background-color: rgba(233, 30, 99, 0.15);
}

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 #0086BC;
  -webkit-box-shadow: 0 1px 0 0 #0086BC;
          box-shadow: 0 1px 0 0 #0086BC;
}

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: #0086BC;
}

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

input:not([type]).valid + label:after,
input:not([type]):focus.valid + label:after,
input[type=text]:not(.browser-default).valid + label:after,
input[type=text]:not(.browser-default):focus.valid + label:after,
input[type=password]:not(.browser-default).valid + label:after,
input[type=password]:not(.browser-default):focus.valid + label:after,
input[type=email]:not(.browser-default).valid + label:after,
input[type=email]:not(.browser-default):focus.valid + label:after,
input[type=url]:not(.browser-default).valid + label:after,
input[type=url]:not(.browser-default):focus.valid + label:after,
input[type=time]:not(.browser-default).valid + label:after,
input[type=time]:not(.browser-default):focus.valid + label:after,
input[type=date]:not(.browser-default).valid + label:after,
input[type=date]:not(.browser-default):focus.valid + label:after,
input[type=datetime]:not(.browser-default).valid + label:after,
input[type=datetime]:not(.browser-default):focus.valid + label:after,
input[type=datetime-local]:not(.browser-default).valid + label:after,
input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
input[type=tel]:not(.browser-default).valid + label:after,
input[type=tel]:not(.browser-default):focus.valid + label:after,
input[type=number]:not(.browser-default).valid + label:after,
input[type=number]:not(.browser-default):focus.valid + label:after,
input[type=search]:not(.browser-default).valid + label:after,
input[type=search]:not(.browser-default):focus.valid + label:after,
textarea.materialize-textarea.valid + label:after,
textarea.materialize-textarea:focus.valid + label:after {
  content: attr(data-success);
  color: #71b4b4;
  opacity: 1;
}

input[type=range] + .thumb {
  background-color: #0086BC;
}

input[type=range] + .thumb .value {
  color: #0086BC;
}

input[type=range]::-webkit-slider-thumb {
  background-color: #0086BC;
}

input[type=range]::-moz-range-thumb {
  background: #0086BC;
}

input[type=range]::-ms-thumb {
  background: #0086BC;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #0086BC;
}

.switch label .lever:before {
  background-color: rgba(233, 30, 99, 0.15);
}

.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: rgba(233, 30, 99, 0.25);
}