/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 16px;
    font-family: 微軟正黑體;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    background-color: #f6f6f6;
    padding: 10px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

    h2.h-150 {
        line-height: 150%;
    }

h3 {
    font-size: 1.2rem;
    background-color: #e6e6e6;
    padding: 4px;
}

h4 {
    font-size: 1.2rem;
}

table {
    border-collapse: collapse;
}

th, td {
    border: solid 1px #ccc;
    padding: 6px;
}

    th.sequence {
        width: 50px;
    }

    th.action, td.action {
        border: none;
    }

    th.product-name {
        width: 300px;
    }

    th.product-category, th.amount-sm, th.employee {
        width: 160px;
    }

    th.product-status, th.amount {
        width: 250px;
    }

    th.year {
        width: 85px;
    }

    th.rate, th.country {
        width: 180px;
    }

    th.year-lg {
        width: 180px;
    }

    th.multi-select {
        width: 450px;
    }

.form-control.count {
    width: 50px;
}

.form-control.employee {
    width: 100px;
}

.validation-summary-errors {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ff0000;
}

    .validation-summary-errors ul {
        list-style: none;
    }

.subTitle {
    font-size: 1.2rem;
    background-color: #E9F4FC;
    padding: 4px;
}

/*新台幣千元標示*/
span.amount-nt {
    color: #ff0000;
    font-weight: bold;
    white-space: nowrap;
}

/*黃底粗體*/
span.text-warning {
    font-weight: bold;
}

ul.decimal {
    list-style: decimal;
}

.hidden {
    display: none;
}

/* -----------form_required_start----------- */
.form-label {
    margin-bottom: 0.2rem !important;
    height: 1.75rem;
}

    .form-label.required {
        color: dodgerblue;
    }

        .form-label.required::before {
            content: '*';
            color: dodgerblue;
        }

/* -----------form_required_start----------- */


/* input type="number" 隱藏上下箭頭 (Firefox) */
input[type="number"] {
    -moz-appearance: textfield;
    min-height: 36px;
}

    /* input type="number" 隱藏上下箭頭 (Chrome, Edge, Safari) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

table th.option {
    min-width: 150px;
}

/*模擬readonly的勾選框*/
.readonly-checkbox {
    pointer-events: none;
    opacity: 0.6;
}