/*font-family: Arial, Helvetica, sans-serif;*/

/************ SITE CSS ************/

@import url("bootstrap.css"); /* Lite bootstrap-css för modal, nav, dropdowns och tabs som vissa delar måste skrivas över */
@import url("glyphicon.css"); /* Glyphicons css och sökväg till själva fonten */
@import url("fonts.css"); /* Fonts.com css och sökväg till själva fonten/fonterna. Ladda ner paketet från fonts.com så du får rätt fonts */

/* Fyll i alla generella styles för sidan först så som Body, länkar, H1-H4, p och ingress. Sätt sedan specifika styles för startsidans olika rubriker. Glöm ej att överföra dessa till editor.css */
* { margin: 0; padding: 0; }

::selection {
    background-color: #444444;
    color: #fff;
}

body, html {
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5;
    -ms-text-size-adjust: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 1 */
    /* 1. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
    -webkit-font-smoothing: antialiased; /* Font rendering in Chrome on Mac */
    -moz-osx-font-smoothing: grayscale; /* Font rendering in Firefox on Mac */
}

.row { position: relative; width: 100%; clear: both; margin: 0 auto; padding: 0; overflow: visible; text-align: left; }
.container { width: 1200px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.row .row { width: auto; margin: 0; display: block;}
.column {
    border: 0px solid rgba(0,0,0,0);
    float: left;
	display: block;
    margin: 0 0 0 2%;
	overflow: visible;
	position: relative;
	box-sizing: border-box;
	
	/* Lägg in padding om du behöver, box-sizing: border-box gör så att breddens procent inte påverkas.
	padding-left: 15px; 
	padding-right: 15px;*/
}
.column:first-child { margin-left: 0; }

.container:before, .container:after { content:""; display: inherit; }
.container:after { clear:both;}
.container { zoom:1; /* For IE 6/7 */ }

/* Grid med 12 kolumner. Möjlighet att använda col-xs-x, col-sm-x, col-md-x och col-lg-x.
   Utgå från minsta läget: Tex en rad med tre kolumner i varje kommer se ut såhär: <div class="col-xs-12 col-md-4">Tre kolumner</div>
   Det betyder den kommer vara tre kolumner med 4-col var fram tills den förbi bredden satt för sm, dvs max 767px. Efter det kommer den falla tillbaka på den mindre satta storleken, 
   dvs col-xs-12 som gör att alla tre kolumner blir fullbredd på 100% istället. */
   
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.5%; }
.col-xs-10 { width: 83%; }
.col-xs-9 { width: 74.5%; }
.col-xs-8 { width: 66%; }
.col-xs-7 { width: 57.5%; }
.col-xs-6 { width: 49%; }
.col-xs-5 { width: 40.5%; }
.col-xs-4 { width: 32%; }
.col-xs-3 { width: 23.5%; }
.col-xs-2 { width: 15%; }
.col-xs-1 { width: 6.5%; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/************ HTML ************/
a, a:link, a:visited, a:active { color: #fac800; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
}

h1  { font-size: 2rem; }
h2  { font-size: 1.5rem;    font-weight: 400; margin-top: 2rem; margin-bottom: 0.5rem; text-transform: none; }
h3  { font-size: 1.1875rem; font-weight: 400; margin-top: 1.5rem; margin-bottom: 0.25rem; }
h4  { font-size: 1rem;      font-weight: 400; margin-top: 1.5rem; margin-bottom: 0.25rem; }
h5  { font-size: 1rem;      font-weight: 400; margin-top: 1.5rem; margin-bottom: 0.25rem; text-transform: none; }
h6  { font-size: 0.875rem;  font-weight: 500; margin-top: 1.5rem; margin-bottom: 0.25rem; }

h2 + h3 { margin-top: 1rem; }
h3 + h4 { margin-top: 0.75em; }

p,
.brodtext,
.Normal         { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; }
p               { margin: 0 0 1rem; }
p:first-child   { margin-top: 1rem; }
p:last-child    { margin-bottom: 0; }
p.ingress, .newsitem .ingress p { font-size: 1.25rem; font-weight: 500; margin: 1.25rem 0; color: }

b, strong       { font-weight: 700; }
small           { font-size: 80%; }
address         { font-style: normal; margin-bottom: 1rem; line-height: inherit; }

.text-center    { text-align: center; }

p a {text-decoration: none; color: #333;}

ul {
    margin: 1rem;
}

HR { width: 100%; height: 1px; margin: 0; border: 0; border-top: 1px solid #ccc; }
IMG { border: none; vertical-align: bottom; max-width: 100%; }

/************ LISTS ************/
.Normal ul li { list-style-type: disc; }

/************ MENUS ************/

/* Desktopmenyn fungerar så att man kan klicka på på samtliga föräldrar i huvudmenyn, men att man redirectas till det första barnet under. 
   Vill man ha innehåll i föräldern, skapa en ny sida med ett mer beskrivande namn istället. Detta med anledning för tillgänglighetsanpassning.
   Exempel:
   Förälder 'Om oss' kan ha barn som är mer specifika: 'Medarbetare', 'Styrelse', 'Historia' m.m. */

/* Navbar-right är om man har en extrameny utöver huvudmenyn. Den kommer i mobilt läge att läggas till under huvudmenyns barn i hamburgemenyn */
.navbar-default .navbar-right { position: relative; right: 0; top: -50px; margin: 0; }
	.navbar-default .navbar-right > li { list-style-type: none; margin: 0; padding: 0; float: left; }
	.navbar-default .navbar-right > li > a { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: #fff; text-transform: uppercase; color: #A8CED6; padding: 4px 20px; }
	.navbar-default .navbar-right > li.contact_rightbar > a { background-color: #ffd600; color: #333; }
	.navbar-default .navbar-right > li > a:hover { color: #fff; text-decoration: none; }

/* Mainmenu är huvudmenyn */
.navbar { border-radius: 10px; max-width: 1200px; margin: 0 auto; display: table;}
.navbar-default {background: #000; border: none;}
.navbar-default .mainmenu { /*position: absolute; */margin: 0; list-style-type: none; }
	.navbar-default .mainmenu .disabled { pointer-events: auto; }
	.navbar-default .mainmenu > li { list-style-type: none; margin: 0; padding: 0; float: left; position: relative; padding: 8px 20px; margin: 10px 0 10px; border-right: 1px solid #ffdd00;}
	.navbar-default .mainmenu > li > a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px; line-height: 15px;
		text-transform: uppercase; 
		color: #fff; 
		font-weight: 400;
		padding: 0;
		z-index: 9;
		display: inline-block;
		margin: 0;
		border-bottom: 4px double transparent;
	}
	.navbar-default .mainmenu > li > a:target { color: #333; border: 1px dotted #fff; }
	.navbar-default .mainmenu > li:last-child { border-right: none; }
	.navbar-default .mainmenu li:hover a, .navbar-default .mainmenu li.active a { text-decoration: none; color: #fff; }
	.navbar-default .mainmenu li:hover .dropdown-menu a { background-color: #fff; color: #333;}
	.navbar-default .mainmenu li .dropdown-menu a:hover { color: #fff; }

.nav > li > a:hover, .nav > li > a:focus {background-color: transparent;}

.mainmenu.nav.navbar-nav li:last-child .dropdown-menu{flex-direction: column;}
.mainmenu.nav.navbar-nav li:last-child .dropdown-menu li {border: none;}
/* Barnen till huvudmenyn med dropdown-effekt. Behöver man styla en undermeny till ett eget style så skapas det unika klasser för varje li-nod */
.navbar-default .mainmenu .dropdown-flex { display: none; }
.navbar-nav .dropdown-menu > li > a{white-space: nowrap !important;}
.navbar-default .mainmenu .dropdown-menu {
		position: absolute;
		padding-top: 0;
		background-color: #ffffff;
		padding: 0;
		z-index: 99;
		top: 35px;
		right: auto;
		padding: 10px;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly; 
	}
	.navbar-default .mainmenu .dropdown-menu > li { float: none; margin: 0 15px; border-right: 1px solid #ffdd00; padding-right: 2rem; overflow: hidden; width: 150px;}
	.navbar-default .mainmenu .dropdown-menu > li:last-child{border: none;}
	.navbar-default .mainmenu .dropdown-menu > li:nth-child(2n) { break-after: always; }
	.navbar-default .mainmenu .dropdown-menu > li > a { 
		color: #25316a !important;
		background-color: #fff;
		padding: 10px 0 0;
		display: block;
		font-size: 14px;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		font-weight: 700;
		border-left: none;
		border-right: none;
	}
	.navbar-default .mainmenu .dropdown-menu li.active a, .navbar-default .mainmenu .dropdown-menu > li > a:hover, .navbar-default .mainmenu .dropdown-menu .mainmenu > li > a:hover { background-color: #fff; color: #25316a;}
	.navbar-default .mainmenu > li:hover > .dropdown-flex, .navbar-default .mainmenu > li:hover > .mainmenu ul { display: inherit; }



ul.dropdown-menu .dropdown-menu li{padding: 0; margin: 0; }
	ul.dropdown-menu .dropdown-menu li a {background: #707070 !important;}
.navbar-default .mainmenu .dropdown-menu .mainmenu > li { float: none; padding: 0; margin: 0; border-right: 0;}	
.navbar-default .mainmenu .dropdown-menu .mainmenu > li > a { padding: 5px 0; text-transform: none; font-weight: normal; font-size: 14px; line-height: 16px; }	

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: transparent; border-bottom: 4px double #ffdd00; }	
/* Mobilmenyn fungerar lite annorlunda än desktop-menyn. Har man satt upp desktopmenyn rätt så det inte finns innehåll på föräldrarna, så kommer man förstå tydligare varför man gjort det nu.
   Föräldrarna fungerar mer som en rubrik till sina barn, så klickar man på den så öppnas den upp och visar barnen. Klickar man igen så stängs den. Detta är markerat med plus- och minus-tecken.
   Man kan alltså inte komma till föräldern överhuvudtaget i den mobila vyn, det är därför viktigt att motsvarande innehåll finns på annan sida. */

/* Hamburgemeny-knappen */
.navbar-toggle {
	display: none;
    background-color: #000;
    background-image: none;
    border: 1px solid #ffdd00;
    border-radius: 0;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 8px 5px 5px;
    position: absolute;
	top: -1px;
	cursor: pointer;
}

.navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 4px; width: 30px; margin-bottom: 5px; background: #ffdd00;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #333;}
	
/* Hamburgemenyn i mobilt läge */
#mobilemenuheader .navbar-nav, #mobilemenuheader .navbar-nav > li { float: none; }
#mobilemenuheader .navbar-nav > li { border-bottom: 1px solid #ccc; }
#mobilemenuheader .navbar-nav > li > a { color: #fff; }

#mobilemenuheader li.dropdown .dropdown-menu a:before {  display: none; }
#mobilemenuheader .mainmenu { margin-bottom: 0; }
#mobilemenuheader .extra-menu { margin-top: 7px; }

.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{border: none !important;}
	
/* Vänstermenyn på undersidorna heter submenu */
.submenu { list-style-type: none; margin: 0 0 1rem; }
	.submenu li { border-top: 1px solid #ffdd00;}
	.submenu li a { color: #000; text-transform: uppercase; font-size: 18px; padding: 10px 20px; font-weight: 400; display: block; text-decoration: none; }
	.submenu li a:after {content: "\f105"; font-family: FontAwesome; margin-left: 0.5em; text-decoration: none;}
	.submenu li:last-child { border-bottom: 1px solid #ffdd00; }
	.submenu li.selected a { background-color: #ffdd00; color: #000;}
	.submenu li:hover {background: #f5f5f5;}
		.submenu li a:hover {color: #000;}

.submenu .submenu { margin: 0; display: none; }
.submenu li.selected .submenu { display: block; }
	.submenu .submenu li a { padding: 10px 40px; color: #68777e; font-weight: normal; }
	.submenu .submenu li:last-child { border-bottom: none; }
	.submenu li.selected li a { background-color: #f6f6f6; }
	.submenu li.selected li.selected a { background-color: #1e282d; color: #fff; }

.submenu .submenu .submenu, .submenu li.selected .submenu .submenu { display: none; }	
.submenu .submenu li.selected .submenu { display: block; }	
.submenu .submenu .submenu li a { padding: 10px 60px; }
	.submenu li.selected li.selected li a { background-color: #f6f6f6; color: #333; }
	.submenu li.selected li.selected li.selected a { background-color: #1e282d; color: #fff; }
	
/************ HEADER ************/
#dnn_dnnLogo_imgLogo { width: 160px; margin: 25px 0; } /* Loggan sätter man i dnn i Site Settings -> Logo. Se till att loggan är dubbelt så stor som bredden du sätter här så den visas skarpt på retinaskärmar */
#header { height: 100px; background-color: transparent; margin-bottom: 0; }	
	.PageHeader	{position: absolute; width: 100%; top: 0;}

	a.home {position: absolute; top: 17px; color: #fff; left: 14px;}
/* 		.language-object {position: absolute; right: 20px; top: 113px; z-index: 100;}
			.language-object span {margin-right: 5px;} */

ul.nav.navbar-nav.extra-menu.navbar-right.sm-collapsible {position: absolute; right: 20px; top: -13px;}
	.Language{ position: absolute; top: 118px; padding: 4px 8px !important; z-index: 100; right: 8px;}
	.Language span { font-family: 'Arial, Helvetica, sans-serif', sans-serif; font-size: 16px; line-height: 15px; text-transform: uppercase; color: #fff; }

	.Language.sv-SE span:before {content: 'På Svenska';}
		.Language.sv-SE {display: none;}

	.Language.en-US span:before {content: 'In English';}
		.Language.en-US{display: none;}

	.Language span:hover {text-decoration: underline;}
	.Language img {display: none;}

	ul.logos {margin-top: 1.7rem;}
	.logos li {list-style-type: none; position: relative;}
		.liquidM a {position: absolute; font-size: 2rem; color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
		.opsisLogo {width: 250px; float: right;}


/************* BREADCRUMBS *******************/
#breadcrumbs {padding-top: 1rem;}
	#breadcrumbs a {color: #666; text-decoration: none;}

	
/************ CONTENT STARTPAGE ************/
#mobilemenuheader { display: none; } /* Mobilmenyn dold i desktopläge */

#slider .container { width: auto; max-width: 2000px; padding-left: 0; padding-right: 0; } /* Slider/bild som är fullbredd upp till 2000px */	
	#slider .DnnModule-DNN_HTML { display: none; } /* Döljer html-modul som ligger i slider-modulen, denna visas sen när man går in i mobilt läge och vanliga bildspelet döljs */

.bg-image {background-color: #ffffff; margin: 0 auto; overflow: hidden; text-align: center;}
	.bg-image img {overflow: hidden; background: #fff; min-height: calc(100vh);}
	#slider_image2, #slider_image3, #slider_text2, #slider_text3 { display:none;}
		 #slider_text1, #slider_text2, #slider_text3 {padding: 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: rgba(255, 255, 255, 0.4); max-width: 700px; margin: 0 auto;}


#main {margin: 12% 0 43%; text-align: center; z-index: 90; width: 100%; position: absolute; top: 118px;}
	#main h1 {font-size:  3.5rem; line-height: 1.1; text-align: center; font-weight: 400; border-bottom: none;}
		#main ul li {list-style-type: none; display: inline-block;}
		#main ul li a{color: #000; text-transform: uppercase; font-size: 17px;}
		#main ul li a:before{
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				content: "\f105";
				color: #ffdd00;
				background: #000;
				padding: 1px 9px 3px 10px;
				border-radius: 50%;
				margin: 0 10px;
				font-size: 1.5rem;}

#puffs .container { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } /* Om "puffar" finnes så gör flex-box att de blir lika höga kolumner, positionerna innehåll med flex-attribut */	

/************ CONTENT SUBPAGE ************/

.contact-box{
	background: #FBC702;
    padding: 15px 15px 25px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 2rem;
}
#content { margin: 40px 0; }
	.SubpageHeader {background: url('/media/eszome5i/bg1.jpg'); padding: 1.5rem;}

/************** NEWS SUBPAGE***************/
#content .news-list {margin-top: 2rem;}
	#content .news-list h3, #content .news-list h2 {margin: 0.5rem 0;}

/**************EVENTS SUBPAGE***************/
.events-list h1 {font-size: 2rem;}
	.events-list .eventsdate {color: #949494;}

.events-list h3 {margin: 0 0 1rem; font-size: 1rem; border-bottom: 1px solid #ccc; padding-bottom: 1rem;}
	.events-list h3:hover {text-decoration: none; color: #ffdd00;}

.btn {background: #000; padding: 10px 15px;cursor: pointer; text-align: center; text-transform: uppercase;}
	.btn:hover{background: #f5f5f5;}

/*********Tar bort shadows och borders på mobil lägge*********/
.btn{-webkit-appearance: none !important; text-shadow: none !important; background-image: none !important; box-shadow: none !important; margin-top: 15px !important;}

/************ FOOTER ************/
footer {background: #000; padding: 40px 0;}
	footer h2, footer h3, footer p, footer a{color: #ccc !important;}
		footer h3{margin-bottom: 1.5rem;}
		footer .fa {margin-right: 0.5rem; font-size: 22px;}
	    footer .col-xs-12 {border-right: 1px solid #ffdd00; min-height: 475px;}
	    	footer .col-xs-12:last-child{border: none;}

	    	footer .loginGroup {margin-top: 20px;}

			footer .column:nth-child(2) p{font-size: 1rem;}
	    		footer p.footer-return-order{border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; text-transform: uppercase; margin-right: 6%; padding: 1rem 0; margin-top: 1rem;}
			
			footer .newsdate {color: #ccc;}
				footer .news-list:first-child {padding: 0 0 1rem 0; /*border-bottom: 1px solid #ccc;*/ margin-right: 1.5rem; margin-bottom: 1rem;}
				footer .news-list h3 {margin: 0.5rem 0; text-transform: inherit;}

	    	#dnn_FooterLegal p{text-align: center;}
	    		#dnn_FooterLegal p img {margin-bottom: 6px;}


/*RMA-FORM*/
#RMA_Wrapp  #content_fullwidth .col-xs-12 {margin: 3rem 0;}

#RMA_Wrapp .inka_header1{ font-size: 1.75rem; padding: 0 0 5px; text-transform: uppercase; width: 100%; display: block; color: #000; border-bottom: 4px double #ffdd00;}
	#RMA_Wrapp #dnn_ctr460_ViewInka_ReturnOrder_lblMainInfoText{font-size: 1.25rem; font-weight: 500; margin: 1.25rem 0; color: #000;}

#RMA_Wrapp .rma_container { border:none; width: 100%;}
	#RMA_Wrapp .rma_container .inka_button { cursor:pointer; width: auto; padding: 10px 50px;}
	#RMA_Wrapp .rma_container input, .rma_container textarea { padding: 10px 15px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-top: 10px; }
	/*#RMA_Wrapp .rma_container textarea { width: 100% !important; }*/

	#RMA_Wrapp .rma_container .inka_textbox {
    width: 90% !important;
    float: right;
}


#dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_rgAddedParts, #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_lblDeliveryDateReq, #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_lblReasonOfWarranty {width: 100% !important;}
#RMA_Wrapp .inka_text_bold { display: inline-block; margin-top: 10px; font-weight: bold; float: left; width: 120%;}
	#RMA_Wrapp #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_CustomerInfo1_lblInformationProvider, #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_CustomerInfo1_lblOrderNumber { line-height: 35px;}
	#RMA_Wrapp #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_rgAddedParts { width: 100%!important;}
	#RMA_Wrapp #dnn_ctr451_ViewInka_ReturnOrder_ReturnedGoods1_rblRecipients input, .rma_label_part_reason_container input, #dnn_ctr451_ViewInka_ReturnOrder_ReturnedGoods1_rblOpenAccount_Quotation input, #dnn_ctr451_ViewInka_ReturnOrder_ReturnedGoods1_chkWarranty, #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_rblOpenAccount_Quotation input, #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_chkWarranty, #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_rblRecipients input { width: 20px; margin-right: 10px; border: 0; }

#RMA_Wrapp #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_rgAddedParts_ctl00__0 td{padding: 10px 15px; background: #eee;}
#RMA_Wrapp #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_lblMessage {width: 148% !important;}
#RMA_Wrapp #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_lblMessage {width: 156% !important;}
#RMA_Wrapp #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_txtMessage, #RMA_Wrapp #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_txtMessage {float: none; width: 100% !important;}


#RMA_Wrapp .inputCell {position: absolute; right: 0px; left: 36px; width: 40% !important;}
#RMA_Wrapp .radPopupImage_Default {left: -4px; top: 14px;}
#RMA_Wrapp .rgNoRecords {position: absolute; font-weight: 700;}

/* Reason for return */
#RMA_Wrapp .rma_label_part_reason_container input, #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_rblOpenAccount_Quotation, span#dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_lblReasonOfWarranty {width: auto !important;}
#RMA_Wrapp #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_rblOpenAccount_Quotation td input, #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_chkWarranty, #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_rblRecipients input, #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_rblRecipients input, table#dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_rblOpenAccount_Quotation input, #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_chkWarranty{width: auto!important; margin-right: 7px;}

#RMA_Wrapp #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_lblPartNoInfo, #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_lblPartNo, #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_lblPartNoInfo, #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_lblPartNo {width: inherit !important;}
#RMA_Wrapp #dnn_ctr460_ViewInka_ReturnOrder_ReturnedGoods1_pnlAddGoods.rma_container .inka_textbox, #dnn_ctr525_ViewInka_ReturnOrder_ReturnedGoods1_pnlAddGoods.rma_container .inka_textbox {float: none !important; width: 100% !important;}

/* BLACK BUTTON */
#RMA_Wrapp .black_btn, .inka_button { 
	background: #333333 url("images/btn_arrow.png") right top no-repeat; 
	padding: 4px 23px 4px 8px; 
	float: right; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#RMA_Wrapp .black_btn a, .inka_button { color: #ffffff; text-transform: uppercase; font-size: 12px; font-family: 'AvantGardeGothicITCW01B 731069'; }
#RMA_Wrapp .chkAcceptTerms input{width:25px}

/*#dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_CustomerInfo1_txtBillingAddress, #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_CustomerInfo1_txtDeliveryAddress { width: 71%!important;}
// #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_txtMessage { margin-bottom: 20px; width: 80%!important;}

// #dnn_ctr451_ViewInka_ReturnOrder_ReturnedGoods1_asdf { display: block; }
// .rma_container .inka_button { width: auto; padding: 4px 23px 4px 8px; }
// #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_btnCancel { margin-right: 10px;}
// #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_btnAddNew { margin-top: -7px!important;}
// #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_asdf { padding-top: 10px;}
// #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_rblRecipients label { padding-left:5px;}
// #dnn_ctr451_ViewInka_ReturnOrder_ReturnedGoods1_btnCancel { margin-right: 10px; }
// #dnn_ctr451_ViewInka_ReturnOrder_LiquidLine_ReturnedGoods1_dpRequestedDeliveryDate_wrapper { display:table-cell!important; padding-bottom:10px;}
// .rma_container .input .inka_button { float: none; }

//.rma_label_info_container { width: 100%; }
// .rma_label_part_reason_container { width: 20%; }
// .rma_textfield_long { width: 80%; }
// .rma_bordertop { border-top: 0; }
// .rma_borderbottom { 4px double #ffdd00; padding-bottom: 10px; width: 100%; }
// .inka_button.qq-upload-button-hover {}
// #file-uploader-basic { padding-left: 5px; width: 90px; margin-top: 10px; }
// .attached_file { Cursor: pointer; }
// .rma_clear { clear: both; } */

/************ GRID 12 COLS - FORTS ************/

@media (min-width: 768px) {
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.5%; }
	.col-sm-10 { width: 83%; }
	.col-sm-9 { width: 74.5%; }
	.col-sm-8 { width: 66%; }
	.col-sm-7 { width: 57.5%; }
	.col-sm-6 { width: 49%; }
	.col-sm-5 { width: 40.5%; }
	.col-sm-4 { width: 32%; }
	.col-sm-3 { width: 23.5%; }
	.col-sm-2 { width: 15%; }
	.col-sm-1 { width: 6.5%; }
}
@media (min-width: 992px) {
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.5%; }
	.col-md-10 { width: 83%; }
	.col-md-9 { width: 74.5%; }
	.col-md-8 { width: 66%; }
	.col-md-7 { width: 57.5%; }
	.col-md-6 { width: 49%; }
	.col-md-5 { width: 40.5%; }
	.col-md-4 { width: 32%; }
	.col-md-3 { width: 23.5%; }
	.col-md-2 { width: 15%; }
	.col-md-1 { width: 6.5%; }
}
@media (min-width: 1200px) {
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.5%; }
	.col-lg-10 { width: 83%; }
	.col-lg-9 { width: 74.5%; }
	.col-lg-8 { width: 66%; }
	.col-lg-7 { width: 57.5%; }
	.col-lg-6 { width: 49%; }
	.col-lg-5 { width: 40.5%; }
	.col-lg-4 { width: 32%; }
	.col-lg-3 { width: 23.5%; }
	.col-lg-2 { width: 15%; }
	.col-lg-1 { width: 6.5%; }
}

/* __________ Break points: Text and typography __________ */

@media only screen and (min-width: 35em) {

h1, h2, h3, h4, h5, h6 {  }
h1 { font-size: 2.25rem; margin-bottom: 1rem; border-bottom: 1px solid #000; padding-bottom: 10px;}      
h2 { font-size: 1.75rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1rem }
h5 { font-size: 1rem }
h6 { font-size: 0.875rem }
}

/************ SKÄRM MINDRE ÄN 1200px ************/
@media screen and (max-width: 1200px) { 
	.container { width: 970px; } /* Sätter bredden på siten till 970px */

	.navbar-default .mainmenu .dropdown-menu{flex-direction: column; height: auto;}
		.navbar-default .mainmenu .dropdown-menu > li{border: none; padding: 0;}

		.navbar-default .mainmenu > li > a, .Language span{font-size: 12px;}
}
	
/************ SKÄRM MINDRE ÄN 992px ************/
@media screen and (max-width: 992px) { 
	.container { width: 750px; } /* Sätter bredden på siten till 750px */
	.navbar-default {padding: 0;}
	.navbar-default .mainmenu > li > a { padding: 0 10px; font-size: 13px;}
	.navbar-default .mainmenu > li {padding: 0; margin: 13px 0; border: none;}
	a.home {top: 13px;}

	#header{height: 88px;}
	.row.container.breadcrumbs {margin-top: 57px;}
	.bg-image img {max-width: none; float: right; width: 1000px;}
	.language-object {top: 110px;}

 	#mobilemenuheader, .navbar-toggle { display: block; } /* Gör den mobila menyn tillgänglig samt visar hamburgemeny-knappen */
	#mobilemenuheader .container { padding: 0; } /* Tar bort onödig padding i mobila menyn */
	#mainmenu, #content .submenu { display: none; } /* Döljer den vanliga desktop-menyn */

	.Language {top: 128px; right: 19px;}
	.navbar-nav .open .dropdown-menu > li > a {background: #555555; padding: 10px 25px; border-top: 1px solid #fff; color: #fff;}
		.dropdown-menu{padding: 0;}

	.language-object {right: 9px; top: 16px;}
	
	ul.nav.navbar-nav.extra-menu.navbar-right.sm-collapsible{top: -9px;}
	.navbar-header {position: relative; top: 85px; background: #000; padding-left: 30px; padding-bottom: 10px; border-radius: 10px;}

	#mobilemenuheader {top: 168px; width: 100%; position: absolute; background: #000; z-index: 999;}
	.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {top: 11px; border: none; background: transparent;}
	
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	}

  .navbar-header {float: none;}
  .navbar-left,.navbar-right {float: none !important;}
  .navbar-toggle {display: block;}
  .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
  .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
  .navbar-collapse.collapse {display: none!important;}
  .navbar-nav {float: none!important; margin-top: 7.5px;}
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
  .collapse.in{ display:block !important;}

}

	
/************ SKÄRM MINDRE ÄN 767px ************/
@media screen and (max-width: 767px) {  
	.column{margin: 0;}	
	.container { width: auto; } /* Sätter bredden till att anpassas av skärmens storlek */
	#content {margin: 60px 0;}
	#header{height: 100px;}
	
		.navbar-nav .open .dropdown-menu > li > a {background: #555555; padding: 10px 25px; border-top: 1px solid #fff; color: #fff;}
		.dropdown-menu{padding: 0;}

	.Language {top: 118px;}
	.language-object {right: 9px; top: 16px;}

	#main h1{font-size: 1.7rem;}
	#main ul li {margin: 20px 0; float: none; display: block; text-align: left;}
	
	.SubpageHeader {padding: 0;}
/* 	.navbar-header {position: absolute; top: 40px; right: 70px;} */
	ul.nav.navbar-nav.extra-menu.navbar-right.sm-collapsible{top: -9px;}
	.navbar-header {padding-bottom: 0;}
		ul.logos {margin-top: 1rem;}
			.logos .liquidM a{font-size: 1.5rem;}
			.logos .opsisLogo { width: 150px; float: left; margin-top: 24px; font-size: 26px;}

	#mobilemenuheader {top: 160px; width: 100%; position: absolute; background: #000; z-index: 999;}
	.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {top: 11px; border: none; background: transparent;}
	.navbar-toggle {margin-top: 10px;}
	footer {padding-top: 1rem;}
		footer .col-xs-12 {border-bottom: 1px solid #ffdd00; border-right: none; padding: 0 0 2rem; min-height: auto;}
			#dnn_FooterLegal {padding: 0 0.5rem;}
}

/************ SKÄRM MINDRE ÄN 560px ************/
@media screen and (max-width: 560px) { 
	#slider .DnnModule-DNN_HTML { display: block; }
	#slider .DnnModule-Inka_Articles { display: none; }
	#main { margin: 3% 0 0;}
	#slider_text1, #slider_text2, #slider_text3 {padding: 20px; margin-top: 50px;}
	#RMA_Wrapp .inka_text_bold {width: auto;}
}

/************ SKÄRM MINDRE ÄN 340px ************/
@media screen and (max-width: 340px) {  
	.logos .liquidM a {font-size: 1rem;}
	#main h1 {font-size: 1.2rem;}
	#main ul li a {font-size: 15px;}
}


   @media all and (-ms-high-contrast:none)
     {
     .dropdown-menu { width: 355px; } /* IE10 */
     *::-ms-backdrop, .dropdown-menu { width: 355px; } /* IE11 */
     }


/* ------- Menu ------- */

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	color: #FFFFFF;
}

/* ------- Article ------- */

.article-header-image {
	width: 100%;
	display: block;
	margin-top: 2rem;
}

/* ------- Form popup button ------- */

.leftpane {
	padding-top: 2.5rem;
}

@media screen and (min-width: 768px) {
	
	.leftpane {
		padding-top: 0;
	}
}

/* ------- Form popup button ------- */

.contact-box {
	text-align: center;
	margin-top: 0;
}

.contact-box:not(:first-child) {
	margin-top: 2rem;
}

.contact-box p.ingress {
	margin-top: 0;
	line-height:1.2;
}

.contact-box button {
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 16px 40px;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 auto;
    display: table;	
	-webkit-appearance: none;
	appearance: none;
	border: none;
	text-transform: none;
	font-size: 1rem;
}

.contact-box button:hover,
.contact-box button:focus,
.contact-box button:focus-visible,
.contact-box button:active {
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: underline;
}

.contact-form-iframe {
	width: 100%;
	height: 820px;
	max-height: calc(100vh - 50px);
	border: none;
}

@media screen and (min-width: 768px) {

}

.contact-form-modal.fade .modal-dialog {
	transform: translate(0,-5%);
}

.contact-form-modal.in .modal-dialog {
	transform: translate(0,0);
}

.contact-form-modal .modal-content {
	position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
}

.contact-form-modal .modal-header {
	padding: 0;
	border: none;
}

.contact-form-modal .modal-header .fancybox-close {
	position: absolute;
	top: -14px;
	right: -14px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;	
	background-image: url(/media/xqhi13ao/fancybox_sprite.png);
	margin-top: 0;
	background-color: transparent;
	border: 0;
}

@media (min-width: 768px) {

	.contact-form-modal .modal-dialog {
		width: 530px;
		margin: 30px auto;
	}

	.contact-form-modal .modal-body {
		padding: 1.5rem;
	}
}

.contact-form-modal .umbraco-forms-field {
	margin-bottom: 1.5rem;
}

.contact-form-modal .umbraco-forms-field input,
.contact-form-modal .umbraco-forms-field textarea {
		width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 8px 12px 8px 5px;
    margin: 0;
    line-height: 18px;
    border: 1px solid #e3e3e3;
    background-color: #FFF;
    font-size: 13px;
    transition: all ease-in 200ms;
    -webkit-transition: all ease-in 200ms;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;	
}

.contact-form-modal input:focus,
.contact-form-modal input:focus-visible,
.contact-form-modal textarea:focus,
.contact-form-modal textarea:focus-visible {
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    border-color: rgb(82, 168, 236);
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;	
}

.contact-form-modal .dataconsent .umbraco-forms-label,
.contact-form-modal .dataconsentlink .umbraco-forms-label {
	display: none;
}

.contact-form-modal .dataconsent {
	padding-left: 26px;
	position: relative;
	margin-bottom: 0;
}

.contact-form-modal .dataconsent input {
	position: absolute;
	top: 0.25rem;
	left: 0;
	margin: 0;
	width: fit-content;
}

.contact-form-modal .dataconsent label {
	font-weight: 400;
	margin-bottom:0;
}

.umbraco-forms-hidden input {
	display: none;
}

.contact-form-modal .dataconsentlink p {
	margin-top: 0;
	padding-left: 26px;
}

.umbraco-forms-navigation input {
	margin-top: 0 !important;
    display: inline-block;
    margin-bottom: 0;
    background: #000;
    color: #fff;
    padding: 10px 40px;
    border-radius: 5px;
    text-transform: uppercase;
    border: none;
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.umbraco-forms-navigation input:hover,
.umbraco-forms-navigation input:focus,
.umbraco-forms-navigation input:focus-visible,
.umbraco-forms-navigation input:active {
    background: #f5f5f5;
	color: #000000;
}

/* ------- News ------- */

.news-article-image {
	float: right;
	padding: 0 0 1rem 1rem;
	max-width: 50%;
}

.news-article-image:nth-of-type(2n) {
	float: left;
	padding: 0 1rem 1rem 0;
	max-width: 50%;
}

.newsitem > div::after {
	content: "";
	clear: both;
	display: table;
}

#content .newsitem h3 {
	margin-top: 1.5em;
}

ul.pagination {
	list-style: none;
	display: flex;
	margin: 2.5rem 0 0;
	border-left: 1px solid #EEEEEE;
}

ul.pagination li {
	border: 1px solid #EEE;
	border-left: none;
	font-size: 1.125rem;
}

ul.pagination li a {
	display: block;
	padding: 0.5em 0.75em;
	color: #000000;
	text-decoration: none
}

ul.pagination li.active {
	background-color: #FBC702;
}

/* ------- Blog archive ------- */

.blog-archive-content h1 {
	margin-bottom: 2.5rem;
}

.blog-archive-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;	
}

.blog-archive-item .list-info {
	clear: both;
    padding-top: 0px;
    margin-left: 70px;
    margin-bottom: 20px;	
	min-height: 63px;
}

.blog-archive-item .blog-author {
	color: #999999;
}

.blog-archive-item a {
	color: #000000;
}

.blog-archive-item a:hover {
	text-decoration: none;
}

.blog-archive-item h3 {
	font-size: 24px;
    line-height: 1.4;
    color: #000;
    margin: 0 0 5px;
	text-transform: none;;
}

.detail-date {
	width: 52px;
    line-height: 38px;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 24px;
    color: #666666;
    position: absolute;
    left: 0;	
}

.detail-date .month {
	height: 25px;
    line-height: 25px;
    background-color: #333;
    color: #FFF;
    display: block;
    font-size: 14px;	
}

.blog-archive-item a.btn {
	border: 1px solid #fac800;
	background-color: transparent;
	color: #fac800;
	display: inline-block;
	margin-top: 0 !important;
	transition: all ease 0.3s;
	text-transform: none;
}

.blog-archive-item a.btn:hover,
.blog-archive-item a.btn:active,
.blog-archive-item a.btn:focus,
.blog-archive-item a.btn:focus-visible {
	background-color: #fac800;
	color: #FFFFFF;
	text-decoration: none;
}

/* ------- Blog post ------- */

.blog-post h3 {
	text-transform: none;
}

img.blog-article-image {
	max-width: 100%;
	width: 100%;
	aspect-ratio: 5 / 3;
	object-fit: cover;
    border-radius: 6px;
	display: block;
	margin-bottom: 1.5rem;
	border: 1px solid #EEEEEE;
}

.blog-post-text p:has(img) {
	margin: 0;
}

.blog-post-text img {
	float: left;
	padding: 0 1rem 1rem 0;
}

.detail-author {
	margin-top: 2.5rem;
}

h4.detail-heading {
    font-size: 18px;
    color: #000;
    font-weight: normal;
	padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 4px double #ffdd00;
}

.detail-author-info {
	display: flex;
}

.detail-author-image {
	flex: 0 0 132px;
}

.detail-author-text {
	padding-left: 1rem;
	display: flex;
	align-items: center;
}

.detail-author-text p {
	margin: 0;
}

.detail-author-text strong {
	display: block;
}

/* ------- Product ------- */

.product-image {
	float: right;
	padding: 0 0 1rem 1rem;
	max-width: 50%;
}

/* ------- Video ------- */

iframe.ratio-16-9 {
	width: 100%;
	height: unset;
	aspect-ratio: 16 / 9;
}

/* ------- 404 ------- */

.content-404 h1 {
	border: none;
	font-size: 4rem;
	margin-bottom: 0.25em;
	font-weight: 600;
	padding-bottom: 0;
}

.content-404 p {
	border: none;
	font-size: clamp(1.25rem, 0.714rem + 1.429vw, 2rem);
}

.content-404 a.btn {
	display: inline-block;
	margin-top: 1.5em !important;
}

.content-404 a.btn:hover {
	color: #000000;
	background-color: #FBC702;
	display: inline-block;
	text-decoration: none;
}

/* ------- Return form ------- */

.return-form-wrap .umbraco-forms-field:not(.singlechoice) {
	display: flex;
	margin-bottom: 1rem;
}

.return-form-wrap .umbraco-forms-field > .umbraco-forms-label {
	flex-basis: 50%;
}

.return-form-wrap .umbraco-forms-field > .umbraco-forms-field-wrapper {
	flex-basis: 50%;
}

.return-form-wrap .umbraco-forms-field-wrapper input:not([type="radio"]),
.return-form-wrap .umbraco-forms-field-wrapper textarea {
	width: 100%;
	font-size: 1rem;
	padding: 0.5em;
}

@media screen and (min-width: 992px) {

	.return-form-wrap .umbraco-forms-field > .umbraco-forms-label {
		flex-basis: 30%;
	}

	.return-form-wrap .umbraco-forms-field > .umbraco-forms-field-wrapper {
		flex-basis: 70%;
	}
}

@media screen and (min-width: 1700px) {

	.return-form-wrap .umbraco-forms-field > .umbraco-forms-label {
		flex-basis: 20%;
	}

	.return-form-wrap .umbraco-forms-field > .umbraco-forms-field-wrapper {
		flex-basis: 80%;
	}
}

.return-form-wrap .dataconsent > label {
	display: none;
}