#top-menu a.check-in, #top-menu a.check-out {
    padding-top: 2px;
    padding-bottom: 2px;
}
.icon-check-in {
    background-image: url(../images/check-in.png);
}
.icon-check-out {
    background-image: url(../images/check-out.png);
}
.icon-csv {
    background-image: url(../images/csv.png);
}
tr.odd.absent {
    background-color: #fee;
}
tr.even.absent {
    background-color: #fff2f2;
}
tr.odd.automatic {
    background-color: #fff4dd;
}
tr.even.automatic {
    background-color: #fff6e3;
}
tr.holiday td.date {
    color: #900;
}
tr.afterholidays {
    border-top: 2px solid #d7d7d7;
}
table.list.attendances td.check_in_out span {
    border-top: solid 1px #d7d7d7;
    display: block;
}
table.list.attendances td.check_in_out span:first-child {
    border-top: none;
}
a.icon-holidays {
    background-image: url(../images/calendar.png);
}
.controller-holidays #holidays {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}
table.cal.holidays {
    width: auto;
    margin: 0 30px 20px 0;
}
table.cal.holidays tbody tr {
    height: auto;
}
table.cal.holidays td {
    padding: 0;
}
table.cal.holidays td p.day-num {
    text-align: center;
}
table.cal.holidays td a {
    text-decoration: none;
    display: block;
    color: inherit;
    padding: 2px;
}
table.cal.holidays td a:hover {
    background-color: #dfeff7;
}
table.cal.holidays td.holiday a {
    background-color: #2996cc;
    color: #f8f8f8;
}