@use "../init" as *;

.C_main
{
	height: 100%;
	width: 100%;
	display: flex;
	flex-flow: column nowrap;

	@include mobile()
	{

	}
}

.C_button_holder
{
	width: 100%;
	height: 5rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.C_datepicker_holder
{
	width: 45%;
	height: 3rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.C_datepicker
{
	width: 50%;
	font-size: $dfsm;
	border: 0.1rem solid;
	cursor: pointer;
  	background-color: var(--background-color-datepicker);
}

.C_datepicker::-webkit-calendar-picker-indicator 
{
  filter: var(--calendar-filter);
  cursor: pointer;
}

.C_heading_holder
{
	width: 100%;
}

.C_holder
{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
}

.C_heading_item
{
	display: flex;
	flex-flow: row nowrap;
	font-size: $dfsm;
	align-items: center;
	height: 3rem;
	padding-left: 0.5rem;
}

.C_list_holder
{
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
}

.C_list_item
{
	height: 3.5rem;
	border: 0.1rem solid rgb(43, 42, 42);
	padding-left: 0.5rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.C_list_export_button_holder
{
	width: 45%;
	height: 4rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
}

.C_list_export_button
{
	width: 10rem;
	height: 2.5rem;
	background-color: var(--background-color-4);
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	cursor: pointer;
}

.C_no_data
{
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}