<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --planning-table-scrollbar-width: 20px;
}

/*** STRUCTURE ***/

.planning_table_container {
    box-sizing  : border-box;
    overflow    : hidden;
}

.planning_table_container table,
.planning_table_container tr,
.planning_table_container th,
.planning_table_container td { box-sizing: border-box!important; }

.planning_table_container &gt; .headLeftContainer {
    box-sizing      : border-box;
    float           : left;
    border          : none;
    border-bottom   : 4px solid #eee;
    border-right    : 4px solid #eee;
    padding         : 0;
    margin          : 0;
    overflow        : hidden;
}

.planning_table_container &gt; .headLeftContainer &gt; .headLeftTable {
    box-sizing      : border-box;
    border-collapse : collapse;
    margin          : 0;
    width           : 100%;
    max-width       : 100%;
    height          : 100%;
    min-height      : 100%;
    max-height      : 100%;
}

.planning_table_container &gt; .headRightContainer {
    box-sizing          : border-box;
    border              : none;
    border-bottom       : 4px solid #eee;
    padding             : 0;
    margin              : 0;
    overflow-x          : scroll;
    overflow-y          : hidden;
    -ms-overflow-style  : none;  /* IE and Edge */
    scrollbar-width     : none;  /* Firefox */
}
.planning_table_container &gt; .headRightContainer::-webkit-scrollbar { display: none; }

.planning_table_container &gt; .headRightContainer &gt; .headRightTable {
    box-sizing      : border-box;
    border-collapse : collapse;
    margin          : 0;
    width           : auto;
    max-width       : none; 
    height          : 100%;
    min-height      : 100%;
    max-height      : 100%;
}

.planning_table_container &gt; .headRightContainer &gt; .headRightTable td,
.planning_table_container &gt; .headRightContainer &gt; .headRightTable th { user-select: none; }

.planning_table_container.scrollH &gt; .headRightContainer &gt; .headRightTable {
    margin-right: var(--planning-table-scrollbar-width);
}

.planning_table_container &gt; .bodyLeftContainer {
    box-sizing          : border-box;
    float               : left;
    border              : none;
    border-right        : 4px solid #eee;
    padding             : 0;
    margin              : 0;
    overflow-x          : hidden;
    overflow-y          : scroll;
    -ms-overflow-style  : none;  /* IE and Edge */
    scrollbar-width     : none;  /* Firefox */
}
planning_table_container &gt; .bodyLeftContainer::-webkit-scrollbar { display: none; }

.planning_table_container &gt; .bodyLeftContainer &gt; .bodyLeftTable {
    box-sizing      : border-box;
    border-collapse : collapse;
    margin          : 0;
    width           : 100%;
    max-width       : 100%;
}

.planning_table_container.scrollV &gt; .bodyLeftContainer &gt; .bodyLeftTable {
    margin-bottom: var(--planning-table-scrollbar-width);
}

.planning_table_container &gt; .bodyRightContainer {
    box-sizing          : border-box;
    border              : none;
    padding             : 0;
    margin              : 0;
    overflow            : auto;
    scrollbar-width     : var(--planning-table-scrollbar-width);
}

.planning_table_container &gt; .bodyRightContainer &gt; .bodyRightTable {
    box-sizing      : border-box;
    border-collapse : collapse;
    margin          : 0;
    width           : auto;
    max-width       : none;
    height          : auto;
    max-height      : none;
}

.planning_table_container &gt; .bodyRightContainer &gt; .bodyRightTable td,
.planning_table_container &gt; .bodyRightContainer &gt; .bodyRightTable th { user-select: none; }

/*** TABLE ***/

table.table_planning,
table.headLeftTable,
table.headRightTable,
table.bodyLeftTable,
table.bodyRightTable { font-size: 12px !important; }

table.table_planning td, table.table_planning th 
table.headLeftTable td, table.headLeftTable th,
table.headRightTable td, table.headRightTable th,
table.bodyLeftTable td, table.bodyLeftTable th,
table.bodyRightTable td, table.bodyRightTable th { vertical-align : middle !important; }

th.planning_actBtn,
td.planning_actBtn {
    width: 20px !important;
    padding-left: 4px!important;
    padding-right: 4px!important;
    text-align: center;
}

.col_mois {
    border-right: 1px solid #DDD;
    text-align: center;
    font-weight: bold;
    min-width: 28px;
}

.col_jour {
    border-right: 1px solid #DDD;
    text-align: center;
    font-size: 10px;
    line-height: 11px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-width: 25px;
}

.col_jour &gt; a { text-decoration: none !important; color: black; }

th.col_jour { font-weight: bold; }

.planning_table_container .headLeftTable tr:last-child th,
.planning_table_container .headLeftTable tr:last-child td,
.planning_table_container .headRightTable tr:last-child th,
.planning_table_container .headRightTable tr:last-child td { border-bottom: none; }

/*** COLOR ***/

th.weekend,
.planning_table_container.weekend_on .weekend { background-image: url(../img/pattern.png) !important; }

.planning_table_container.weekend_limits .weekend_start { border-right: 1px dashed black; }
.planning_table_container.weekend_limits .weekend_end   { border-right: 1px solid black; }

th.col_ferie { cursor: pointer; }

th.today,
.planning_table_container.today_on td.today { background-color: #FFF3A6 !important; }

th.target:not(.today),
.planning_table_container.today_on td.target:not(.today) { background-color: #b3dbff!important; }

tr.hover &gt; td { background-image: url(../img/pattern2.png); }

td.col_jour.hasConflict, td.col_jour.hasConflict:hover { background-color: #ff5252 !important; }

td.col_jour.hasWarning, td.col_jour.hasWarning:hover { background-color: #ff9552 !important; }

.case_in { background-color: #e8f7ff !important; }

.case_on { background-color: #eaffe8 !important; }
.case_on:hover { background-color: #dcefdb !important; }

/*** SCROLL TARGET GROUP ***/
div.scrollTargetGrp {
    width: 117px;
    float: right;
}

div.scrollTargetGrp.left { float: inherit; }</pre></body></html>