@media print {
    @page {
        size: auto;
    }
    thead {
        display: table-row-group;
    }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}

#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}

#page-top a:hover {
    background: #999;
    text-decoration: none;
}

.tableFixHead {
    border-collapse: collapse;
    width: 100%;
}

.tableFixHead th {
    background: #fff;
    border: 1px solid #dee2e6;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
}

.tableFixHead th::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #dee2e6;
}

.tableFixHead th input,
.tableFixHead th button {
    position: relative;
}


/* for FireFox */

@-moz-document url-prefix() {
    .tableFixHead th::before {
        border: 1px solid #dee2e6;
    }
}


/* for Microsoft Edge */

@supports (-ms-ime-align:auto) {
    .tableFixHead th::before {
        border: 1px solid #dee2e6;
    }
}

.tableFixHeadTh1 {
    top: 0;
}

.tableFixHeadTh2 {
    top: 34px;
}

.tableFixHeadFormTh1 {
    top: 0;
}

.tableFixHeadFormTh2 {
    top: 46px;
}

.tableFixHeadFormTh3 {
    top: 80px;
}

.table-font-sm td {
    font-size: 0.9em;
}

.feather-default {
    width: 1.1em;
    vertical-align: -0.35rem;
}

.saturday {
    background-color: lightcyan !important;
}

.sunday {
    background-color: lightpink !important;
}

.atime {
    color: #FFF;
    margin-bottom: 2px;
}

.atime:last-child {
    margin-bottom: 0px;
}

p.atime {
    font-size: 75%;
}

.rtime {
    margin-bottom: 2px;
}

.rtime:last-child {
    margin-bottom: 0px;
}

p.rtime {
    font-size: 75%;
}

.view-nurseries {
    margin-right: 3px;
    color: #FFF;
}

.view-nurseries-title {
    font-size: 75%;
}

.view-nurseries:last-child {
    margin-right: 0px;
}

.staff-name {
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

a.time-add {
    color: lightpink;
    border: 1px solid lightpink;
}

a.time-add:hover {
    background-color: lightpink;
    color: #FFF;
    border: 1px solid lightpink;
}

.sunday a.time-add {
    color: #FFF;
    border: 1px solid white;
}

.sunday a.time-add:hover {
    background-color: white;
    color: #FFF;
    border: 1px solid white;
}

@media print {
    .container-fluid {
        zoom: 0.8;
    }
}

/* Bootstrap4 は、印刷時に縦横設定が非表示化されているので、表示できるようにする */
@page {
    size: auto!important;
}

/* 親に.active がない場合に非表示、ある場合に inline 表示 */

.active-inline {
    display: none;
}

.active .active-inline {
    display: inline;
}


/* 親に .active がない場合に inline 表示、ある場合に非表示 */

.inactive-inline {
    display: inline;
}

.active .inactive-inline {
    display: none;
}