@use "../init" as *;

.C_main
{
	
	// padding: 0.5rem;
	padding-top: 0.3rem;
	background-color: #353638;
	height: 100%;
	// overflow-y: hidden;
	@include mobile()
	{

	}
}

.C_heading
{
	// color: $colorFont2;
	// font-size: 1.2rem;
	// width: 95%;
	// font-weight: bold;
	// padding: 0.5rem;
	// margin-bottom: 0.5rem;
}

.C_wrapper
{
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	grid-row-gap: 0.3rem;
	padding-left: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	// width: 100%;
}


.C_label
{
	font-size: 1rem;
    font-family: Arial;
    color: #CCCCCC;
    font-weight: bold;
    white-space: nowrap;	
}

.C_select
{
	text-decoration: underline;
	cursor: pointer;
}


.C_textarea
{
	// background-color: rgb(10,10,10);
	// color: $colorFont2;
}

.C_date
{
	// background-color: rgb(10,10,10);
	// color: $colorFont2;
	// width: 50%;
}

.C_headings
{
	display: grid;
	grid-template-columns: 2.5fr 0.5fr 0.5fr 0.5fr 0.1fr;
	padding-left: 0.5rem;
}

.C_heading_label
{
	font-weight: bold;
}

.C_wrapper_item
{
	display: grid;
	grid-template-columns: 2.5fr 0.5fr 0.5fr 0.5fr 0.1fr;
	grid-column-gap: 0.2rem;
	padding-bottom: 1rem;
	padding-top: 1rem;
	padding-left: 0.5rem;
}

.C_remove
{
	cursor: pointer;
	background-color: black;
	text-align: center;
	padding-top: 0.5rem;
	color: #EC7B02;
}

.C_textbox
{
	// background-color: rgb(10,10,10);
	// color: $colorFont2;
	// border: 1px #353638 solid;
	// padding: 0.5rem;
	// font-weight: bold;
}

.C_button_holder
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
}

.C_button
{
	margin-right: 1rem;
}

.C_total_block
{
	margin-top: 4rem;
	display: grid;
	grid-template-columns: 2fr 0.5fr 0.2fr 0.5fr;
	padding-bottom: 0.5rem;
	grid-row-gap: 0.3rem;
}

.C_order
{
	grid-column: 3;
}
.C_items_block
{
	// height: 60%;
}

.C_button_spacer
{
	display: flex;
	justify-content: flex-start;
	width: 100%;
}