html,
body {
    height: 100%;
    font-family: "Poppins", "Noto Sans TC", Arial, Helvetica, sans-serif !important;
}


/*非滿版寬度 客製調整*/

.container-custom {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:1920px) {
    .container-custom {
        max-width: 1620px;
    }
}


/*Header 首頁設定*/

.custom-type {
    background:linear-gradient(to bottom, rgb(216 234 187) 0%, rgb(253 250 224) 40%, rgb(250 248 229) 70%, rgb(255 244 206 / 28%) 100%);
}

.main-header {
    width: 100%;
    height: 60px;
}

.main-header-img {
    background: #8ED0FF url(../images/main-header.png) no-repeat 98% 50%;
}

.main-logo,
.right-bar {
    height: 60px;
}


/*LOGO 設定*/

.main-logo {
    display: block;
    width: 200px;
    height: 48px;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    text-indent: -9999px;
}

.subtitle {
    background-color: #ffffff;
    color: #164995;
    font-weight: bold;
    font-size: 1.2rem;
    padding: .25rem 1.2rem;
    border-radius: .5rem;
    text-align: center;
    word-break: keep-all;
}

@media (max-width:768px) {
    .main-logo-sm {
        width: 48px;
        height: 48px;
        background-image: url(../images/logo-sm.svg) !important;
    }
}


/*Color*/

.tb:hover {
    background-color: #f1f1f1;
}

.system-card:hover {
    background-color: #ececec;
}

.bg-grey {
    background-color: #f5f5f5;
}

.green-type {
    background-color: rgba(255, 255, 255, 0.5);
}

.custom-type {
    background-color: #f5f5f5;
}

.custom-type a {
    color: #2d2e2e;
    text-decoration: none;
}

.custom-type a:hover {
    color: #8a714d;
}

.custom-type .nav-link-g {
    color: #303030;
}

.custom-type .search-text {
    color: #303030;
}

.custom-type a.nav-link-green,
a.dropdown-item {
    display: block;
    padding: .5rem 1rem;
    color: #414b47;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.custom-type a.nav-link-green:focus,
.custom-type a.nav-link-green:hover {
    color: #7eb65e;
    background-color: #e8ece5;
}

.custom-type .green-btn,
.custom-type a.green-btn {
    background-color: #8d7863;
    color: #ffffff;
    transition: .6s all;
}

.custom-type .green-btn:hover,
a.green-btn:hover {
    background-color: #866657;
    color: #ffffff;
}

.custom-type .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #858585;
    border-color: #858585;
}

.custom-type a.nav-link-green,
.custom-type a.dropdown-item {
    display: block;
    padding: .5rem 1rem;
    color: #414b47;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.custom-type a.nav-link-green:focus,
.custom-type a.nav-link-green:hover {
    color: #212518;
    background-color: #fff4ce;
}

.custom-type .dropdown-item-g.active,
.custom-type .dropdown-item-g:active {
    background-color: #daffc5;
}

.custom-type .moreOperations .dropdown-menu .dropdown-item:hover {
    background-color: #f5f5f5;
}

.custom-type .nav-link-g {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.custom-type .nav-link-g:focus,
.custom-type .nav-link-g:hover {
    color: #749c4e;
}

.custom-type .nav-link-g:focus,
.custom-type .nav-link-g:hover {
    color: #000000;
    background-color: rgba(216, 240, 173, 0.5);
}

.custom-type .nav-pills-g .nav-link.active,
.custom-type .nav-pills-g .show>.nav-link {
    color: #000000;
    background-color: #cbe3b1;
    border: transparent;
}

.custom-type .nav-pills-green .nav-link.active,
.custom-type .nav-pills-green .show>.nav-link {
    color: #2b2b2b;
    background-color: #91a564;
}

.custom-type .nav-tabs-underline .nav-item.show .nav-link,
.custom-type .nav-tabs-underline .nav-link.active {
    color: #91a564;
    border-bottom: 2px solid #91a564;
}

.custom-type .nav-tabs-underline .nav-link:focus,
.custom-type .nav-tabs-underline .nav-link:hover {
    color: #91a564;
    border-bottom: 2px solid #91a564;
    isolation: isolate;
}

.custom-type .nav-tabs-underline .nav-item.show .nav-link,
.custom-type .nav-tabs-underline .nav-link.active {
    color: #91a564;
    border-bottom: 2px solid #91a564;
}

.btn.edit-icon:hover,
.btn.add-icon:hover,
.btn.statistic-icon:hover,
.star-label-icon:hover {
    background-color: #eeeeee;
}

.checkbox:hover {
    background-color: #fff9cf;
}

.checkbox-checked {
    background-color: #e0f7de;
    border-radius: 0.25rem;
    /* border-left: 5px solid #a18470; */
}

.icon-cloud {
    background-color: #71a9df;
}

.icon-week {
    background-color: #a489d8;
}

.icon-day {
    background-color: #217baf;
}

.icon-task {
    background-color: #d33b69;
}

.icon-warn {
    background-color: #ee6e3b;
}

.icon-task2 {
    background-color: #5db4a6;
}

.label-info {
    background-color: #75bdbc;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #d2efc3;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #d2efc3;
}

.btn-icon-sm:hover {
    color: #000000;
    background-color: #f1f1f1 !important;
}

.correct-btn {
    background-color: #eb4e5d;
}

.custom-type .nav-link-green:focus,
.custom-type .nav-link-green:hover {
    color: #212518;
    background-color: #fff4ce;
}

.custom-type .calendar .number a.today-in {
    width: 26px;
    height: 26px;
    color: #fff;
    border-radius: 50%;
    color: #82c13f;
    background-color: #ddf9b0;
}

.custom-type .calendar .number a.active {
    width: 26px;
    height: 26px;
    color: #fff;
    border-radius: 50%;
    background-color: #83a73c;
}

.custom-type .calendar .day {
    color: #636363;
    background-color: #ffeeb1;
}

.custom-type .cy-month {
    background-color: #b0f3e1;
}

.custom-type .i-title,
.custom-type .i-link {
    color: #896b32 !important;
}

.custom-type .accordion-button:not(.collapsed) {
    background-color: #fff3c7;
}

.custom-type .menu-active {
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    border-radius: .25rem;
}

.custom-type .all-read {
    background-color: #eff3ec;
    color: #606060;
}

.custom-type .list-group-item.active {
    z-index: 0;
    color: rgb(0, 0, 0);
    background-color: #fffad5;
    border-color: #e6e6e6;
}

.custom-type .form-control-textarea:focus {
    color: #212529;
    background-color: #ffffff;
    border-color: #b8b8b8;
}

.apt .card:hover,
.forum-card:hover {
    background-color: #f5ffe3;
    color: #3a494e !important;
}

.custom-type .breadcrumb>li:first-child:hover {
    background-color: #fffae9;
}

.custom-type .breadcrumb-item.active {
    color: #2c2c2c;
}

.custom-type .breadcrumb-item a:hover {
    color: #353535;
}

.custom-type .breadcrumb-item+.breadcrumb-item::before {
    color: #2c2c2c;
}

.custom-type .form-control-g:focus {
    color: #212829;
    background-color: #fff;
    border-color: #d0e7bd;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(193 223 158 / 25%);
}

.custom-type .form-select-g:focus {
    border-color: #d0e7bd;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(193 223 158 / 25%);
}

.custom-type .active .frame-green {
    background-color: #ffec8d;
}

.custom-type .frame-green:hover {
    color: #20201d;
    background-color: #fcfbcf;
}

.btn-check:active+.greenlight,
.btn-check:checked+.greenlight,
.greenlight.active,
.greenlight:active,
.show>.greenlight.dropdown-toggle {
    background-color: #76b8a2;
    border-color: #76b8a2;
}

.btn-check:focus+.greenlight,
.greenlight:focus {
    background-color: #76b8a2;
    border-color: #76b8a2;
    box-shadow: 0 0 0 .25rem rgba(159, 219, 194, 0.5);
}

.custom-type .greenlight {
    background-color: #ecefe9;
    border: 1px solid #d7dace;
}

.custom-type .green-hover:hover {
    background-color: #eeeeee;
    color: #2b2f30;
    cursor: pointer;
}

.custom-type .light-green {
    background-color: #83e6ff;
}

.custom-type .nav-pills-gd .nav-link.active,
.custom-type .nav-pills-gd .show>.nav-link {
    color: #ffffff !important;
    background-color: #9aab7b !important;
}

.custom-type .nav-link-gd:focus,
.custom-type .nav-link-gd:hover {
    color: #2c2c2b !important;
    background-color: #e6e6ca !important;
}

.custom-type .accordion-button:focus {
    border-color: #d0e0bf;
    box-shadow: 0 0 0 0.25rem rgba(194, 221, 168, 0.25);
}

.custom-type .tab-pane-hover:hover {
    background-color: #fff9cb;
}

.custom-type .calendar-member:hover{
    background-color: #fff9cb;
}

.custom-type .profile-setting>a:hover {
    background-color: #fffae4;
    border-radius: 0.25rem;
}

.custom-type .col-form-label-g {
    background-color: #e9e6d5;
}