@charset "utf-8";

/* CSS Document */

@import url("lato/lato.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap');


/*____________________________________RESET____________________________________*/

* { box-sizing: border-box; }


html, body {
	padding: 0;
	margin:  0; }


/*__________Färger__________*/

/* Gul */
.td-color1 { 
	background-color: #fff !important; 
	border: 0px solid #fee9b4 !important; 
	border-left: 5px solid #fee9b4 !important; }
/* .td-color1 td { background-color: #fee9b4 !important; } */
.color1 { background-color: #fee9b4 !important; }
.color1text { color: #fee9b4 !important; }

/* Grön */
.td-color2 td { background-color: #c7e3a8 !important; }
.color2 { background-color: #c7e3a8 !important;  }
.color2text { color: #c7e3a8 !important; }

/* Lila */
.td-color3 { 
	border-inline: 1rem solid !important;
	background-color: #fff !important; 
	border: 0px solid #ac92ec !important; 
	border-left: 10px solid #ac92ec !important; }
	
/*.td-color3 td { background-color: #ac92ec !important; } */
.color3 { background-color: #ac92ec !important; }
.color3text { color: #ac92ec !important; }

/* Röd */
.td-color4 { 

background-color: #fff !important; 
border: 2px solid #fc6e51 !important;
border-left: 20px solid #fc6e51 !important;
	
/* background-color: #fc6e51 !important; */

}
.alert { 
	color: red !important;
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.loginbox { width: 285px; margin: 50px auto; border: 0px solid red; }
.loginbox select  { width: 275px !important; }
.loginbox input[type="password"]  { height: 40px !important; font-size: 9px; }

.loginbox .meddelande-stampling { border: 1px solid #ccc; padding: 10px 15px; text-align: center; }

.info-back {
	border: 1px solid #ddd !important;
    border-radius: 10px;
    padding: 22px 30px 20px 30px !important;
}


.color4 { background-color: #fc6e51 !important; }
.color4text { color: #fc6e51 !important; }

/* Blå */
.color5 { background-color: #4a89dc !important; }
.color5text { color: #4a89dc !important; }
.color5text { color: white;	font-size: 1px; }

.color6 { background-color: #009999 !important; }
.color7 { background-color: #cc9900 !important; }
.color8 { background-color: #9999ff !important; }
.color9 { background-color: #00cc99 !important; }
.color10 { background-color: #ff99cc !important; }


.border-left-color1 { border-left: 15px solid #fee9b4 !important; }
.border-left-color2 { border-left: 15px solid #c7e3a8 !important; }
.border-left-color3 { border-left: 15px solid #ac92ec !important; }
.border-left-color4 { border-left: 15px solid #fc6e51 !important; }
.border-left-color5 { border-left: 15px solid #4a89dc!important; }
.border-left-color6 { border-left: 15px solid #009999 !important; }
.border-left-color7 { border-left: 15px solid #cc9900 !important; }
.border-left-color8 { border-left: 15px solid #9999ff !important; }
.border-left-color9 { border-left: 15px solid #00cc99 !important; }
.border-left-color10 { border-left: 15px solid #ff99cc !important; }


/* SCHEMAFÄRGER */

/* Background Color */
.bgc1 { background-color:#e9573f !important; }
.bgc1 { background-color:#ffda70 !important; }
.bgc2 { background-color: #c7e3a8 !important; }
.bgc3 { background-color: #c993bc !important; }
.bgc4 { background-color: #ff9a9a !important; }
.bgc5 { background-color: #9cc4e1 !important; }
.bgc6 { background-color: #009999 !important; }
.bgc7 { background-color: #cc9900 !important; }
.bgc8 { background-color: #d1b0a5 !important; }
.bgc9 { background-color: #aba09c !important; }
.bgc10 { background-color: #f7afc8 !important; }

td[class^="bgc"] { border-color: #fff !important; }

/* Border Left Color */
.blc0 { border-left: 7px solid #e9573f !important; }
.blc1 { border-left: 7px solid #ffda70!important; }
.blc2 { border-left: 7px solid #c7e3a8 !important; }
.blc3 { border-left: 7px solid #c993bc !important; }
.blc4 { border-left: 7px solid #ff9a9a !important; }
.blc5 { border-left: 7px solid #9cc4e1 !important; }
.blc6 { border-left: 7px solid #009999 !important; }
.blc7 { border-left: 7px solid #ffb881 !important; }
.blc8 { border-left: 7px solid #d1b0a5 !important; }
.blc9 { border-left: 7px solid #aba09c !important; }
.blc10 { border-left: 7px solid #f7afc8 !important; }
.blc11 { border-left: 7px solid #ffffff !important; }

.colorwhite { color: white; }



/*____________________________________BASICS____________________________________*/



body {
	background-color: #fff;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	/* font-family: 'latoregular'; */
	line-height: 1.5;
	color: #000;
	overflow-y: scroll;
	position: relative; }

a { outline: none; color: #7556a3; text-decoration: none; }
a:hover { }

p { margin-bottom: 20px; line-height:1.5; }

h1 { font-size: 28px;
	letter-spacing: 0.5px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	 /* font-family: 'latolight'; */
	 margin-bottom: 15px;
	 line-height: 1.0; }

h2 { 
	 font-size: 22px;
	 font-family: 'Oswald', sans-serif;
	 font-weight: 400;
	 /* font-family: 'latolight';*/
	 margin-bottom: 10px; }
.h2boxtitles { 
	 font-size: 20px;
	 line-height: 1.5;
	 font-weight: 500;
	 color: #fff;
	 background-color: #272727;
	 margin-top: 0px;
	 margin-bottom: 15px;
	 padding: 7px 20px;
	 border-radius: 3px;  }


.icoadd {
    background: url(bilder/ico_add.png) no-repeat 2% 50%;
	padding: 10px 10px 10px 50px;
	background-color: #9bb3a1;
	display: block;
}

.icouser {
    background: url(bilder/ico_user.png) no-repeat 2% 50%;
	padding: 10px 10px 10px 50px;
	background-color: #9bb3a1;
	display: block;
}

.icochange {
    background: url(bilder/ico_user.png) no-repeat 2% 50%;
	padding: 10px 10px 10px 50px;
	background-color: #9fa5b2;
	display: block;
}

h3 {
	font-size: 20px;
	margin-bottom: 8px;
	margin-top: 0px;
	color: #000; }

h4 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #000; }

h5 {
	font-weight: bold;
	font-size: 14px;	
	margin-bottom: 5px;
	margin-top: 5px;}

hr { background-color: #ddd; border: 0; height: 1px;  margin: 10px 0; }


.inline { display: inline-block; }
.mindretext { font-size: 12px; }

/* Knapparna nytt (inline) efter rubrikerna på home.php */
.objekt { clear: both; positon: relative; width: 100%; overflow: hidden; }
.lagga-till-inline { margin-left: 12px; }

.opacity { 
	opacity: 1; 
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out; }
.opacity:hover { opacity: 0.8;  }

/* LOGGOR */

.logo { 
	position: fixed;
	top: 10px;
	left: 25px;
	opacity: 1;
	transition: opacity 0.5s ease;
	z-index: 99997 !important;
	
 }
.logo:hover { opacity: 0.8; }

.logoimg2 { 
	position:relative;
	width: 45px;
}

.logoimg { 
	z-index: 2;
	width: 180px;
	/*
	animation-name: loggan;
	animation-duration: 5s;
	animation-delay: 0s;
	animation-iteration-count: infinite; 
	*/
	}
/*
	@keyframes loggan {
		0%   {
			transform: translateY(0px);scale(1);
			 }
		5%  {transform: translateY(-3px);scale(2);			
			 }
		6%  {transform: translateY(0px);scale(1); }
		15% {transform: translateY(-3px);}
		30% {transform: translateY(0px);}
		100% {transform: translateY(0px);}
	}

	#ballShadow {
		width: 30px;
		height: 20px;
		position: absolute;
		z-index: 0;
		bottom: 0;
		left: 50%;
		margin-left: -15px;
		background: rgba(20, 20, 20, .1);
		box-shadow: 0px 0 5px 11px rgba(20,20,20,.1);
		border-radius: 30px / 40px;
		animation: shrink 1s infinite;	
	}

	@-keyframes shrink {
		0% {
			bottom: 0;
			margin-left: -30px;
			width: 60px;
			height: 75px;
			background: rgba(20, 20, 20, .1);
			box-shadow: 0px 0 20px 35px rgba(20,20,20,.1);
			border-radius: 30px / 40px;
		}
		50% {
			bottom: 30px;
			margin-left: -10px;
			width: 20px;
			height: 5px;
			background: rgba(20, 20, 20, .3);
			box-shadow: 0px 0 20px 35px rgba(20,20,20,.3);
			border-radius: 20px / 20px;
		}
		100% {
			bottom: 0;
			margin-left: -30px;
			width: 60px;
			height: 75px;
			background: rgba(20, 20, 20, .1);
			box-shadow: 0px 0 20px 35px rgba(20,20,20,.1);
			border-radius: 30px / 40px;
		}
	}

*/

.logoinlogg { 
	width: 180px;
	margin: 0 auto 10px auto !important;
	
	
	
	/*animation-name: logganinloggning; 
	animation-duration: 1s; 
	animation-fill-mode: forwards; */ }

	@keyframes logganinloggning {
		from   {top: 0px;}
		to  {top: 50px;}
	 
	}
	
	.login-wrapper2 {
		width: 100%;
		position: relative;
		height: 200vh;
		min-height: 500px;
		
		background-image: url(https://dividoit.se/dividocore/verDEV/design/bg-login1.jpg);
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
		
	}
	
	
	
	.login-box2 { 
	margin: 20px 2.5%; float: left; padding-bottom: 0px; border-top: 0px solid #c1c1c1; border-bottom: 0px solid #c1c1c1;
	width: 350px; 
	height:auto;
	padding: 30px; 
	border-radius: 6px; 
	background-image: url(https://dividoit.se/dividocore/verDEV/design/bg-white75.png); 
	
	position: absolute;
	width: 300px;

	z-index: 15;

	left: 50%;
	margin: 0 0 0 -150px;


	
	
	}

.login-box { 
	position: absolute;
	top: 45%; 
	left: 50%;
	
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	transition: .25s ease-in-out;
	width: 340px; 
	height:auto;
	padding: 30px; 
	border-radius: 6px; 
	background-image: url(https://dividoit.se/dividocore/verDEV/design/bg-white75.png); }
	
	.login-box select  { width: 275px !important; }
	.login-box input[type="password"]  { height: 40px !important; font-size: 9px; }
	.login-box .meddelande-stampling { border: 1px solid #ccc; padding: 10px 15px; text-align: center; }


.headerTEST, .headerTESTLIVEDATA, .header, .wrapper, .footer { width: 100%; min-height: 10px; clear: both; position: relative; }

.header, .headerTEST, .headerTESTLIVEDATA { 
	height: 65px ; 
	/* Gradient: https://colorzilla.com/gradient-editor/#b2dbd6+22,cbe7e4+50,b2dbd6+75 */
background: #b2dbd6; 
background: -moz-linear-gradient(left, #b2dbd6 22%, #cbe7e4 50%, #b2dbd6 75%); 
background: -webkit-linear-gradient(left, #b2dbd6 22%,#cbe7e4 50%,#b2dbd6 75%); 
background: linear-gradient(to right, #b2dbd6 22%,#cbe7e4 50%,#b2dbd6 75%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2dbd6', endColorstr='#b2dbd6',GradientType=1 ); 

	padding: 3px 0;
	position: fixed;
	top: 0;
	left:0;
	z-index: 99996;
	/*box-shadow: 0 0 8px #999; */ }

/*
.headerTEST { height: 62px; background-color: #c7e3a8; margin-bottom: 30px; float: left; padding-top: 5px; }
.headerTESTLIVEDATA { height: 62px; background-color: #fc6e51; margin-bottom: 30px; float: left; padding-top: 5px; }
*/

/*
.headerTEST { height: auto; background-color: #c7e3a8; margin-bottom: 30px; float: left; padding-top: 5px; }
.headerTESTLIVEDATA { height: auto; background-color: #fc6e51; margin-bottom: 30px; float: left; padding-top: 5px; }
*/


.bg-toning {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+25,ffffff+75,e0e0e0+100 */
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(left, #e0e0e0 0%, #ffffff 25%, #ffffff 75%, #e0e0e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */ }


.contentheader { padding: 0px 0px 0px; border: 0px solid red; position: relative; }

.wrapper { 
	position: relative;
	margin-top:100px;
	margin-bottom:70px;
	min-height: 80vh;
	/*background-image: url(https://dividoit.se/dividocore/verDEV/design/bgbottom.svg);
	background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;*/ }
	
	.login-wrapper {
		width: 100%;
		position: relative;
		height: 100vh;
		min-height: 500px;
		background-repeat: no-repeat;
		background-image: url(bg-login1.jpg);
		background-position: center center;
		background-size: cover;
		
	}
	
	#bgVideo {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  min-width: 100%; 
	  min-height: 100%;
	}
	
.content { 
	position: relative;
	max-width: 2000px; 
	height: auto; 
	min-height: 10px; 
	margin: 0px auto 0px; 
	clear: both; 
	border: 0px solid blue; 
	overflow: hidden; }


.footer { height: 25px; position: fixed; bottom: 0; background-color: #ddd; z-index: 99998; padding: 2px 0px;  }
.m-footer {  position: fixed; bottom: 0; background-color: #ddd; z-index: 99998; padding: 2px 0px;  }


.goback { text-transform: uppercase; font-size: 12px; }

.loggain { border: 1px solid #c1c1c1; background-color: #fbfbfb; width: auto; display: inline-block; }

.text-liten { font-size: 12px; }
.copyright { font-size: 12px; color: #000; }

.marginright5 { margin-right: 5px; }
.marginright15 { margin-right: 15px; }

.liten { width: 80px !important; }


.bggrey { background-color: #ccc; }

.headerleftsection { float: left; position:relative; }
.headerrightsection { 
	float: right; 
	text-align: right; 
	margin-right: 80px; 
	position: relative; 
	border: 0px solid red; }


.knapp-logga-ut { 
	font-size: 10px;
	display: inline-block;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	line-height: 1; 
	margin: 4px 0px;  
	color: #fff; 
	background-color: #383838; /* #596b93; */
	border-radius: 4px; 
	padding: 5px 8px; } 

.ny-rad {
	color: white;
}

.ny-rad i {
	color: white !important;
}

.storbokstav {
    text-transform: capitalize; }

.pekHand:hover { cursor: pointer; }

.button-delete {
	cursor: pointer;
	
	font-size: 16px !important;
}
.button-delete:hover {
	color: #cc0000;

}

.orgpris{
	color: #c4cbce;
	text-decoration: line-through;
}


.formutanblock { }
	.formutanblock form { display:inline-block !important;}


/*____________________________________STÄMPLA IN/UT 2019-11-14____________________________________*/

.box-inut { 
	border: 1px solid #c4c4c4;
	border-radius: 6px;
	background-color: #fff;
	padding: 20px 15px 15px;
	width: 320px; }

	.box-inut-inner { width: 260px; margin: 0 auto; }

		.box-inut-inner input[type="text"] {}

	.box-inut .far, .box-inut .fas { font-size: 20px; }

	/* .box-inut select { display: inline-block; width:220px; } */

	.box-inut button, .box-inut input[type='submit'] { border-radius: 15px; }

	.box-inut .rad { width: 290px; overflow: hidden;  }
	.box-inut .ikon { width: 40px; float: left; text-align: right; margin-top: 6px; }
	.box-inut .radinnehall { width: 250px; float: left; }

	.box-inut h3 { margin-top: 0px !important; margin-bottom: 5px !important; text-align: center !important; }
	.box-inut .info { text-align: left; padding-left: 15px; line-height: 1.3; }

.clock { font-size: 40px; font-weight: 600; display: block; text-align: center; margin-top: 5px; }

.refnr { text-align: center !important; display: block; }

.button-stampla {}
.button-stampla-disabled { background-color: #eee; }

/* Snygga blåa färger gamla instämplingen */ 
/* background-color: #dae6f9; border: 1px solid #92aad1; */


/*__________Design Systemmeddelanden__________*/


.sm-ok {
	font-size: 30px;
	color: #8cc152;
}

.sm-fel {
		font-size: 30px;
	color: #e9573f;
}

.qr-ok {
	font-size: 15px;
	color: #8cc152;
}

.qr-fel {
		font-size: 15px;
	color: #e9573f;
}

/*__________VILT extra stort__________*/

.stor {
	
}

.stor select {
    background: #fff;
    height: 50px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	width: 100%; 
	max-width: 500px; 
	min-width: 50%; 

	font-size: 20px;

	padding: 10px 15px;
	margin: 2px 0px 15px 0px;
	cursor: pointer;
	outline: none; }

.stor input[type="text"], .stor  input[type="number"] { 
	min-width: 50% !important; 
	height: 50px !important; 
    padding: 10px 15px !important; 
	font-size: 20px !important;
	color: #656d78 !important; 	}
	
	

.number-pad {
	position: fixed;
	top: 100px;
	right: 0px;
	background-color: #e0e4ea;
	padding: 15px;
	border-radius: 10px 0 0 10px;
	
}

	.number-pad .pekskarm-knapp {
	
	width: 60px; 
	height:60px;
	border-radius:7px;
	position:relative;
	margin: 5px;
}
	

.qr-style {
	background-color: #eee;
	display: inline-block;
	margin: 10px auto;
	height: 400px;
	border-radius: 5px;
}
	
/*__________Löneunderlag__________*/

table .underlag { border-spacing: 5px; border:1px solid black !important; width: 1150px; margin-bottom: 15px; }		
table .underlag th, table .underlag td { border: 1px solid black !important; border-collapse: collapse; padding: 3px; margin: 0 auto; font-size: 12px; }
table .underlag th { background-color: #eee; }
table .underlag .storre { font-size: 14px; }
table .underlag tr:hover {background-color: #d7e0eb; transition: .15s ease-in-out;}

table .underlag th, table .underlag td { min-width: 20px; height: 15px; }






/*________________________Fnisses hemliga moduleringar__________________________*/


.listor-rubrik {
    font-weight: bold;

}

.field-hide {
  display: none !important;
}


.klocka { 
	animation-name: klocka;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	 }

@keyframes klocka {
	0% {
		
	}
	50% {
		transform: scaleX(0.05) scaleY(0.05);
		opacity: 1.0;
	}
	100% {
		
	}
}

.table-focus-color { 
	background-color: #fff !important; 
	border: 2px solid #c7e3a8;
	border-left: 20px solid #c7e3a8; } /* Ljusgrön ecf5e2    */

	.table-focus-color i {
		color: #fff !important;
		background-color: #6f93b3;
		padding: 2px 10px;
		border-radius: 4px;
	}


/*____________________________________Lightbox Overlay 2023-04-20____________________________________*/

	.overlay {
	  position: fixed;
	  width: 90%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  background-color: rgba(255, 255, 255, 0.9); /* Justera alfanivån (sista parametern) för att göra div:en mer eller mindre transparent */
	  z-index: 9999; /* Se till att div:en har ett högre z-index än texten under */
	  padding: 30px 0px 30px 20px;
	  border-radius: 10px;
	  overflow-y: auto;
	  max-height: 90vw;
	  height: 90%;
	  z-index: 99998;
	  box-shadow: 0px 0px 65px #cbcbcb; }
	  
	  .overlay iframe {
		width: 100%;
		height: 100%;
		border: 0px solid;
		overflow-y: auto;
		overflow-x: auto;
	  }




/*____________________________________Nytt försök lightbox 2020-11-04____________________________________*/



.ljuslada {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10vh 10vw; 
  background: rgba(0, 0, 0, 0.2);
}


.ljuslada-innehall {
	/* display: block; */
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 6px;
	padding: 30px 25px 25px;
}



.ljuslada-innehall textarea { 
	width: 100%;
	min-height: 68vh;
	max-height: 68vh;
	padding: 30px;
}




					
/*____________________________________Nya huvudmenyn 2020____________________________________*/


.menyknapp {   
    width: 48px; 
    height: 45px;  
    position: absolute; 
    top: 5px; 
    right: 10px; 
    z-index: 99999 !important; 
    transition: visibility .2s ease-in-out;
    border: 0px solid #666; }

.menyknapp2 { 
	width: 48px;
	height: 45px;  
	padding: 6px 4px; 
	margin: 0px auto; 
	background-color: #fff;
	text-align: center;
	border: 2px solid #bfdbd6;
	border-radius: 6px; 
    transition: visibility .2s ease-in-out; }

	.menyknapp2 i {
		font-size: 30px;
		color: #bfdbd6;
		/* color: #6f93b3; */
		transition: 0.8s;
	}
.snurra { background-color: #fff; }
.snurra i {
	transition-property: transform, opacity, visibility;
    transition-duration: 0.8s, 0.40s, 0.0s;
	-webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.bar1, .bar2, .bar3 {
    width: 32px;
	height: 6px;
	border-radius: 2.5px;
    background-color: #aaa;
    margin: 5px auto;
    /* transition: 0.8s; */

    transition-property: transform, opacity, visibility;
    transition-duration: 0.8s, 0.40s, 0.0s; }

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-8px, 8px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}

.noborder { outline: 0 !important; border: none; }


@keyframes moveInRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}
	
	100% {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes moveOutRight {
	0% {
		opacity: 1;
		transform: translate(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-100px);
	}
}


#huvudmeny { 
	min-height: 100vh;
	height:100%;
    width: 400px;
	padding: 80px 40px 50px 40px !important;
	
	border-left: 2px solid #bfdbd6; /* #6f93b3 */
	/* border-image: url(bluetransp.png) 30 round;*/ 

	/* background-image: url(bg-lightbox90.png); */
    background-color: #fff;  /* Om denna ändras ändra även nedan under ul  */
	position: absolute; 
	top: 0px; 
	right: 0px; 
	z-index: 99998 !important; 

	transition: 0.5s ease-in-out;
	animation-name: moveInRight; 
	animation-duration: 0.5s;
	overflow-y: auto;
	
    
    /* background-image: url(http://exempel.jpg); 
    background-position: top center; */ }

	.huvudmeny-link {
		width: 280px;
		height: 38px;
		padding: 8px 20px;
		margin: 0 auto 10px auto;
		font-size: 16px;
		color: #333;
		border-bottom: 2px dashed #eee;
		transition: .25s ease-in-out; }

		.huvudmeny-link:hover { background-color: #eee; border-radius: 6px; /* border-left: 5px solid #596b93; */ }
		.huvudmeny-link:hover i { 
			color: #bfdbd6; 
			/* font-size: 22px; */
			animation-name: goBig;
			animation-duration: 0.9s;
			animation-iteration-count: 1; }

		.huvudmeny-link i {
			font-size: 20px; }

		.menyikoner { width: 45px; float: left; margin-right: 15px; text-align: center !important; border: 0px solid red; }


    #huvudmeny ul {
        margin-top: 50px;
        margin-left: 30px;
        list-style: none;
        color: #ddd; /* Gör att markeringslinjerna inte går från svart */ }
    
		#huvudmeny ul li {
        position: relative;
        display: block;        
        /* background-color: purple; */
        /* background-image: url(http://exempel.jpg); background-position: top center; */ }

        #huvudmeny ul li:hover { 
            border-left: 5px solid #bbb;
            border-bottom: 0px solid #ccc;
            transition: .35s ease-in-out;
            /* background-image: url(http://exempel.jpg); 
            background-position: top center; */ }
    
		#huvudmeny ul li a { 
        color: #333; 
        
        font-weight: 700; 
        font-size: 17px; 
        /* text-transform: uppercase; */
        text-decoration: none; 
        letter-spacing: 0.5px; 
        line-height: 1.0;
        display: block;
        padding: 15px 25px;
        outline: none; 
        transition: .25s ease-in-out; }

        #huvudmeny ul li a:hover { color: #f48840; }
        
        #huvudmeny .current-menu-item > a,
        #huvudmeny.current-menu-ancestor > a,
        #huvudmeny.current_page_item > a,
        #huvudmeny .current_page_ancestor > a {
        color: #f48840; }

			#huvudmeny ul ul {
                margin-top: 0px;
                margin-left: 30px;
                
                /* background-color: #aaa;
                background-image: url(http://exempel.jpg); 
                background-position: top center; */ }
            
				#huvudmeny ul ul li {
                /* background-color: #bbb; */
                width: 250px;              
                /* background-image: url(http://exempel.jpg); 
                background-position: top center; */ }
            
				#huvudmeny ul ul li:hover { 
                border-left: 5px solid #bbb;
              
                transition: .35s ease-in-out;
                /* background-image: url(http://exempel.jpg); 
                background-position: top center; */ }

                #huvudmeny ul ul ul li:hover { 
                    border-left: 0px solid #ccc; }
                  
            
            /* 
            .current-menu-item a:before { content: ''; } 
            */
            
            #huvudmeny ul ul li a {   
                text-transform: none;
                border-bottom: 0px solid #fff;
                color: #666;
                font-size: 14px;
                letter-spacing: 1px;
                font-weight: 700;
                padding: 10px 20px; }
                        
                #huvudmeny ul ul ul li {
                    width: 220px; }

					#huvudmeny ul ul ul li:hover { 
					background-color: #eee; }
					


/*____________________________________FLIKMENY____________________________________*/
/*
.bottomflikmeny { width: 100%; height: 1px; border-bottom: 1px solid #ccc; margin-top: -13px; }
*/
.flikmeny { 
	position:relative;
	background-color:#fff; /* #4f6b96; */
	/*
    border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	*/
	border: 1px solid #734595;
    color: #734595;
    padding: 7px 20px;
	width: auto;
    text-align: center;
    text-decoration: none;
	display: inline-block;
	font-weight: 600;
    font-size: 15px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    margin: 0px 10px 10px 0px;
    border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	transition: background 0.8s ease-in-out, color 0.2s; }
.flikmeny:hover {
	background-color:#eee; /* #4d5f8a; */ 
	background: rgb(115,69,149);
	background: linear-gradient(0deg, rgba(115,69,149,1) 0%, rgba(135,99,177,1) 100%);
	color: #fff;
	}
.flikmenyaktiv { 
	border: 1px solid #9d7ec1;
	background: rgb(190,157,214);
	background: linear-gradient(0deg, rgba(157,126,193,1) 0%, rgba(190,157,214,1) 100%);
	/*
	background: rgb(115,69,149) !important;
	background: linear-gradient(0deg, rgba(115,69,149,1) 0%, rgba(135,99,177,1) 100%) !important; */
	/*background-color: #daf3ef !important;*/
	transition: background 0.8s ease-in-out, color 0.2s;
	color: #fff !important;
	padding: 7px 20px; }
.flikmenyaktiv:hover {
	background-color: #fff !important;
	color: #fff !important; } 

	.infonummer { 
		z-index: 90001;
		position: absolute;
		top: -5px; right: 1px;
		min-width: 14px;
		height: 14px;
		border-radius: 7px;
		background-color: #4a89dc;
		color: #fff;
		font-size: 8px;
		padding: 2px 3px 0;
		text-align: center;
		font-weight: 600; } 

/*____________________________________MENY 2____________________________________*/

.meny2 {
	width:100%;
	/*border-bottom: 1px solid #dadada;*/
	margin-bottom: 2px;
	overflow: hidden; }

.meny2-ikoner {
	float: right;
	padding: 7px 10px 3px; 
	position: relative; }

.meny2 i {
	z-index: 90000;
	font-size: 20px;
	color: #fff; }	

.meny2 .notis { 
	color: #7492b5; 
	animation-name: goBig;
	animation-duration: 1s;
	animation-iteration-count: infinite; }

	.notisnummer { 
		z-index: 90001;
		position: absolute;
		top: 4px; left: 4px;
		width: 14px;
		height: 14px;
		border-radius: 7px;
		background-color: #666;
		color: #fff;
		font-size: 8px;
		text-align: center;
		font-weight: 800; } 

@keyframes goBig {
	0% {
		
	}
	50% {
		transform: scaleX(1.2) scaleY(1.2);
		opacity: 1.0;
	}
	100% {
		
	}

}	

/*____________________________________GENVÄGAR____________________________________*/


.new-shortcuts { 
	float: left; 
	background-color: #2b2b2b; 
	/* background-image: linear-gradient(-90deg,#666, #222);*/

background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	padding: 3px 7px;
	margin-right: 3px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #fff;
	border-radius: 4px; 
	text-align: center; }


.mina-genvagar { margin: 40px 0px 0px 200px; }

.genvagtext {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color: white;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
}
.genvag {transition: opacity 0.5s ease;}
.genvag:hover { 
	opacity: 0.5; 


}

#foretagsinfo {
	display:none; 
	background-color:white;
	border: 1px solid #e6e6e6; 
	border-radius: 6px; 
	padding: 5px; }

/*____________________________________Notiser & Meddelanden____________________________________*/

.antal-nya { 
	background-color: #4f6b96; 
	color: #fff; 
	font-size: 8px; 
	font-weight: bold; 
	padding: 1px 4px 2px; 
	border-radius: 4px;
	line-height: 1;
	margin-left: 5px; }


/*____________________________________IKONER____________________________________*/


.fa, .fas, .far { font-size: 15px; cursor: pointer; }

.liten-ikon { font-size: 10px; }
.stor-ikon { font-size: 25px; }

.fa-close, .fa-exclamation-triangle { color: #df2033; }
.fa-close:hover, .fa-exclamation-triangle:hover{ color: #004080; }

h1 .fa-plus-square, h2 .fa-plus-square, h1 .fa-minus-square, h2 .fa-minus-square  { font-size: 18px; vertical-align: middle; line-height: 1.0; color: #fff; background-color: #dbdbdb; border-radius: 4px; padding: 4px 5px; }



.bifogat-ikon { width: 100%; position: relative; border-bottom: 1px dotted #ccc; padding: 2.5px 0px 1.5px; overflow: hidden; transition: background-color 0.2s ease-out; }
	.bifogat-ikon:hover { background-color: #f1f1f1; }
	.bifogat-ikon img { float: left; width: 20px; height: 20px; margin: 2px 8px 0 4px; }
	.bifogat-ikon a { color: #000;}

.bifogat-title { float: left; height: 20px; line-height: 1.7; }
	
.bifogat-close { float: right; height: 20px; margin-top: 4px; margin-right: 6px; line-height: 1.0; transition: opacity 0.2s ease-out; opacity: 0.4; }
	.bifogat-close:hover { opacity: 1.0; }



/*____________________________________INPUT OCH KNAPPAR____________________________________*/

.input-error {
    border: 2px solid red !important;
}

.input-select {
    border: 2px solid green !important;
}

.div-input-bredd-0 { width: 60px !important; display: inline; }
.div-input-bredd-1 { width: 180px !important; display: block; }
.div-input-bredd-2 { width: 200px !important; display: block; }
.div-input-bredd-3 { width: 400px !important; display: block; }
.div-input-bredd-4 { width: 500px !important; display: block; }

.inline { display: inline !important;}

.input-special-1 { width: 30% !important; margin-right: 10px !important; }
.input-special-2 { width: 40% !important; }

button, button[type=submit], .button, input[type=submit], input[type=button], .span-knapp {  
	/* background-color: #666; */
	background-color: #353535; /*background-color: #353535 #4f6b96 */
    border: 0px solid #999;
    color: #fff;
    padding: 6px 20px;
	width: auto;
	height: 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
    margin: 10px 2px;
    border-radius: 15px;
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	appearance: none;
	-moz-appearance: none;
	-ms-progress-appearance: none;
	-webkit-appearance: none;
	outline: none; }

	/* felaktig css upptäckt 2020-01-23 tog bort den från ovan regel
table submit:hover, button[type=submit]:hover, .button:hover, input[type=submit]:hover {  
	background-color: #525252; }	
*/

.span-knapp {  }


.button-big-wrapper {
	clear: both;
	width: 100%;
	position: relative;
	margin: 40px 0px;
}
	.button-big-wrapper a { color: #000; }

.button-big-halv-vanster {	
	float: left;
	width:47.5%;
	margin-right: 2.5%;
	min-height: 150px;
	position: relative;
	background-color: #ddd;
	border-radius: 15px;
	transition: .25s ease-in-out;
}

.button-big-halv-hoger {	
	float:left;
	width:47.5%;
	margin-left: 2.5%;
	min-height: 150px;
	position: relative;
	background-color: #ddd;
	border-radius: 15px;
	transition: .25s ease-in-out;
}

.button-big-inaktiv {
	color: #aaa;
	background-color: #eee;
}

.big-button-check {
	position: absolute;
	font-size: 33px;
	color: #89c770;
	right: 25px;
	top: -10px;
}

.button-big-halv-content {
	position: absolute;
	top: 50%; left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 0px solid red;
	min-width: 80%;
	text-align: center;
}

.textstl-18 { font-size: 18px; }

/*Mobillista*/
.moblista-wrapper {
	clear: both;
	width: 100%;
	position: relative;
	margin: 10px 0px;
}
	.moblista-wrapper a { color: #000; }


.moblista-yta {	
	
	width:95%;
	margin-left: 2.5%;
	min-height: 65px;
	position: relative;
	background-color: #ddd;
	border-radius: 15px;
	transition: .25s ease-in-out;
}

.moblista-ikon {
	position: absolute;
	font-size: 22px;
	color: #89c770;
	left: 10px;
	top: -10px;
}

.moblista-content {
	position: absolute;
	top: 60%; left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	min-width: 94%;
	
}

.moblista-table {

    background-color: #ddd;
    border: 1px;
    min-width: 100%;
    position: relative;
    opacity: 0.97;
    background: transparent;
}





/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

	

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #7556a3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #7556a3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

/*Knapp 2 */

/* The switch - the box around the slider */
.switch2 {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch2 input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fc6e51;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider2:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #7556a3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #7556a3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider2.round {
  border-radius: 17px;
}

.slider2.round:before {
  border-radius: 50%;
}

.switch .red { background-color: #fc6e51 !important; }

input:not([type=submit]):not([type=button]):not([type=file]):not([type=checkbox]):not([type=radio]), input[type="text"] {	
    border: 1px solid #dbdbdb;
	height: 32px; 
    padding: 3px 10px;
	transition: border 0.3s;
    margin: 2px 0 10px 0;
	width: 100%;
	/*max-width: 100%;*/
	border-radius: 5px;
	-webkit-appearance:none;
	font-size: 15px; }

/*
input[type="text"] { 
	/*width: 100%; */ /*
	border: 1px solid #dbdbdb;
	height: 32px; 
    padding: 3px 10px;
	transition: border 0.3s;
    margin: 1px 0 15px 0;
	border-radius: 5px;
	-webkit-appearance:none;
	font-size: 14px;  }
*/
input[type="text"]:focus, input[type="text"].focus {
	background-color: #eee; 
	outline: none !important; 
	-webkit-appearance: none; }

	input:invalid {
		border:1px solid #4f6b96;
	  }

.mySearch { max-width: 70% !important; }


input[type=date] {
	padding: 3px 4px; 
	width: 180px !important; 
	display:inline-block; 
	text-align: left; 
	-webkit-appearance:none !important; 
	outline: none; }

	.date-nyrad input[type=date] {
		display:block; width: 100% !important; }

	/* Tar bort dubbla pilar i dateinputen */	
	input[type=date]::-webkit-inner-spin-button { display: none; }
	/* Tar bort rensakrysset */	
	input[type=date]::-webkit-clear-button { display: none; }

input[type=time] {
    padding: 3px 4px !important; width: 100px !important; display:inline-block; text-align: left; -webkit-appearance:none !important; }



input[type="number"] { 

 }

input[type="radio"]{
 display: inline-block;
 vertical-align: left;
 appearance: radio;
 -webkit-appearance: radio;
 -moz-appearance: radio;
}

input[type="checkbox"] { width: 15px; height: 15px; cursor: pointer; }


select {
    background: #fff;
    height: 32px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	width: 100%; max-width: 400px;
	/* width: 100%; */
    /*-webkit-appearance: none;
	-moz-appearance: none; */
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	padding: 3px 10px;
	margin: 2px 0px 15px 0px;
	cursor: pointer;
	outline: none; }

	.select-small {
		width: 100%; max-width: 300px; min-width: 160px; 
	}


.selectmultiple {
    height: auto !important;
  }



textarea {
    width: 99%;
	margin-bottom: 10px; 
    padding: 10px 10px;
    box-sizing: border-box;
    resize: none;
	border: 1px solid #dbdbdb;
	border-radius: 5px; box-shadow: 0;
	-webkit-appearance:none;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	overflow-y: scroll; }

textarea:focus, textarea.focus { background-color: #fff; outline: none; }



.div-multiselect {
	height: 300px;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding:10px; 
	}



/*_____Input & knappar i tabeller_____*/

.input-redigera {
	width: auto !important;
	padding: 10px !important;
	border: 1px solid #ddd !important;
	margin: 15px 0 0 0; !important;
	display: block;
}

.button-redigera {
	margin: 0 !important;
}





/*_____Specialknappar_____*/


button.loggainknapp { background-color: #353535 !important; margin: 10px auto !important; display: block; }

button.knapp-minasidor, button.knapp-stampla-in-ut { width: 45%; height: 42px; border-radius: 4px; letter-spacing: 0.5px; background-color: #353535; }
button.knapp-minasidor { float: left; text-transform: initial; }
button.knapp-stampla-in-ut { float: right; }



.valknappar { 
	background-color: #f6f6f6;
    border: 0px solid #ccc;
    color: #000;
	width: 100%;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
    margin: 5px 0px;
    border-radius: 2px;
	cursor: pointer;
	-webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out; }
.valknappar:hover {
	background-color: #ccc; }

.objekt_valknappar { 
	background-color: #f6f6f6;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px 20px;
	width: auto;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	text-transform: uppercase;
    margin: 10px 2px;
    border-radius: 3px;
	cursor: pointer; }
.objekt_valknappar:hover {
	
	background-color: #ccc; 
}

input[type="text"].pekskarm-idnr { 
	width: 200px !important;
	border: 5px solid #dbdbdb !important;
	height: 55px !important; 
    padding: 15px 20px;
	transition: border 0.3s;
    margin: 5px !important;
	border-radius: 7px !important;
	background-color: red !important
	-webkit-appearance:none;
	font-size: 20px !important;
	}	

#felmeddelande { 
	margin: 10px;
	border-radius: 7px !important;
	border: 0px solid red !important;
	color: red;
	font-weight: bold;
	padding: 0px 0px 5px;
}
	
	
.pekskarm-knapp-mindre {
	 
	height:55px;
	border-radius:7px;
	position:relative;
	
}	
	
	
.pekskarm-knapp {
	
	width: 90px; 
	height:90px;
	border-radius:7px;
	position:relative;
	margin: 10px;
}


.pekskarm-knapp-spara {	
	display: block !important;
	clear: both !important;
	width: 150px !important; 
	height:55px !important;
	border-radius:7px !important;
	margin: 50px 10px 20px 10px !important;
	font-size: 23px !important;
}

.pekskarm-knapp-kassera {	
	display: inline-block !important;
	clear: both !important;
	width: 150px !important; 
	height:55px !important;
	border-radius:7px !important;
	margin: 0px 10px 20px 10px !important;
	font-size: 23px !important;
}

.pekskarm-knapp-text1 {
	font-size: 22px;
}
.pekskarm-knapp-text2 {
	font-size: 40px;
}

.pekskarm-minus {
	
	width:90px; 
	height:40px;
	border-radius:7px;
	position:relative;
	margin: 10px;
	line-height: 10px;
	
}

.button-edit {
	
    background-color: Transparent; 
    border: none;
    color: #004080;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	margin: 0px 0px;
	
}


.button-edit:hover {
	
    background-color: Transparent; 
    border: none;
    color: #df2033;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 30px;
	
}



.button-meny { 
	background-color: #4f6b96;
    border: 0px solid #ccc;
    color: #fff;
    padding: 10px 20px;
	width: auto;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	text-transform: uppercase;
    margin: 10px 2px;
    border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.5s ease; }
.button-meny:hover {
	background-color: #4d5f8a; }


.button-pilknapp { 
	background-color: #fff !important;
	color: #4f6b96 !important; 
	border: 1px solid #dbdbdb !important;
	border-radius: 4px !important;
	padding: 8px 12px 8px !important;
	font-size: 14px !important;
	margin-top: -1px !important; }	
	
	.button-pilknapp:hover { background-color: #fff !important; } 

.centreradknapp { width: 100%; margin: 0 auto; }

/*

.NyRad { 
	margin-top: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	text-align: center;
	padding: 5px 10px;
	background-color: #666;
	color: #fff;
	width: 250px; }
	.NyRad a {color:white;} 
*/


.lagg-till { margin-bottom: 10px; }

.redigera { color: #df2033; font-weight: bold; text-transform: uppercase; }


/*_____Rut & rot knappen_____*/

button.avdrag-rot, button.avdrag-rut, button.avdrag-inget {
	width: 50px;
	background-color: #fff;
	height: 20px;
	margin: 0px auto;
	border: 1px solid #ddd;
	padding: 0px;
	color: #000;
	font-size: 11px;
}
/*
button.avdrag-rot { border: 1px solid #b0c267; background-color: #b0c267; color: #fff;}
button.avdrag-rut{ border: 1px solid #e3c566; background-color: #e3c566; color: #fff; }
button.avdrag-inget { border: 1px solid #e3c566; color: #e3c566; text-transform: initial;  }

button.avdrag-rot:hover { background-color: #cad687 !important; } 
button.avdrag-rut:hover { background-color: #e3c566 !important; } 
button.avdrag-inget:hover { background-color: #fff !important;

Gamla gröna färgen på ROT-knappen background-color: #cad687;
*/
button.avdrag-rot { border: 1px solid #cad687; background-color: #8cc051; color: #fff;}
button.avdrag-rut{ border: 1px solid #e3c566; background-color: #e3c566; color: #fff; }
button.avdrag-inget { border: 1px solid #ccc; color: #aaa; text-transform: initial; }


/*_____Filterknappear onoff 190903_____*/

/* .div-onoff-wrapper { position:relative; clear: both !important; width:100%; border: 1px solid red !important; height: 200px; } */
.div-onoff-wrapper { position:relative; clear: left; float:left; min-width:300px; max-width:800px; border: 0px solid red; overflow:hidden; } 


.div-onoff { 
	float: left;
	position:relative;
	width: auto;
	margin: 5px 10px 10px 0px;
	padding: 2px 5px;
	background-color: #f8f8f8;
	/*border: 1px dashed #ccc;*/
	border-radius: 5px;
	font-size: 11px;
	}


/*____________________________________TABELLER____________________________________*/

.tabell-meny {
	clear: both;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

	.tabell-meny-item {
		float: right;
		border: 1px solid #dbdbdb;
		height: 32px;
		padding: 6px 10px;
		transition: all 0.5s;
		margin: 0 0 10px 10px;
		border-radius: 5px;
		font-size: 12px;
		font-weight: 600;
		cursor: pointer;
		
		}
		
		.tabell-meny-item-search {
			float: right;
			width: 250px !important;
			margin: 1px 0 10px 10px !important;
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			font-size: 12px !important;
			font-weight: 600;
			color: #000 !important;
		}


	/*används ej*/
	.tabell-meny-artikel-wrapper {
		position: relative;
		max-width: 600px;
		
		
	}

	.tabell-meny-artikel {
		border: 1px solid #dbdbdb;
		border-radius: 5px;
		width: 500px;
		max-height: 300px;
		overflow-y: scroll;
		z-index: 99999;
		padding: 20px;
		margin-bottom: 15px;
	}
		.tabell-meny-artikel table { border-collapse: collapse; }		
		.tabell-meny-artikel table th { text-align: left; padding: 0px 8px 5px; cursor:auto; }
		.tabell-meny-artikel table tr { cursor: pointer;}
		.tabell-meny-artikel table td { padding: 0 8px;}
	
		.tabell-meny-artikel tr:hover {
	  background-color: #eff5e5; /*#fbfafa;  */
	  transition: background-color 0.2s ease-in-out;
	}
	
			.tabell-meny-artikel thead tr:hover {
	  background-color: #fff !important; /*#fbfafa;  */
	  transition: background-color 0.2s ease-in-out;
	}
  
    .tablelarge {
      border-collapse: collapse;
	  z-index: 99990 !important;
	  table-layout: fixed;
      width: 100%;
	  overflow: visible;
      color: #212529;
      background-color: transparent;
	  position: relative; 
      font-size: 14px; }
	
	.tablelarge th, .tablelarge td {
		line-height: 1;
		white-space: nowrap;
		height: 50px;
		/*min-width: 200px !important;*/
		padding: 0 10px !important;
		width: auto;
		vertical-align: middle;	
		overflow: hidden;
		text-overflow: ellipsis; 

	}
    .tablelarge th {
		text-align: left;
		position:relative;
		
	}
	  
    .tablelarge td {
      border-bottom: 1px solid #dee2e6;      
    }
	
	.tablelarge tr {
		/*margin-bottom: 1rem;*/
		height: 50px !important;
	}
	
	.tablelarge input { cursor: pointer; }
	
	.tablelarge tbody tr:hover, .table-hover tbody tr:hover:not(.color-summa) {
	  background-color: #eff5e5; /*#fbfafa;  */
	  transition: background-color 0.3s ease-in-out;
	}

    .tablelarge tbody tr:hover td {
      border-top: 1px solid #c7d6ae !important;
      border-bottom: 1px solid #c7d6ae;
	  
    }
	
	.tablelarge thead {
	  position: sticky;
	  top: 0;
	  z-index: 99996;
	  padding: 0 10px !important;
	  background: #b2dbd6; /* Old browsers */
	  background: -moz-linear-gradient(left, #b2dbd6 22%, #cbe7e4 50%, #b2dbd6 75%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(left, #b2dbd6 22%,#cbe7e4 50%,#b2dbd6 75%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to right, #b2dbd6 22%,#cbe7e4 50%,#b2dbd6 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2dbd6', endColorstr='#b2dbd6',GradientType=1 ); /* IE6-9 */
	  border-left: 7px solid #b2dbd6;
	  border-bottom: 1px solid #c7d6ae;
	}
.tablelarge thead th { 
	}

	.tablelarge thead th:last-child { border-radius: 0 10px 0 0; }

	.tabell-filter {
		padding: 5px 25px 15px;
		background-color: #f7f7f7;
		border-radius: 5px;
		margin-bottom: 10px;
	}

.edit-text-link {
	font-weight: 600;
	margin-left: 10px;
	color: #000;
}

.tablelarge input:not([type=submit]):not([type=button]):not([type=file]):not([type=checkbox]):not([type=radio]), input[type="text"] {	
    border: 1px solid #dbdbdb;
	height: 32px; 
    padding: 3px 10px;
	transition: all 0.5s;
    margin: 0px 0 0px 0;
	width: 100%;
	/*max-width: 100%;*/
	border-radius: 5px;
	-webkit-appearance:none;
	font-size: 15px; }

.tablelarge select {
    background: #fff;
    height: 32px;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	width: 100%; max-width: 400px;
	/* width: 100%; */
    /*-webkit-appearance: none;
	-moz-appearance: none; */
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	padding: 3px 10px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	outline: none; }

/*
table {
	width: 100%;
	font-size: 13px;
	border: 0px solid #fff;
	background-color: #fff;
	margin-bottom: 15px;
	box-sizing: border-box;

	
	/*box-shadow: 0px 0px 1px rgba(0,0,0,0.2); */ }
/*
table tr,td {
	padding: 0px; }

th {
	font-weight: 600;
	position: sticky !important;
    top: 0 !important;	}
*/

/* TABLELARGE - Tabellstyling för breda tabeller med mycket data */


/*
.tablelarge {
	/* table-layout: fixed;  Ska aktiveras när vi anget bredd på alla kolumner 2020-0213 */
	/* white-space: nowrap; */
	
/*	
	
    border-collapse: collapse;
	font-size: 14px;
	clear: both;
	width: 99.9% !important;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: auto; }

	.radbryt { white-space: normal !important; }

.tablelarge td  {
    border: 1px solid #ddd;
	padding: 2px 10px;
	min-width: 10px;
	/* white-space: nowrap; Sätts i rubrik_tabell */
/*	overflow: hidden;
	text-overflow: ellipsis;
	height: 30px !important;
	white-space: nowrap; }

/* .tablelarge tr:nth-child(even){background-color: #f8f8f8; }  */

/*
.tablelarge tr:hover {background-color: #d7e0eb; transition: .15s ease-in-out; } /* #cbd5e4  */
/*
.tablelarge tr:hover {  } 

.tablelarge th {
	height: 35px;
	padding: 6px 5px 6px 10px;
    text-align: left;
    background-color: #777;
    color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	font-size: 12px;
	border: 0px !important; 	
	
	position: sticky !important;
    top: 0 !important;
	}
	
.tablelarge thead {
  /* Important */
/*	position: sticky !important;
    top: 0 !important;
}	
	

	.tablelarge th {
		border: 1px solid #ddd; }

	.tablelarge th:first-child { border-radius: 6px 0px 0px 0px; }
	.tablelarge th:last-child { border-radius: 0px 6px 0px 0px; }

	/* Varför blir det en grå border utan radius när hover har radius??? 
.tablelarge tfoot tr td:first-child { border-radius: 0px 0px 0px 6px !important; }
.tablelarge tfoot tr td:last-child { border-radius: 0px 0px 6px 0px !important; }

.tablelarge th a { color: #fff; }

.tablelarge tr td input { 
	/*width: 100%; */
	/*min-width: 100%;*/
/*	width: auto;
	background-color: #fff; 
	font-size: 13px !important; 
	font-family: 'Poppins', sans-serif;
	line-height: 1.0;
	margin: 0px 0 0px 0 !important;
	padding: 0 0 0 0px !important;
	height: 25px !important;	
	border: 0px !important; }



.tablelarge .input-link { float: left; width: 80% !important; }
.tablelarge .input-link-ikon { float: right; width: 10%; margin-top: 5px !important; margin-right: 5px !important; }
.tablelarge .input-link-ikon fas { }

.tablelarge tr td input[type="text"]:focus, .tablelarge tr td input[type="text"].focus {
	background-color: #fff; 
	outline: none !important; 
	-webkit-appearance: none; }

.tablelarge select {
	font-size: 13px; 
	/*max-width:auto; */
/*	min-width: 250px;
	max-width: 400px;
	padding: 0px 0 0 0px;
	margin: 0px 0px 0px 0px;	
	height: 30px;
	border: 1px !important; }


.tablelarge tr td input[type="number"] { 
	min-width: 100px !important;
 }

.tablelarge tr td input[type="date"] { 
	min-width: 80px !important;
	width: 100px;
	margin-right: 40px !important;
 }

.div-halvabredden { width:100px; float: left; margin-right:50px; }

.tablelarge tr td input[type="text"] { 
	min-width: 200px !important;
 }
 
 */
 
 table.m-tabell {
  width: 100%;
  overflow-x: scroll;
}

table.m-tabell th {
  background-color: lightgreen;
  text-align: right;
  padding-right: 15px;
  border: 0px;
}

table.m-tabell td {
  text-align: right;
  padding-right: 15px;
  border: 0px;
}

table.m-tabell tr:nth-child(even) {
  background-color: lightgray;
}

table.m-tabell tr:nth-child(odd) {
  background-color: white;
}

table.m-tabell td,
table.m-tabell th {
  border: none;
}



.table-focus-color { 
	background-color: #fff !important; 
	border: 2px solid #c7e3a8;
	border-left: 20px solid #c7e3a8; } /* Ljusgrön ecf5e2    */

	.table-focus-color i {
		color: #fff !important;
		background-color: #6f93b3;
		padding: 2px 10px;
		border-radius: 4px;
	}

.table-focus-color td input { font-weight: bold !important; background-color: #fff !important; }

.table-focus-color:focus { border: 5px solid black !important; }

.table-newrow-style { background-color: #000!important; border: 1px solid black; }
.table-newrow-style td input { font-weight: bold !important;  }
.tablelarge i { margin: 0 5px 0 5px; color: #000; /*4f6b96*/ }


/*_____Class för tabellwrapperdiv som fixar mobilscrollning i tabellerna_____*/

.table-overflow-div { width: 100%; overflow-x: auto !important; }



/*____________________________________DIVTABELLER____________________________________*/


.tdiv-wrapper { width: 400px; background-color: #eee; padding: 10px; overflow: hidden; }

	.tdiv-rad { width: 100%; float: left; }

		.tdiv-field-1 { width: 80%; float: left;  }
		.tdiv-field-2 { width: 5%; float: right; }



/*____________________________________Special DIVar____________________________________*/

.div-goback {
	width: 95%; margin: 0 2.5%; float: left; border-bottom: 1px solid #ddd; }


.div-visadolj {
	width: auto;
	float: right;
	margin-bottom: 15px; }

/*____________________________________SÖKRUTOR____________________________________*/

.search {
	/*
	width: 280px;
	float: right;
	text-align: right;
*/
}

.search input[type="text"] {font-family: 'FontAwesome', 'latoregular'; }

/*____________________________________GRIDS____________________________________*/

.grid {
	display: grid;
	grid-template-columns: 50% 50%;
	/* grid-template-rows: 80px 200px; */
	grid-gap: 0px;
	padding: 0px;
  }
  .grid > div {	
	padding: 0px 20px 0px 0px;
  }  
  .grid-helrad {
	grid-column: 1 / 3;
  }

.grid-search {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: end;
	grid-gap: 0px;
	padding: 0px;
}
.grid-search > div {	
	padding: 0px 0px 0px 20px;
  } 

.grid-search select { width: 200px !important; }  

.grid-button { margin-top: 2px; background-color: #6d4b99; color: #fff; border: 1px solid #6d4b99; outline: none; }
button[type=submit].grid-button { margin-top: 2px; background-color: #fff; color: #4f6b96; border: 1px solid #dbdbdb; outline: none; }

.grid-div-button-margin { margin-bottom: 0px !important; margin-top: 0px; padding: 0 !important; }

.margintop0 { margin-top: 0px !important; }

   /* Om man vill styra antalet rader på höjden - grid-row: 1 / 4; */

/*____________________________________Boxar____________________________________*/



/*____________________________________LIGHTBOX____________________________________*/

.lightbox {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	min-height: 100%;
    /* height: 100vh; */
	/* background-image: url(bg-lightbox90.png); */
	background-color: #fff;
	z-index: 9999;
	/* overflow-y: scroll; */
}

    .lightbox-menu {
        background-color: #eee;
        box-sizing: 100%;
        padding: 15px 30px 10px;
	
		width: 100%;
		min-height: 75px;
		display: block;
		z-index: 9999;
		transition: top 0.3s;}
    
    .lightbox-close { float: right; margin: 0px 0px 0px 50px; font-size: 35px; line-height: 1; cursor: pointer; color:#999; height: 100%; }

    .lightbox-image {
        z-index: 9998;
        max-width: 800px;
        min-width: 355px;
		height: auto;
		margin-top: 40px;
		/* 
        position: absolute;
	    top: 55%;
	    left: 50%;
		transform: translate(-50%, -50%);
		*/
        border: 1px solid #eee; }

		.lightbox-image img { width: 100%; max-width: 100%; min-width: 355px;}
		
		.lightbox-filename { clear: both; width: 100%; text-align: center; font-style: italic; padding: 10px 0 20px; }

.div-lightbox-valj-nagot {
	width:340px;
	margin: 100px auto;
	border: 2px dashed #ccc;
	background-color: #fff;
	padding: 10px 20px 25px;
	border-radius: 5px;
	text-align: center; } 
	
	.div-lightbox-valj-nagot .grid-button { margin: 10px auto !important; }

/*____________________________________FILUPPLADDNING____________________________________*/

.div-filuppladdning {
	width:340px;
	margin: 100px auto;
	border: 2px dashed #ccc;
	background-color: #fff;
	padding: 30px 20px 15px;
	border-radius: 5px; }

	.div-filuppladdning input[type="button"] { display: block; width: 120px !important; margin: 30px auto 10px !important; }

	

/* Denna döljs... dölj används ej */
input[type="file"] { 
	width:100%;
	min-width: 250px;
	
	border: 1px solid #ccc !important;
	margin-bottom: 5px;
	padding: 9px 20px;
	border-radius: 5px;

	-moz-appearance: none;
	-webkit-appearance: none !important; }

	/* ...av denna. */
	.inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1; } 

	/* Label stylas som knapp istället */
	.inputfile + label {
		width: 100%;
		padding: 5px 20px;
		border-radius: 5px;
		font-weight: 700;
		font-size: 16px;
		text-align: center;
		color: #596b93;
		background-color: #fff;
		border: 1.5px solid #596b93;
		display: inline-block;
		margin-bottom: 15px; }
	
	.inputfile:focus + label,
	.inputfile + label:hover {
		opacity: 0.9; }
	.inputfile + label {  
		cursor: pointer; } 



/*____________________________________STICKY____________________________________*/

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: auto;
	border-bottom: 5px solid #cbd5e4;
	background-image: url(bg-lightbox95.png);
	z-index: 99999;
	padding: 10px 30px; }

	.sticky hr { margin: 0px 0px 5px 0px !important;}



/*____________________________________Bilder Specials____________________________________*/	

.produktbilder-small, .produktbilder-medium { 
	float: left; 
	margin: 0 8px 8px 0; 
	cursor: pointer; 
	position: relative; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	font-size: 13px;
	padding-bottom: 5px;}


..produktbilder-medium .switch { padding: 10px; }

.produktbilder-medium-ny { background-color: #4a89dc; }

	.produktbilder-small img { width: 60px; height: 60px; padding: 4px; object-fit: cover; }
	.produktbilder-medium img { width: 150px; height: 150px; padding: 4px; object-fit: cover; } 
	
		.produktbilder-granska { 
			opacity: 0; 
			transition: opacity 0.2s ease-out;
			position: absolute; 
			top:0; bottom:0; left:0; right:0; 
			width: 100%; 
			height: 100%;
			background-color: #fff;
			border-radius: 5px;
			}
			.produktbilder-granska i { 
				color: #666;
				font-size: 22px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				text-align: center;
			 }
	.produktbilder-small .produktbilder-granska:hover, .produktbilder-medium .produktbilder-granska:hover { opacity: 0.8; } 


		.bild-onoff { position:absolute; left: 10px; bottom: 35px; }


/*____________________________________Behövs detta?____________________________________*/


/* #clock { text-align: left !important; display: inline-block !important; margin-top:15px; } */

.photo-link		{ padding:5px; margin:5px; border:1px solid #ccc; display: inline-block; width:100px; float:left; }

.photo-link:hover	{ border-color:#999; }


/*

.custom-file-upload {
    
    border: 1px solid #d8d8d8;
    width: 400px;
    display: inline-block;
    padding: 7px 12px;
    cursor: pointer; }
*/

.laddaupp { width: 500px; }


.page_limit { display:none !important; }
.pagination { display:none !important; }	

.bolden { font-weight: bold !important; }



/* Tooltip container */
.tooltip {
    position: relative;
	display: inline-block;
	z-index: 99999;
    
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: #888;
    color: #fff;
	text-align: center;
	font-size: 9px;
	letter-spacing: 1px;
    padding: 2px 0;
	border-radius: 5px;
	z-index: 99999;

    /* Position the tooltip text */
    position: absolute;
    z-index: 99999;
    top: 100%;
    left: 50%;
    margin-left: -50px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
	border-color: #555 transparent transparent transparent;
	display: none;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip2 {
	position: absolute;
	display: none;
	background-color: #000;
	color: #fff;
	padding: 5px;
}


/*

table tr td input

{

 width:97%;
 height:45px;
 border:solid #e1e1e1 1px;
 border-radius:3px;
 padding-left:10px;
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
 background:#f9f9f9;
 transition-duration:0.5s;
 box-shadow: inset 0px 0px 1px rgba(0,0,0,0.4);

}


table tr td button
{

 width:100%;
 height:45px;
 border:0px;
 background:rgba(12,45,78,11);
 background:-moz-linear-gradient(top, #595959 , #515151);
 border-radius:3px;
 box-shadow: 1px 1px 1px rgba(1,0,0,0.2);
 color:#f9f9f9;
 font-family:Verdana, Geneva, sans-serif;
 font-size:18px;
 font-weight:bolder;
 text-transform:uppercase;



}

table tr td button:active

{
 position:relative;
 top:1px;
}

table tr td a {
 text-decoration:none;
 color:#00a2d1;
 font-family:Verdana, Geneva, sans-serif;
 font-size:10px; }


*/

/* -------------------------------------------------------------------------------------------------- */

/*  >>>>>>>>>>>>>><<<<<<<<<<<<<<<>>>>>>>> SNOWCONE 2016 2.0 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<  */

/* -------------------------------------------------------------------------------------------------- */


/*  >>>>>>>>>>>>>>>>>>>>>> Core <<<<<<<<<<<<<<<<<<<<<<<<  */


.ejmobil { }
.mobil { display: none; }

.margin-top-bottom-0 { margin-bottom: 0px !important; margin-top: 0px !important; }
.margin-bottom-0 { margin-bottom: 0px !important; }
.padding-0 { padding: 0 !important; }

.border-bottom-1 { border-bottom: 1px solid #ccc; }

/*  >>>>>>>>>>>>>>>>>>>>>> Boxes <<<<<<<<<<<<<<<<<<<<<<<<  */


/*   If no margin between boxes   */

.c1 { width: 100%; }
.c2 { width: 50%; }
.c3 { width: 33.33333333333333%; }
	.c32 { width: 66.66666666666667%; }
.c4 { width: 25%; }
	.c43 { width: 75%; }
.c5{ width: 20%; }
.c6{ width: 16.66666666666667%; }
	.c64 { width: 66.66666666666668%; }
.c7 { width: 14.28571428571429%; }
.c8 { width: 12.5%; }
.c9 { width: 11.1111111111111%; }
.c10 { width: 10%; }

.c1, .c2, .c3, .c32, .c4, .c43, .c5, .c6, .c64, .c7, .c8, .c9, .c10 { float: left; margin: 0%; }


/*  NO USE!!!  If margin 10 px between boxes and 5 px in edges   

.c1m10 { width: 99%; }
.c2m10 { width: 49%; }
.c3m10 { width: 32.33333333333333%; }
	.c32m10 { width: 65.66666666666666%; }
.c4m10 { width: 24%; }
	.c43m10 { width: 74%; }
.c5m10 { width: 19%; }
.c6m10 { width: 15.66666666666667%; }
.c7m10 { width: 13.28571428571429%; }
.c8m10 { width: 11.5%; }
.c9m10 { width: 10.1111111111111%; }
.c10m10 { width: 9%; }

.c1m10, .c2m10, .c3m10, .c32m10, .c4m10, .c43m10, .c5m10, .c610, .c7m10, .c8m10, .c9m10, .c10m10 { margin: 0.5%; float: left; }

*/


/* NO USE!!!  If margin 30 px between boxes and 15 px in edges  

.c1m30 { width: 97%; }
.c2m30 { width: 47%; }
.c3m30 { width: 30.33333333333333%; }
	.c32m30 { width: 63.66666666666667%; }
.c4m30 { width: 22%; }
	.c43m30 { width: 72%; }
.c5m30 { width: 17%; }
.c6m30 { width: 13.66666666666667%; }
.c7m30 { width: 11.28571428571429%; }
.c8m30 { width: 9.5%; }
.c9m30 { width: 8.1111111111111%; }
.c10m30 { width: 7%; }

.c1m30, .c2m30, .c3m30, .c32m30, .c4m30, .c43m30, .c5m30, .c6m30, .c7m30, .c8m30, .c9m30, .c10m30 { margin: 1.5%; float: left; }
*/

	

/*   If margin 50 px between boxes and 25 px in edges  */

.c1m50 { width: 95%; }
.c2m50 { width: 45%; }
.c3m50 { width: 28.33333333333333%; }
	.c32m50 { width: 61.66666666666667%; }
.c4m50 { width: 20%; }
	.c43m50 { width: 70%; }
.c5m50 { width: 15%; }
.c6m50 { width: 11.66666666666667%; }
.c7m50 { width: 9.285714285714286%; }
.c8m50 { width: 7.5%; }
.c9m50 { width: 6.1111111111111%; }
.c10m50 { width: 5%; }  

.c1m50, .c2m50, .c3m50, .c32m50, .c4m50, .c43m50, .c5m50, .c6m50, .c7m50, .c8m50, .c9m50, .c10m50 { 
	margin: 20px 2.5%; float: left; padding-bottom: 0px; border-top: 0px solid #c1c1c1; border-bottom: 0px solid #c1c1c1; }


/*_____Div som tar bort marginaler på rubriker som ligger själva i c1m50-divar_____*/
	.rubrik {
		margin: 0px 2.5% !important;
		padding: 0 !important;
	}

/* OLD PROGRAM BEFORE REDESIGN, boxar med pading  Med padding boxes 2%  

.c1m50 { width: 88.998%; }
.c2m50 { width: 38.80%; }
.c3m50 { width: 28.33333333333333%; }
	.c32m50 { width: 61.66666666666667%; }
.c4m50 { width: 20%; }
	.c43m50 { width: 70%; }
.c5m50 { width: 15%; }
.c6m50 { width: 11.66666666666667%; }
.c7m50 { width: 9.285714285714286%; }
.c8m50 { width: 7.5%; }
.c9m50 { width: 6.1111111111111%; }
.c10m50 { width: 5%; }


.c1m50, .c2m50, .c3m50, .c32m50, .c4m50, .c43m50, .c5m50, .c6m50, .c7m50, .c8m50, .c9m50, .c10m50 { margin: 2.5%; float: left; background-color: #fff; border: 0px solid #c1c1c1; padding: 3%; }

 */

	
/*   Padding boxes   */	

.p10 { max-width: 100%; max-height: 80%; margin: 10px 3%; overflow: hidden; }
.p20 { max-width: 100%; max-height: 80%; margin: 20px 3%; overflow: hidden; }
.p30 { max-width: 100%; max-height: 80%; margin: 30px 30px; overflow: hidden; }
.p40 { max-width: 100%; max-height: 80%; margin: 40px 3%; overflow: hidden; }
.p50 { max-width: 100%; max-height: 80%; margin: 50px 3%; overflow: hidden; }


/*   Space boxes   */	

.space10 { clear: both; width: 100%; height: 10px; }
.space20 { clear: both; width: 100%; height: 20px; }
.space30 { clear: both; width: 100%; height: 30px; }
.space40 { clear: both; width: 100%; height: 40px; }
.space50 { clear: both; width: 100%; height: 50px; }
.space75 { clear: both; width: 100%; height: 75px; }
.space100 { clear: both; width: 100%; height: 100px; }
.space200 { clear: both; width: 100%; height: 200px; }
.space300 { clear: both; width: 100%; height: 300px; }
.space400 { clear: both; width: 100%; height: 400px; }
.space500 { clear: both; width: 100%; height: 500px; }


/*  >>>>>>>>>>>>>>>>>>>>>> Others <<<<<<<<<<<<<<<<<<<<<<<<  */

.clearboth { clear: both;}
.clearleft { clear: left; }
.clearright { clear: right; }

.floatleft { float: left !important; }
.floatright { float: right !important; }

.textalignleft { text-align: left; }
.textalignright { text-align: right; }
.textaligncenter { text-align: center; }

.marginauto { margin: 0 auto !important; }
.centerimgindiv { display:block; margin:auto; }
.nomarginbottom { margin-bottom: 0px !important; }

.height25 { height: 25px; }
.height50 { height: 50px; }
.height75 { height: 75px; }
.height100 { height: 100px; }
.height125 { height: 125px; }
.height150 { height: 150px; }
.height175 { height: 175px; }
.height200 { height: 200px; }
.height250 { height: 250px; }
.height300 { height: 300px; }
.height350 { height: 350px; }
.height400 { height: 400px; }
.height450 { height: 450px; }
.height500 { height: 500px; }
.height550 { height: 550px; }
.height600 { height: 600px; }
.height650 { height: 650px; }
.height700 { height: 700px; }
.height750 { height: 750px; }
.height800 { height: 800px; }
.height850 { height: 850px; }
.height900 { height: 900px; }
.height950 { height: 950px; }
.height1000 { height: 1000px; }

.zindex9999 { z-index: 9999 !important; }

.boxshadow { box-shadow: 0px 0px 65px #cbcbcb; }

.felsokbg { background-color: red; }

/*  >>>>>>>>>>>>>>>>>>>>>> Images & Media <<<<<<<<<<<<<<<<<<<<<<<<  */

img { 
	max-width: 100%; 
	image-orientation: from-image !important; }

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
/* video */ {
	max-width: 100%;
}

/* Images */
.alignleft {
	float: left; }
.alignright {
	float: right; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }


/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0px;
  -webkit-text-fill-color: black;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}


/*  >>>>>>>>>>>>>>>>>>>>>> Media Queries <<<<<<<<<<<<<<<<<<<<<<<<  */


@media screen and (max-width: 1820px) {
/*
body {
min-width: 750px; } */

.header {  } /* 70 snygg fast höjd*/
.wrapper { width: 100%; }
.footer { }

.content { width: 98%; }


select { width: 100%; max-width: 500px;  }
	
	
}


@media screen and (max-width: 1245px) {
.c3m50 { width: 45%; }
.c3 { width: 50%; }
}

@media screen and (max-width: 750px) {

body {
min-width: 360px; }

h1 { font-size: 22px; }
h2 { font-size: 18px; }
.h2boxtitles { padding: 4px 15px;
	 font-size: 18px;
	
 }

.header {  }
.wrapper { width: 100%; }
.footer { }

.content { width: 95%;}
.contentheader { }

.ejmobil { display: none; }
.mobil { display: inline-block; }

.logo { 
	position: fixed;
	top: 10px;
	left: 10px;
	width: 155px; }
 
 
	.logoimg { width: 150px; }
 
	.logoimg2 { 
		position:relative;
		width: 35px; }



.ljuslada-innehall { padding: 25px 20px 20px; }
.ljuslada-innehall textarea { padding: 20px; }


    .tablelarge {
      border-collapse: collapse;
	  z-index: 99990 !important;
	  table-layout: auto;
      width: 100%;
	  overflow: visible;
      color: #212529;
      background-color: transparent;
	  position: relative; 
      font-size: 14px; }



	.tablelarge th, .tablelarge td {
		line-height: 1;
		white-space: nowrap;
		height: 50px;
		/*min-width: 200px !important;*/
		padding: 0 10px !important;

		vertical-align: middle;	
		overflow: hidden;
		text-overflow: clip; 

	}


.tablelarge select {
	width: auto; 
 }



 /*
.div-inloggningsinfo { margin-right: 3px !important; } */

.inloggningsinfo { display:none; } /* Logga ut-knapp */



.menyknapp {   
    width: 50px; 
    height: 45px;  
    position: absolute; 
    top: 5px; 
    right: 5px;  }

.headerrightsection { margin-right: 65px; }

#huvudmeny { width: 100% !important; }

.floatright { float: left; }

.grid-search {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: start;
	grid-gap: 0px;
	padding: 0px;
}

.grid-search > div {	
	padding: 0px 0px 0px 0px !important;
  } 

input[type=submit] { padding: 6px 20px; }
button, table submit, button[type=submit] { padding: 6px 20px; }
input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) {	
	width: 99%; }

select { max-width: 600px; }

	
		/* input[type="text"] { width: 322px; } */

input[type=date] {
	padding: 3px 4px; width: 140px !important; display:inline-block; text-align: left; -webkit-appearance:none !important; }
	
.mobil-tabell-bredd {width: 322px; }

.search { width: 220px; }


.big-button-check {
	position: absolute;
	font-size: 28px;
	color: #89c770;
	right: 16px;
	top: -12px;
}

@media (max-width: 768px) {
  .tabellrubriker {
    display: none;
  }
}




/*____________________________________FLIKMENY____________________________________*/

.bottomflikmeny { width: 100%; height: 1px; border-bottom: 1px solid #ccc; margin-top: -13px; }
	
.flikmeny { 
	position: relative;
	background-color: #e7e7e7; /* #4f6b96; */
    border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    color: #000;
	padding: 8px 10px;
	width: 47.5%; max-width: 47.5%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
    margin: 5px 0px;
    border-radius: 25px 25px 25px 25px;
	cursor: pointer;
	transition: background-color 0.5s ease; }
	
	.flikmeny:nth-child(even) { margin-right: 2.5%; }
	.flikmeny:nth-child(odd) { margin-left: 2.5%; }

.flikmeny:hover {
	background-color: #ddd; /* #4d5f8a; */ }
.flikmenyaktiv {
	background-color: #fff !important;
	color: #000 !important;
	padding: 8px 10px; }
.flikmenyaktiv:hover {
	background-color: #fff !important;
	color: #fff !important; } 


.button-pilknapp { float: right !important; margin 0 15px 0 0; }


/*____________________________________STICKY____________________________________*/



.sticky { padding: 10px 10px; font-size: 12px; }



.lightbox {
	height: 100vh !important;  }



/*   BOXES CODES   */

/*   If no margin between boxes   */

.c1 { width: 100%; }
.c2 { width: 50%; }
.c3 { width: 100%; }
	.c32 { width: 100%; }
.c4 { width: 50%; }
	.c43 { width: 100%; }
.c5{ width: 33.33333333333333%; }
.c6{ width: 16.66666666666667%; }
	.c64 { width: 66.66666666666668%; }
.c7 { width: 14.28571428571429%; }
.c8 { width: 12.5%; }
.c9 { width: 11.1111111111111%; }
.c10 { width: 10%; }

.c1, .c2, .c3, .c32, .c4, .c43, .c5, .c6, .c64, .c7, .c8, .c9, .c10 { float: left; margin: 0%; }


/*   If margin 10 px between boxes and 5 px in edges  

.c1m10 { width: 99%; }
.c2m10 { width: 99%; }
.c3m10 { width: 99%; }
	.c32m10 { width: 99%; }
.c4m10 { width: 49%; }
	.c43m10 { width: 99%; }
.c5m10 { width: 32.33333333333333%; }
.c6m10 { width: 15.66666666666667%; }
.c7m10 { width: 13.28571428571429%; }
.c8m10 { width: 11.5%; }
.c9m10 { width: 10.1111111111111%; }
.c10m10 { width: 9%; }

.c1m10, .c2m10, .c3m10, .c32m10, .c4m10, .c43m10, .c5m10, .c610, .c7m10, .c8m10, .c9m10, .c10m10 { margin: 0.5%; float: left; }
 */
 

/*   If margin 30 px between boxes and 15 px in edges   

.c1m30 { width: 97%; }
.c2m30 { width: 97%; }
.c3m30 { width: 97%; }
	.c32m30 { width: 97%; }
.c4m30 { width: 97%; }
	.c43m30 { width: 97%; }
.c5m30 { width: 47%; }
.c6m30 { width: 13.66666666666667%; }
.c7m30 { width: 11.28571428571429%; }
.c8m30 { width: 9.5%; }
.c9m30 { width: 8.1111111111111%; }
.c10m30 { width: 7%; }

.c1m30, .c2m30, .c3m30, .c32m30, .c4m30, .c43m30, .c5m30, .c6m30, .c7m30, .c8m30, .c9m30, .c10m30 { margin: 1.5%; float: left; }

*/

/*   If margin 50 px between boxes and 25 px in edges   */

.c1m50 { width: 95%; }
.c2m50 { width: 95%; }
.c3m50 { width: 95%; }
	.c32m50 { width: 95%; }
.c4m50 { width: 45%; }
	.c43m50 { width: 70%; }
.c5m50 { width: 15%; }
.c6m50 { width: 28.33333333333333%; }
.c7m50 { width: 9.285714285714286%; }
.c8m50 { width: 20%; }
.c9m50 { width: 6.1111111111111%; }
.c10m50 { width: 15%; }

.c1m50, .c2m50, .c3m50, .c32m50, .c4m50, .c43m50, .c5m50, .c6m50, .c7m50, .c8m50, .c9m50, .c10m50 { margin: 2.5%; float: left; width: 95% !important; border: 0px; }	
	
/*   Padding boxes   */	

.p10 { max-width: 100%; max-height: 80%; margin: 10px 3%; overflow: hidden; }
.p20 { max-width: 100%; max-height: 80%; margin: 20px 3%; overflow: hidden; }
.p30 { max-width: 100%; max-height: 80%; margin: 30px 3%; overflow: hidden; }
.p40 { max-width: 100%; max-height: 80%; margin: 40px 3%; overflow: hidden; }
.p50 { max-width: 100%; max-height: 80%; margin: 50px 3%; overflow: hidden; }

/* .textalignright { text-align: left; } */


}



@media print {

	@page { }

	.header, .flikmeny, .logo, .div-visadolj, .search { display:none !important; }
	.wrapper, .content, .footer { min-width: 900px !important; max-width: 1600px !important; overflow: visible !important; }
	
}


td {
 height: 12px !important;
}