.aforament.oo_amaga .aforament_cercle, .aforament_home {
        display: none;
    }

    .aforament.ok_verd .aforament_cercle, .aforament.ko_vermell .aforament_cercle {
    display: flex;
    }

    .aforament_home.ok_verd, .aforament_home.ko_vermell {
        display: block!important;
    }

    .aforament_campus {
        padding:20px 10px 10px 10px;
        text-align:center;
        background-color: #eee;
    }

    .aforament .aforament_maxim {
        border-bottom: 4px solid #eee;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-color: #DB0202;
        color: #DB0202;
    }

    .aforament.ok_verd .aforament_maxim {
        border-color: #008000;
        color: #008000;
    }

    .aforament_estat {
        display: flex !important;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .aforament_cercle {
        display: none; /* flex*/
        flex-direction: column;
        height: 150px;
        width: 150px;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        color: #fff;
        justify-content: center;
        align-items: center;
        line-height: 26px;
    }

    .ok_verd .aforament_cercle {
        background-color: #008000;
    }

    .ko_vermell .aforament_cercle {
        background-color: #DB0202;
    }

    .ok_verd .llocs_disponibles:before {
        content: '\f058';
        font-family: 'FONT AWESOME 6 FREE';
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        margin-right: 10px;
    }

    .ko_vermell .llocs_disponibles:before {
        content: '\f057';
        font-family: 'FONT AWESOME 6 FREE';
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        margin-right: 10px;
    }

   .aforament_campus a {
        color: #fff!important;
        text-decoration:none!important;
    }
   .aforament_campus.ko_vermell .aforament_maxim:before {
        display:block;
        content: 'Aforament complet!';
        margin-bottom:10px;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 20px;
        color:#DB0202;
    }

    .aforament.aforament_home {
        margin-top: 10px!important;
        display:none;
    }

    .horaris-carousel span {
        color: #fff!important;
    }

    .aforament span.llocs_disponibles, .aforament span.portatils_disponibles {
        padding:4px 8px;
        border-radius: 15px;
        background-color: #222222;
        color: #fff!important;
    }

    .aforament span.portatils_disponibles:before {
        content: '\f109';
        font-family: 'FONT AWESOME 6 FREE';
        font-style: normal;
        font-weight: 800 !important;
        font-variant: normal;
        text-transform: none;
        margin-right: 10px;
    }

    .aforament_campus span.llocs_disponibles, .aforament_campus span.portatils_disponibles {
        font-size: 32px;
        border-radius: 18px;
    }

    .aforament.ok_verd span.llocs_disponibles {
        background-color:#008000;
    }

    .aforament.ko_vermell span.llocs_disponibles {
        background-color:#DB0202;
    }