.image-tab {
    width: 100%;
    font-family: 'Noto Sans TC' !important;
}

.image-tab .controll-soze {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 15px 20px 30px 20px;
}

.image-tab .controll-soze form#myform {
    display: flex;
    gap: 10px;
    margin-right: 25px;
}

.image-tab .controll-soze form#myform input#product_date {
    max-width: 130px;
}

.image-tab .controll-soze form#myform input#btn-apply {
    font-size: 12px;
}

button#open-loop-view {
    background-color: #ffffff;
    color: #1b8fd9;
    border: 1px solid #1b8fd9;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
}

button#open-loop-view:hover {
    background-color: #1b8fd9;
    color: #ffffff;
}

i.fa {
    font-size: 18px;
}

.image-tab .data-zone {
    display: flex;
    justify-content: center;
}

table#result-table {
    border:3px #cccccc solid;
    width: 95%;
}

th.col-name-first {
    padding: 8px;
    width: 130px;
    background-color: #e6f0f5 !important;
    font-size: 16px;
}

th.col-clock-first {
    background-color: #e6f0f5 !important;
    font-size: 16px;
}

td.col-name {
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

td.col-clock {
    padding: 8px;
    font-size: 14px;
    text-align: left;
}

.image-tab a#time-img {
    margin-right: 8px;
    font-weight: 400;
}

tr:nth-child(even) {
    background-color: #edeef2;
}