@charset "UTF-8";
/* CSS Document */

:root {
	--movistar-red: #e9426d;
	--movistar-green: #5bc500;
	--movistar-dark-green:#51b000;
	--movistar-blue: #00a9e0;
	--yellow: #f59c00;
	--pale-lilac: #f7f7ff;
	--white: #ffffff;
	--white-two: #f4f4f3;
	--orange: #ec6839;
	--eggplant: #954b97;
	--light-grey: #e9eae8;
	--silver: #b6b7b7;
	--steel: #86888c;
	--gunmetal: #50535a;
	--gunmetal-dark: #50535a;
}

::placeholder {
  color: var(--steel);
}

.input-field {
    margin-top: 0;
}

#toast-container {
    top: 82% !important;
	right: 50%;
	max-width: 86%;
	transform: translateX(50%);
}

.btn:hover, .btn:focus{
    background-color: var(--movistar-dark-green);
    border: 1px solid var(--movistar-dark-green);
    box-shadow: none;
}

.input-field .btn {
    background: var(--movistar-green);
}



input.invalid + label{
  color: var(--movistar-red);
}

.input-field .prefix.active {
    color: var(--movistar-blue);
}

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(--movistar-blue);
}

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

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

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: 1px solid var(--movistar-blue);
    -webkit-box-shadow: 0 1px 0 0 var(--movistar-blue);
    box-shadow: 0 1px 0 0 var(--movistar-blue);
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
    color: #50535a;
    height: 2.5rem;
    font-size: 15px;
    border: 1px solid #9e9e9e;
    border-radius: 4px;
/*     padding-left: 20px; */
}

[type="checkbox"].filled-in:checked + label::after {
    border: 2px solid var(--movistar-blue);
    background-color: var(--movistar-blue);
}

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after {
    border: 2px solid var(--movistar-blue);
}

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::after {
    background-color: var(--movistar-blue);
}

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after {
    border: 2px solid var(--movistar-blue);
}

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

.picker__date-display {
    background-color: var(--movistar-blue);
}

.picker__day.picker__day--today {
    color: var(--movistar-blue);
}

.picker__close, .picker__today {
    color: var(--movistar-blue);
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background-color: var(--movistar-blue);
    color: var(--white);
}

.head_content {
    display:  table;
    width: 100%;
    padding:  15px;
    background: var(--movistar-blue);
}