/*
Custom CSS for the Thinkwise Universal GUI

Rename this file to custom.css. It will then get picked up by Universal, and it will not get overwritten when updating Universal in the future

To read more about how to use custom CSS, see https://docs.thinkwisesoftware.com/docs/sf/themes#custom-css-universal
*/


/* Book entitlement */

.booking-wrapper { border:2px solid #000000; width:210px; height:100px; padding:10px; }

.booked-out { float:left; background-color:red; color:#FFFFFF; }
.booking-selectable { font-weight:font-weight; }
.booking-disabled { background-color:#EEEEEE; }
.booking-final { background-color:green; color:#FFFFFF; }
.booking-selected { background-color:orange; color:#FFFFFF; }
.time_conflict { background-color:#545454; color:#FFFFFF; }

.booking_value_small { float:left; margin:0; font-size:12px; }

.session-title { margin:0; }

/* hide empty tab on form */
.MuiButtonBase-root.MuiAccordionSummary-root.Mui-expanded:not(:has(.MuiAccordionSummary-content span:not(:empty))) {
    display: none;
}
div[data_tab_id=book_entitlement] .MuiTreeView-root ul li {
    margin-bottom:20px;
}

div[data_tab_id=book_entitlement] .MuiTreeView-root ul ul li { 
    display:block; 
    float:left; 
    width:240px; 
    height:114px; 
    padding:5px; 
}

div[data_tab_id=book_entitlement] .MuiTreeView-root ul ul li .MuiTreeItem-content {
    float: left;
    height: 130px;
    margin-bottom:16px;
}

div[data_tab_id=book_entitlement] .MuiTreeView-root ul ul li .MuiTreeItem-label {
    height: 130px;
}

div[data_tab_id=book_entitlement] .MuiTreeView-root ul ul li div[class^="css-"] {
    height: 130px;   
}