/* --------------------------------
//
// Таблица стилей проекта library
//
// static/forms.css
//
// June, 2023 - Apr, 2024
//
// Last changes at 2024-04-08 16:26
//
//--------------------------------*/
form {
    background: transparent;
}

.form-check-label {
	/* переопределим встроенный в bootstrap стиль для названий полей форм */
	color: #444;
}

div.formfield_title {
	/* переопределим встроенный в bootstrap стиль для названий полей форм */
	color: #444;
}

@media (max-width: 768px) {
	.form-group .col-md-9,
	.form-group .col-md-9 a {
		font-size: 1.3rem !important; 
	}
}

input[type=file]::file-selector-button {
	/* переопределим встроенный стиль для кнопки загрузки файла */
	color: #fff;
	/* цвет текста */
	font-size: 95%;
	text-decoration: none;
	/* убирать подчёркивание у ссылок */
	user-select: none;
	/* убирать выделение текста */
	background: #1E90FF;
	/* фон кнопки */
	border: 2px solid #1E90FF;
	border-radius: 4px;
	padding: 0.3em 0.6em;
	/* отступ от текста */
	outline: none;
	/* убирать контур в Mozilla */
}

input[type=file]::file-selector-button:hover {
	background: #0060FF;
	border: 2px solid #0060FF;
}

input[type=file]::file-selector-button:active {
	background: #0000FF;
	border: 2px solid #0000FF;
}

form.loginform {
	color: #444;
	padding-left: 3 em;
	margin: 3 em;
}

form.profileform {
	color: #444;
	padding-left: 3 em;
	margin: 3 em;
}

form.passwordform {
	color: #444;
}

form.userform {
	color: #444;
}

form.libform {
	color: #444;
	margin: 3 em;
}

textarea.form-control {
	border: 1px solid #aaa;
}

/* Всплывающая форма комментария - форма выбора пользователя */

.userselect_form {
	width: 260px;
}

/* ------ */

/* Граница всех полей форм */
input.form-control {
	border-color: #aaa;
}

@media (max-width: 768px) {
	input.form-control {
		font-size: 1.5rem;
	}
	.col-form-label {
		font-size: 1.5rem;
	}
}

/* Поиск */
.search {
	position: fixed;
	left: 320px;
	right: 175px;
}

@media (max-width: 768px) {
	.search {
		position: static;
	}
}

.search-mobile {
	display: none;
}

.searchform-container {
	width: max-content;
	margin-right: auto;
	margin-left: auto;
	width: max-content;
}

.searchform {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	width: max-content;
}

.searchfield {
	color: #666;
	margin-top: 0;
	margin-right: 0.5rem;
	margin-left: 0;
	border: none;
	border-bottom: 1px solid #c8c8c8;
	transition: all 0.3s;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 1rem;
	/*width: 258px;*/
	background: transparent;
}

.searchfield:focus {
	outline: none;
	border-bottom: 1px solid #747474;
}

/* ---------- */

label {
	font-size: 1rem;
}

img.captcha {
	margin-bottom: 1rem;
}

.select2-selection__rendered {
	font-size: 1rem;
}

@media screen and (max-width:768px) {
	.form-check {
		padding-left: 2rem !important;
	}
	
	.form-check-input {
		margin-left: -1.7rem !important;
	}
	
	.form-check-label {
		font-size: 1.5rem !important;
		margin-left: 0 !important;
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		width: 100% !important;
		font-size: 1.5rem !important;
		white-space: nowrap !important; /* Текст не переносится */
		overflow: hidden !important; /* Обрезаем всё за пределами блока */
		text-overflow: ellipsis !important;
	}

	.select2-results__option {
		font-size: 1.5rem !important;
	}
	
	.form-control {
		font-size: 1.5rem !important;
	}
	
	.alert {
		font-size: 1.4rem !important;
	}
	
	.searchfield {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	
	.search-mobile {
		display: block;
	}

	.search-desktop {
		display: none;
	}
	
	label {
		font-size: 1.5rem;
	}
	
	.select2-selection__rendered {
		font-size: 1.5rem;
	}
	
	.form-control-file {
		font-size: 1.5rem !important;
	}
	
	small {
		font-size: 1.4rem !important;
}