/* VATTENMYNDIGHTERNA OTHER LANGUAGES CSS - By: Consid AB -----------*/


.vm-other-language__container {
   padding: 14px;
   width: 185px;
}

.vm-other-language__container .vm-other-language__icon--button {
   padding: 14px 14px 14px 29px;
}

.vm-other-language__container .vm-other-language__icon--button {
   outline: none;
}

.vm-other-language__icon--button {
   cursor: pointer;
}

.vm-other-language__container.is-active{
	background-color: #ccc;
}

.vm-other-language__container .vm-other-language__icon--button:after {
   background: url('/images/18.462d60ec167c69393b94a26/1545399853880/link_black.svg') no-repeat center;
   content: "";
   display: block;
   width: 14px;
   height: 14px;
   background-size: 13px 13px;
   margin-top: 7px;
   float: right;
   transform: rotate(90deg);
   transition: transform 380ms ease;

}
.vm-other-language__container.is-active .vm-other-language__icon--button:after {
   background: url('/images/18.462d60ec167c69393b94a26/1545399853880/link_black.svg') no-repeat center;
   content: "";
   display: block;
   width: 14px;
   height: 14px;
   background-size: 14px 14px;
   margin-top: 7px;
   float: right;
   transform: rotate(270deg);
   transition: transform 380ms ease;

}
.vm-other-language__container:focus {
   /*outline: 2px solid #EA7600;*/
   outline: 2px solid #000000;
   outline-offset: -2px;
}    
.vm-other-language__container {
   	background-image: url('/images/18.462d60ec167c69393b94a28/1545399853899/Other_languages.svg');
	background-position: center left 0.8em;
	background-repeat: no-repeat;
	background-size: 1.2em 1.2em;
	position: relative;
	text-align: right;
	height: 1.5em;

}
.vm-other-language__container > a {
   width: 100%;
}
.vm-other-language__icon--language {
   display: none;
}
.vm-other-language__icon--language.active {
   display: block;
   background-color: #ffffff;
   width: 370px;
   position: absolute;
   right: 0;
   z-index: 3;
   margin-top: 1em;
   text-align: left;
   padding: 0 1em 1em 1em;
   white-space: normal;
   -moz-box-shadow: 0 0 8px 2px #cccccc;
   -webkit-box-shadow: 0 0 8px 2px #cccccc;
   box-shadow: 0 0 8px 2px #cccccc;
}

.vm-other-language__icon--language.active #google_translate_element {
   margin-top: 0.625em;
   padding-bottom: 0.75em;
}   
   
.vm-other-language__icon--language.active p {
   line-height: 1.75em;
   margin: 11px 0 5px 0;
}
   
.vm-other-language__icon--language.active .sv-font-brodtext-med-bla-lankning {
   margin: 0;
   white-space: normal;
   display: inline-block;
}
   
.vm-other-language__icon--language.active .vm-other-language__icon--show-all-service {
   float: left;
   display: block;
   width: 100%;
   background-position: left top 0.5em;
}
   
.vm-other-language__icon--language.active .goog-te-combo {
	margin: 4px 0 20px 0;
   width: 100%;
   padding: 10px;
   border-radius: 20px;
   font-size: 18px;
   color: #7e7e7e;
   font-style: italic;
}

.vm-other-language__icon--language .normal a{
	background-image: url('/images/18.312567aa167c666b424411c/1545316052976/link_turkos.svg');
	background-repeat: no-repeat;
	background-position: left top .8em;
	background-size: .5em .750em;
	padding-left: 1em;
	padding-bottom: 0.7em;
}
   
.goog-te-combo {
   -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari and Chrome */
   -o-appearance: none;
   appearance:none;
   border: 1px solid rgb(169, 169, 169);   
}

.goog-te-combo::-ms-expand {
    display: none;
}

.goog-te-gadget:after {
   content: "";
   background: url('/images/18.462d60ec167c69393b94a26/1545399853880/link_black.svg') no-repeat center;
   backround-position: right center;
   display: inline-block;
   width: 14px;
   height: 14px;
   margin-top: -43px;
   background-size: 14px 14px;
   float: right;
   transform: rotate(90deg);
   position: absolute;
   /*   top: 24.4em;  */
   right: 3em;
}

.goog-te-gadget:before {
   content: "";
   background: url('/images/18.462d60ec167c69393b94a26/1545399853880/link_black.svg') no-repeat center;
   display: inline-block;
   width: 14px;
   height: 14px;
   margin-top: 12px;
   background-size: 14px 14px;
   float: right;
   transform: rotate(270deg);
   position: absolute;
   /*   top: 23.3em; */
   right: 3em;
}

.goog-te-combo {
   background: transparent!important;
}

.goog-te-gadget:before, .goog-te-gadget:after {
   position: absolute;
   z-index: -1; 
}