* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 10px;
    width: 100%;
    height: 100%;
    font-family: 'Ubuntu', sans-serif;
}


/*Estilos de la pagina inicio*/

.inicio .z-index0,
.inicio .image-mapa {
    z-index: 0;
    height: 100%;
    position: fixed;
}


/*Al abrir el menu añadiremos la clase opening menu Al cerrar el menu lateral la quitaremos ya que añade opacidad*/

.inicio .opacidad {
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.25s;
}

.image-map {
    height: 100%;
}

.inicio .z-index10 {
    width: 100%;
    z-index: 10;
    height: 0;
}

.inicio .z-index10 .imagen-icono {
    position: fixed;
    top: 20%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate3d(-50%, -50%, 0);
}

.icono-cargando {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate3d(-50%, -50%, 0);
}

.inicio .z-index20 {
    z-index: 20;
    background-color: rgb(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: fixed;
}

.box select {
    unset: all;
    background: white;
    padding: 5% 5% 0 5%;
    grid-column: 2;
    position: relative;
    border: none;
    -webkit-appearance: button;
}

.inicio .z-index30 {
    margin: 10em 2em 0 2em;
    background-color: white;
    z-index: 30;
    position: fixed;
    border-radius: 1em;
    height: auto;
}

.inicio .image-magnifying-glass {
    position: absolute;
    top: 1.7em;
    right: 1.6em;
    cursor: pointer;
    z-index: 11;
}

.inicio .div-magnifying-glass {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    right: 10%;
    border-radius: 50%;
    background-color: white;
    display: inline-block;
}

.inicio .div-menu-hamburguesa {
    position: absolute;
    top: 20px;
    left: 8%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    display: inline-block;
}

.div-menu-carga {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    display: inline-block;
    transform: translate3d(-50%, 0, 0);
}

.estado-de-carga-pagina-inicio {
    padding: 3px;
    transform: translate3d(-20%, 342%, 0);
    width: 150%;
    height: unset;
    background-color: white;
    border-radius: 5px;
    color: #86888C;
}

.inicio .image-menu-hamburguesa {
    position: absolute;
    top: 1.7em;
    left: 1.6em;
    cursor: pointer;
}

.icono-cargando {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.gran-grid {
    height: 0;
    display: grid;
    grid-template-rows: repeat(2, 30px);
    grid-template-columns: 1fr;
    grid-gap: 20px;
    position: absolute;
    top: 70px;
    right: 20%;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.grid-origen input {
    width: 90%;
}

.menu-oculto-estacion-carga {
    height: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.menu-no-oculto {
    height: 74%;
    opacity: 1;
    transition: height 0ms 0ms, opacity 600ms 0ms;
    position: absolute;
    background-color: white;
    width: 100%;
    bottom: 0;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.conectores-pagina-inicio {
    display: grid;
    padding: 12px;
    background-color: #f1f1f1;
    grid-template-rows: 14px repeat(2, 1fr);
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 12px;
}

.color-del-borde {
    border: 1.5px solid #c6579a;
}

.item-conector img {
    padding-top: 3px;
    height: 90%;
    width: 100%;
    text-align: center;
    grid-row: 2;
    grid-column: 1;
}

.margin-right-30px {
    margin-right: 30px;
}

.grid-info-conectores {
    display: grid;
    grid-template-rows: repeat(2, 20px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    padding: 6px 0 0 12px;
    grid-row-gap: 6px;
}

.fuerza-de-carga-del-conector-pagina-inicio {
    grid-row: 4;
    grid-column: span 1;
}

.numero-de-conector-pagina-inicio {
    grid-row: 1;
    grid-column: span 1;
}

.info-acceso {
    grid-row: 2;
    grid-column: 1;
    margin: auto 0;
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.info-abierto-o-cerrado {
    grid-row: 1;
    margin: auto 0;
    grid-column: 1;
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.info-acceso p {
    font-size: 14px;
    color: #86888C;
}

.info-abierto-o-cerrado {
    font-size: 14px;
    color: #86888C;
}

.item-conector {
    display: grid;
    height: 75px;
    border-radius: 5px;
    padding: 6px;
    grid-template-rows: 12px 44px 12px 12px;
    background-color: white;
}

.conectores-pagina-inicio .header-conectores {
    grid-column: span 4;
    font-size: 14px;
    color: #171717;
    grid-row: 1;
}

.inicio .grid-menu-oculto-titular-y-foto {
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
}

.anadirRuta {
    text-align: center;
    font-size: 12px;
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 5px;
    color: #c6579a;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #c6579a;
}

.div-con-titular {
    font-stretch: condensed;
    font-size: 12px;
    color: #171717;
    grid-row: 1;
    grid-column: span 2;
}

.grid-que-ocupa-la-imagen {
    grid-row: span 4;
    grid-column: 4;
    object-fit: cover;
    width: 100%;
    max-height: 100%;
}

.grid-que-ocupa-la-imagen img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.ciudad-nombre {
    color: #cacaca;
    font-size: 12px;
    grid-row: 4;
    grid-column: span 1;
}

.distancia-de-la-estacion {
    font-size: 12px;
    grid-row: 3;
    grid-column: span 2;
}

.div-distancia-numerica {
    font-size: 12px;
    grid-row: 1;
    grid-column: 3;
    text-align: right;
    padding-right: 10px;
}

.grid-menor-del-gran-grid {
    display: grid;
    grid-row: 1;
    height: 50px;
    grid-template-columns: 20px 50px 40px;
}

.grid-menor-del-gran-grid a {
    text-align: center;
    text-decoration: none;
    grid-column: 2;
    font-size: 14px;
    margin: auto 0;
    background-color: white;
    padding: 3%;
    padding-left: 5px;
    font-size: 13px;
    color: #cacaca;
}

.x {
    height: 100px;
}

.grid-menor-del-gran-grid-2 a {
    text-align: center;
    text-decoration: none;
    margin: auto 0;
    background-color: white;
    font-size: 14px;
    border-radius: 5px;
    grid-column: 1;
    padding: 3%;
    font-size: 13px;
    color: #cacaca;
}

.circulo-blanco {
    display: grid;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: 1px solid #cacaca;
}

.circulo-blanco img {
    width: 16px;
    height: 16px;
}

.grid-menor-del-gran-grid-2 {
    display: grid;
    grid-row: 2;
    grid-template-columns: 70px 40px;
    height: 50px;
}

.inicio h1 {
    padding: 1em 1.5em 2em 1em;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    font-family: 'ubuntu';
    color: #515151
}

.inicio .button-accept {
    display: inline-block;
    background-color: white;
    border: 0;
    width: 100%;
    height: 4em;
    border-radius: 0 0 1em 1em;
    color: #c6579a;
}

.inicio .none {
    display: none;
}


/*Estilos del menú desplegable*/

.inicio .grid-template {
    position: fixed;
    overflow: hidden;
    transition: 0.25s;
    z-index: 10;
    top: 0;
    left: -360px;
    grid-auto-flow: dense;
    grid-column-gap: 8px;
    display: grid;
    color: white;
    background-color: white;
    grid-template-columns: 8px repeat(3, 76px);
    height: 100%;
    grid-template-rows: 80px 45px 4px 44px 4px 44px 4px 44px 4px 1px 44px 44px 1px 44px 1px 15px repeat(4, 30px) 2fr;
}

.inicio .grid-template-2 {
    position: fixed;
    overflow: hidden;
    transition: 0.25s;
    z-index: 10;
    top: 0;
    left: -360px;
    grid-auto-flow: dense;
    grid-column-gap: 8px;
    display: grid;
    color: white;
    background-color: white;
    grid-template-columns: 8px repeat(3, 76px);
    height: 100%;
    grid-template-rows: 30px 50px 20px 44px 5px 2px repeat(2, 44px) 2px repeat(4, 44px) 1fr;
}

.hueco1 {
    background-color: white;
    grid-column: 2/span 3;
    grid-row: 3;
}

.hueco1-sin-iniciar {
    grid-column: 2/span 3;
    background-color: white;
    grid-row: 5;
}

.hueco2 {
    background-color: white;
    grid-column: 2/span 3;
    grid-row: 5;
}

.hueco3 {
    background-color: white;
    grid-column: 2/span 3;
    grid-row: 7;
}

.hueco4 {
    background-color: white;
    grid-column: 2/span 3;
    grid-row: 9;
}

.hueco4-1 {
    grid-column: 2/span 3;
    background-color: white;
    grid-row: 11;
}

.hueco5 {
    background-color: #fafafa;
    grid-column: 2/span 3;
    grid-row: 16;
}

.hueco6 {
    grid-row: 21/-1;
    background-color: #fafafa;
    grid-column: 2/span 3;
}

.hueco6-sin-iniciar {
    grid-row: 13/-1;
    background-color: #fafafa;
    grid-column: 2/span 3;
}

.inicio .hr-first-sin-iniciar {
    border-color: #e9eae8;
    color: #e9eae8;
    grid-column: 2/span 3;
    grid-row: 6;
}

.inicio .hr-second {
    border-color: #e9eae8;
    color: #e9eae8;
    grid-column: 2/span 3;
    grid-row: 10;
}

.inicio .hr-third {
    border-color: #e9eae8;
    color: #e9eae8;
    grid-column: 2/span 3;
    grid-row: 13;
}

.inicio .hr-third-sin-iniciar {
    border-color: #e9eae8;
    color: #e9eae8;
    grid-column: 2/span 3;
    grid-row: 9;
}

.inicio .hr-last {
    border-color: #e9eae8;
    color: #e9eae8;
    grid-column: 2/span 3;
    grid-row: 15;
}

.inicio .white {
    background-color: white;
}

.inicio .text-center-for-grid {
    display: grid;
    justify-content: center;
    align-items: center;
}

.inicio .text-left-for-grid {
    grid-column: 2/span 3;
    padding-left: 16px;
    display: grid;
    align-items: center;
    ;
    justify-content: left;
}

.alinear-for-grid {
    align-items: center;
    display: grid;
    justify-content: left;
}

.inicio .item1 {
    background-color: white;
    align-content: center;
    padding-top: 5%;
    padding-left: 16px;
    grid-row: 1;
    grid-column: 2/span 3;
}

.inicio .foto {
    background-color: white;
    align-content: center;
    padding-top: 5%;
    padding-left: 16px;
    grid-row: 2;
    grid-column: 2/span 3;
}

.inicio .font-grid-5-6-7 {
    font-size: 11px;
    color: #50534A;
}

.inicio .font-grid-8-9-10-11 {
    color: #50535a;
    font-size: 11px;
    background-color: #f9f9f9;
}

.inicio .padre-de-seleccionar-coche {
    border-radius: 5px;
    background-color: white;
    grid-row: span 1;
    grid-column: span 3;
    display: grid;
    grid-template-rows: repeat(auto-fill, minmax(44px, 1fr));
    margin-right: 8px;
    /*-webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.33);
        -moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.33);
        box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.33);*/
}

.activoPadre {
    box-shadow: none;
}

.activo {
    overflow: hidden;
}

.overflow-togleable {
    transition: 0.4s;
    overflow: initial;
}

.box-shadow-togleable {
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.33);
}

.inicio .item1 img {
    width: 132px;
    height: 29px;
}

.inicio .foto img {
    width: 132px;
    height: 29px;
}

.div-show-car {
    grid-column: 2/ span 2;
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding-left: 8px;
}

.div-show-car2 {
    grid-column: span 3;
    display: grid;
    grid-template-columns: 44px 2fr 1fr;
}

.inicio .padre-de-seleccionar-coche hr {
    grid-row: 1;
    grid-column: span 4;
    border-color: #e9eae8;
}

.div-show-car3 {
    grid-column: span 4;
    display: grid;
    grid-template-columns: 44px 6fr 1fr;
    grid-template-rows: 2px 1fr;
    height: 44px;
}

.inicio .posicionar-coche {
    grid-row: 1;
    color: #50534A;
    text-decoration: none;
    font-size: 14px;
}

.inicio .posicionar-subtexto {
    grid-row: 2;
    font-size: 12px;
    color: #86888C;
}

.icono-coche {
    grid-column: 1;
    grid-row: 1;
    margin: auto 0;
}

.icono-abajo {
    grid-row: 1;
    grid-column: 4;
    margin: auto 0;
}

.posicionar-foto {
    margin-right: 20px;
}

.marca-coche {
    margin: auto 0;
    display: grid;
    grid-template-rows: repeat(2, 1fr);
}

.inicio .index-for-show-car {
    z-index: 11;
    background-color: white;
}

.inicio .div-show-car3 a {
    font-size: 14px;
    margin: auto 0;
    grid-column: 2;
    color: #c6579a;
    text-decoration: none;
}

.grid-row-anadido {
    grid-row: 1;
}

.inicio .item1-1 {
    grid-column: 2/span 3;
    grid-row: 4;
    padding-left: 8px;
    display: grid;
    grid-template-columns: 44px 2fr 1fr;
    grid-template-rows: auto;
    justify-content: center;
    align-items: center;
    position: relative;
    word-wrap: break-word;
}
/***********SIN COCHES***************/
.inicio .item1-1_sinCoches {

    padding-top: 8px;
    padding-left: 8px;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-row: 4;
    grid-column: 2/span 3;
}
.opcionCoches {
    grid-column: 2/span 3;
    align-items: center;
}
/*************************************/

.hueco1-1-2 {
    background-color: white;
    grid-column: 2/span 3;
    grid-row: 3;
}

.inicio .item1-1-sin-iniciar a {
    grid-column: 2/ span 3;
    font-size: 16px;
    text-decoration: none;
    color: #c6579a;
    grid-row: 1;
}

.inicio .item1-1-sin-iniciar img {
    grid-row: 1;
    margin: auto;
}

.inicio .item1-1-sin-iniciar {
    grid-column: 2/span 3;
    align-items: center;
    grid-row: 4;
    display: grid;
    grid-template-columns: 44px 1fr;
}

.item1-1-2-nombre-usuario a {
    grid-column: 2/3;
    color: #50534A;
    text-decoration: none;
    font-size: 14px;
}

.item1-1-2-nombre-usuario img {
    grid-column: 1/2;
    width: 24px;
    height: 24px;
    padding-left: 8px;
}

.item1-1-2-nombre-usuario {
    grid-column: 2/span 3;
    align-items: center;
    grid-row: 2;
    padding-left: 8px;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
}

.inicio .principal-message {
    grid-column: 2/3;
    color: #50534A;
    text-decoration: none;
    font-size: 14px;
}

.inicio .color-izquierda-menu-primero {
    grid-column: span 1;
    grid-row: 1/5;
    background-color: #8c4799;
}

.inicio .color-izquierda-menu-primero-sin-iniciar {
    grid-column: span 1;
    grid-row: 1/1;
    background-color: #8c4799;
}

.inicio .color-izquierda-menu-segundo {
    grid-column: span 1;
    grid-row: 5/12;
    background-color: #c7579a;
}

.inicio .color-izquierda-menu-segundo-sin-iniciar {
    grid-column: span 1;
    grid-row: 2/8;
    background-color: #c7579a;
}

.inicio .color-izquierda-menu-tercero {
    grid-column: span 1;
    grid-row: 12/17;
    background-color: #e56a54;
}

.inicio .color-izquierda-menu-tercero-sin-iniciar {
    grid-column: span 1;
    grid-row: 8/14;
    background-color: #e56a54;
}

.inicio .color-izquierda-menu-cuarto {
    grid-column: span 1;
    grid-row: 17/-1;
    background-color: #ffb81c;
}

.inicio .color-izquierda-menu-cuarto-sin-iniciar {
    grid-column: span 1;
    grid-row: 14/-1;
    background-color: #ffb81c;
}

.inicio .icon-of-lateral-menu {
    grid-column: 1/2;
    width: 24px;
    height: 24px;
    padding-left: 8px;
}

.inicio .subtext {
    grid-column: 2/3;
    font-size: 12px;
    color: #86888C;
    margin-left: 10px;
}

.logo {
    width: 24px;
    height: 24px;
}

.logo-svg {
    width: 15px;
    height: 22px;
}

.inicio option:nth-child(3) {
    color: #c6579a;
}

.inicio .gt {
    color: #cacaca;
    width: 13px;
    height: 13px;
    grid-column: 3/4;
}

.inicio .item2 {
    padding-left: 8px;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-row: 8;
    grid-column: 2/span 3;
}

.inicio .item3 {
    padding-left: 8px;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-row: 6;
    grid-column: 2/span 3;
}

.inicio .item4 {
    padding-left: 8px;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-row: 10;
    grid-column: 2/span 3;
}

.inicio .item5 {
    grid-row: 11;
}

.inicio .item5-sin-iniciar {
    grid-row: 7;
}

.inicio .item6-sin-iniciar {
    grid-row: 8;
}

.inicio .item6 {
    grid-row: 12;
}

.inicio .item7 {
    grid-row: 14;
}

.inicio .item8 {
    grid-template-columns: 1;
    grid-row: 17;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
}

.inicio .item8-sin-iniciar {
    grid-row: 10;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
    grid-template-columns: 1;
}

.inicio .item8 img {
    grid-row: 1;
    grid-column: 1;
}

.inicio .item8 p {
    grid-row: 1;
    grid-column: 2;
}

.inicio .item9 {
    grid-template-columns: 1;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
    grid-row: 18;
}

.inicio .item9-sin-iniciar {
    grid-template-columns: 1;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
    grid-row: 11;
}

.inicio .item9 img {
    grid-row: 1;
    grid-column: 1;
}

.inicio .item9 p {
    grid-row: 1;
    grid-column: 2;
}

.inicio .item10 {
    grid-template-columns: 1;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
    grid-row: 19;
}

.inicio .item10-sin-iniciar {
    grid-template-columns: 1;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
    grid-row: 11;
}

.inicio .item10 img {
    grid-row: 1;
    grid-column: 1;
}

.inicio .item10 p {
    grid-row: 1;
    grid-column: 2;
}

.inicio .item11 {
    grid-template-columns: 1;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
    grid-row: 20;
}

.inicio .item11-sin-iniciar {
    grid-template-columns: 1;
    display: grid;
    padding: 0;
    grid-template-columns: 25px repeat(auto-fill, minmax(75px, 1fr));
    grid-row: 12;
}

.inicio .item11 img {
    grid-row: 1;
    grid-column: 1;
}

.inicio .item11 p {
    grid-row: 1;
    grid-column: 2;
}

literal {
    font-size: 14px;
}


/*Estilos de la pagina Anadir Coche*/

.anadirCoche .overflow-scroll {
    overflow: scroll;
    height: 17.5em;
}

#dar-margen-a-boton-en-pagina-de-anadir-coche {
    margin-bottom: 0px;
    height: 44px;
    width: 100%;
}

input:checked+label {
    color: #c6579a;
}

.texto-en-linea {
    display: inline-block;
    grid-column: 2;
    grid-row: 1;
    line-height: 24px;
    margin-left: 10px;
}

.container-flex {
    display: grid;
    grid-template-columns: 1px 1fr;
}

.opcion-texto {
    font-size: 160%;
    width: 100%;
    padding: 11px 0;
    display: grid;
    grid-template-columns: 24px 1fr 20px 20px;
}

.marg {
    margin-top: 20px;
}

.opcion-checkbox {
    margin-right: 5%;
    align-self: center;
}


/*Estilos de la página loading*/

.loading .container {
    width: 100%;
    height: 100%;
    margin: 10em auto;
}

.loading .center {
    display: block;
    margin-top: 6em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.loading .gif-cargando {
    margin: 0 auto;
    height: 8em;
    width: 8em;
}

.loading .cargando {
    font-size: 2em;
    width: 100%;
    display: inline-block;
    color: #334;
    text-align: center;
}


/*Estilos de la pagina login*/

.formulario:not(#address-input) {
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    color: #50535a;
}

.forumulario input.input:not(#adress-input) {
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.formulario .clase-para-diferenciar input[type="checkbox"]+label:before {
    vertical-align: top;
    border: 1px solid #cacaca;
    content: "\00a0";
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 12px;
    padding: 0 0 5px 5px;
    margin-right: 10px;
    border-radius: 2px;
}

.hueco-blanco {
    background-color: white;
    width: 100%;
    height: 25px;
}

.hueco-morado {
    background-image: linear-gradient(to left, #4f005f, #8c4799);
    width: 100%;
    height: 25px;
}

.formulario .hueco-blanco {
    background-color: white;
    width: 100%;
    height: 25px;
}

.formulario .alta {
    color: white;
    font-size: 16px;
    grid-column-start: 2;
    font-weight: 500;
    margin: auto;
}

.formulario #direccion {
/*    margin-bottom: 45px; */
}

.formulario nav {
    height: 50px;
    background-color: #8c4799;
    margin-bottom: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}

.formulario .simple-grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    width: 100%;
    margin-bottom: 74px;
}

.formulario .logo-wenea-pagina-login {
    width: 250px;
    height: 62px;
    justify-content: center;
    grid-column: 2;
    align-content: center;
}

.formulario nav a {
    display: grid;
    grid-column-start: 1;
    place-items: center;
    padding-left: 10px;
    justify-content: left;
    text-decoration: none;
}

.formulario nav p {
    color: white;
    font-size: 16px;
    grid-column-start: 2;
    font-weight: 500;
    margin: auto;
}

.formulario form {
    box-sizing: border-box;
    padding: 16px 16px 0 16px;
}

.padding-left-metodo-de-pago {
    padding-left: 5%;
}

.formulario input[type="checkbox"] {
    visibility: hidden;
}

.formulario .btn-margen-40-perc {
    margin-top: 45%;
}

.formulario .label-checkbox {
    grid-column: 1;
    cursor: pointer;
    margin-left: 2px;
}

#label-of-password {
    position: relative;
}

#label-of-password2 {
    position: relative;
}

.formulario .grid {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 12px;
    margin-bottom: 60px;
}

.formulario input[type="checkbox"] {
    height: 0px;
    width: 0px;
    grid-column: 1;
}

.formulario .label-checkbox span {
    display: inline-block;
}

.formulario .sample-grid-bottom {
    display: grid;
    justify-content: center;
    width: 100%;
}

.formulario div span:nth-child(1) {
    margin: auto;
    text-align: center;
    color: #86888c;
    font-size: 14px;
}

.el0 {
    margin: auto;
    text-align: center;
    color: #86888c;
    font-size: 14px;
}

.el1 {
    margin: auto;
    text-align: center;
    color: #86888c;
    font-size: 14px;
}

.formulario div a {
    margin: auto;
    text-decoration: none;
    color: #c6579a;
    font-size: 14px;
}

.conectarse-btn {
    border-radius: 5px;
    border: 1px solid #cacaca;
    background-color: #c7579a;
    width: 100%;
    height: 44px;
    color: white;
    font-size: 16px;
    text-align: center;
}

.conectarse-btn1 {
    position: absolute;
    border-radius: 5px;
    border: 1px solid #cacaca;
    background-color: #c7579a;
    width: 100%;
    height: 44px;
    color: white;
    font-size: 16px;
}

.div-del-input {
    padding: 3% 3% 0 3%;
}

.formulario .conectarse-btn {
    border-radius: 5px;
    border: 1px solid #cacaca;
    background-color: #c7579a;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 16px;
    margin-bottom: 25px;
}

.formulario .conectarse-btn-datos-personales {
    border-radius: 5px;
    border: 1px solid #cacaca;
    background-color: #c7579a;
    width: 100%;
    height: 44px;
    color: white;
    font-size: 16px;
    margin-bottom: 10px;
    padding-top:13px;
}

.inicio #text {
    font-size: 1.4em;
    padding: 0 2em 2em 2em;
    text-align: center;
}

.formulario .grid a {
    text-decoration: none;
    margin: auto 0;
    color: #86888c;
    text-align: right;
}

.formulario input[type="checkbox"]+label:before {
    vertical-align: bottom;
    border: 1px solid #cacaca;
    content: "\00a0";
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0 0 5px 5px;
    margin-right: 10px;
    grid-column: 3;
    grid-row: 1;
}

.formulario input[type="checkbox"]:checked+label:before {
    background: #fafafa;
    color: white;
    background-color: #c6579a;
    background: url("./images/iconos/baseline-check_box-24px-rosa.svg");
    background-repeat: no-repeat;
}

.formulario input {
    box-sizing: border-box;
    border: 1px solid #86888C;
    padding: 4% 0% 5% 5%;
    width: 100%;
    height: 50px;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 12px;
}

.relative {
    position: relative;
}

.relatives-1 {
    position: relative;
}

#margi {
    position: relative;
}

input::placeholder {
    color: #86888C;
    ;
}

.act {
    position: absolute;
    font-size: 18px;
    bottom: 0%;
    left: 90%;
    color: #86888C;
}

.act1 {}

.eye-icon-1 {
    color: #86888C;
    font-size: 18px;
    position: absolute;
    bottom: 2%;
    left: 90%;
}

.eye-icon-2 {
    color: #86888C;
    font-size: 18px;
    position: absolute;
    bottom: 0%;
    left: 90%;
}

#margen-cero {
    margin-bottom: 30px;
}

#contraseña-nr-2 {
    margin-bottom: 70px;
}

.tipo-de-conector {
    font-size: 16px;
    margin: 12px 0;
}

.formulario input[type='password'] {
    box-sizing: border-box;
    border: 1px solid #86888C;
    padding: 5% 0% 5% 5%;
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #86888c;
    border-radius: 5px;
    margin-bottom: 16px;
}

#rosa {
    color: #c6579a;
}

#big-span {
    text-align: left;
    margin-bottom: 25px;
}


/* Estilos para la pagina de Búsqueda*/

#Barra-nav-pagina-busqueda {
    margin-bottom: 15px;
}

.padre-ruta {
    padding: 12px;
    box-sizing: border-box;
    z-index: 2;
    width: 100%;
    position: fixed;
    background-color: white;
    height: 100%;
    overflow: scroll;
}

.direccionOrutaGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 44px;
    border: 1px solid #c6579a;
    border-radius: 5px;
    margin-bottom: 10%;
    font-size: 14px;
    color: #c6579a;
}

.grid-pagina-busqueda {
    display: grid;
    grid-template-rows: repeat(auto-fill, minmax(45px, 1fr))
}

.padre-direccion {
    box-sizing: border-box;
    z-index: 3;
    background-color: white;
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 12px;
    font-size: 14px;
}

.ap-input-icon svg {
    width: 0;
    height: 0;
}

.zIndexTogleable {
    z-index: 4;
}

.direccionOrutaGrid .direccion-ruta {
    border-right: 1px solid #c657a9;
}

.centrar {
    display: grid;
    align-items: center;
    justify-content: center;
}

.rutaOdireccionSeleccionado {
    color: white;
    background-color: #c6579a;
}

.direccion-direccion {
    justify-content: center;
    align-items: center;
    display: grid;
}

#Busqueda {
    margin-bottom: 88%;
}

#background-blanco-de-formulario {
    overflow-y: scroll;
    background-color: white;
    height: 100%;
}

#background-blanco-de-formulario nav {
    height: 50px;
    background-color: #8c4799;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}

#background-blanco-de-formulario nav a {
    display: grid;
    grid-column-start: 1;
    place-items: center;
    padding-left: 10px;
    justify-content: left;
    text-decoration: none;
}

#background-blanco-de-formulario nav p {
    color: white;
    font-size: 16px;
    grid-column-start: 2;
    font-weight: 500;
    margin: auto;
}

#background-blanco-de-formulario
/*
Estilos de la pagina de filtros*/

#barra-nav-filtros {
    margin: 0;
}

.color-de-fondo-filtros {
    background-color: #fafafa;
}

.padding-pagina-filtros {
    padding: 16px;
}

.padding-pagina-filtros .grid-pagina-filtros {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
}

.padding-pagina-filtros .grid-pagina-filtros span:nth-child(1) {
    font-size: 16px;
    color: #515151;
    grid-column: span 1;
    margin: 0;
    text-align: left;
    font-weight: 500;
}

.padding-pagina-filtros .grid-pagina-filtros span:nth-child(2) {
    color: #c6579a;
    font-size: 14px;
    grid-column: span 1;
    text-align: right;
}

.padding-pagina-filtros .grid-velocidad-de-carga {
    font-size: 11px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    color: #cacaca;
}

.padding-pagina-filtros .grid-velocidad-de-carga .grid-pequeno-velocidad-carga {
    display: grid;
    grid-template-rows: 6px repeat(2, 12px) 6px 30px;
    background-color: white;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    -moz-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    border-radius: 5px;
    padding: 5px;
}

.padding-pagina-filtros .grid-velocidad-de-carga .grid-pequeno-velocidad-carga:nth-child(0) p {
    grid-row: 4;
    text-align: center;
}

.padding-pagina-filtros .grid-velocidad-de-carga .grid-pequeno-velocidad-carga:nth-child(2) img {
    margin: auto;
    height: 24px;
    grid-row: 2/3;
    width: 24px;
}

.img-grid {
    height: 24px;
    width: 10px;
}

.imagenes-carga {
    text-align: center;
    grid-row: 2/4;
}

.div-velocidades {
    grid-row: 5;
    display: grid;
    grid-template-rows: 10px 5px 10px 5px;
}

.velocidad {
    grid-row: 1;
    text-align: center;
}

.kw {
    grid-row: 3;
    text-align: center;
}

.velocidad-semi-rapida {
    grid-row: 1/2;
    font-size: 10px;
    text-align: center;
}

.velocidad-color-borde-rosa {
    border: 1px solid #c6579a;
    color: #c6579a;
    background-color: white;
    border-radius: 5px;
}

.icono-pagina-filtros {
    width: 24px;
    height: 24px;
}

.hr-pagina-filtros {
    margin-top: 10px;
    border: 0.7px solid #cacaca;
}

.box-shadow-filtros {
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    -moz-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
}

#rosa {
    color: #c6579a;
}

.color-rosa {
    color: #c6579a;
}

.font-weight-600 {
    font-weight: 600;
}

.centrar-frase-en-grid {
    justify-content: center;
    align-items: center;
    display: grid;
}

.pequeno-grid-2x2 {
    color: #515151;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.grid-gap-10-px {
    grid-column-gap: 10px;
    height: 44px;
    background-color: white;
}

.overflow-para-pagina-filtros {
    height: 253px;
    overflow: scroll;
}

.todos3 {
    margin-right: 20px;
}

#dar-margen-a-boton-en-pagina-filtros {
    margin: 0;
    width: 100%;
    height: 44px;
}

.box-shadow-de-pagina-filtros {
    height: 250px;
    -webkit-box-shadow: 0px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
}

.padding-boton-filtros {
    padding: 0 16px;
}

.span-ocupar-todo {
    grid-column: 1/3;
    font-size: 13px;
}

.overflow-scroll2 {
    height: 16.5em;
    overflow: scroll;
}

.grid-origen {
    display: grid;
    grid-template-columns: 30px 1fr 30px;
    width: 100%;
    padding: 12px 0;
}

.algolia-places {
    font-size: 14px;
}


/*Styles for autocomplete list*/

#myInputautocomplete-list {
    position: fixed;
    background-color: black;
    width: 275px;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 100000;
    font-size: 14px;
    color: white;
    padding: 5px;
}

#myInputautocomplete-list {
    z-index: 100000;
}

.grid-origen img:nth-child(1) {
    height: 24px;
    width: 24px;
    margin: 10px auto;
    grid-column: 1;
}

.grid-origen img:nth-of-type(2) {
    height: 24px;
    width: 24px;
    margin: 10px auto;
    grid-column: 3;
}

.hueco-pagina-busqueda {
    margin-top: 100%;
    position: relative;
}

.grid-origen input {
    background-image: url("./images/iconos/outline-drag_handle-24px.svg");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 5px 10px 20px;
    text-indent: 20px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
}

.grid-origen input {
    display: grid;
    justify-content: center;
    align-content: center;
    grid-column: 2;
}

.grid-menor-2-x-2 {
    color: #c6579a;
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 44px;
}

.altura-de-rutas {
    height: 640px;
}

.anadir-parada img {
    margin: auto 0;
    height: 24px;
    width: 24px;
}

.div-abajo-pagina-busqueda {
    height: 65%;
}

.anadir-parada {
    grid-column: 1;
    display: grid;
    grid-template-columns: 30px 1fr;
}

.anadir-parada span {
    display: grid;
    margin-left: 10%;
    align-items: center;
}

#frase-de-abajo {
    font-size: 12.5px;
    color: #cacaca;
    text-align: center;
    margin-bottom: 12px;
}

.contenedor-de-rutas {
    height: 55%;
}

.borrar-ruta img {
    width: 24px;
    margin: auto;
    height: 24px;
}

.borrar-ruta span {
    margin-left: 10%;
    display: grid;
    align-items: center;
}

.borrar-ruta {
    grid-column: 2;
    display: grid;
    grid-template-columns: 30px 1fr;
}


/*Pagina seleccionar cargador*/

.formulario .barra-nav-seleccionar-cargador {
    margin-bottom: 0;
}

.grid-2-x-2-pagina-seleccionar-cargador {
    height: 8%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: white;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(202, 202, 202, 1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(202, 202, 202, 1);
    box-shadow: 0px 1px 1px 0px rgba(202, 202, 202, 1);
    margin-bottom: 2px;
}

.padding-diferete-boton-conectar-pagina-cargador-2 {
    padding: 15px 12px 12px 12px;
}

.box-shadow-pagina-seleccionar-cargador-2 {
    -webkit-box-shadow: 0px 1px 1px 0px rgba(202, 202, 202, 1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(202, 202, 202, 1);
    box-shadow: 0px 1px 1px 0px rgba(202, 202, 202, 1);
    padding-bottom: 45%;
}

.box-shadow-pagina-seleccionar-importe {
    -webkit-box-shadow: 0px -3px 5px 0px rgba(202, 202, 202, 0.5);
    -moz-box-shadow: 0px -3px 5px 0px rgba(202, 202, 202, 0.5);
    box-shadow: 0px -3px 5px 0px rgba(202, 202, 202, 0.5);
    padding-top: 4%;
}


/* Custom radio button style*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 60px;
    cursor: pointer;
    line-height: 37px;
    display: inline-block;
    color: #666;
    font-size: 16px;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border: 1px solid #c6579a;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 24px;
    height: 24px;
    background: #c6579a;
    position: absolute;
    top: 7.25px;
    left: 7.25px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.opcion-emoticono {
    width: 24px;
    height: 24px;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.grid-2-x-2-pagina-importe2 {
    display: grid;
    grid-template-rows: 44px;
    grid-template-columns: repeat(2, 1fr);
    padding: 12px;
}

.grid-2-x-2-pagina-importe2 p {
    margin: auto 0;
    font-size: 16px;
    color: #86888c;
}

.grid-2-x-2-pagina-importe2 input {
    color: #86888C;
    height: 44px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
}

.grid-2-x-2-pagina-importe2 .margin-12px-left {
    margin-left: 12px;
}
.iva {font-size:12px !important;}

.formulario-seleccion-del-importe {
    height: 100%;
    background-color: white;
    border-radius: 5px;
    padding: 0;
}

.cuanto-a-pagar {
    padding: 0;
    grid-column: 2;
}

#form-importe {
    padding: 0;
}

.parrafo-con-padding-12px {
    padding: 12px;
}

.background-color-fafafa {
    background-color: #fafafa;
    width: 100%;
    height: 4px;
}

.tipo-de-carga {
    height: 50%;
    background-color: #fafafa;
    padding: 12px;
}

.tipo-de-conector-pagina-inicio {
    grid-row: 3;
    grid-column: 1;
}

.cargador-conectado {
    display: grid;
    justify-items: center;
    align-items: center;
    grid-column: 1;
    grid-template-columns: 1fr 2fr 1fr;
    border-right: 1px solid #cacaca;
}

.tipo-de-x {
    font-size: 14px;
    width: 100%;
    text-align: center;
    align-items: center;
    display: grid;
}

.numero-de-x {
    font-size: 16px;
    color: #c657a9;
    margin-right: 10px;
    align-items: center;
    display: grid;
}

.imagen-de-conector {
    height: 32px;
    width: 32px;
}

.cargador-conectado .imagen-seleccionar-cargador {
    grid-column: 1;
    width: 100%;
    height: 100%;
    justify-content: right;
    align-items: center;
    display: grid;
}

.imagen-seleccionar-conector {
    justify-content: right;
    align-items: center;
    display: grid;
}

.conector-conectado {
    display: grid;
    grid-column: 2;
    grid-template-columns: 1fr 2fr 1fr;
}

.seleccion-automatica {
    color: #515151;
    display: grid;
    grid-row-gap: 10px;
    grid-template-rows: 20px 44px;
}

.seleccion-automatica p {
    grid-row: 1;
    grid-column: 1;
    margin: auto 0;
    font-size: 12px;
}

.seleccion-automatica .div-seleccion-automatica {
    background-color: white;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    -moz-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: 44px 1fr;
}

.seleccion-automatica .div-seleccion-automatica img {
    grid-column: 1;
    width: 32px;
    height: 32px;
}

#cargadores {
    grid-column: span 2;
}

.seleccion-automatica .div-seleccion-automatica p {
    grid-column: 2;
    font-size: 16px;
    margin-left: 10px;
}

.grid-2-x-2-pagina-importe {
    display: grid;
    grid-column: 1;
    grid-template-columns: 24px 1fr;
}

.derecha {
    text-align: right;
    font-size: 13px;
    color: #515151;
    margin: auto 0;
}

.tipo-de-seleccion {
    background-color: #fafafa;
    padding: 12px;
}

.tipo-de-seleccion-pagina-importe {
    background-color: white;
    padding: 20px 12px;
}

.hr-especial {
    border: #cacaca 0.25px solid;
}

.seleccion-manual {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#sources {
    font-size: 14px;
}

.conector-conectado select {
    grid-column: span 2;
    all: unset;
    width: 100%;
    height: 44px;
    text-align-last: left;
    align-items: center;
    border: 1px solid #cacaca;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 7px;
    background: url(./images/iconos/baseline-keyboard_arrow_down-24px.svg) 96% / 15% no-repeat white;
}

.borderadius10px {
    border-radius: 10px;
    padding: 6px;
}

.sinborde {
    border-right: none;
}

.cargador-conectado select {
    grid-column: span 2;
    all: unset;
    width: 100%;
    height: 44px;
    text-align-last: left;
    align-items: center;
    border: 1px solid #cacaca;
    border-radius: 5px;
    margin-left: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 7px;
    background: url(./images/iconos/baseline-keyboard_arrow_down-24px.svg) 96% / 15% no-repeat white;
}

optgroup {
    font-size: 14px;
}

.seleccion-manual p:nth-child(1) {
    font-size: 11px;
    grid-column: span 4;
    margin-bottom: 5%;
    border-radius: 5px;
}

.tipo-de-seleccion-2 {
    background-color: #fafafa;
    padding: 6px 12px 0 12px;
}

select:invalid {
    color: gray;
}

.p-seleccionar-conector {
    grid-column: 3/ span 2;
    text-align: right;
    margin-top: 10px;
}

.padding-diferete-boton-conectar {
    padding: 10px 12px;
}

.padding-diferente-pagina-seleccionar-cargador {
    padding-bottom: 25px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    -moz-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
}

.seleccionar-numero-de-cargador {
    display: grid;
    grid-template-rows: 30px 1fr;
}

.padding-hacia-abajo {
    margin-bottom: 20px
}

.seleccionar-numero-de-cargador p {
    font-size: 12px;
}

.seleccion-manual-nr-1 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 6px 30px 1fr;
    margin-bottom: 15px;
}

.seleccion-manual-nr-1 img:first-of-type {
    width: 24px;
    height: 24px;
    grid-column: 2;
    display: inline-block;
}

.seleccion-manual-nr-1 p:first-of-type {
    display: inline-block;
    color: #515151;
    font-weight: 550;
    font-size: 16px;
    margin-top: 5px;
    grid-row: 1;
    grid-column: 3;
}

.padre-de-seleccionar-manual {
    grid-column: span 4;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
}

.conector-nr-x {
    height: 72px;
    background-color: white;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    -moz-box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    box-shadow: 0px 1px 1px 1px rgba(158, 158, 158, 0.5);
    border-radius: 5px;
    grid-template-rows: 40px 32px;
    display: grid;
    justify-content: center;
    align-items: center;
    color: #515151;
}

.conector-nr-x img {
    height: 24px;
    width: 24px;
}

.conector-nr-x p {
    font-size: 20px;
    text-align: center;
    font-weight: 550;
    width: 100%;
}

.font-size-22px {
    font-size: 22px;
    font-weight: 540;
}

.precio-tarifa {
    display: grid;
    grid-template-rows: 1;
    grid-template-columns: repeat(2, 1fr);
    background-color: white;
}

.grid-2-x-2-pagina-importe p {
    margin: auto 12px;
    font-size: 13px;
    color: #515151;
    grid-column: 2;
}

.grid-2-x-2-pagina-importe img {
    grid-column: 1;
    grid-row: 1;
    height: 20px;
    width: 24px;
}


/* Estilos para un checkbox estilo Apple, si quereis inplementarlo descomentar la clase.
    input.apple-switch {
        position: relative;
        -webkit-appearance: none;
        outline: none;
        width: 50px;
        height: 30px;
        background-color: #fff;
        border: 1px solid #D9DADC;
        border-radius: 50px;
        box-shadow: inset -20px 0 0 0 #fff;
    }
    
    input.apple-switch:after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        background: transparent;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
    }
    
    input.apple-switch:checked {
        box-shadow: inset 20px 0 0 0 #00a9e0;
        border-color: #00A9E0;
    }
    
    input.apple-switch:checked:after {
        left: 20px;
        box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
    }*/


/*Aquí ajusto el font size y el tamaño del gif de .cargando*/

@media(min-width: 400px) {
    .anadirCoche .overflow-scroll {
        height: 22em;
    }
    .loading .cargando {
        font-size: 2.2em;
    }
    .loading .gif-cargando {
        height: 12em;
        width: 12em;
    }
}

@media(max-width: 400px) {
    .loading .cargando {
        font-size: 2em;
    }
    .loading .gif-cargando {
        height: 10em;
        width: 10em;
    }
}

@media(max-width: 360px) {
    .loading .cargando {
        font-size: 1.6em;
    }
    .loading .gif-cargando {
        height: 8em;
        width: 8em;
    }
}

@media(max-width: 260px) {
    .anadirCoche .overflow-scroll {
        height: 12em;
    }
    .loading .cargando {
        font-size: 1.2em;
    }
    .loading .gif-cargando {
        height: 5em;
        width: 5em;
    }
}

@media(max-width: 200px) {
    .anadirCoche .overflow-scroll {
        height: 10em;
    }
    .loading .cargando {
        font-size: 1em;
    }
    .loading .gif-cargando {
        height: 3.5em;
        width: 3.5em;
    }
}


/*Estilos de la pagina de Añadir método de pago*/

titulo {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    padding-left: 5%;
    font-weight: bold;
}

.literal {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #86888C;
}

.mes {
    padding-top: 10px;
    float: left;
    position: relative;
    width: 25%;
    height: auto;
}

.ano {
    padding-top: 10px;
    margin-left: 3%;
    position: relative;
    float: left;
    width: 25%;
    height: auto;
}

.cvv {
    padding-top: 10px;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
    float: right;
    width: 25%;
    height: auto;
}

.cvv img {
    position: absolute;
    top: 29%;
    right: 10%;
}


/*color de fondo de la pagina iniciar carga*/

.background-linear {
    background-image: linear-gradient(#8c4799, #c7579a);
    height: 66%;
}

.animacion-enchufar {
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    padding-top: 10%;
}

.background-linear p {
    color: white;
    font-size: 22px;
    text-align: center;
}


/*Estilos de la pagina fotos*/

.pagina-fotos {
    height: 100%;
}

.pagina-fotos nav {
    margin-bottom: 0;
}

.pagina-fotos .contenedor-de-fotos {
    background-color: rgb(60, 60, 60);
    padding: 10% 10% 0 10%;
}

.column img {
    max-width: 100%;
    height: auto;
    padding-bottom: 10%;
}

.Borde-color-rosa {
    color: #c6579a;
    border: 2px solid #c6579a;
    border-radius: 10px;
}