/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500&display=swap'); */
html,body,input,button,option,select,textarea,h1,h2,h3,h4,h5,h6,a,p,*{
	font-family:"Roboto","微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", “微軟雅黑”, "Microsoft YaHei", "Microsoft YaHei UI", sans-serif
	/* font-family: 'Noto Sans SC', sans-serif; */
}

.h-min-100 {
    min-height: 100vh;
}

.event-checkbox-request .custom-control-input:checked~.custom-control-label::before {
	border-color: #009688 !important;
    background-color: #009688 !important;
}

.zoom {
	transition: ease .25s;
}
.zoom:hover {
	transform: scale(1.125);
	transition: ease .25s;
}

.image-listview.text > li:after { left: 0; }

.page-item.active .page-link {
	background-color: --var(primary);
	border-color: --var(primary);
}
.page-item .page-link {
	color: --var(primary);
}

.input-group-text {
    font-size: 12px;
}

.small2 {
    font-size: 14px;
}

.select2-results__option[aria-disabled=true] {
    color: #aaa;
}

.disabled-section {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
}

.table input::-webkit-outer-spin-button,
.table input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.table input[type=number] {
  -moz-appearance: textfield;
}

.td-coolroom-4-yellow,
.td-coolroom-1 {
    background-color: yellow;
}
.td-coolroom-4-yellow:hover,
.td-coolroom-1:hover {
    background-color: lightgreen;
}

.td-coolroom-4,
.td-coolroom-2,
.td-coolroom-3 {
    background-color: lightblue;
}

.td-coolroom-4:hover,
.td-coolroom-2:hover,
.td-coolroom-3:hover {
    background-color: blue;
}

.td-coolroom-full {
    background-color: indianred;
    cursor: no-drop;
}

.text-sm {
    font-size: 0.875rem !important;
}
.text-xs {
	font-size: 0.75rem !important;
}

.table-sm td, .table-sm th {
	padding: .3rem !important;
}


.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
	justify-content: center;
	align-items: center;
	z-index: 9999;
	display: none; /* Hidden by default */
}
.spinner-border {
	width: 8rem;
	height: 8rem;
}