form{
	margin: 0;
}

input{
	font-family: 'Cuprum', sans-serif;
	font-size: 80%;
	height: 30px;
	margin: 0px 0 3px 0;
	padding: 5px;
	width: 100%;
}

textarea {
	font-family: 'Cuprum', sans-serif;
	font-size: 80%;
	height: 100px;
	margin: 0 0 3px 0;
	padding: 5px;
	resize: none;
	width: 100%;
}

select{
	height: 30px;
	margin: 0 0 3px 0;
	padding: 5px;
	width: 100%;
}

/* Checkboxes */
/* для элемента input c type="checkbox" */
input[type="checkbox"],  input[type="radio"]{ display: none; }

/* для элемента label, связанного с .custom-checkbox */
input[type="checkbox"] + label,  input[type="radio"] + label {
	display: inline-flex;
	/*margin-top: 7px;*/
	user-select: none;
	width: calc(100% - 10px);
	padding: 5px;
	border-radius: 100px;
	cursor: pointer;
	align-items: center;
}

input[type="checkbox"] + label:hover,  input[type="radio"] + label:hover {
	background-color: #f2f9ff;
}

/* создание в label псевдоэлемента before со следующими стилями */
input[type="checkbox"] + label::before,  input[type="radio"] + label::before {
	content: '\f00c';
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 2px solid #28343f;
	border-radius: 20px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	position: relative;
	/*top: -1px;*/
	padding: 4px;
	font-size: 10px;
	transition: all 300ms 250ms ease-in-out;
	font-family: 'Font Awesome 5 Free';
	color: rgba(0,0,0,0);
	line-height: 1em;
}

/* стили для чекбокса, находящегося в состоянии checked */
input[type="checkbox"]:checked+label::before,  input[type="radio"]:checked+label::before {	
	border-color: #28343f;	
	color: #f2f9ff;
	font-weight: bold;
	background-color: #3b4a59;
}

/* стили для чекбокса, находящегося в состоянии disabled */
input[type="checkbox"]:disabled+label::before, input[type="radio"]:disabled+label::before {
	background-color: #e9ecef;
}

.red-input{
	border: 1px solid #f00000;
}