:root {
    --color-header-background01: #000068;
    --color-header-background02: #abaaaa;

    --color-button-background: #000068;

    --color-text01: #ffffff;
    --color-text02: #000068;
    --color-approved: green;
    --color-pending: #bdbd09;
    --color-publicholiday: lightcoral;
}

.viewTable thead {
    color: white;
    background-color: var(--color-header-background01);
}

.viewTable .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #def2ff91;
}

.viewTable th, td {
    text-align: center !important;
    vertical-align: middle !important;
    border-style: none;
}


.viewTable thead:first-child,
.viewTable th:first-child {
    border-radius: 10px 0 0 0;
}

.viewTable thead:last-child,
.viewTable th:last-child {
    border-radius: 0 10px 0 0;
}

.viewTable tbody tr:last-child {
    border-radius: 0 0 10px 10px;
}

.viewTable tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}


.viewTable tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.viewTable .dataTables_empty {
    border-radius: 0 0 10px 10px !important;
}

.viewTable .table {
    width: 100%;
    max-width: 100%;
    padding-right: 1%;
    margin-bottom: 5%;
    margin-top: 1% !important;
    border-radius: 11px;
}

.viewTable .btn-primary {
    background-color: var(--color-header-background01);
    border-color: var(--color-header-background01);
}

.viewTable .btn-primary:hover {
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 128, 0.7),
    -6px -6px 10px -1px rgba(0, 0, 64, 0.15);
}

.viewTable .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.viewTable .btn-danger:hover {
    box-shadow: 6px 6px 10px -1px rgba(220, 53, 69, 0.7),
    -6px -6px 10px -1px rgba(220, 53, 69, 0.15);
}

.viewTable .btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.viewTable .btn-info:hover {
    box-shadow: 6px 6px 10px -1px rgba(23, 162, 184, 0.7),
    -6px -6px 10px -1px rgba(23, 162, 184, 0.15);
}

.viewTable .btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
}

.viewTable .btn-warning:hover {
    box-shadow: 6px 6px 10px -1px rgba(255, 193, 7, 0.7),
    -6px -6px 10px -1px rgba(255, 193, 7, 0.15);
}

.viewTable .tr-medium-warning {
    background-color: #DAE5F3;
}

.viewTable .tr-extreme-warning {
    background-color: bisque;
}

.viewTable .active > .page-link, .page-link.active {
    background-color: var(--color-header-background01);
}

.infoData {
    background-color: var(--color-header-background01) !important;
    color: whitesmoke !important;
}

.filter {
    background-color: rgba(0, 0, 104, 0.3);
    color: whitesmoke;
}

.checked {
    background-color: rgba(144, 238, 144, 0.5) !important;
}

input[type="search"] {
    border-radius: 5px;
    outline-offset: 1px;
    -webkit-appearance: none;
}

select {
    border-radius: 5px;
}