/*
 *
 * City University of Hong Kong
 * ----------------------------
 * Site Specific CSS
 *
 */

/* ============================ Place your custom CSS here */

/* index page */
.carousel-indicators button.active { background-color:#bf165e; }

.custom-index-carousel { height:800px; overflow:hidden; background-color:#ffffff; }
.custom-index-carousel .carousel-indicators { top:630px; }

.custom-index-content-top { position:absolute; top:826px; height:130px; width:100%; z-index:20; }
.custom-index-content-top div { background:#ffffff; width:1400px; margin-left:auto; margin-right:auto; height:130px; }
.custom-index-main { position:relative; width:1400px; margin-left:auto; margin-right:auto; margin-top:-115px; z-index:300; }

/* inner content page  */
.highlight-box { padding:20px; background:#eeeeee; margin-bottom:20px; }
.highlight-box .label { font-weight:bold; text-decoration:underline; margin-bottom:10px; font-size:90%; }

.gpt-prompt { padding:20px; background:#eeeeee; }
.gpt-prompt .label { font-weight:bold; text-decoration:underline; margin-bottom:10px; font-size:90%; }

.gpt-response { padding:20px; background:#eeeeee; margin-top:10px; margin-bottom:20px; }
.gpt-response .label { font-weight:bold; text-decoration:underline; margin-bottom:10px; font-size:90%; }

.gpt-response table th { padding:10px; border:1px solid #000000; }
.gpt-response table td { padding:10px; border:1px solid #000000; }

.table-container { overflow-y:hidden; overflow-x:auto; }

table.with-border th { padding:10px; border:1px solid #000000; }
table.with-border td { padding:10px; border:1px solid #000000; vertical-align:top; }

table.rec-border th { padding:15px; border:1px solid #000000; }
table.rec-border td { padding:15px; border:1px solid #000000; vertical-align:top; }