.C_TABLE_GRID
{
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0px;
	margin: 0px 0px 10px 0px;
}
.C_TABLE_GRID > thead
{
}
.C_TABLE_GRID > thead > tr
{
	background-color: #CCCCCC;
}
.C_TABLE_GRID > thead > tr > td
{
	padding: 4px;
	border: 1px solid #888888;
	text-align: center;
}
.C_TABLE_GRID > tbody
{
}
.C_TABLE_GRID > tbody > tr
{
}
.C_TABLE_GRID > tbody > tr > td
{
	padding: 4px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #888888;
}
.C_TABLE_GRID > tfoot > tr
{
	background-color: #E8E8E8;
}
.C_TABLE_GRID > tfoot > tr > td
{
	padding: 4px;
	text-align: center;
	border: 1px solid #888888;
}

label.C_SUPERLABEL
{
	display: block;
	width: 100%;
	white-space: nowrap;
	margin: 6px 0px 6px 0px;
}
label.C_SUPERLABEL > input[type=checkbox]
,label.C_SUPERLABEL > input[type=radio]
{
	display: inline-block;
	vertical-align: top;
	margin: 2px 4px 0px 0px;
}
label.C_SUPERLABEL > span
{
	display: inline-block;
	vertical-align: top;
	margin-top: -6px;
}
label.C_SUPERLABEL > font
{
	display: inline-block !important;
	vertical-align: top;
	margin: 2px 0px 0px 0px;
	white-space: normal;
	max-width: CALC(100% - 23px);
	line-height: 1em;
}

label.C_XCHECKBOX
{
    display: inline-flex;
    cursor: pointer;
    position: relative;
}
label.C_XCHECKBOX > span
{
    color: #34495E;
    padding: 0px 2px 0px 0px;
}
label.C_XCHECKBOX > input
{
    width: 17px;
    height: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid var(--custom-blue);
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #222222;
    cursor: pointer;
}
label.C_XCHECKBOX > input:checked
{
/*    border: 1px solid #41B883;
    background-color: #34495E;*/
}
label.C_XCHECKBOX > input:checked + span::before
{
    content: "\2713";
    display: block;
    text-align: center;
    color: var(--custom-blue);
    position: absolute;
    left: 7px;
    top: 4px;
    font-weight: 900;
}
label.C_XCHECKBOX > input:active
{
    border: 2px solid #34495E;
}
label.C_XCHECKBOX > font
{
	line-height: 22px;
}


/* Ratio (800) */
@media screen and (max-width: 800px)
{
	.C_TABLE_GRID
	{
		border-spacing: 0vw;
		margin: 0vw 0vw 1.25vw 0vw
	}
	.C_TABLE_GRID > thead
	{
	}
	.C_TABLE_GRID > thead > tr
	{
	}
	.C_TABLE_GRID > thead > tr > td
	{
		padding: 0.5vw;
		border: 0.12vw solid #888888
	}
	.C_TABLE_GRID > tbody
	{
	}
	.C_TABLE_GRID > tbody > tr
	{
	}
	.C_TABLE_GRID > tbody > tr > td
	{
		padding: 0.5vw;
		border: 0.12vw solid #888888
	}
	.C_TABLE_GRID > tfoot > tr
	{
	}
	.C_TABLE_GRID > tfoot > tr > td
	{
		padding: 0.5vw;
		border: 0.12vw solid #888888
	}
	
	label.C_SUPERLABEL
	{
		margin: 0.75vw 0vw 0.75vw 0vw
	}
	label.C_SUPERLABEL > input[type=checkbox]
	,label.C_SUPERLABEL > input[type=radio]
	{
		margin: 0.25vw 0.5vw 0vw 0vw
	}
	label.C_SUPERLABEL > span
	{
		margin-top: -0.75vw
	}
	label.C_SUPERLABEL > font
	{
		margin: 0.25vw 0vw 0vw 0vw;
		max-width: CALC(100% - 2.87vw)
	}
	
	label.C_XCHECKBOX
	{
	}
	label.C_XCHECKBOX > span
	{
	    padding: 0vw 0.25vw 0vw 0vw
	}
	label.C_XCHECKBOX > input
	{
	    width: 2.12vw;
	    height: 2.12vw;
	    border: 0.12vw solid var(--custom-blue);
	    border-radius: 0.5vw
	}
	label.C_XCHECKBOX > input:checked
	{
	}
	label.C_XCHECKBOX > input:checked + span::before
	{
	    left: 0.87vw;
	    top: 0.5vw
	}
	label.C_XCHECKBOX > input:active
	{
	    border: 0.25vw solid #34495E
	}
	label.C_XCHECKBOX > font
	{
		line-height: 2.75vw
	}
	
	
}
/* End-Ratio */
@media screen and (max-width: 800px)
{
	body[mobile="1"] label.C_SUPERLABEL
	{
		margin: 1vw 0px 1vw 0px;
	}
	body[mobile="1"] label.C_SUPERLABEL > input[type=checkbox]
	,body[mobile="1"] label.C_SUPERLABEL > input[type=radio]
	{
		margin: 0px 2vw 0px 2vw;
		width: 4vw;
		height: 7vw;
	}
	body[mobile="1"] label.C_SUPERLABEL > span
	{
		margin-top: -5vw;
	}
	body[mobile="1"] label.C_SUPERLABEL > font
	{
		margin: 0vw 0px 0px 0px;
		max-width: CALC(100% - 6vw);
	}
}