/*Form*/
.form-group
{
	margin-bottom:0.75rem;
}

/*Label*/
.form-group label:not(.custom-control-label):not(.custom-file-label)
{
	display:inline-block;
	width:100%;
	color:var(--basic-900);
	font-size:0.875rem;
	line-height:1;
	font-weight:600;
	padding-left:12px;
	margin-bottom:4px;
}

/*Label - Combined*/
.form-group label.label-combined:not(.custom-file-label)
{
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
}
.form-group label.label-combined:not(.custom-file-label) .label-link
{
	color:var(--secondary-600);
	font-weight:600;
	margin-left:auto;
}
.form-group label.label-combined:not(.custom-file-label) .tooltip-info
{
	font-size:1.5rem;
	font-weight:400;
	margin-left:auto;
	cursor:pointer;
}

/*Label - Grouped*/
.form-group .label-grouped
{
	display:inline-flex;
	width:100%;
}
.form-group .label-grouped label:not(.custom-file-label)
{
	width:auto;
}
.form-group .label-grouped span
{
	font-size:0.875rem;
	line-height:1;
	font-style:italic;
	padding-left:6px;
	margin-bottom:4px;
}

/*Input*/
.form-group .form-control
{
	height:3rem;
	color:var(--basic-900);
	font-size:1rem;
	line-height:1.5;
	border:0;
	border-radius:8px;
	background-color:var(--basic-100);
	box-shadow:0 0 0 1px transparent;
	padding:12px;
	transition:box-shadow var(--transition-fast);
	box-sizing:border-box;
}
.form-group .form-control::placeholder
{
	color:var(--basic-700);
	font-style:italic;
}
.form-group .form-control:focus:not([readonly])
{
	box-shadow:0 0 0 1px var(--secondary-600);
	transition:box-shadow var(--transition-fast);
}

/*Input - Disabled*/
.form-group .form-control:disabled,
.form-group .form-control[readonly]
{
	background-color:var(--basic-300);
	cursor:not-allowed;
}

/*Input - Combined*/
.form-group .form-combined
{
	display:flex;
	align-items:center;
	position:relative;
}
.form-group .form-combined .form-control
{
	padding:24px 48px 24px 12px;
}
.form-group .form-combined .form-icon
{
	position:absolute;
	top:0;
	right:0;
	width:32px;
	height:calc(1.5em + .75rem + 2px);
	padding:24px;
}
.form-group .form-combined .form-icon::before
{
	content:'';

	color:inherit;
	font-family:'Font Awesome Kit';
	font-size:2rem;
	line-height:1;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;

	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	left:50%;
}

/*Input - Combined - Password*/
.form-group .form-combined .form-icon.ico-pw::before
{
	content:'\e00e'
}
.form-group .form-combined .form-icon.ico-pw-hide::before
{
	content:'\e00d'
}

/*Input - Error*/
.form-group .error:not([aria-invalid="false"]),
.form-group .input-validation-error[aria-invalid="true"]
{
	box-shadow: 0 0 0 2px var(--primary-700);
}
.error-message {
	color: var(--primary-700);
	font-size: 0.875rem;
	font-weight: 600;
	padding-left: 12px;
	margin-top: 4px;
}
.form-group .error-message,
.form-group .field-validation-error
{
	color:var(--primary-700);
	font-size:0.875rem;
	font-weight:600;
	padding-left:12px;
	margin-top:4px;
}
.form-group .error:not([aria-invalid="true"]) + .error-message
{
	display:none;
}
.message-error
{
	color:var(--primary-700);
	font-size:0.875rem;
	font-weight:600;
}
.form-group .field-validation-error p
{
	margin:0;
}
.form-group .field-validation-error ul
{
	margin:4px 0 0 0;
}

/*Input - Sameline*/
.form-group .form-sameline
{
	display:flex;
	align-items:center;
	column-gap:16px;
}

/*Textarea*/
textarea
{
	min-height:160px;
}

/*Select*/
.form-group select.form-control
{
	padding:4px 12px;
}
.form-control--dropdown
{
	text-align:start;
	padding:4px 12px;
	position:relative;
}
.form-control--dropdown::after
{
	content:'\e02c';

	color:inherit;
	font-family:'Font Awesome Kit';
	font-size:1.5rem;
	line-height:1;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;

	position:absolute;
	inset:50% 12px auto auto;
	transform:translateY(-50%);
	transition:var(--transition-fast);
}
.form-control--dropdown + .dropdown-menu
{
	width:100%;
	max-height:240px;
	overflow-y:auto;
}
.dropdown.show .form-control--dropdown::after
{
	transform:translateY(-50%) rotate(180deg);
	transition:var(--transition-fast);
}

/*File*/
.custom-file
{
	height:3rem;
}
.custom-file-label
{
	height:3rem;
	color:var(--basic-900);
	font-size:1em;
	line-height:1.5;
	border:0;
	border-radius:8px;
	background-color:var(--basic-100);
	box-shadow:0 0 0 1px transparent;
	padding:12px;
	transition:box-shadow var(--transition-fast);
	box-sizing:border-box;
}
.custom-file-label::after
{
	height:3rem;
	font-size:0.875rem;
	line-height:1.75;
	background-color:var(--tertiary-50);
	padding:12px;
	border-radius:0 8px 8px 0;
}
.custom-file-input
{
	height:3rem;
}
.custom-file-input:focus ~ .custom-file-label
{
	box-shadow:0 0 0 1px var(--secondary-600);
	transition:box-shadow var(--transition-fast);
}

/*File - Localization*/
[lang="sl"] .custom-file-label::after
{
	content:'Brskaj'
}