
.col_hall_map .row_title_plan_salle .text{
    font-weight: bold;
    font-size: 1.5rem;
}
.col_hall_map .img_seat{  
    /* height: 20px;
    width: 24px; */
    height: 24px;
    width: 30px;
}
.col_hall_map  .img_seat.couch{
    height: 34px;
    width: 30px;
}
.row_det_hall_map::-webkit-scrollbar {
    height: 10px;
}
.row_det_hall_map::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 10px;
}
.row_det_hall_map::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 50px var(--icon_color); 
    -webkit-box-shadow: inset 0 0 50px var(--icon_color); 
}
#row_back_hall #col_back_hall #text_back_hall{
    font-size: 1.5rem;
}
#row_back_hall #col_back_hall .fill{
    height: 4px;
    border-radius: 10px;
    /* background-color: var(--secondary_tc); */
    background-color: black;
    margin: auto 0;
}






/*----------------- CSS pour tablettes ----------------------------------*/
@media all and (max-device-width:1024px) and (orientation: portrait){
    
}
@media all and (max-device-width:1024px) and (orientation: landscape){
    
}


/*----------------- CSS pour Smartphones et tablette---------------------*/
@media all and (max-device-width:768px) and (orientation: portrait){
    .col_hall_map .row_title_plan_salle .text{
        font-weight: bold;
        font-size: 1rem;
    }
    .col_hall_map .label_legend_hall_map{
        font-size: 0.8rem;
    }
    #row_back_hall #col_back_hall #text_back_hall{
        font-size: 1.25rem;
    }
    #row_back_hall #col_back_hall .fill{
        height: 2px;
    }
}


/*----------------- CSS pour Smartphones --------------------------------*/
@media all and (max-device-width:480px) and (orientation: portrait){
    
}
@media all and (max-device-width:750px) and (orientation: landscape){
    
}

@media all and (max-device-width:920px) and (orientation: landscape){
    
}