body {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;
	margin: 0;
	padding: 0;
}
.container {
	max-width: 650px; /* Намаляване на ширината на контейнера */
	margin: 50px auto; /* Центриране на контейнера */
	background-color: white;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	
}
.logo {
	text-align: left;
	margin-bottom: 20px;
}
.logo img {
	max-width: 150px; /* Регулиране на размера на логото */
}
h2 {
	font-size: 2em;
	color: #000066;
	text-align: center;
}
h3 {
	font-size: 1.3em;
	color: #000066;
	text-align: center;
}
form {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

input[type="text"], textarea, select {
	width: 90%; /* Увеличаване на ширината на полетата до 90% */
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 20px;
	
}

textarea {
	resize: none;
}

.form-group.full-width {
	flex: 1 1 100%;
}
.form-group {
	font-size: 1em;
	color: #003399;
	display: flex;
	flex-direction: column;
	margin-bottom: 25px;
	width: 100%; Увеличаване на ширината на форм групите
}
.form-actions {
	display: flex;			
	justify-content: space-between;
	width: 100%;
}

/* Стилизация на етикета (label) */
label {
	font-size: 1em;
	color: #004080; /* Тъмно син */
	margin-bottom: 15px;
	
}

/* Стилизация на селект полето (select) */
select {
	font-size: 0.9em;
	padding: 10px;
	border: 1px solid #0073e6; /* Синя граница */
	border-radius: 5px;
	background-color: #e6f2ff; /* Светло син фон */
	color: #004080; /* Тъмно син текст */
	transition: border-color 0.3s, box-shadow 0.3s;
}

/* Стилизация на селекта при фокусиране */
select:focus {
	border-color: #0059b3; /* По-тъмно син при фокус */
	box-shadow: 0 0 10px rgba(0, 85, 170, 0.3); /* Синя сянка */
	outline: none;
}

/* Стилизация на опциите */
option {
	padding: 10px;
	color: #004080; /* Тъмно син текст */
}
				
	/* Син бутон */
button.blue {
    background-color: #003399; /* Светло син цвят */
    color: white; /* Текстът да бъде бял */
    border: none; /* Премахване на бордюра */
    padding: 10px 20px; /* Вътрешен отстъп (padding) */
    font-size: 16px; /* Размер на шрифта */
    border-radius: 5px; /* Заоблени ъгли */
    cursor: pointer; /* Показване на курсор при преминаване върху бутона */
}

button.blue:hover {
    background-color: #1E90FF; /* По-тъмен син цвят при задържане на курсора */
}

/* Оранжев бутон */
button.orange {
    background-color: #FFA500; /* Оранжев цвят */
    color: white; /* Текстът да бъде бял */
    border: none; /* Премахване на бордюра */
    padding: 10px 20px; /* Вътрешен отстъп (padding) */
    font-size: 16px; /* Размер на шрифта */
    border-radius: 5px; /* Заоблени ъгли */
    cursor: pointer; /* Показване на курсор при преминаване върху бутона */
}

button.orange:hover {
    background-color: #FF8C00; /* По-тъмен оранжев цвят при задържане на курсора */
}

/* Червен бутон за изтриване */
button.delete-btn {
    background-color: red;
    color: white;
}

button.delete-btn:hover {
    background-color: #dc3545;
}

	
/* Основен стил за чекбокса */
input[type="checkbox"] {
	appearance: none; /* Премахва стандартния стил на браузъра */
	width: 20px;
	height: 20px;
	background-color: #f0f0f0;
	border: 2px solid #E65100; /* Оранжева рамка */
	border-radius: 5px; /* Заоблени ъгли */
	cursor: pointer;
	transition: background-color 0.3s ease;
}

/* Стил за отметнат чекбокс */
input[type="checkbox"]:checked {
	background-color: #E65100; /* По-плътен оранжев цвят, когато е отметнат */
	border: none;
	position: relative;
}

/* Стил за отметка вътре в чекбокса */
input[type="checkbox"]:checked::after {
	content: "✓"; /* Символ за отметка */
	color: white;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Стил при задържане на курсора върху чекбокса */
input[type="checkbox"]:hover {
	background-color: #FF8C00; /* По-тъмен оранжев при задържане на курсора */
}

/* Стил за контейнера около чекбокса и етикета */
.formulas-container {
	display: inline-block;
	vertical-align: middle; /* Подравнява елементи по средата */
	margin-top: 30px; 
}

/* Чекбоксът и етикетът един до друг */
.formulas-container input[type="checkbox"] {
	display: inline-block;
	margin-right: 10px; /* Разстояние между чекбокса и текста */
}

/* Оранжев текст за етикета на чекбокса */
.formulas-container label {
	display: inline-block;
	vertical-align: middle; /* Подравнява етикета с чекбокса */
	color: #E65100; /* Оранжев текст */
}

/* Контейнерът за форм групата с избор на файл */
.file-upload {
	display: flex;
	align-items: left; /* Подравнява елементите вертикално в средата */
	justify-content: space-between; /* Полето и етикета са разположени в двата края */
	margin-bottom: 15px;
}

/* Етикетът (текстът) остава в ляво */
.file-upload label {
	flex: 1;
	text-align: left;
	color: #004080; /* Цвят на текста */
	margin-top: 20px;
}

/* Полето за избор на файл остава в дясно */
.file-upload input[type="file"] {
	flex: 2;
	max-width: 350px; /* Увеличаване на ширината на полето за файл */
}
/* Стил за бутона за изпращане */
.submit-btn {
	background-color: #E65100; /* Синьо-зелен цвят */
	color: white; /* Бял текст */
	border: none; /* Премахване на бордюра */
	padding: 10px 15px; /* Увеличаване на размера на бутона */
	font-size: 15px; /* Увеличаване на размера на текста */
	border-radius: 8px; /* Заоблени ъгли */
	cursor: pointer; /* Показване на курсор при задържане */
	transition: background-color 0.3s ease; /* Плавна анимация за цвета */
}

/* Стил при задържане на курсора върху бутона */
.submit-btn:hover {
	background-color: #FFA500; /* По-светъл синьо-зелен цвят при задържане */
}

.footer {
	text-align: center;
	margin-top: 40px;
	font-size: 0.9em;
	color: #777;
}
.footer span {
	font-weight: none;
}

.instruction-box {
    background-color: #e6f2ff; /* Светло син фон */
    color: #003366; /* Тъмно сини букви */
    border: 1px solid #0073e6; /* Тънка синя граница */
    padding: 20px; /* Вътрешни отстъпи */
    margin: 30px 0; /* Разстояние от горните и долните елементи */
    border-radius: 5px; /* Заоблени ъгли */
    font-size: 1em; /* Малко по-голям текст */
    line-height: 1.5; /* По-голямо разстояние между редовете */
    text-align: left; /* Подравняване на текста наляво */
}