a.a1
{
	color: #217dff;
	font-weight: bold;
	cursor: pointer;
}

.cp
{
	cursor: pointer;
}

.alert
{
    background: #f009;
    border: solid 1px #f00;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.value
{
    font-size: 26px;
}

.r15
{
	width: 15px;
	height: 15px;
}

input[type="button"],
button
{
    cursor: pointer;
}




























.bnt0,
button.btn0,
.bnt1,
button.btn1,
.bnt2,
button.bnt2
{
align-items: center;
appearance: button;
background-color: rgb(245, 245, 247);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 6.8px;
border-bottom-right-radius: 6.8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgba(0, 0, 0, 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0.1);
border-top-left-radius: 6.8px;
border-top-right-radius: 6.8px;
border-top-style: solid;
border-top-width: 0px;
box-sizing: border-box;
color: #000;
column-gap: 6px;
cursor: default;
display: flex;
flex-shrink: 0;
font-family: ui-sans-serif, system-ui, sans-serif, "Apple color:  Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto color:  Emoji";
font-feature-settings: normal;
font-kerning: auto;
font-optical-sizing: auto;
font-size: 14px;
font-size-adjust: none;
font-stretch: 100%;
font-style: normal;
font-synthesis-small-caps: none;
font-synthesis-style: none;
font-synthesis-weight: none;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-emoji: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-variation-settings: normal;
font-weight: 500;
height: 32px;
justify-content: center;
letter-spacing: normal;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1;
outline-color: oklab(0.708 0 0 / 0.5);
outline-style: none;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 12px;
padding-inline-start: 12px;
padding-left: 12px;
padding-right: 12px;
padding-top: 0px;
row-gap: 6px;
tab-size: 4;
text-align: center;
text-indent: 0px;
text-rendering: auto;
text-shadow: none;
text-size-adjust: 100%;
text-transform: none;
text-wrap-mode: nowrap;
transition-duration: 0.15s;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
white-space-collapse: collapse;
width: 186.663px;
word-spacing: 0px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-border-image: none;

	height: 50px;
	border-radius: 15px;
}

.btn0:hover,
button.btn0:hover,
.btn0:active
button.btn0:active
{
background-color: rgba(229, 229, 234, 0);
}


.bnt1,
button.btn1
{
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right in oklab, rgb(58, 189, 255) 0%, rgb(27, 109, 255) 100%);
color: #fff;


}


.bnt2,
button.bnt2
{
border-bottom-left-radius: 16.4px;
border-bottom-right-radius: 16.4px;
}




.bt1
{
	background: var(--color-gray-100);
	color: var(--color-gray-600);
}

.bt1:hover
{
	background: var(--color-gray-200);
}

.bt0
{
	color: var(--color-gray-600);
}

.bt0:hover
{
	background: var(--color-gray-50);
}

.bt0.act,
.bt1.act
{
	color: var(--color-white);
	background-image: linear-gradient(to right in oklab, #3ABDFF, #1B6DFF);
}




@media (max-width:480px) {
.grid-cols-2 {
    grid-template-columns: unset;
}
}


@media (min-width:1330px) {
.zi_hrs_box
{
	display:inline-block;
}
}