:root {
    --blue-primary: #002962;
    --blue-primary-hover: #001f4b;
    --blue-cyan: #009BD2;
    --blue-cyan-hover: #008dc0;
    --gray-primary: #717171;
    --gray-primary-hover: #5c5c5c;
}


/* 文字定義 */

.text-blue-primary {
    color: var(--blue-primary);
}

.text-blue-cyan {
    color: var(--blue-cyan);
}


/* 背景定義 */

.bg-blue-primary {
    background-color: var(--blue-primary);
}


/* 按鈕定義 */

.btn-blue-primary {
    background-color: var(--blue-primary);
    border-color: var(--blue-primary);
    color: white
}

.btn-blue-primary:hover {
    background-color: var(--blue-primary-hover);
    border-color: var(--blue-primary-hover);
    color: white
}

.btn-blue-cyan {
    background-color: var(--blue-cyan);
    border-color: var(--blue-cyan);
    color: white
}

.btn-blue-cyan:hover {
    background-color: var(--blue-cyan-hover);
    border-color: var(--blue-cyan-hover);
    color: white
}

.btn-gray-primary {
    background-color: var(--gray-primary);
    border-color: var(--gray-primary);
    color: white
}

.btn-gray-primary:hover {
    background-color: var(--gray-primary-hover);
    border-color: var(--gray-primary-hover);
    color: white
}


/* 自定義 */

html,
body {
    font-family: "微軟正黑體";
}

.cursor-pointer {
    cursor: pointer;
}


/* bootstrap */

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--blue-cyan);
}

.form-label {
    font-weight: bold;
}

.breadcrumb-item {
    font-size: 1.25rem;
    color: var(--blue-cyan);
}

.breadcrumb-item.active {
    color: var(--blue-primary);
    cursor: pointer;
}


/* sweetalert2 */

.swal2-html-container {
    text-align: inherit;
}

.swal2-timer-progress-bar {
    background: #4185a7b8;
}

.title {
    font-size: calc(1.275rem + .3vw);
    font-weight: bold;
}