/* 字體相關 */
@font-face{font-family:huninn;src:url('../../fonts/jf-openhuninn-2.1.woff2');}
.text-huninn{font-family:huninn;}
/* @font-face{font-family:iansui;src:url('../../fonts/Iansui-Regular.woff2');}
.text-iansui{font-family:iansui;}
@font-face{font-family:cubic11;src:url('../../fonts/Cubic_11.woff2');}
.text-cubic11{font-family:cubic11;} */
.text-mj{font-family:Microsoft JhengHei;}
.text-consolas{font-family:Consolas;}
.fs-20{font-size:20px;}
.fs-25{font-size:25px;}
.fs-30{font-size:30px;}
.fs-35{font-size:35px;}
.fs-40{font-size:40px;}
.fs-45{font-size:45px;}
.fs-50{font-size:50px;}

/* 字色 */
.text-cherryblossom{color:#FFB7C5 !important;}
.text-lightblue{color:LightBlue !important;}
.text-dodgerblue{color:DodgerBlue !important;}
.text-deepskyblue{color:DeepSkyBlue !important;}
.text-gold{color:Gold !important;}
.text-hotpink{color:HotPink !important;}
.text-lightgreen{color:LightGreen !important;}
.text-mediumorchid{color:MediumOrchid !important;}
.text-sandybrown{color:SandyBrown !important;}
.text-silver{color:Silver !important;}

/* 表格相關 */
.table-fixed{table-layout:fixed;}

/* 分頁碼相關 */
.dark-mode .page-item .page-link {
    color: #ffffff;
}
.dark-mode .page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #ffffff;
}
.dark-mode .page-item.active .page-link:hover, .dark-mode .page-item.active .page-link:focus {
    color: #ffffff !important;
}
.dark-mode .page-item:not(.active) .page-link:hover, .dark-mode .page-item:not(.active) .page-link:focus {
    color: #00ffcc;
    background-color: #3f474e;
}
.page-link-customer {
    height: 38px;
    padding-top: 10px;
}

/* 過場相關 */
div.wave {
    -webkit-box-reflect: below -12px linear-gradient(transparent,rgba(0,0,0,0.2));
}
div.wave > span {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    animation:overlay 1.5s ease-in-out infinite;
    animation-delay: calc(.1s * var(--c));
}
@keyframes overlay {
    0%,100% {
        transform: translateY(0px);
    }
    20% {
        transform: translateY(-20px);
    }
    40% {
        transform: translateY(0px);
    }
}

/* 通知相關 */
div.swal2-toast {
    padding: 10px !important;
}
div.swal2-toast > h2.swal2-title {
    margin: 8px 4px 8px 4px !important;
    font-size: 20px !important;
}

/* 覆蓋自動填入的背景色 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000000 !important;
}

/* 圖示相關 */
.i-required {
    color: #ffcc33;
    font-size: 12px;
}
.spinner-customer {
    border-width: 30px;
    width: 100px;
    height: 100px;
}
.cursor-move{cursor:move;}
.cursor-not-allowed{cursor:not-allowed;}
.cursor-pointer{cursor:pointer;}
div.vertical-divider {
    height: 30px; 
    border-width: 3px !important;
}

/* 公主連結用 */
.icon-ele {
    background-image: url('../../Image/PrincessConnectReDive/attribute/all.png');
    width: 25px;
    height: 25px;
    display: block;
    background-size: 25px;
}
.icon-ele.t1{background-position:0 0;}
.icon-ele.t2{background-position:0 -28px;}
.icon-ele.t3{background-position:0 -55px;}
.icon-ele.t4{background-position:0 -109px;}
.icon-ele.t5{background-position:0 -82px;}