:root {
--var-mi-color-scheme-host-bg: rgba(255, 255, 255, 0.05);
}
.ic-view .entry.host,
.ic-view .entry.mi-host, .mi-loop-wrapper .entry.host,
.mi-loop-wrapper .entry.mi-host {
background-color: var(--var-mi-color-scheme-host-bg);
}
.embedded.host,
.embedded.mi-address.mi-host,
.embedded.mi-host {
background-color: var(--var-mi-color-scheme-host-bg);
}
.hosts-properties {
--mi-hosts-icon-size: 34px;
--mi-hosts-icon-font-size: 20px;
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 10px;
margin-bottom: 10px;
}
.hosts-properties i {
width: var(--mi-hosts-icon-size) !important;
height: var(--mi-hosts-icon-size);
line-height: var(--mi-hosts-icon-size);
font-size: var(--mi-hosts-icon-font-size);
text-align: center;
padding: 0;
}
.hosts-properties i.unicode {
font-style: normal;
display: inline-block;
}
.mi-occupancy-plan {
font-size: 0.9em;
}
.mi-occupancy-plan table.dates {
width: 100%;
table-layout: fixed;
border-spacing: 3px;
border-collapse: separate;
}
.mi-occupancy-plan table.dates th {
background: var(--mi-color-primary);
color: var(--mi-color-primary_reverse);
}
.mi-occupancy-plan table.dates td {
background: var(--mi-color-not-occupied-bg, #eeeeee);
}
.mi-occupancy-plan table.dates .occupied {
background: var(--mi-color-occupied-bg, red);
color: var(--mi-color-occupied-text, white);
}
.mi-occupancy-plan table.dates .occupied.first {
background: linear-gradient(135deg, var(--mi-color-not-occupied-bg, #d4d4d4) 0%, var(--mi-color-not-occupied-bg, #d4d4d4) 50%, var(--mi-color-occupied-bg, red) 50%, var(--mi-color-occupied-bg, red) 100%);
}
.mi-occupancy-plan table.dates .occupied.last {
background: linear-gradient(-45deg, var(--mi-color-not-occupied-bg, #d4d4d4) 0%, var(--mi-color-not-occupied-bg, #d4d4d4) 50%, var(--mi-color-occupied-bg, red) 50%, var(--mi-color-occupied-bg, red) 100%);
}
.mi-occupancy-plan:not(.collapsed) .collapsed-trigger-wrapper {
display: none;
}
.mi-occupancy-plan.collapsed > :nth-child(n+5):not(.collapsed-trigger-wrapper) {
display: none;
}