/* temple-theme-morandi-red theme */
.temple-theme-morandi-red .bg-background,
.temple-theme-morandi-red .header {
    background: linear-gradient(135deg, #ea3333 0%, #dca3a3 100%);
}
.temple-theme-morandi-red .header a {
    color: #fff;
}
.temple-theme-morandi-red .header h3 {
    color: #fff;
}
.temple-theme-morandi-red .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-morandi-red .laoderhorizontal div {
    background: #fff;
}

.temple-theme-morandi-red .wrapper {
    background: #f8edf4;
    background: -moz-linear-gradient(top, #f8edf4 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8edf4), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f8edf4 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f8edf4 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f8edf4 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f8edf4 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8edf4', endColorstr='#ffffff', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}

.temple-theme-morandi-red-bg,
.temple-theme-morandi-red body,
.temple-theme-morandi-red body.sidemenu-open,
.temple-theme-morandi-red .bg-template,
.temple-theme-morandi-red .loader-screen {
    background: #ea3333;
    background: -moz-linear-gradient(-45deg, #ea3333 0%, #dca3a3 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ea3333), color-stop(100%, #dca3a3));
    background: -webkit-linear-gradient(-45deg, #ea3333 0%, #dca3a3 100%);
    background: -o-linear-gradient(-45deg, #ea3333 0%, #dca3a3 100%);
    background: -ms-linear-gradient(-45deg, #ea3333 0%, #dca3a3 100%);
    background: linear-gradient(135deg, #ea3333 0%, #dca3a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8edf4', endColorstr='#dca3a3', GradientType=1);
}

.temple-theme-morandi-red .user-data-show {
    color: #fff;
}

.temple-theme-morandi-red .user-data-temple-name {
    color: #fff;
    opacity: 0.7;
}

.temple-theme-morandi-red .footer {
    background: linear-gradient(to bottom, #f8edf4 0%, #ffffff 100%);
}

.temple-theme-morandi-red .footer .footer-active {
    color: #e94c4d;
}
.temple-theme-morandi-red .footer .fill-icon:hover {
    color: #e68686;
}

.temple-theme-morandi-red  .page-title-icon {
    color: #d34f53;
}

.temple-theme-morandi-red .part-title {
    background: linear-gradient(135deg, #e09191 0%, #f1d8a4 100%);
}
.temple-theme-morandi-red .part-title h5 {
    color: #fff
}

.temple-theme-morandi-red .payment-cash {
    background: linear-gradient(135deg, #f3c79d 0%, #e382ba 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-morandi-red .btn-default,
.temple-theme-morandi-red .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-red .small-slide .swiper-slide .card:hover,
.temple-theme-morandi-red .small-slide .swiper-slide .card:focus,
.temple-theme-morandi-red .filter,
.temple-theme-morandi-red .chosen-container .chosen-results li.highlighted,
.temple-theme-morandi-red .page-item.active .page-link,
.temple-theme-morandi-red .nav-pills .nav-link.active,
.temple-theme-morandi-red .nav-pills .show > .nav-link,
.temple-theme-morandi-red .footer .btn i:after {
    background-color: #d34f53;
    border-color: #d34f53;
}

.temple-theme-morandi-red .bg-template,
.temple-theme-morandi-red .icons-raised,
.temple-theme-morandi-red .filter,
.temple-theme-morandi-red .filter .form-control,
.temple-theme-morandi-red .filter .form-group label,
.temple-theme-morandi-red .float-label .chosen-container-multi .chosen-choices,
.temple-theme-morandi-red .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-morandi-red .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-morandi-red .btn-default,
.temple-theme-morandi-red .sidebar,
.temple-theme-morandi-red .sidebar .main-menu .list-group-item,
.temple-theme-morandi-red .small-slide .swiper-slide .card:hover *,
.temple-theme-morandi-red .small-slide .swiper-slide .card:focus *,
.temple-theme-morandi-red .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-morandi-red .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-morandi-red .btn-default:hover,
.temple-theme-morandi-red .btn-default:focus {
    color: #ffffff;
    background-color: #ce383d;
}

.temple-theme-morandi-red .input-group:focus-within {
    border-color: #ce383d; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-morandi-red .figure-profile,
.temple-theme-morandi-red .form-control:focus,
.temple-theme-morandi-red .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-red .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-red .float-label .form-control:focus,
.temple-theme-morandi-red .page-item.active .page-link,
.temple-theme-morandi-red .btn-outline-default {
    border-color: #ce383d;
}


.temple-theme-morandi-red .filter .form-control:focus,
.temple-theme-morandi-red .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-red .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-red .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-morandi-red .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-morandi-red .btn-light:hover,
.temple-theme-morandi-red .btn-light:focus,
.temple-theme-morandi-red .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-red .bg-template-light {
    background-color: #efc4c4
}


.temple-theme-morandi-red .text-template,
.temple-theme-morandi-red .btn-link,
/* .temple-theme-morandi-red a, */
.temple-theme-morandi-red .float-label .form-control:focus + .form-control-label,
.temple-theme-morandi-red .btn-light:hover,
.temple-theme-morandi-red .btn-light:focus,
.temple-theme-morandi-red .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-red .btn.btn-link-default:hover,
.temple-theme-morandi-red .btn.btn-link-default:focus,
.temple-theme-morandi-red .btn.btn-link-default.active {
    color: #ce383d;
}


.temple-theme-morandi-red .bg-warning,
.temple-theme-morandi-red .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-morandi-red .bg-success,
.temple-theme-morandi-red .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-morandi-red .bg-danger,
.temple-theme-morandi-red .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-morandi-red .bg-orange,
.temple-theme-morandi-red .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-morandi-red .bg-primary,
.temple-theme-morandi-red .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-morandi-red .bg-info,
.temple-theme-morandi-red .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-morandi-red .page-title {
    color: #F16060
}
.temple-theme-morandi-red .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-morandi-red .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}
.temple-theme-morandi-red .swiper {
    --swiper-pagination-color: #ce383d; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-morandi-red .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-morandi-red .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}



/* temple-theme-ink theme */
.temple-theme-ink .bg-background,
.temple-theme-ink .header {
    background: linear-gradient(135deg, #050505 0%, #c1baba 100%);
}
.temple-theme-ink .header a {
    color: #fff;
}
.temple-theme-ink .header h3 {
    color: #fff;
}
.temple-theme-ink .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-ink .laoderhorizontal div {
    background: #fff;
}

.temple-theme-ink .wrapper {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dbdada 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dbdada));
    background: -webkit-linear-gradient(top, #ffffff 0%, #dbdada 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #dbdada 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #dbdada 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #dbdada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdada', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}

.temple-theme-ink-bg,
.temple-theme-ink body,
.temple-theme-ink body.sidemenu-open,
.temple-theme-ink .bg-template,
.temple-theme-ink .loader-screen {
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #595959 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #595959));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #595959 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #595959 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #595959 100%);
    background: linear-gradient(135deg, #ffffff 0%, #595959 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#595959', GradientType=1);
}

.temple-theme-ink .user-data-show {
    color: #000000;
}

.temple-theme-ink .user-data-temple-name {
    color: #000000;
    opacity: 0.7;
}

.temple-theme-ink .footer {
    background: linear-gradient(to bottom, #d5d4d4 0%, #ffffff 100%);
}

.temple-theme-ink .footer .footer-active {
    color: #4b4647;
}
.temple-theme-ink .footer .fill-icon:hover {
    color: #4b4647;
}
.temple-theme-ink  .page-title-icon {
    color: #4b4647;
}

.temple-theme-ink .part-title {
    background: linear-gradient(135deg, #adadad 0%, #e3df9a 100%);
}

.temple-theme-ink .part-title h5 {
    color: #fff
}

.temple-theme-ink .payment-cash {
    background: linear-gradient(135deg, #e3df9a 0%, rgb(123, 122, 123) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-ink .btn-default,
.temple-theme-ink .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-ink .small-slide .swiper-slide .card:hover,
.temple-theme-ink .small-slide .swiper-slide .card:focus,
.temple-theme-ink .filter,
.temple-theme-ink .chosen-container .chosen-results li.highlighted,
.temple-theme-ink .page-item.active .page-link,
.temple-theme-ink .nav-pills .nav-link.active,
.temple-theme-ink .nav-pills .show > .nav-link,
.temple-theme-ink .footer .btn i:after {
    background-color: #4b4647;
    border-color: #4b4647;
}

.temple-theme-ink .bg-template,
.temple-theme-ink .icons-raised,
.temple-theme-ink .filter,
.temple-theme-ink .filter .form-control,
.temple-theme-ink .filter .form-group label,
.temple-theme-ink .float-label .chosen-container-multi .chosen-choices,
.temple-theme-ink .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-ink .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-ink .btn-default,
.temple-theme-ink .sidebar,
.temple-theme-ink .sidebar .main-menu .list-group-item,
.temple-theme-ink .small-slide .swiper-slide .card:hover *,
.temple-theme-ink .small-slide .swiper-slide .card:focus *,
.temple-theme-ink .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-ink .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-ink .btn-default:hover,
.temple-theme-ink .btn-default:focus {
    color: #ffffff;
    background-color: #676666;
}

.temple-theme-ink .input-group:focus-within {
    border-color: #4b4647; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-ink .figure-profile,
.temple-theme-ink .form-control:focus,
.temple-theme-ink .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-ink .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-ink .float-label .form-control:focus,
.temple-theme-ink .page-item.active .page-link,
.temple-theme-ink .btn-outline-default {
    border-color: #4b4647;
}


.temple-theme-ink .filter .form-control:focus,
.temple-theme-ink .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-ink .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-ink .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-ink .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-ink .btn-light:hover,
.temple-theme-ink .btn-light:focus,
.temple-theme-ink .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-ink .bg-template-light {
    background-color: #e1e1e1
}


.temple-theme-ink .text-template,
.temple-theme-ink .btn-link,
/* .temple-theme-ink a, */
.temple-theme-ink .float-label .form-control:focus + .form-control-label,
.temple-theme-ink .btn-light:hover,
.temple-theme-ink .btn-light:focus,
.temple-theme-ink .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-ink .btn.btn-link-default:hover,
.temple-theme-ink .btn.btn-link-default:focus,
.temple-theme-ink .btn.btn-link-default.active {
    color: #615e5e;
}


.temple-theme-ink .bg-warning,
.temple-theme-ink .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-ink .bg-success,
.temple-theme-ink .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-ink .bg-danger,
.temple-theme-ink .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-ink .bg-orange,
.temple-theme-ink .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-ink .bg-primary,
.temple-theme-ink .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-ink .bg-info,
.temple-theme-ink .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-ink .page-title {
    color: #4b4647
}
.temple-theme-ink .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-ink .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}
.temple-theme-ink .swiper {
    --swiper-pagination-color: #4b4647; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-ink .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-ink .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}


/* temple-theme-ink-light theme */
.temple-theme-ink-light .bg-background,
.temple-theme-ink-light .header {
    background: linear-gradient(135deg, #fafafa 0%, #f9f9f9 100%);
}
.temple-theme-ink-light .header a {
    color: #444444;
}
.temple-theme-ink-light .header h3 {
    color: #fff;
}
.temple-theme-ink-light .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-ink-light .laoderhorizontal div {
    background: #fff;
}

.temple-theme-ink-light .wrapper {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #c5c5c5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c5c5c5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #c5c5c5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #c5c5c5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #c5c5c5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #c5c5c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c5c5c5', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}

.temple-theme-ink-light-bg,
.temple-theme-ink-light body,
.temple-theme-ink-light body.sidemenu-open,
.temple-theme-ink-light .bg-template,
.temple-theme-ink-light .loader-screen {
    background: #6f6f6f;
    background: -moz-linear-gradient(-45deg, #6f6f6f 0%, #ffffff 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(-45deg, #6f6f6f 0%, #ffffff 100%);
    background: -o-linear-gradient(-45deg, #6f6f6f 0%, #ffffff 100%);
    background: -ms-linear-gradient(-45deg, #6f6f6f 0%, #ffffff 100%);
    background: linear-gradient(135deg, #6f6f6f 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f6f6f', endColorstr='#ffffff', GradientType=1);
}

.temple-theme-ink-light .user-data-show {
    color: #ecebeb;
}

.temple-theme-ink-light .user-data-temple-name {
    color: #ecebeb;
    opacity: 0.7;
}

.temple-theme-ink-light .footer {
    background: linear-gradient(to bottom, #d5d4d4 0%, #ffffff 100%);
}

.temple-theme-ink-light .footer .footer-active {
    color: #4b4647;
}
.temple-theme-ink-light .footer .fill-icon:hover {
    color: #7c7777;
}
.temple-theme-ink-light  .page-title-icon {
    color: #4b4647;
}

.temple-theme-ink-light .part-title {
    background: linear-gradient(135deg, #e6e6e6 0%, #b5b5b5 100%);
}

.temple-theme-ink-light .part-title h5 {
    color: #000
}

.temple-theme-ink-light .payment-cash {
    background: linear-gradient(135deg, #e3df9a 0%, rgb(123, 122, 123) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-ink-light .btn-default,
.temple-theme-ink-light .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-ink-light .small-slide .swiper-slide .card:hover,
.temple-theme-ink-light .small-slide .swiper-slide .card:focus,
.temple-theme-ink-light .filter,
.temple-theme-ink-light .chosen-container .chosen-results li.highlighted,
.temple-theme-ink-light .page-item.active .page-link,
.temple-theme-ink-light .nav-pills .nav-link.active,
.temple-theme-ink-light .nav-pills .show > .nav-link,
.temple-theme-ink-light .footer .btn i:after {
    background-color: #4b4647;
    border-color: #4b4647;
}

.temple-theme-ink-light .bg-template,
.temple-theme-ink-light .icons-raised,
.temple-theme-ink-light .filter,
.temple-theme-ink-light .filter .form-control,
.temple-theme-ink-light .filter .form-group label,
.temple-theme-ink-light .float-label .chosen-container-multi .chosen-choices,
.temple-theme-ink-light .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-ink-light .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-ink-light .btn-default,
.temple-theme-ink-light .sidebar,
.temple-theme-ink-light .sidebar .main-menu .list-group-item,
.temple-theme-ink-light .small-slide .swiper-slide .card:hover *,
.temple-theme-ink-light .small-slide .swiper-slide .card:focus *,
.temple-theme-ink-light .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-ink-light .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-ink-light .btn-default:hover,
.temple-theme-ink-light .btn-default:focus {
    color: #ffffff;
    background-color: #676666;
}

.temple-theme-ink-light .input-group:focus-within {
    border-color: #4b4647; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-ink-light .figure-profile,
.temple-theme-ink-light .form-control:focus,
.temple-theme-ink-light .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-ink-light .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-ink-light .float-label .form-control:focus,
.temple-theme-ink-light .page-item.active .page-link,
.temple-theme-ink-light .btn-outline-default {
    border-color: #4b4647;
}


.temple-theme-ink-light .filter .form-control:focus,
.temple-theme-ink-light .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-ink-light .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-ink-light .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-ink-light .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-ink-light .btn-light:hover,
.temple-theme-ink-light .btn-light:focus,
.temple-theme-ink-light .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-ink-light .bg-template-light {
    background-color: #e1e1e1
}


.temple-theme-ink-light .text-template,
.temple-theme-ink-light .btn-link,
/* .temple-theme-ink-light a, */
.temple-theme-ink-light .float-label .form-control:focus + .form-control-label,
.temple-theme-ink-light .btn-light:hover,
.temple-theme-ink-light .btn-light:focus,
.temple-theme-ink-light .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-ink-light .btn.btn-link-default:hover,
.temple-theme-ink-light .btn.btn-link-default:focus,
.temple-theme-ink-light .btn.btn-link-default.active {
    color: #615e5e;
}


.temple-theme-ink-light .bg-warning,
.temple-theme-ink-light .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-ink-light .bg-success,
.temple-theme-ink-light .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-ink-light .bg-danger,
.temple-theme-ink-light .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-ink-light .bg-orange,
.temple-theme-ink-light .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-ink-light .bg-primary,
.temple-theme-ink-light .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-ink-light .bg-info,
.temple-theme-ink-light .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-ink-light .page-title {
    color: #4b4647
}
.temple-theme-ink-light .btn-disable {
    color: white;
    background-color: #a4a4a4;
    border-color: #a4a4a4;
}
.temple-theme-ink-light .btn-disable:hover {
    color: white;
    background-color: #505050;
    border-color: #4f4e4e;
}
.temple-theme-ink-light .swiper {
    --swiper-pagination-color: #676666; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-ink-light .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-ink-light .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}


/* temple-theme-soft-red theme */
.temple-theme-soft-red .bg-background,
.temple-theme-soft-red .header {
    background: linear-gradient(135deg, #e4745e 0%, #f77766 100%);
}
.temple-theme-soft-red .header a {
    color: #fff;
}
.temple-theme-soft-red .header h3 {
    color: #fff;
}
.temple-theme-soft-red .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-soft-red .laoderhorizontal div {
    background: #fff;
}

.temple-theme-soft-red .wrapper {
    background: #f6e6e3;
    background: -moz-linear-gradient(top, #f6e6e3 0%, #efc8c4 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6e6e3), color-stop(100%, #efc8c4));
    background: -webkit-linear-gradient(top, #f6e6e3 0%, #efc8c4 100%);
    background: -o-linear-gradient(top, #f6e6e3 0%, #efc8c4 100%);
    background: -ms-linear-gradient(top, #f6e6e3 0%, #efc8c4 100%);
    background: linear-gradient(to bottom, #f6e6e3 0%, #efc8c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e6e3', endColorstr='#efc8c4', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}

.temple-theme-soft-red-bg,
.temple-theme-soft-red body,
.temple-theme-soft-red body.sidemenu-open,
.temple-theme-soft-red .bg-template,
.temple-theme-soft-red .loader-screen {
    background: #f26161;
    background: -moz-linear-gradient(-45deg, #f26161 0%, #eeab7e 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f26161), color-stop(100%, #eeab7e));
    background: -webkit-linear-gradient(-45deg, #f26161 0%, #eeab7e 100%);
    background: -o-linear-gradient(-45deg, #f26161 0%, #eeab7e 100%);
    background: -ms-linear-gradient(-45deg, #f26161 0%, #e19080 100%);
    background: linear-gradient(135deg, #f26161 0%, #eeab7e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26161', endColorstr='#eeab7e', GradientType=1);
}

.temple-theme-soft-red .user-data-show {
    color: #fff;
}

.temple-theme-soft-red .user-data-temple-name {
    color: #fff;
    opacity: 0.7;
}

.temple-theme-soft-red .footer {
    background: linear-gradient(to bottom, #f6e6e3 0%, #ffffff 100%);
}

.temple-theme-soft-red .footer .footer-active {
    color: #cb4b32;
}
.temple-theme-soft-red .footer .fill-icon:hover {
    color: #dc2e0b;
}

.temple-theme-soft-red  .page-title-icon {
    color: #cb4b32;
}

.temple-theme-soft-red .part-title {
    background: linear-gradient(135deg, #e09191 0%, #e98964 100%);
}
.temple-theme-soft-red .part-title h5 {
    color: #fff
}

.temple-theme-soft-red .payment-cash {
    background: linear-gradient(135deg, #f77373 0%, rgb(240, 176, 109) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-soft-red .btn-default,
.temple-theme-soft-red .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-soft-red .small-slide .swiper-slide .card:hover,
.temple-theme-soft-red .small-slide .swiper-slide .card:focus,
.temple-theme-soft-red .filter,
.temple-theme-soft-red .chosen-container .chosen-results li.highlighted,
.temple-theme-soft-red .page-item.active .page-link,
.temple-theme-soft-red .nav-pills .nav-link.active,
.temple-theme-soft-red .nav-pills .show > .nav-link,
.temple-theme-soft-red .footer .btn i:after {
    background-color: #e4745e;
    border-color: #e4745e;
}

.temple-theme-soft-red .bg-template,
.temple-theme-soft-red .icons-raised,
.temple-theme-soft-red .filter,
.temple-theme-soft-red .filter .form-control,
.temple-theme-soft-red .filter .form-group label,
.temple-theme-soft-red .float-label .chosen-container-multi .chosen-choices,
.temple-theme-soft-red .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-soft-red .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-soft-red .btn-default,
.temple-theme-soft-red .sidebar,
.temple-theme-soft-red .sidebar .main-menu .list-group-item,
.temple-theme-soft-red .small-slide .swiper-slide .card:hover *,
.temple-theme-soft-red .small-slide .swiper-slide .card:focus *,
.temple-theme-soft-red .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-soft-red .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-soft-red .btn-default:hover,
.temple-theme-soft-red .btn-default:focus {
    color: #ffffff;
    background-color: #fa755b;
}

.temple-theme-soft-red .input-group:focus-within {
    border-color: #e4745e; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-soft-red .figure-profile,
.temple-theme-soft-red .form-control:focus,
.temple-theme-soft-red .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-soft-red .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-soft-red .float-label .form-control:focus,
.temple-theme-soft-red .page-item.active .page-link,
.temple-theme-soft-red .btn-outline-default {
    border-color: #fa755b;
}


.temple-theme-soft-red .filter .form-control:focus,
.temple-theme-soft-red .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-soft-red .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-soft-red .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-soft-red .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-soft-red .btn-light:hover,
.temple-theme-soft-red .btn-light:focus,
.temple-theme-soft-red .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-soft-red .bg-template-light {
    background-color: #efc4c4
}


.temple-theme-soft-red .text-template,
.temple-theme-soft-red .btn-link,
/* .temple-theme-soft-red a, */
.temple-theme-soft-red .float-label .form-control:focus + .form-control-label,
.temple-theme-soft-red .btn-light:hover,
.temple-theme-soft-red .btn-light:focus,
.temple-theme-soft-red .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-soft-red .btn.btn-link-default:hover,
.temple-theme-soft-red .btn.btn-link-default:focus,
.temple-theme-soft-red .btn.btn-link-default.active {
    color: #dc2e0b;
}


.temple-theme-soft-red .bg-warning,
.temple-theme-soft-red .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-soft-red .bg-success,
.temple-theme-soft-red .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-soft-red .bg-danger,
.temple-theme-soft-red .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-soft-red .bg-orange,
.temple-theme-soft-red .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-soft-red .bg-primary,
.temple-theme-soft-red .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-soft-red .bg-info,
.temple-theme-soft-red .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-soft-red .page-title {
    color: #e4745e
}
.temple-theme-soft-red .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-soft-red .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}
.temple-theme-soft-red .swiper {
    --swiper-pagination-color: #fa755b; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-soft-red .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-soft-red .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}


/* temple-theme-morandi-blue theme */
.temple-theme-morandi-blue .bg-background,
.temple-theme-morandi-blue .header {
    background: linear-gradient(135deg, #2a4c65 0%, #586d80 100%)
}
.temple-theme-morandi-blue .header a {
    color: #fff;
}
.temple-theme-morandi-blue .header h3 {
    color: #fff;
}
.temple-theme-morandi-blue .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-morandi-blue .laoderhorizontal div {
    background: #fff;
}
.temple-theme-morandi-blue .wrapper {
    background: #f5f5fd;
    background: -moz-linear-gradient(top, #f5f5fd 0%, #eee9ff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5fd), color-stop(100%, #eee9ff));
    background: -webkit-linear-gradient(top, #f5f5fd 0%, #eee9ff 100%);
    background: -o-linear-gradient(top, #f5f5fd 0%, #eee9ff 100%);
    background: -ms-linear-gradient(top, #f5f5fd 0%, #eee9ff 100%);
    background: linear-gradient(to bottom, #f5f5fd 0%, #eee9ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5fd', endColorstr='#eee9ff', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}

.temple-theme-morandi-blue-bg,
.temple-theme-morandi-blue body,
.temple-theme-morandi-blue body.sidemenu-open,
.temple-theme-morandi-blue .bg-template,
.temple-theme-morandi-blue .loader-screen {
    background: #586d80;
    background: -moz-linear-gradient(-45deg, #586d80 0%, #f1f6fb 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #586d80), color-stop(100%, #f1f6fb));
    background: -webkit-linear-gradient(-45deg, #586d80 0%, #f1f6fb 100%);
    background: -o-linear-gradient(-45deg, #586d80 0%, #f1f6fb 100%);
    background: -ms-linear-gradient(-45deg, #586d80 0%, #f1f6fb 100%);
    background: linear-gradient(135deg, #586d80 0%, #f1f6fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#586d80', endColorstr='#f1f6fb', GradientType=1);
}

.temple-theme-morandi-blue .user-data-show {
    color: #fff;
}

.temple-theme-morandi-blue .user-data-temple-name {
    color: #fff;
    opacity: 0.7;
}

.temple-theme-morandi-blue .footer {
    background: linear-gradient(to bottom, #f5f5fd 0%, #ffffff 100%);
}

.temple-theme-morandi-blue .footer .footer-active {
    color: #586d80;
}
.temple-theme-morandi-blue .footer .fill-icon:hover {
    color: #2a4c65;
}

.temple-theme-morandi-blue  .page-title-icon {
    color: #586d80;
}

.temple-theme-morandi-blue .part-title {
    background: linear-gradient(135deg, #586d80 0%, #f4f4f4 100%);
}
.temple-theme-morandi-blue .part-title h5 {
    color: #fff
}

.temple-theme-morandi-blue .payment-cash {
    background: linear-gradient(135deg, #606d79 0%, rgb(226, 218, 127) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-morandi-blue .btn-default,
.temple-theme-morandi-blue .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-blue .small-slide .swiper-slide .card:hover,
.temple-theme-morandi-blue .small-slide .swiper-slide .card:focus,
.temple-theme-morandi-blue .filter,
.temple-theme-morandi-blue .chosen-container .chosen-results li.highlighted,
.temple-theme-morandi-blue .page-item.active .page-link,
.temple-theme-morandi-blue .nav-pills .nav-link.active,
.temple-theme-morandi-blue .nav-pills .show > .nav-link,
.temple-theme-morandi-blue .footer .btn i:after {
    background-color: #586d80;
    border-color: #586d80;
}

.temple-theme-morandi-blue .bg-template,
.temple-theme-morandi-blue .icons-raised,
.temple-theme-morandi-blue .filter,
.temple-theme-morandi-blue .filter .form-control,
.temple-theme-morandi-blue .filter .form-group label,
.temple-theme-morandi-blue .float-label .chosen-container-multi .chosen-choices,
.temple-theme-morandi-blue .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-morandi-blue .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-morandi-blue .btn-default,
.temple-theme-morandi-blue .sidebar,
.temple-theme-morandi-blue .sidebar .main-menu .list-group-item,
.temple-theme-morandi-blue .small-slide .swiper-slide .card:hover *,
.temple-theme-morandi-blue .small-slide .swiper-slide .card:focus *,
.temple-theme-morandi-blue .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-morandi-blue .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-morandi-blue .btn-default:hover,
.temple-theme-morandi-blue .btn-default:focus {
    color: #ffffff;
    background-color: #2a4c65;
}

.temple-theme-morandi-blue .input-group:focus-within {
    border-color: #2a4c65; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-morandi-blue .figure-profile,
.temple-theme-morandi-blue .form-control:focus,
.temple-theme-morandi-blue .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-blue .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-blue .float-label .form-control:focus,
.temple-theme-morandi-blue .page-item.active .page-link,
.temple-theme-morandi-blue .btn-outline-default {
    border-color: #586d80;
}


.temple-theme-morandi-blue .filter .form-control:focus,
.temple-theme-morandi-blue .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-blue .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-blue .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-morandi-blue .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-morandi-blue .btn-light:hover,
.temple-theme-morandi-blue .btn-light:focus,
.temple-theme-morandi-blue .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-blue .bg-template-light {
    background-color: #586d80
}


.temple-theme-morandi-blue .text-template,
.temple-theme-morandi-blue .btn-link,
/* .temple-theme-morandi-blue a, */
.temple-theme-morandi-blue .float-label .form-control:focus + .form-control-label,
.temple-theme-morandi-blue .btn-light:hover,
.temple-theme-morandi-blue .btn-light:focus,
.temple-theme-morandi-blue .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-blue .btn.btn-link-default:hover,
.temple-theme-morandi-blue .btn.btn-link-default:focus,
.temple-theme-morandi-blue .btn.btn-link-default.active {
    color: #586d80;
}


.temple-theme-morandi-blue .bg-warning,
.temple-theme-morandi-blue .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-morandi-blue .bg-success,
.temple-theme-morandi-blue .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-morandi-blue .bg-danger,
.temple-theme-morandi-blue .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-morandi-blue .bg-orange,
.temple-theme-morandi-blue .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-morandi-blue .bg-primary,
.temple-theme-morandi-blue .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-morandi-blue .bg-info,
.temple-theme-morandi-blue .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-morandi-blue .page-title {
    color: #586d80
}
.temple-theme-morandi-blue .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-morandi-blue .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}
.temple-theme-morandi-blue .swiper {
    --swiper-pagination-color: #2a4c65; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-morandi-blue .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-morandi-blue .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}

/* temple-theme-morandi-green theme */
.temple-theme-morandi-green .bg-background,
.temple-theme-morandi-green .header {
    background: linear-gradient(135deg, #17341e 0%, #478058 100%);
}
.temple-theme-morandi-green .header a {
    color: #fff;
}
.temple-theme-morandi-green .header h3 {
    color: #fff;
}
.temple-theme-morandi-green .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-morandi-green .laoderhorizontal div {
    background: #fff;
}

.temple-theme-morandi-green .wrapper {
    background: #eeffe9;
    background: -moz-linear-gradient(top, #eeffe9 0%, #e2e6e2 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeffe9), color-stop(100%, #e2e6e2));
    background: -webkit-linear-gradient(top, #eeffe9 0%, #e2e6e2 100%);
    background: -o-linear-gradient(top, #eeffe9 0%, #e2e6e2 100%);
    background: -ms-linear-gradient(top, #eeffe9 0%, #e2e6e2 100%);
    background: linear-gradient(to bottom, #eeffe9 0%, #e2e6e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeffe9', endColorstr='#e2e6e2', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}

.temple-theme-morandi-green-bg,
.temple-theme-morandi-green body,
.temple-theme-morandi-green body.sidemenu-open,
.temple-theme-morandi-green .bg-template,
.temple-theme-morandi-green .loader-screen {
    background: #37613c;
    background: -moz-linear-gradient(-45deg, #37613c 0%, #889f8b 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #37613c), color-stop(100%, #889f8b));
    background: -webkit-linear-gradient(-45deg, #37613c 0%, #889f8b 100%);
    background: -o-linear-gradient(-45deg, #37613c 0%, #889f8b 100%);
    background: -ms-linear-gradient(-45deg, #37613c 0%, #889f8b 100%);
    background: linear-gradient(135deg, #37613c 0%, #889f8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37613c', endColorstr='#889f8b', GradientType=1);
}

.temple-theme-morandi-green .user-data-show {
    color: #fff;
}

.temple-theme-morandi-green .user-data-temple-name {
    color: #fff;
    opacity: 0.7;
}

.temple-theme-morandi-green .footer {
    background: linear-gradient(to bottom, #adb5ab 0%, #ffffff 100%);
}

.temple-theme-morandi-green .footer .footer-active {
    color: #37613c;
}
.temple-theme-morandi-green .footer .fill-icon:hover {
    color: #4f4e4e;
}

.temple-theme-morandi-green  .page-title-icon {
    color: #37613c;
}

.temple-theme-morandi-green .part-title {
    background: linear-gradient(135deg, #adb5ab 0%, #37613c 100%);
}
.temple-theme-morandi-green .part-title h5 {
    color: #fff
}

.temple-theme-morandi-green .payment-cash {
    background: linear-gradient(135deg, #f77373 0%, rgb(240, 176, 109) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-morandi-green .btn-default,
.temple-theme-morandi-green .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-green .small-slide .swiper-slide .card:hover,
.temple-theme-morandi-green .small-slide .swiper-slide .card:focus,
.temple-theme-morandi-green .filter,
.temple-theme-morandi-green .chosen-container .chosen-results li.highlighted,
.temple-theme-morandi-green .page-item.active .page-link,
.temple-theme-morandi-green .nav-pills .nav-link.active,
.temple-theme-morandi-green .nav-pills .show > .nav-link,
.temple-theme-morandi-green .footer .btn i:after {
    background-color: #37613c;
    border-color: #37613c;
}

.temple-theme-morandi-green .bg-template,
.temple-theme-morandi-green .icons-raised,
.temple-theme-morandi-green .filter,
.temple-theme-morandi-green .filter .form-control,
.temple-theme-morandi-green .filter .form-group label,
.temple-theme-morandi-green .float-label .chosen-container-multi .chosen-choices,
.temple-theme-morandi-green .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-morandi-green .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-morandi-green .btn-default,
.temple-theme-morandi-green .sidebar,
.temple-theme-morandi-green .sidebar .main-menu .list-group-item,
.temple-theme-morandi-green .small-slide .swiper-slide .card:hover *,
.temple-theme-morandi-green .small-slide .swiper-slide .card:focus *,
.temple-theme-morandi-green .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-morandi-green .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-morandi-green .btn-default:hover,
.temple-theme-morandi-green .btn-default:focus {
    color: #ffffff;
    background-color: #17341e;
}

.temple-theme-morandi-green .input-group:focus-within {
    border-color: #37613c; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-morandi-green .figure-profile,
.temple-theme-morandi-green .form-control:focus,
.temple-theme-morandi-green .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-green .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-green .float-label .form-control:focus,
.temple-theme-morandi-green .page-item.active .page-link,
.temple-theme-morandi-green .btn-outline-default {
    border-color: #17341e;
}


.temple-theme-morandi-green .filter .form-control:focus,
.temple-theme-morandi-green .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-green .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-green .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-morandi-green .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-morandi-green .btn-light:hover,
.temple-theme-morandi-green .btn-light:focus,
.temple-theme-morandi-green .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-green .bg-template-light {
    background-color: #efc4c4
}


.temple-theme-morandi-green .text-template,
.temple-theme-morandi-green .btn-link,
/* .temple-theme-morandi-green a, */
.temple-theme-morandi-green .float-label .form-control:focus + .form-control-label,
.temple-theme-morandi-green .btn-light:hover,
.temple-theme-morandi-green .btn-light:focus,
.temple-theme-morandi-green .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-green .btn.btn-link-default:hover,
.temple-theme-morandi-green .btn.btn-link-default:focus,
.temple-theme-morandi-green .btn.btn-link-default.active {
    color: #17341e;
}

.btn.btn-link-default {
    color: #7b817b;
}

.temple-theme-morandi-green .bg-warning,
.temple-theme-morandi-green .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-morandi-green .bg-success,
.temple-theme-morandi-green .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-morandi-green .bg-danger,
.temple-theme-morandi-green .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-morandi-green .bg-orange,
.temple-theme-morandi-green .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-morandi-green .bg-primary,
.temple-theme-morandi-green .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-morandi-green .bg-info,
.temple-theme-morandi-green .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-morandi-green .page-title {
    color: #37613c
}
.temple-theme-morandi-green .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-morandi-green .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}
.temple-theme-morandi-green .swiper {
    --swiper-pagination-color: #4f4e4e; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-morandi-green .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-morandi-green .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}

/* temple-theme-morandi-brown theme */
.temple-theme-morandi-brown .bg-background,
.temple-theme-morandi-brown .header {
    background: linear-gradient(135deg, #492620 0%, #997d6d 100%);
}
.temple-theme-morandi-brown .header a {
    color: #fff;
}
.temple-theme-morandi-brown .header h3 {
    color: #fff;
}
.temple-theme-morandi-brown .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-morandi-brown .laoderhorizontal div {
    background: #fff;
}

.temple-theme-morandi-brown .wrapper {
    background: #c5bdb2;
    background: -moz-linear-gradient(top, #c5bdb2 0%, #f0eeec 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #c5bdb2), color-stop(100%, #f0eeec));
    background: -webkit-linear-gradient(top, #c5bdb2 0%, #f0eeec 100%);
    background: -o-linear-gradient(top, #c5bdb2 0%, #f0eeec 100%);
    background: -ms-linear-gradient(top, #c5bdb2 0%, #f0eeec 100%);
    background: linear-gradient(to bottom, #c5bdb2 0%, #f0eeec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5bdb2', endColorstr='#f0eeec', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}

.temple-theme-morandi-brown-bg,
.temple-theme-morandi-brown body,
.temple-theme-morandi-brown body.sidemenu-open,
.temple-theme-morandi-brown .bg-template,
.temple-theme-morandi-brown .loader-screen {
    background: #57372b;
    background: -moz-linear-gradient(-45deg, #57372b 0%, #ccb9aa 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #57372b), color-stop(100%, #ccb9aa));
    background: -webkit-linear-gradient(-45deg, #57372b 0%, #ccb9aa 100%);
    background: -o-linear-gradient(-45deg, #57372b 0%, #ccb9aa 100%);
    background: -ms-linear-gradient(-45deg, #57372b 0%, #ccb9aa 100%);
    background: linear-gradient(135deg, #57372b 0%, #ccb9aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57372b', endColorstr='#ccb9aa', GradientType=1);
}

.temple-theme-morandi-brown .user-data-show {
    color: #fff;
}

.temple-theme-morandi-brown .user-data-temple-name {
    color: #fff;
    opacity: 0.7;
}

.temple-theme-morandi-brown .footer {
    background: linear-gradient(to bottom, #e5dcd0 0%, #ffffff 100%);
}

.temple-theme-morandi-brown .footer .footer-active {
    color: #997d6d;
}
.temple-theme-morandi-brown .footer .fill-icon:hover {
    color: #492620;
}

.temple-theme-morandi-brown  .page-title-icon {
    color: #997d6d;
}

.temple-theme-morandi-brown .part-title {
    background: linear-gradient(135deg, #8f6849 0%, #908982 100%);
}
.temple-theme-morandi-brown .part-title h5 {
    color: #fff
}

.temple-theme-morandi-brown .payment-cash {
    background: linear-gradient(135deg, #908982 0%, rgb(240, 176, 109) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-morandi-brown .btn-default,
.temple-theme-morandi-brown .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-brown .small-slide .swiper-slide .card:hover,
.temple-theme-morandi-brown .small-slide .swiper-slide .card:focus,
.temple-theme-morandi-brown .filter,
.temple-theme-morandi-brown .chosen-container .chosen-results li.highlighted,
.temple-theme-morandi-brown .page-item.active .page-link,
.temple-theme-morandi-brown .nav-pills .nav-link.active,
.temple-theme-morandi-brown .nav-pills .show > .nav-link,
.temple-theme-morandi-brown .footer .btn i:after {
    background-color: #997d6d;
    border-color: #997d6d;
}

.temple-theme-morandi-brown .bg-template,
.temple-theme-morandi-brown .icons-raised,
.temple-theme-morandi-brown .filter,
.temple-theme-morandi-brown .filter .form-control,
.temple-theme-morandi-brown .filter .form-group label,
.temple-theme-morandi-brown .float-label .chosen-container-multi .chosen-choices,
.temple-theme-morandi-brown .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-morandi-brown .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-morandi-brown .btn-default,
.temple-theme-morandi-brown .sidebar,
.temple-theme-morandi-brown .sidebar .main-menu .list-group-item,
.temple-theme-morandi-brown .small-slide .swiper-slide .card:hover *,
.temple-theme-morandi-brown .small-slide .swiper-slide .card:focus *,
.temple-theme-morandi-brown .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-morandi-brown .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-morandi-brown .btn-default:hover,
.temple-theme-morandi-brown .btn-default:focus {
    color: #ffffff;
    background-color: #492620;
}

.temple-theme-morandi-brown .input-group:focus-within {
    border-color: #492620; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-morandi-brown .figure-profile,
.temple-theme-morandi-brown .form-control:focus,
.temple-theme-morandi-brown .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-brown .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-brown .float-label .form-control:focus,
.temple-theme-morandi-brown .page-item.active .page-link,
.temple-theme-morandi-brown .btn-outline-default {
    border-color: #997d6d;
}


.temple-theme-morandi-brown .filter .form-control:focus,
.temple-theme-morandi-brown .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-morandi-brown .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-morandi-brown .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-morandi-brown .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-morandi-brown .btn-light:hover,
.temple-theme-morandi-brown .btn-light:focus,
.temple-theme-morandi-brown .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-brown .bg-template-light {
    background-color: #c5bdb2
}


.temple-theme-morandi-brown .text-template,
.temple-theme-morandi-brown .btn-link,
/* .temple-theme-morandi-brown a, */
.temple-theme-morandi-brown .float-label .form-control:focus + .form-control-label,
.temple-theme-morandi-brown .btn-light:hover,
.temple-theme-morandi-brown .btn-light:focus,
.temple-theme-morandi-brown .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-morandi-brown .btn.btn-link-default:hover,
.temple-theme-morandi-brown .btn.btn-link-default:focus,
.temple-theme-morandi-brown .btn.btn-link-default.active {
    color: #492620;
}


.temple-theme-morandi-brown .bg-warning,
.temple-theme-morandi-brown .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-morandi-brown .bg-success,
.temple-theme-morandi-brown .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-morandi-brown .bg-danger,
.temple-theme-morandi-brown .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-morandi-brown .bg-orange,
.temple-theme-morandi-brown .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-morandi-brown .bg-primary,
.temple-theme-morandi-brown .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-morandi-brown .bg-info,
.temple-theme-morandi-brown .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-morandi-brown .page-title {
    color: #997d6d
}
.temple-theme-morandi-brown .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-morandi-brown .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}

/* temple-theme-cold-blue theme */
.temple-theme-cold-blue .bg-background,
.temple-theme-cold-blue .header {
    background: linear-gradient(135deg, #559daf 0%, #635f5f 100%);
}
.temple-theme-cold-blue .header a {
    color: #fff;
}
.temple-theme-cold-blue .header h3 {
    color: #fff;
}
.temple-theme-cold-blue .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-cold-blue .laoderhorizontal div {
    background: #fff;
}

.temple-theme-cold-blue .wrapper {
    background: #d0e9f0;
    background: -moz-linear-gradient(top, #d0e9f0 0%, #afadad 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #d0e9f0), color-stop(100%, #afadad));
    background: -webkit-linear-gradient(top, #d0e9f0 0%, #afadad 100%);
    background: -o-linear-gradient(top, #d0e9f0 0%, #afadad 100%);
    background: -ms-linear-gradient(top, #d0e9f0 0%, #afadad 100%);
    background: linear-gradient(to bottom, #d0e9f0 0%, #afadad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0e9f0', endColorstr='#afadad', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}
.temple-theme-cold-blue-bg,
.temple-theme-cold-blue body,
.temple-theme-cold-blue body.sidemenu-open,
.temple-theme-cold-blue .bg-template,
.temple-theme-cold-blue .loader-screen {
    background: #62b2c5;
    background: -moz-linear-gradient(-45deg, #62b2c5 0%, #888888 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f26161), color-stop(100%, #888888));
    background: -webkit-linear-gradient(-45deg, #62b2c5 0%, #888888 100%);
    background: -o-linear-gradient(-45deg, #62b2c5 0%, #888888 100%);
    background: -ms-linear-gradient(-45deg, #62b2c5 0%, #888888 100%);
    background: linear-gradient(135deg, #62b2c5 0%, #888888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62b2c5', endColorstr='#888888', GradientType=1);
}

.temple-theme-cold-blue .user-data-show {
    color: #fff;
}

.temple-theme-cold-blue .user-data-temple-name {
    color: #fff;
    opacity: 0.7;
}

.temple-theme-cold-blue .footer {
    background: linear-gradient(to bottom, #daf0f6 0%, #fbeeee 100%);
}

.temple-theme-cold-blue .footer .footer-active {
    color: #294c54;
}
.temple-theme-cold-blue .footer .fill-icon:hover {
    color: #0a1517;
}

.temple-theme-cold-blue  .page-title-icon {
    color: #294c54;
}

.temple-theme-cold-blue .part-title {
    background: linear-gradient(135deg, #56a6ba 0%, #a8babf 100%);
}
.temple-theme-cold-blue .part-title h5 {
    color: #fff
}

.temple-theme-cold-blue .payment-cash {
    background: linear-gradient(135deg, #56a6ba 0%, rgb(240, 176, 109) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-cold-blue .btn-default,
.temple-theme-cold-blue .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-cold-blue .small-slide .swiper-slide .card:hover,
.temple-theme-cold-blue .small-slide .swiper-slide .card:focus,
.temple-theme-cold-blue .filter,
.temple-theme-cold-blue .chosen-container .chosen-results li.highlighted,
.temple-theme-cold-blue .page-item.active .page-link,
.temple-theme-cold-blue .nav-pills .nav-link.active,
.temple-theme-cold-blue .nav-pills .show > .nav-link,
.temple-theme-cold-blue .footer .btn i:after {
    background-color: #559daf;
    border-color: #559daf;
}

.temple-theme-cold-blue .bg-template,
.temple-theme-cold-blue .icons-raised,
.temple-theme-cold-blue .filter,
.temple-theme-cold-blue .filter .form-control,
.temple-theme-cold-blue .filter .form-group label,
.temple-theme-cold-blue .float-label .chosen-container-multi .chosen-choices,
.temple-theme-cold-blue .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-cold-blue .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-cold-blue .btn-default,
.temple-theme-cold-blue .sidebar,
.temple-theme-cold-blue .sidebar .main-menu .list-group-item,
.temple-theme-cold-blue .small-slide .swiper-slide .card:hover *,
.temple-theme-cold-blue .small-slide .swiper-slide .card:focus *,
.temple-theme-cold-blue .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-cold-blue .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-cold-blue .btn-default:hover,
.temple-theme-cold-blue .btn-default:focus {
    color: #ffffff;
    background-color: #3b6e7b;
}

.temple-theme-cold-blue .input-group:focus-within {
    border-color: #3bc1df; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-cold-blue .figure-profile,
.temple-theme-cold-blue .form-control:focus,
.temple-theme-cold-blue .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-cold-blue .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-cold-blue .float-label .form-control:focus,
.temple-theme-cold-blue .page-item.active .page-link,
.temple-theme-cold-blue .btn-outline-default {
    border-color: #3b6e7b;
}


.temple-theme-cold-blue .filter .form-control:focus,
.temple-theme-cold-blue .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-cold-blue .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-cold-blue .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-cold-blue .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-cold-blue .btn-light:hover,
.temple-theme-cold-blue .btn-light:focus,
.temple-theme-cold-blue .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-cold-blue .bg-template-light {
    background-color: #d0e9f0
}


.temple-theme-cold-blue .text-template,
.temple-theme-cold-blue .btn-link,
/* .temple-theme-cold-blue a, */
.temple-theme-cold-blue .float-label .form-control:focus + .form-control-label,
.temple-theme-cold-blue .btn-light:hover,
.temple-theme-cold-blue .btn-light:focus,
.temple-theme-cold-blue .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-cold-blue .btn.btn-link-default:hover,
.temple-theme-cold-blue .btn.btn-link-default:focus,
.temple-theme-cold-blue .btn.btn-link-default.active {
    color: #0a1517;
}


.temple-theme-cold-blue .bg-warning,
.temple-theme-cold-blue .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-cold-blue .bg-success,
.temple-theme-cold-blue .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-cold-blue .bg-danger,
.temple-theme-cold-blue .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-cold-blue .bg-orange,
.temple-theme-cold-blue .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-cold-blue .bg-primary,
.temple-theme-cold-blue .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-cold-blue .bg-info,
.temple-theme-cold-blue .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-cold-blue .page-title {
    color: #559daf
}
.temple-theme-cold-blue .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-cold-blue .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}
.temple-theme-cold-blue .swiper {
    --swiper-pagination-color: #559daf; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-cold-blue .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-cold-blue .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}

/* temple-theme-maideax theme */
.temple-theme-maideax .bg-background,
.temple-theme-maideax .header {
    background: linear-gradient(135deg, #184e99 0%, #7bbe33 100%)
}
.temple-theme-maideax .header a {
    color: #fff;
}
.temple-theme-maideax .header h3 {
    color: #fff;
}
.temple-theme-maideax .header.active {
    background-color: rgba(255, 255, 255, 0.8)
}
.temple-theme-maideax .laoderhorizontal div {
    background: #fff;
}

.temple-theme-maideax .wrapper {
    background: #e4e4eb;
    background: -moz-linear-gradient(top, #e4e4eb 0%, #e6ebe1 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #d9d9da), color-stop(100%, #e6ebe1));
    background: -webkit-linear-gradient(top, #e4e4eb 0%, #e6ebe1 100%);
    background: -o-linear-gradient(top, #e4e4eb 0%, #e6ebe1 100%);
    background: -ms-linear-gradient(top, #e4e4eb 0%, #e6ebe1 100%);
    background: linear-gradient(to bottom, #e4e4eb 0%, #e6ebe1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4eb', endColorstr='#e6ebe1', GradientType=0);
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% 100%;
}
.temple-theme-maideax-bg,
.temple-theme-maideax body,
.temple-theme-maideax body.sidemenu-open,
.temple-theme-maideax .bg-template,
.temple-theme-maideax .loader-screen {
    background: #7bbe33;
    background: -moz-linear-gradient(-45deg, #7bbe33 0%, #184e99 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f26161), color-stop(100%, #184e99));
    background: -webkit-linear-gradient(-45deg, #7bbe33 0%, #184e99 100%);
    background: -o-linear-gradient(-45deg, #7bbe33 0%, #184e99 100%);
    background: -ms-linear-gradient(-45deg, #7bbe33 0%, #184e99 100%);
    background: linear-gradient(135deg, #7bbe33 0%, #184e99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26161', endColorstr='#184e99', GradientType=1);
}

.temple-theme-maideax .user-data-show {
    color: #fff;
}

.temple-theme-maideax .user-data-temple-name {
    color: #fff;
    opacity: 0.7;
}

.temple-theme-maideax .footer {
    background: linear-gradient(to bottom, #ffffff 0%, #c4c4c4 100%);
}

.temple-theme-maideax .footer .footer-active {
    color: #184e99;
}
.temple-theme-maideax .footer .fill-icon:hover {
    color: #0b1f3a;
}

.temple-theme-maideax  .page-title-icon {
    color: #184e99;
}

.temple-theme-maideax .part-title {
    background: linear-gradient(135deg, #7bbe33 0%, #909cad 100%);
}
.temple-theme-maideax .part-title h5 {
    color: #fff
}

.temple-theme-maideax .payment-cash {
    background: linear-gradient(135deg, #184e99 0%, rgb(240, 176, 109) 100%);
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
    width: 100px;
}

.temple-theme-maideax .btn-default,
.temple-theme-maideax .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-maideax .small-slide .swiper-slide .card:hover,
.temple-theme-maideax .small-slide .swiper-slide .card:focus,
.temple-theme-maideax .filter,
.temple-theme-maideax .chosen-container .chosen-results li.highlighted,
.temple-theme-maideax .page-item.active .page-link,
.temple-theme-maideax .nav-pills .nav-link.active,
.temple-theme-maideax .nav-pills .show > .nav-link,
.temple-theme-maideax .footer .btn i:after {
    background-color: #184e99;
    border-color: #184e99;
}

.temple-theme-maideax .bg-template,
.temple-theme-maideax .icons-raised,
.temple-theme-maideax .filter,
.temple-theme-maideax .filter .form-control,
.temple-theme-maideax .filter .form-group label,
.temple-theme-maideax .float-label .chosen-container-multi .chosen-choices,
.temple-theme-maideax .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
.temple-theme-maideax .filter .chosen-container-multi .chosen-choices li.search-choice,
.temple-theme-maideax .btn-default,
.temple-theme-maideax .sidebar,
.temple-theme-maideax .sidebar .main-menu .list-group-item,
.temple-theme-maideax .small-slide .swiper-slide .card:hover *,
.temple-theme-maideax .small-slide .swiper-slide .card:focus *,
.temple-theme-maideax .sidebar .list-group-item.active:hover * {
    color: #ffff !important;
}

.temple-theme-maideax .filter .form-group label {
    opacity: 0.85;
}

.temple-theme-maideax .btn-default:hover,
.temple-theme-maideax .btn-default:focus {
    color: #ffffff;
    background-color: #0b1f3a;
}

.temple-theme-maideax .input-group:focus-within {
    border-color: #184e99; /* 當內部元素獲得焦點時變更邊框顏色 */
}

.temple-theme-maideax .figure-profile,
.temple-theme-maideax .form-control:focus,
.temple-theme-maideax .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-maideax .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-maideax .float-label .form-control:focus,
.temple-theme-maideax .page-item.active .page-link,
.temple-theme-maideax .btn-outline-default {
    border-color: #0b1f3a;
}


.temple-theme-maideax .filter .form-control:focus,
.temple-theme-maideax .filter .custom-control-input:focus ~ .custom-control-label::before,
.temple-theme-maideax .filter .custom-control-input:checked ~ .custom-control-label::before,
.temple-theme-maideax .filter .float-label .form-control:focus {
    border-color: #ffffff
}

.temple-theme-maideax .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

.temple-theme-maideax .btn-light:hover,
.temple-theme-maideax .btn-light:focus,
.temple-theme-maideax .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-maideax .bg-template-light {
    background-color: #c5c4ef
}

.temple-theme-maideax .text-template,
.temple-theme-maideax .btn-link,
/* .temple-theme-maideax a, */
.temple-theme-maideax .float-label .form-control:focus + .form-control-label,
.temple-theme-maideax .btn-light:hover,
.temple-theme-maideax .btn-light:focus,
.temple-theme-maideax .btn-light:not(:disabled):not(.disabled).active,
.temple-theme-maideax .btn.btn-link-default:hover,
.temple-theme-maideax .btn.btn-link-default:focus,
.temple-theme-maideax .btn.btn-link-default.active {
    color: #0b1f3a;
}


.temple-theme-maideax .bg-warning,
.temple-theme-maideax .badge-warning {
    background-color: #FFBB00 !important;
}

.temple-theme-maideax .bg-success,
.temple-theme-maideax .badge-success {
    background-color: #00BB32 !important;
}

.temple-theme-maideax .bg-danger,
.temple-theme-maideax .badge-danger {
    background-color: #F16060 !important;
}

.temple-theme-maideax .bg-orange,
.temple-theme-maideax .badge-orange {
    background-color: #ff9133 !important;
}

.temple-theme-maideax .bg-primary,
.temple-theme-maideax .badge-primary {
    background-color: #1E88FF !important;
}

.temple-theme-maideax .bg-info,
.temple-theme-maideax .badge-info {
    background-color: #5ED0FB !important;
}

.temple-theme-maideax .page-title {
    color: #184e99
}
.temple-theme-maideax .btn-disable {
    color: white;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.temple-theme-maideax .btn-disable:hover {
    color: white;
    background-color: #4f4e4e;
    border-color: #4f4e4e;
}
.temple-theme-maideax .swiper {
    --swiper-pagination-color: #0b1f3a; /* 這裡可以調整成你想要的顏色 */
}
.temple-theme-maideax .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-color);
}
.temple-theme-maideax .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color);
}