@charset "utf-8";

nav {
    text-align: center;
}
nav .year {
    font-size: medium;
}
nav .month {
    font-size: x-large;
}

.calender th {
    text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 0px;
}
.calender td {
    border-bottom: 1px solid black;
    vertical-align: top;
    margin-top: 0px;
    padding-bottom: 5px;
}
.calender .holiday {
    color: red;
}
.calender .holiday-name {
    color: red;
    font-size: smaller;
}
.calender .week-SUN {
    color: red;
}
.calender .week-SAT {
    color: blue;
}
.calender .other-month {
    color: gray;
    font-size: large;
}

.workPlaceType-1,
select[name="workPlaceType"] option[value="1"] {
    background-color: greenyellow !important;
}
.workPlaceType-2,
select[name="workPlaceType"] option[value="2"] {
    background-color: bisque !important;
}
.workPlaceType-3,
select[name="workPlaceType"] option[value="3"] {
    background-color: bisque !important;
}
.workPlaceType-9,
select[name="workPlaceType"] option[value="9"] {
    background-color: gainsboro !important;
}

.allowBroadCast-true,
select[name="allowBroadCast"] option[value="true"] {
    background-color: lightblue !important;
}
.allowBroadCast-false,
select[name="allowBroadCast"] option[value="false"] {
    background-color: lightpink !important;
}

.isBroadCast-true,
select[name="isBroadCast"] option[value="true"] {
    background-color: yellow !important;
}
.isBroadCast-false,
select[name="isBroadCast"] option[value="false"] {
    background-color: gainsboro !important;
}

.broadCastHours-,
select[name="broadCastHours"] option[value=""] {
    background-color: gainsboro !important;
}

.broadCastHours-1, .broadCastHours-2, .broadCastHours-3,
.broadCastHours-4, .broadCastHours-5, .broadCastHours-6,
.broadCastHours-7, .broadCastHours-8, .broadCastHours-9,
select[name="broadCastHours"] :not(option[value=""]) {
    background-color: white !important;
}

.workHours-,
select[name="workHours"] option[value=""] {
    background-color: gainsboro !important;
}

.workHours-1, .workHours-2, .workHours-3,
.workHours-4, .workHours-5, .workHours-6,
.workHours-7, .workHours-8, .workHours-9,
select[name="workHours"] :not(option[value=""]) {
    background-color: white !important;
}