.ml-1 {margin: 1px;}
.ml-2 {margin: 2px;}
.ml-3 {margin: 3px;}
.ml-4 {margin: 4px;}
.ml-5 {margin: 5px;}




/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.tbl-v7 .t0, .tbl-v8 .t0 {
    text-align: center;
}

.no-data {
	position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    color: #666;
    font-size: 16px;
}

.coupon-info .btn-use  {
	width: 100%;
	border: none;
}

.btn-auth {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 56px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    text-align: center;
}

.list-menu-main li {width: calc(100% / 2)}

.list-menu-main .ico {width: auto;}

.label {
    font-size: 16px;
}

.list-table-room .data-info .ico.bg-green { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; box-sizing: border-box; background: #1d6931; }
.list-table-room li.active .card.bg-green { background: #237C3A; }
.list-table-room li.active .table-info .state.bg-green { color: #237C3A; }
.list-table-room li.active .table-info .state.bg-green:after { content: ''; background: #237C3A; }

.grid-8 {
    grid-template-columns: repeat(8, 1fr);
}

.score-grid .key-half {
    grid-column: span 4;
    background: #F4F4F4;
}