@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../font/material-design-icons/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/material-design-icons/MaterialIcons-Regular.woff2) format('woff2'), url(../font/material-design-icons/MaterialIcons-Regular.woff) format('woff'), url(../font/material-design-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /*Support for all Webkit browsers.*/
    -webkit-font-smoothing: antialiased;
    /*Support for Safari and Chrome*/
    text-rendering: optimizeLegibility;

    /*Support for Firefox*/
    -moz-osx-font-smoothing: grayscale;

    /*Support for IE.*/
    font-feature-settings: 'liga';
}

html {
    font-size: 13px;
}

.ocultar { display: none; }

/*INICIO - Cambia el color de los inputs text*/
.input-field input[type=date]:focus+label, .input-field input[type=text]:focus+label, .input-field input[type=email]:focus+label, .input-field input[type=password]:focus+label {
    color: #ff8f00;
}
.input-field input[type=date]:focus, .input-field input[type=text]:focus, .input-field input[type=email]:focus, .input-field input[type=password]:focus {
    border-bottom: 2px solid #ffd740;
    box-shadow: none;
}
/*FINAL - Cambia el color de los inputs text*/

/*INICIO - Cambia el color de los botones*/
.btn, .btn-large {    
    background-color: #ef6c00 !important;
    color: #FFFFFF !important;
}
/*FINAL - Cambia el color de los botones*/

/** Cambia el diseño de los iconos **/
.icono {
    cursor: pointer;
    color: #e65100 !important;
}

/** Pone la lista de los autocompletados por ensima de todo **/
.ui-autocomplete { 
    position: absolute;
    cursor: default;
    max-height: 300px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:9999 !important;
}

/** Estilo para "Collapsible" **/
.collapsible-header {
    background-color: #616161;
    color: #fff;
}
.collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem;
}

/** Estilo para "DatePicker"" **/
.picker__date-display { background-color: #ffd740; }
.picker__weekday-display { background-color: #ffc400; }
.picker__close, .picker__today { color: #ffd740; }

/** mapaRuta - Estilo de Mapa **/
#map {
    width: 100%;
    height: 580px;
    box-shadow: 5px 5px 5px #888;
    z-index: 1;
}
#divResumen {
    height: 580px;
    position: absolute;
    width: 18em;
    background: #fff;
    z-index: 2;
    box-shadow: 0px 0px 4px gray;
    padding: 6px;
}
.btnOcultaMuestra {
    position: absolute;
    right: 8px;
    font-size: 2.5em;
    cursor: pointer;
    z-index: 1;
}
.tituloResumen {
    font-size: large;
    font-weight: bold;
}
/** Fin mapaRuta - Estilo de Mapa **/