@font-face {
	font-family: 'PF BeauSans W01 Light';
	src: url(PFBeauSansPro-Light.ttf);
}

@font-face {
	font-family: "PF BeauSans W01 SemiBold";
	src: url(PFBeauSansPro-SemiBold.ttf);
}

h4 {
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-size: 16px;
}

input {
	font-family: "PF BeauSans W01 Light";
	font-size: 20px;
	line-height: 32px;
	color: #505050;
	padding: 6px;
	outline: 0px;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #bad636;
}

input::file-selector-button {
    font-family: "PF BeauSans W01 SemiBold";
    font-size: 20px;
    line-height: 32px;
    width: 100%;
    color: #505050;
    padding: 6px 0;
    margin-bottom: 6px;
    border: 2px solid #BFBFBF;
    border-radius: 10px;
    background-color: #FFF;
    cursor: pointer;
    font-weight: 400;
    color: #FB3242
}

input::file-selector-button:hover {
    color: #BAD636;
    border-color: #BAD636;
}


/* 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;
}

.valid_border {
	border: 2px solid #bad636;
}

.black_border {
	border: 2px solid #000;
}

.neutral_border {
	border: 2px solid #BFBFBF;
}

.invalid_border {
	border: 2px solid #BFBFBF;
}

.display_block {
	display: block;
}

.display_none {
	display: none;
}

.display_inline_flex {
	display: inline-flex;
}

.display_table_row {
	display: table-row;
}

.fullscreen {
	position: fixed;
	background-color: #FFF;
}

.sort_asc {
	border-bottom: 10px solid #afafaf;
}

.sort_desc {
	border-top: 10px solid #afafaf;
}

.sort_asc_active {
	border-bottom: 10px solid #fb3242;
}

.sort_desc_active {
	border-top: 10px solid #fb3242;
}


.td_text {
	position: absolute;
	left: 70px;
	top: 50%;
	transform: translate(0, -50%);
}

.filter_text {
	width: 250px;
	margin-left: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 10px;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: #20212447 0px 1px 6px 0px;
	outline: 0px;
	font-size: 16px;
	line-height: 16px;
	float: left;
}

.filter_checkbox {
	width: 20px;
	height: 20px;
	margin: 14px 0 0 10px;
	float: left;
	cursor: pointer;
}

textarea {
	font-family: "PF BeauSans W01 Light";
	font-size: 20px;
	line-height: 32px;
	color: #505050;
	padding: 6px;
	border: 2px solid #BFBFBF;
	outline: 0px;
	width: 100%;
	box-sizing: border-box;
	resize: none
}

select {
	font-family: "PF BeauSans W01 Light";
	background-color: #FFFFFF;
	font-size: 20px;
	height: 48px;
	color: #505050;
	padding: 6px;
	border: 2px solid #FFF;
	outline: 0px;
	width: 100%;
}

td {
	padding: 10px;
	text-align: left;
	position: relative;
}



th {
	padding: 10px;
	text-align: left;
	white-space: nowrap;
}


button {
	font-family: "PF BeauSans W01 SemiBold";
	font-size: 20px;
	line-height: 32px;
	color: #505050;
	padding: 6px 30px;
	margin-bottom: 6px;
	border: 2px solid #BFBFBF;
	border-radius: 10px;
	background-color: #FFF;
	cursor: pointer;
	font-weight: 400;
	color: #FB3242
}

button:hover {
	color: #BAD636;
	border-color: #BAD636;
}

label {
	margin-top: 20px;
	margin-bottom: 5px;
	display: block
}

a, a:link, a:visited, a:focus, a:hover, a:active {
    color: #000000;
    text-decoration: none;
}