/** font */

@font-face {
    font-family: "Orbitron";
    src: url("/font/Orbitron-Regular.ttf");
}

@font-face {
    font-family: "Edu Australia";
    src: url("/font/EduAUVICWANTGuides-Regular.ttf");
}

@font-face {
    font-family: "Fredoka";
    src: url("/font/Fredoka-Regular.ttf");
}

@font-face {
    font-family: "Exo2";
    src: url("/font/Exo2-Regular.ttf");
}

@font-face {
    font-family: "NotoSansTC";
    src: url("/font/NotoSansTC-Regular.ttf");
}

@font-face {
    font-family: "Comfortaa";
    src: url("/font/Comfortaa-Regular.ttf");
}

@font-face {
    font-family: "ComfortaaBold";
    src: url("/font/Comfortaa-Bold.ttf");
}


/** bootstrap */

.table {
    --bs-table-hover-bg: #ffc987;
    --bs-table-hover-color: #000;
}

.table-orange {
    --bs-table-bg: #ec8f3f;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #e36b10;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #ffc987;
    --bs-table-hover-color: #fff;
    color: #000;
    border-color: #373b3e;
}

.table-xs > :not(caption) > * > * {
    padding: 0.1rem 0.1rem;
    font-size: 0.9em
}

.btn-outline-orange {
    color: #ff7a08;
    border-color: #ec8f3f;
}

    .btn-outline-orange:hover {
        color: #fff;
        background-color: #ff7a08;
        border-color: #ec8f3f;
    }

.btn-orange {
    color: #fff;
    background-color: #ff7a08;
    border-color: #ec8f3f;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.toggle {
    border: 1px solid #acacac !important;
}

#main_area {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

@media only screen and (max-width: 600px) {
    #main_area {
        font-size: 70% !important;
    }
}

#btn-filter-position {
    overflow-y:auto;
    height:400px;
}