/* HEADER SELECT COMPONENT
---------------------------------------------------------------------------- */

/*
2023-10-30 Custom style av envsions nya select-komponent. I väntan på uppgradering av Sitevision.
*/

.gre-header-select {
	margin-right: 1rem;
}

.gre-header-select .env-form-element {
    margin-bottom: var(--env-spacing-medium);
}

.gre-header-select .env-form-element__label {
    /*display: inline-block;*/
	display: inline;
    font-family: var(--env-form-label-font-family);
    font-size: var(--env-font-size-medium);
    font-weight: var(--env-form-label-font-weight);
    margin-bottom: var(--env-spacing-xx-small);
    padding: 0;
}

.gre-header-select .env-form-element__control {
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.gre-header-select .env-form-select {
    background-color: var(--env-form-input-background-color);
    background-color: #c5dce6;
	background-image: none;
    border: 1px solid var(--env-form-input-border-color);
    /*border-radius: var(--env-form-input-border-radius);*/
    border-radius: 0.125rem; /*2px*/
	box-sizing: border-box;
    color: var(--env-form-input-font-color);
    display: block;
    font-family: var(--env-form-font-family);
    font-size: var(--env-font-size-medium);
    line-height: 1.375;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.gre-header-select .env-form-select select.env-form-input, 
.env-form-select select:not([multiple]) {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    /*border-radius: var(--env-form-input-border-radius);*/
	border-radius: 0.125rem; /*2px*/
    color: var(--env-form-input-font-color);
    display: block;
    font-size: var(--env-font-size-medium);
    /*min-height: calc(2.75em - 2px);*/
	min-height: auto;
    min-height: calc(2.5rem - 2px)!important;
	padding: 0.625em 2em 0.625em 0.75em;
    width: 100%;
}


.gre-header-select .env-form-select>.env-icon, .env-select.single>.env-icon {
    display: block;
    height: 0.875em;
    pointer-events: none;
    position: absolute;
    right: 0.9375em;
    top: 50%;
    transform: translateY(-50%);
    width: 0.875em;
}

/* Kod för gamla Välj ditt län (Select komponent)
---------------------------------------------------------------------------- */

#select_lan {
	display: inline-block;
	width: initial;
}

.gre-header-select-region-wrapper {
	position: relative;
	margin-right: 1rem;
	/*flex-grow: 12;
    width: 100%;*/
}

.gre-header-select-region-wrapper::after {
	border-top: solid 0.4em #275468;
	border-left: solid 0.3em transparent;
	border-right: solid 0.3em transparent;
	content: "";
	position: absolute;
	top: 1em;
	right: 0.5em;
	pointer-events: none;
}

.gre-header-select-region__button {
    background-color: #c5dce6;
    border: none;
    border-radius: 0;
    padding: 0.1em;
    font-size: 0.9em;
    -webkit-appearance: none;

	padding: .1em 1.5em .1em .5em;
}

.gre-header-select-region-wrapper label {
    font-weight: bold;
    font-size: 0.9em;
    margin-right: 0.5em;
}