@import "Fonts.css";

body, span, h1, h2, div, input, label, td {
	font-family: Averta-Regular, Verdana;
}

span, div, input, label, td {
	font-size: 13px;
}

.inpSize {
	width: 110px;
	height: 22px;
}

.infoText {
	font-size: 13px;
	line-height: 150%;
}

.overlay {
	z-index: 50000;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	cursor: wait;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
	width: 100%;
	height: 100%;
}

#panelVadGora div {
	padding-bottom: 25px;
}

#panelVadGora div input {
	padding: 2px 25px;
}

.absence-form {
	display: flex;
	flex-direction: column;
	max-width: 500px;
}

.absence-form.change {
	max-width: 440px;
}

.absence-form-row {
	padding-block: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 50px;
}

.absence-form.change .absence-form-row {
	gap: 60px;
}

.absence-form-row.intro {
	justify-content: center;
}

.absence-form-header, .absence-form-input {
	text-align: left;
}

.absence-form-title, .absence-form-description {
	display: block;
}

.absence-form-title {
	font-weight: 700;
}

.absence-form-row.mandatory .absence-form-title:after {
	content: " *";
	color: red;
	font-size: 14px;
}

.absence-form-header {
	width: 250px;
}

.absence-form-input {
	width: 200px;
}

.absence-form-input label {
	vertical-align: top;
}

.full-width {
	flex-direction: column;
	width: 100%;
	gap: 10px;
}

.full-width .absence-form-header, .full-width .absence-form-input {
	width: 100%;
}

.radio-hidden {
	display: none;
}

.show-more-button {
	color: #047592;
	padding-left: 25px;
}

.show-more-button:hover {
	text-decoration: underline;
	cursor: pointer;
}

select {
	width: 120px;
	padding-block: 1px;
	padding-inline: 2px;
	height: 22px;
}