.btn-primary { background-color: #563d7c !important; border-color: #563d7c !important;}
.btn-test { background-color: #7150a3 !important; border-color: #7150a3 !important; color: white !important;}
.btn-test:focus { box-shadow: 0 0 1px rgba(137, 60, 255, 0.07) inset, 0 0 2px 3px rgba(137, 60, 255, 0.5);}

.border-red {border-color:#ebccd1!important}
.bg-gray{background-color: #ecedee !important}
.bg-transparent{background-color:rgba(0, 0, 0, 0) !important}
.color-blue { color: #3767ee; }
.color-red { color: #ee3354; }
.cursor-not-allowed { cursor: not-allowed; }
.floating-text { font-family: 'Noto Sans TC'; font-size: 0.8rem; padding: 7px 15px; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; z-index: 998;}
.floating-text a { color: #000; text-decoration: none;}
.focusColorRed { color: #495057; background-color: #fff; border-color: #ff3221 !important; outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 0, 48, 0.25) !important;}
.font-overdue { color: #d9534f !important; font-weight: bold !important;}
.hidden { display: none; }
.href-color { color: #2C8EDD;}
.href-color:hover, .href-color:focus { color: #1a66a2;}
.pointer {cursor: pointer;}
.pointer:hover {color: blue; font-weight: bold; }
.table .thead-puple th { color: #fff; background-color: #6A4B99; border-color: #966AD9;}
.tableFixHead          { overflow: auto; height: calc(100vh - 120px); }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
.tableFixHead table  { border-collapse: collapse; width: 100%; }
.tableFixHead th, td { padding: 8px 16px; }
.tableFixHead th     { background:#ddd; }
.tableFont { font-size: 0.9rem;}
.text-stroke {-webkit-text-stroke: 1px;}
.text-red {color:#ebccd1!important}
.v-center { display: block; margin-top: auto; margin-bottom: auto; }

i.bi-stroke { -webkit-text-stroke: 1px; }

table.table { font-size: 0.875rem; }
table.table td { vertical-align: middle; }

/* position: absolute; */
.reloadImage { -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(720deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(720deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(720deg); transform:rotate(720deg); } }

/* rotate Image */
.rotateImage { position: absolute; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(720deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(720deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(720deg); transform:rotate(720deg); } }

/* input box, search icon location */
.inner-addon { position: relative;}
.inner-addon .glyphicon { position: absolute; padding-left: 10px; padding-right: 10px; padding-top: 7px; pointer-events: none;}
.left-addon .glyphicon  { left:  15px;}
.right-addon .glyphicon { right: 15px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

@media (min-width:992px) {.modal-xxl{max-width:800px}}
@media (min-width:1200px){.modal-xxl{max-width:1600px}}