#addNewEventTable, #calendarSmall .dd {background: rgba(13, 98, 144, .5);padding: 2px}
#ifrContainer, .main {left: 0;right: 0;bottom: 0;position: absolute}
::-webkit-scrollbar {width: 5px;height: 5px}
::-webkit-scrollbar-button {width: 3px;height: 3px}
::-webkit-scrollbar-thumb {background: #e1e1e1;border: 0 #fafaff;border-radius: 50px}
::-webkit-scrollbar-thumb:hover {background: #fff}
::-webkit-scrollbar-thumb:active {background: red}
::-webkit-scrollbar-track {background: #666;border: 0 #fff;border-radius: 50px}
::-webkit-scrollbar-track:hover {background: #666}
::-webkit-scrollbar-track:active {background: #333}
::-webkit-scrollbar-corner {background: 0 0}
body {margin: 10px;font-family: Arial, serif;font-size: 13pt;zoom: 1;background: url('../media/bg.jpg') center/cover no-repeat fixed}
.main {padding: .5em;top: 0;background: url('../media/everlink_big.png') center center no-repeat fixed}
.holidayDescTable, .holidayTable, fieldset {border-radius: 5px;box-shadow: 5px 5px 2px 0 rgba(44, 44, 44, .55);background: rgba(255, 255, 255, .85);display: inline-grid;margin-bottom: 20px}
#holidayCalendar, fieldset.holidayFS {display: inline-block}
table {text-align: left}
legend {border: 1px solid rgba(255, 255, 255, .75);border-radius: 4px;box-shadow: 1px 1px 0 0 rgba(44, 44, 44, .55);background: rgba(255, 255, 255, .9);border-bottom: none;position: relative;top: -3px;letter-spacing: 1pt}
#mainNavMenu li {float: left}
#mainNavMenu li a, #mainNavMenu li span:not(.noCss) {display: block;color: #000;font-family: Impact, serif;cursor: pointer;text-align: center;padding: 14px 16px;text-decoration: none}
#mainNavMenu li a:hover {background: rgba(255, 200, 200, .7)}
#mainNavMenu ul {min-width: 1080px; list-style-type: none;margin: 0 0 20px;padding: 0;overflow: hidden;background: rgba(200, 200, 200, .7);border: 1px solid #000}
#calendarMonthInput, #calendarYearInput {padding: 2px;font-size: 10pt;border: 0;background: #ea4c4c;color: #fff;margin: 5px}
#calendarSmall {width: 300px;border-collapse: collapse}
#calendarSmall tr.head td, .holidayTable .head, .holidayTable .monthLabel {font-weight: 700;text-transform: uppercase;color: #fff;background: #59a;padding: 0;text-align: center}
#calendarSmall .dd, .holidayTable .hdd {user-select: none;white-space: normal;font-size: 11pt;font-weight: 700;line-height: 8pt;color: #000;text-shadow: 0 3px 8px #fff}
#calendarSmall tr.day td {width: 25px;overflow: hidden;padding: 0;vertical-align: top}
#calendarSmall tr td.blank {background: #f5f5f5}
#calendarSmall .dd {background-size: 40px 40px;position: relative;width: 35px;height: 27px;border-radius: 3px}
#calendarSmall .dd:hover {box-shadow: inset 0 0 5px 2px #000;background: linear-gradient(10deg, rgba(179, 212, 237, .5) 0, rgba(13, 98, 144, .5) 100%);background-size: 40px 40px}
.interactButton {padding: 5px;border-radius: 4px;background: rgba(200, 200, 200, .9);border-image-outset: 1px;border-color: #646464;font-size: 13pt;position: relative}
#employeesWorkTable, #employeesWorkTable td {border: 1px double #000}
#employeesWorkTable tbody tr {background: #e0e0ff}
#employeesWorkTable thead tr {background: #a0a0a0}
.emph {background-color: #f0f0e0}
#employeesWorkTable tbody tr:last-child {overflow-wrap: unset}
#addNewEventTable {width: 500px;border-radius: 10px}
#employeesWorkTable tbody tr:hover td {cursor: pointer;background-color: #aa6223 !important}
#WTFieldset {max-width: 750px}
.textLink:hover {cursor: pointer;background-color: #00f}
.holidayStatTable td, .holidayTable .hd {background: rgba(13, 98, 144, .5)}
.textLink {padding: 5px}
#stat_ifr {height: 100%;width: 100%}
#ifrContainer {top: 100px;margin: auto}
#holidayHeader {display: flex;justify-content: space-between}
.installerHDIcon, .ownedHDIcon {width: 30px;height: 30px;border-radius: 3px;display: flex;align-items: center}
.ownedHDIcon {background-color: green;justify-content: center}
.ownedHDIconHelp {background-color: green;border-radius: 3px;color: #fff}
.holidayTable .hd.selected_day, .installerHDIcon, .installerHDIconHelp {background-color: #00f}
.installerHDIcon {justify-content: center;color: #fff}
.otherHDIcon, .programmerHDIcon {align-items: center;width: 30px;height: 30px;display: flex}
.installerHDIconHelp {border-radius: 3px;color: #fff}
.programmerHDIcon, .programmerHDIconHelp {background-color: #aa6223;border-radius: 3px;color: #fff}
.programmerHDIcon {justify-content: center}
.otherHDIcon {background-color: #8a2be2;border-radius: 3px;justify-content: center;color: #fff}
.otherHDIconHelp {background-color: #8a2be2;border-radius: 3px;color: #fff}
.sickHDIcon, .sickHDIconHelp {background-color: #ff4500;border-radius: 3px;color: #fff}
.sickHDIcon {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center}
.hdclass_0 {background-color: #fff !important;color: #000 !important;font-weight: 700}
.hdclass_1 {background-color: #00f !important;color: #fff !important;font-weight: 700}
.hdclass_2 {background-color: #ff0 !important;color: red !important;font-weight: 700}
.hdclass_3 {background-color: red !important;color: #fff !important;font-weight: 700}
.hdclass_4 {background-color: #c00000 !important;color: #ff0 !important;font-weight: 700}
.hdclass_5 {background-color: #46b8ff !important;color: #ffe176 !important;font-weight: 700}
.hdclass_6 {background-color: #29b55a !important;color: #fff28f !important;font-weight: 700}
.hdclass_7 {background-color: #b6d5c2 !important;color: #aa6223 !important;font-weight: 700}
.hdclass_unpaid {background-color: purple !important;color: #fff !important;font-weight: 700}
.hdclass_sick {background-color: #ff4500 !important;color: #000 !important;font-weight: 700;padding: 3px}
.holidayDescTable {padding: 10px;border: 0;height: 120px;border-spacing: 0;display: inline-table}
#helpContainer {position: fixed;z-index: 10;background: rgba(255, 255, 255, .85)}
.monthLabel {width: 100%}
.adminHoliday, .holidayTable .day, .holidayTable .head {display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}
#holidaySaveButton, .adminHoliday > *, .holidayTable .hd > div {margin: 5px}
.holidayTable .hd {width: 150px;padding: 5px;background-size: 55px 55px;overflow: auto;vertical-align: top;border: 1px inset #000;border-radius: 3px}
.holidayTable .workDay:hover {border: 1px inset #000;background: linear-gradient(10deg, rgba(179, 212, 237, .5) 0, rgba(13, 98, 144, .5) 100%)}
.holidayTable .hd.weekEnd {background: #ff0;opacity: .5}
.holidayTable .hd.holiday {background: red;opacity: .5;overflow-wrap: anywhere}
.selectedDayDiv .holidayTable {background-color: #59a;padding: 5px}
.holidayTable .hdd {padding: 2px}
.holidayTable .hd.blank {background: rgba(255, 255, 255, 0)}
.iconParent {display: flex;justify-content: center;align-items: center;opacity: .85}
.holidayInfoBox {position: fixed;background-color: grey;padding: 10px;border-radius: 10px;border: 1px solid #000;color: #fff;z-index: 10;opacity: 1 !important}
#mainContainer.grid {display: grid;grid-template-columns:1fr 1fr}
.holidayStatTable {border-collapse: collapse;margin: 5px}
.holidayStatTable td, .holidayStatTable th {border: 1px solid #000;padding: 3px;text-align: center}
.holidayStatTable th {background: #59a}
.emptyRow {height: 28px}
#selectedDayParentDiv {width: min-content}
.noHeightLimit {height: initial !important;max-height: initial !important}