.divMap, .map {
    height: 580px;
}

.map {
    border: 1px solid #efeeec;
    opacity: 0;
}

    .map img {
        max-width: none;
    }

.punto {
    height: 20px;
    width: 20px;
}

.pGrupServeisLin {
    float: right;
    margin-left: -155px;
    z-index: 1000;
    position: relative;
    top: 10px;
    right: 25px;
    opacity: 0;
}

.divTable {
    width: 100%;
}

.divGrupServeisLinOpt, .divGrupServeisLinOptMarcado {
    padding: 3px 5px 0px 5px;
    border: 1px solid #868686;
    background-color: #ffffff;
    width: 100%;
    cursor: pointer;
    text-align: center;
    color: #868686;
    margin-top: -1px;
}

.divGrupServeisLinOptMarcado {
    background-color: #ffd53a;
    color: #008888;
}



.lblGrupServeisLin {
    font-size: 13px;
    font-weight: bold !important;
    cursor: pointer;
}

.divServei, .divServeiInfoZona {
    float: left;
    width: 100%;
    margin-bottom: 4px;
}

.divServeiEstatico, .divServeiInfoZonaEstatico {
    float: left;
    width: 100%;
    margin-bottom: 4px;
}

.divTitServei, .divTitServeiMarcado, .divTitServeiZona, .divTitServeiZonaMarcado {
    border: 1px solid #868686;
    padding: 5px 0px 5px 10px;
    border-radius: 5px;
    color: #868686;
    position: relative;
    z-index: 2;
    display: flex;
}

.divTitServeiZona, .divTitServeiZonaMarcado {
    height: 27px;
    padding: 2px 0px 5px 10px;
}

.divColorA {
    border: 1px solid black;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    margin: 0px auto;
}

.divColorB {
    border: 1px solid black;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    margin: 2px 0px 0px 11px;
}

.lblTitServei {
    cursor: pointer;
    font-weight: bold !important;
    font-size: 14px;
    margin: 0px;
}

.divTitServeiZona:focus, .divTitServeiZona:hover, .divTitServeiMarcado, .divTitServeiZonaMarcado {
    background-color: #ffd53a;
    color: #008888 !important;
}


.div_fade_in {
    animation: fadeInInfoServei 0.5s ease-in both;
}

.div_fade_out {
    animation: fadeOutInfoServei 0.5s ease-in both;
}

@keyframes fadeInInfoServei {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeOutInfoServei {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        margin-top: -40px;
        transform: translate3d(0, -20%, 0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.divInfoServei {
    border: 1px solid #868686;
    margin: 3px 0px 6px 0px;
    display: flex;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    min-height: 100%;
    width: 100%;
}

.divInfoServeiEstatico {
    border: 1px solid #868686;
    margin: 3px 0px 6px 0px;
    display: flex;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    min-height: 100%;
    width: 100%;
}

.divInfoServei2 {
    border: 1px solid #868686;
    margin: 3px 0px 6px 0px;
    display: flex;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    min-height: 100%;
    min-height: 75px;
    padding: 0px !important;
}

.imgInfoServei {
    border-radius: 5px;
    width: 78px;
    height: 78px;
    cursor: pointer;
    /*align-self: center;*/
    margin: 1px 1px 1px 1px;
}

.lblInfoServei {
    padding: 10px;
    font-size: 12px;
    align-self: center;
    width: 100%;
}

.lblInfoServeiScroll {
    max-height: 500px;
    overflow: auto;
}

.divCalend {
    font-size: 12px;
    width: 100%;
}


table, th, td {
    font-size: 12px;
    padding: 5px;
    text-align: center;
}

table {
    border: 2px solid transparent;
    margin: auto;
}

th, td {
    border: 1px solid #868686;
}

.divRowCalend {
}

.lblInfoCalendari {
    font-size: 15px;
    border: 3px solid #01ba9b;
    width: 25%;
    background-color: #ffd53a;
    text-align: center;
}

.lblInfoCalendari2 {
    font-size: 15px;
    border: 3px solid #01ba9b;
    width: 75%;
    background-color: #ffd53a;
}

.lblmapaclick {
    height: 23px;
    font-size: 15px;
    color: red;
    position: relative;
    z-index: 1;
    top: 10px;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -18px;
}

@keyframes flickerAnimation { /* flame pulses */
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    animation: flickerAnimation 2s infinite;
}

.autocomplete_maps {
    width: 35%;
    margin-bottom: -30px;
    float: left;
    z-index: 1000;
    position: relative;
    top: 10px;
    left: 5px;
    border: 1px solid #868686;
    border-radius: 5px;
    color: #868686 !important;
    height: 27px;
    padding-right: 25px;
}

.css_boton_borrar_calle {
    margin-left: 35%;
    margin-bottom: -30px;
    float: left;
    z-index: 1000;
    position: relative;
    top: 12px;
    right: 16px;
    text-align: right;
    font-size: 22px;
    cursor: pointer;
}

.imgCalend {
    /*max-width: 295px !important;*/
    margin: auto;
    width: 25px;
    height: 25px;
}