.mybtn {
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #028391;
    color: #fff;
    letter-spacing: 1px;
    padding: 7px 15px;
    margin-right: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: 2px solid transparent;
    text-decoration: none !important;
}

.mybtn:hover {
    background: #d4af37;
    color: #fff;
}

/*---Twig---*/
.twig-inline {
    display: inline-block;
}



/* === Views: mybooking 表格寬度設定 === */
.view-mybooking table.views-table {
    width: 100%;
    /* 滿版表格 */
    table-layout: fixed;
    /* 固定欄寬防止撐開 */
    border-collapse: collapse;
}

/* === 各欄位寬度設定 === */
.view-mybooking th:nth-child(1),
.view-mybooking td:nth-child(1) {
    width: 17%;
    /* 預約課程名稱 */
}

.view-mybooking th:nth-child(2),
.view-mybooking td:nth-child(2) {
    width: 13%;
    /* 教室 */
}

.view-mybooking th:nth-child(3),
.view-mybooking td:nth-child(3) {
    width: 30%;
    /* 預約時間 */
}

.view-mybooking th:nth-child(4),
.view-mybooking td:nth-child(4) {
    width: 20%;
    /* 自動標記 */
}

.view-mybooking th:nth-child(5),
.view-mybooking td:nth-child(5) {
    width: 10%;
    /* 預約狀態 */
}

.view-mybooking th:nth-child(6),
.view-mybooking td:nth-child(6) {
    width: 10%;
    /* 操作連結 */
}

/* === 表格整體排版優化 === */
.view-mybooking td {
    word-wrap: break-word;
    /* 長字串換行 */
    white-space: normal;
    /* 允許多行 */
    vertical-align: top;
    padding: 6px 8px;
}

/* === 操作欄（編輯按鈕）緊湊顯示 === */
.view-mybooking td:last-child {
    text-align: center;
    white-space: nowrap;
}

/* === 若主題有 table-responsive，避免被壓縮 === */
.view-mybooking .table-responsive {
    overflow-x: visible !important;
}




/* === Views: myproject 表格寬度設定 === */
.view-myproject table.views-table {
    width: 100%;
    /* 滿版表格 */
    table-layout: fixed;
    /* 固定欄寬防止撐開 */
    border-collapse: collapse;
}

/* === 各欄位寬度設定 === */
.view-myproject th:nth-child(1),
.view-myproject td:nth-child(1) {
    width: 15%;
    /* 計劃名稱 */
}

.view-myproject th:nth-child(2),
.view-myproject td:nth-child(2) {
    width: 10%;
    /* 登記編號 */
}

.view-myproject th:nth-child(3),
.view-myproject td:nth-child(3) {
    width: 12%;
    text-align: center !important;
    /* 課群分類 */
}

.view-myproject th:nth-child(4),
.vview-myproject td:nth-child(4) {
    width: 8%;
    text-align: center !important;
    /* 組別分類 */
}

.view-myproject th:nth-child(5),
.view-myproject td:nth-child(5) {
    width: 10%;
    /* 課程類別 */
}

.view-myproject th:nth-child(6),
.view-myproject td:nth-child(6) {
    width: 11%;
    text-align: right !important;
    /* 計劃金額 */
}

.view-myproject th:nth-child(7),
.view-myproject td:nth-child(7) {
    width: 11%;
    text-align: right !important;
    /* 績效認定金額 */
}

.view-myproject th:nth-child(8),
.view-myproject td:nth-child(8) {
    width: 8%;
    text-align: center !important;
    /* 課程狀態 */
}

.view-myproject th:nth-child(9),
.view-myproject td:nth-child(9) {
    width: 8%;
    /* 確認日期 */
}

.view-myproject th:nth-child(10),
.view-myproject td:nth-child(10) {
    width: 7%;
    /* 編輯 */
}




/* === 表格整體排版優化 === */
.view-myproject td {
    word-wrap: break-word;
    /* 長字串換行 */
    white-space: normal;
    /* 允許多行 */
    vertical-align: top;
    padding: 6px 8px;
}

/* === 操作欄（編輯按鈕）緊湊顯示 === */
.view-myproject td:last-child {
    white-space: nowrap;
}

/* === 若主題有 table-responsive，避免被壓縮 === */
.view-myproject .table-responsive {
    overflow-x: visible !important;
}