ma.fliktr {

	background-image: url(../images/fliktr.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 23px;
}
.flikl {

	background-image: url(../images/flikl.gif);
	background-repeat: repeat-y;
	background-position: left;
	height: 23px;
}
.flikr {
	background-image: url(../images/flikr.gif);
	background-repeat: repeat-y;
	background-position: right;
	height: 23px;
}
.flikbr {

	background-image: url(../images/flikbr.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 23px;
}
.flikbl {


	background-image: url(../images/flikbl.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 23px;
}
.prodtop {
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
    background-color:#1ee631;
}
.prodtop2 {
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 250px;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
    background-color:#1ee631;
}
.larmtop {
	/*background-image: url(../images/larmtop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #e61e28;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.larmtop2 {
	/*background-image: url(../images/larmtop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #e61e28;
	height: 22px;
	width: 250px;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.alrmtop {
	/*background-image: url(../images/larmtop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #e61e28;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.manutop {
	/*background-image: url(../images/larmtop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #FFFF40;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #000;
	padding-left: 5px;
}
.manutop2 {
	/*background-image: url(../images/larmtop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #FFFF40;
	height: 22px;
	width: 250px;
	font-family: Verdana;
	font-size: 10pt;
	color: #000;
	padding-left: 5px;
}
.waittop2 {
	/*background-image: url(../images/larmtop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #FF8C00;
	height: 22px;
	width: 250px;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.waittop {
	/*background-image: url(../images/avbstop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #FF8C00;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.avbstop {
	/*background-image: url(../images/avbstop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #828282;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.avbstop2 {
	/*background-image: url(../images/avbstop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #828282;
	height: 22px;
	width: 250px;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.antltop {
	/*background-image: url(../images/antltop.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
    background-color:#1e3ae6;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}
.antltop2 {
	/*background-image: url(../images/prodtop2.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 250px;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
    background-color:#1e3ae6;
}

.systemtop {
	/*background-image: url(../images/systemtop.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #FFBA00;
	height: 22px;
	width: 175px;k
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
}
.kontakttop {
	/*background-image: url(../images/kontakttop.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #FF00FF;
	height: 22px;
	width: 175px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
}
.maskintop {
	/*background-image: url(../images/maskintop.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #00FFFF;    
	height: 22px;
	width: 175px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
}
.justnutop {
	/*background-image: url(../images/prodtop.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #000;
	padding-left: 5px;
    background-color:#dddddd;
}
.offtop {
	/*background-image: url(../images/avbstop.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #444;
	height: 22px;
	width: 16%;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	padding-left: 5px;
}


.rowl {
	/*background-image: url(../images/rowl.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
    background-color: #f1f1f1;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;

}
.rowr {
	/*background-image: url(../images/rowr.gif);*/
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	text-align: right;
	padding-right: 5px;
    background-color: #f1f1f1;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}

.rowlwide {
	/*background-image: url(../images/rowl.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	font-family: Verdana;
	font-size: 8.5pt;
	color: #333333;
	padding-left: 5px;
    background-color: #f1f1f1;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;

}

.rowrwide {
	/*background-image: url(../images/rowr.gif);*/
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	font-family: Verdana;
	font-size: 8.5pt;
	color: #333333;
	text-align: right;
	padding-right: 5px;
    background-color: #f1f1f1;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}


.rowbl {
	/*background-image: url(../images/rowbl.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
    background-color: #f1f1f1;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;

}
.rowbr {
	/*background-image: url(../images/rowbr.gif);*/
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	text-align: right;
	padding-right: 5px;
    background-color: #f1f1f1;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;

}
.headertl {
	/*background-image: url(../images/hdrtopl.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #4371b7;
    color: #fff;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	text-align: left;
	padding-left: 5px;
    /*border-radius: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;*/

}
.headert {
	/*background-image: url(../images/hdrtop.gif);*/
	background-repeat: repeat-x;
	background-position: left top;
    background-color: #4371b7;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	text-align: right;
	padding-right: 5px;
}
.headertr {
	/*background-image: url(../images/hdrtopr.gif); */
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #fff;
	text-align: right;
	padding-right: 5px;
	width: 2px;
    /*border-radius: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;*/
    background-color: #4371b7;

}
.headerrowl {
	background-image: url(../images/hdrrowl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
}
.headerrowr {
	background-image: url(../images/hdrrowr.gif);
	background-repeat: repeat-y;
	background-position: right top;
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	text-align: right;
	padding-right: 5px;
}
.headerrowbl {
	background-image: url(../images/hdrrowbl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
}
.headerrowbr {
	background-image: url(../images/hdrrowbr.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	text-align: right;
	padding-right: 5px;
}
.headerrow {
	height: 22px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333333;
	padding-right: 5px;
}
.headerheader
{
    /*background-image: url('images/hdrrowbl.gif'); */
    background-repeat: no-repeat;
    background-position: left bottom;
    font-family: Verdana;
    font-size: 10pt;
    color: #333333;
    padding-left: 5px;
    height: 38px;
    background-color: #f1f1f1;
    border-bottom:1px solid #ddd;
}

.maskinnamn {
	font-family: Verdana;
	font-size: 18pt;
	font-weight: bold;
	color: #9BB5C0;
	position: absolute;
	left: 50px;
	top: 50px;
}
.uppdaterad {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 750px;
	top: 70px;
}
.tidsperiod {
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 750px;
	top: 50px;
}
.tidcalendar {
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 750px;
	top: 80px;
}
.newtidsperiod {
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	right: 100px;
	top: 50px;
}

.delruta {
	position: absolute;
	left: 54px;
	top: 93px;
	float: none;
    width: 833px;
}
.delruta2 {
	position: absolute;
	left: 54px;
	top: 693px;
	float: none;
    width: 833px;
}

.daydelruta2 {
	position: absolute;
	left: 54px;
	top: 693px;
	float: none;
    width: 520px;
}

.prodruta {
	float: left;
    margin-right: 5px;
}
.prodruta2 {
	position: absolute;
	left: 54px;
	top: 93px;
	float: none;
	width: 250px;
}
.systemruta2 {
    float: left;
    margin-right: 5px;
	/*position: absolute;
	left: 54px;
	top: 93px;
	float: none; */
}

.kontaktruta {
    float: left;
    margin-right: 5px;
/*	position: absolute;
	left: 450px;
	top: 90px;
	float: none; */
}

.maskruta {
    float: left;
    margin-right: 5px;
/*	position: absolute;
	left: 250px;
	top: 90px;
	float: none; */
}

.manuruta {
	float: left;
    margin-right: 5px;
}

.alrmruta {
	float: left;
    margin-right: 5px;
}

.avbsruta {
	float: left;
    margin-right: 5px;
}

.wantlruta {
	position: absolute;
	left: 500px;
	top: 90px;
	float: none;
}
.antlruta {
	float: left;
    margin-right: 5px;
}

.rateruta {
	float: left;
    margin-right: 5px;
}

.taktruta {
	float: left;
    margin-right: 5px;
}


.waitruta {
	float: left;
    margin-right: 5px;
}

.waitruta2 {
	position: absolute;
	left: 375px;
	top: 93px;
	float: none;
	width: 250px;
}

.statruta {
	position: absolute;
	left: 54px;
	top: 93px;
	float: none;
}

.newalrmruta {
	float: left;
}

.newavbsruta {
	float: left;
}
.newwaitruta {
	float: left;
}
.newmanuruta {
	float: left;
}
.newprodruta {
	float: left;
}
.newxruta {
	float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 16%;
}

.justnuruta {
	float: left;
    margin-right: 5px;
}

.justnuruta2 {
	float: left;
    margin-right: 5px;
}


.rutblock {
    width: 95%;
    left: 10px;
    /*top: 100px;*/
    position: relative;
    height: 120px;
    margin-top: 100px;
}
.lopandeblock {
    width: 95%;
    left: 10px;
    /*top: 100px;*/
    position: relative;
    height: 300px;
    float:left;
}

.dygnblock {
    width: 72%;
    left: 10px;
    /*top: 100px;*/
    position: relative;
    height: 240px;
    float:left;
    margin-right:10px;
}

.pieblock {
    width: 22%;
    left: 10px;
    /*top: 100px;*/
    position: relative;
    height: 240px;
    float:left;
}

.lopanderuta {
	position: absolute;
	left: 50px;
	top: 220px;
	width: 845px;
	height: 170px;
	float: none;
	cursor:crosshair;
}
.newlopanderuta {
	position: relative;
	left: 10px;
	/*top: 215px;*/
	width: 95%;
	height: 170px;
	float: none;
	cursor:crosshair;
}
.dygnruta {
	position: absolute;
	left: 51px;
	top: 428px;
	float: none;
	height: 240px;
	width: 523px;
}
.newdygnruta {
	position: relative;
	/*left: 51px;
	top: 368px;
	float: none;*/
	height: 240px;
	width: 523px;
}

.veckoruta {
	position: absolute;
	left: 51px;
	top: 220px;
	float: none;
	height: 250px;
	width: 800px;pi
}
.monthruta {
	position: absolute;
	left: 51px;
	top: 220px;
	float: none;
	height: 250px;
	width: 800px;
}
.periodruta {
	position: absolute;
	left: 51px;
	top: 167px;
	float: none;
	height: 46px;
	width: 778px;
    font-family: Verdana;
    font-size: 8.5pt;
    text-align: center;
}
.programrutacalc {
	position: absolute;
	left: 51px;
	top: 410px;
	float: none;
	height: 225px;
	width: 778px;
    font-family: Verdana;
    font-size: 8.5pt;
    text-align: center;
}
.periodmaskinruta {
	position: absolute;
	left: 51px;
	top: 227px;
	float: none;
	height: 282px;
	width: 377px;
    font-family: Verdana;
    font-size: 8.5pt;
    text-align: center;

}
.exportperiodruta {
	position: absolute;
	left: 51px;
	top: 527px;
	float: none;
	height: 151px;
	width: 378px;
}
.piecesruta {
	position: absolute;
	left: 51px;
	top: 230px;
	float: none;
	height: 375px;
	width: 844px;
	overflow:scroll;	
		
}
.MachineSelect 
{
	height:200px;
	overflow:auto;
}

.pieruta {
	position: absolute;
	left: 603px;
	top: 428px;
	float: none;
	width: 292px;
	height: 240px;
}

.daypieruta {
	position: absolute;
	left: 603px;
	top: 428px;
	float: none;
	width: 292px;
	height: 191px;
}
.daypieruta2 {
	position: absolute;
	left: 603px;
	top: 615px;
	float: none;
	width: 292px;
	height: 191px;
}

.newpieruta {
	position: relative;
	/*left: 703px;
	top: 368px;
	float: none;*/
	width: 192px;
	height: 240px;
}

.pierutaweek {
	position: absolute;
	left: 51px;
	top: 470px;
	float: none;
	width: 375px;
	height: 375px;
}
.pierutaweek2 {
	position: absolute;
	left: 537px;
	top: 470px;
	float: none;
	width: 375px;
	height: 375px;
}
.pierutamonth {
	position: absolute;
	left: 51px;
	top: 470px;
	float: none;
	width: 375px;
	height: 375px;
}
.pierutamonth2 {
	position: absolute;
	left: 537px;
	top: 470px;
	float: none;
	width: 375px;
	height: 375px;
}
.pierutasystem {
	position: absolute;
	left: 670px;
	top: 310px;
	float: none;
	width: 225px;
	height: 294px;
}
.pierutaperiod {
	position: absolute;
	left: 452px;
	top: 167px;
	float: none;
	width: 445px;
	height: 371px;
	margin-bottom: 5px;
}
.pierutaurval {
	position: absolute;
	left: 435px;
	top: 229px;
	float: none;
	width: 445px;
	height: 278px;
	margin-bottom: 5px;
    margin-left: 6px;
}

.blockrutatom {
	position: absolute;
	left: 10px;
	top: 70px;
	width: 94%;
	min-height: 850px;
	float: none;
	padding-bottom: 25px;
}
.blockrutafloor {
	position: absolute;
	left: 16px;
	top: 100px;
	width: 100%;
	min-height: 850px;
	float: none;
	background-repeat: repeat-y;
	background-position: left bottom;
	border-bottom: 1px solid #9bb5c0;
	padding-bottom: 25px;
    height: 302px;
}


.blockrutadefaultV {
	position: absolute;
	left: 10px;
	top: 70px;
	width: 940px;
	min-height: 850px;
	float: none;
	background-image: url(../images/flikbgrow.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	border-bottom: 1px solid #9bb5c0;
	padding-bottom: 25px;
}
.blockrutadefaultH {
	position: absolute;
	left: 10px;
	top: 70px;
	width: 94%;
	min-height: 850px;
	float: none;
	/*background-image: url(../images/flikbgrow.gif); */
	background-repeat: repeat-y;
	background-position: left bottom;
	background-color:#fff;
	/*border-left: 1px solid #9bb5c0;
	border-bottom: 1px solid #9bb5c0;
	border-top: 1px solid #9bb5c0;
	border-right: 1px solid #9bb5c0;*/
	padding-bottom: 25px;
}
.blockrutabottom {
	position: absolute;
	width: 940px;
	/*height: 850px;*/
	float: none;
	background-image: url(../images/flikgbbottom.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}
.flikar {
	position: absolute;
	left: 00px;
	top: 00px;
	float: none;
	width: 940px;
}
.flikarH {
	position: absolute;
	left: 00px;
	top: 00px;
	float: none;
	width: 940px;
}

.flik1sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 1px;
	top: 1px;
	width: 95px;
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik1 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 3px;
	top: 1px;
	width: 93px;
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik2sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 101px;
	top: 1px;
	width: 95px;
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik2 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 102px;
	top: 1px;
	width: 95px;
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
    /*border-left: 1px solid #fff;*/
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik3sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 202px;
	top: 1px;
	width: 95px;
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik3 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 203px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    /*border-left: 1px solid #fff;*/
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik3empty {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 302px;
	top: 1px;
	width: 620px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    /*background-color: #e6e6e6;*/
}

.flik4sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 303px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik4 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 304px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik5sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 404px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik5 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 405px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik6sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 505px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik6 {

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 506px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	right: 319px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik7sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 606px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik7 {

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 607px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik8sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 707px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik8 {

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 708px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
	text-align:center;

}

.flik9sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 808px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik9 {

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 809px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
    	text-align:center;

}

.flik10sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4371b7;
	position: absolute;
	left: 908px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
	text-align:center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.flik10 {

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #9BB5C0;
	position: absolute;
	left: 909px;
	top: 1px;
	width: 95px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 5px;
    border-bottom: 1px solid #ddd;
    background-color: #e6e6e6;
    	text-align:center;

}
.gear {
	position: absolute;
	left: 867px;
	top: -53px;
	width: 34px;
	height: 29px;
}
.serverselect {
	position: absolute;
	left: 721px;
	top: -53px;
	width: 172px;
	height: 29px;
}


.statusruta {
	position: absolute;
	left: 50px;
	top: 100px;
	width: 800px;
	float: none;
}
.copyright {
    position: fixed; /* Gör elementet fast */
    bottom: 10px;       /* Placera det vid nederkanten */
    left: 50%;       /* Centrera horisontellt */
    transform: translateX(-50%); /* Flytta det halva bredden bakåt för att centrera */
    font-family: Verdana;
    font-size: 8pt;
    color: #333333;
    z-index: -1;     /* Placera det bakom allt annat */
}
.logo {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 581px;
	height: 50px;
	float: none;
	background-image: url('/images/logo.png');
	background-position: left top;
	background-repeat: no-repeat;
}


A:link {text-decoration: none; color:#1D374B; }
A:visited {text-decoration: none; color:#1D374B;}
A:active {text-decoration: none; color:#1D374B;}
A:hover {
	text-decoration: none;
	color: #1D374B;
}

.maskinblock {
	
}.calendar {
	position: absolute;
	left: 278px;
	top: 120px;
	color: #333333;
	width: 391px;
	height: 283px;
}
.calendarL {

	position: absolute;
	left: 245px;
	top: 120px;
	color: #333333;
	width: 30px;
	height: 30px;
}
.calendarR {
	position: absolute;
	left: 672px;
	top: 120px;
	color: #333333;
	width: 30px;
	height: 30px;
}
.calendarMachine {
	position: absolute;
	left: 278px;
	top: 88px;
	color: #333333;
	width: 392px;
	height: 30px;
	font-family: Verdana;
	font-size: 12px;
}
.systemruta {

	position: absolute;
	left: 51px;
	top: 180px;
	float: none;
	height: 250px;
	width: 800px;
}
.systemveckaruta {
	position: absolute;
	left: 275px;
	top: 200px;
	float: none;
}
.systemdagruta {
	position: absolute;
	left: 50px;
	top: 200px;
	float: none;
	height: 134px;
}
.systemmonthruta {
	position: absolute;
	left: 500px;
	top: 200px;
	float: none;
}
.det {
	height: 28px;
}

.MaskinTv1 {
	height:200px;
	float: left;
	margin-right: 10px;
}

.Maskin1 {
	position: relative;
	left: 18px;
	top: 95px;
	float: left;
}

.Maskin {
	position: relative;
	left: 5px;
	top: 3px;
	height:125px;
	float: left;
	margin-right: 9px;
    /*margin-top: 30px;
    margin-left: 30px;*/
/*	clear:both; */
}

.MaskinD {
	position: relative;
	left: 18px;
	top: 50px;
	height:125px;
	float: left;
	margin-right: 9px;
    margin-bottom: 12px;
    max-width: 200px;
    /*margin-top: 30px;
    margin-left: 30px;*/
/*	clear:both; */
}

.MaskinV {
	position: relative;
	left: 18px;
	top: 55px;
	height:150px;
	float: left;
	margin-right: 10px;
/*	clear:both; */
}

.Maskingrupp 
{
	position: relative;
	left: 18px;
	top: 55px;
	float: left;

    width:97%;
	borde%;
	border: 1px solid #a7bec7;   
    color:#666;

    margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	font-family: verdana;
	font-size: 10pt;
	text-indent: 5px;
	/*padding-left: 10px;
	background-image: url(../images/detrow.gif); */
	overflow: hidden;

    
}
.Maskingrupp50
{
	position: relative;
	left: 18px;
	top: 55px;
	float: left;
	/* min-height:100px;  */

    width:47%;
	border: 1px solid #a7bec7;   
    color:#666;

    padding-bottom:20px;
    margin-bottom: 2px;
    margin-left:2px;
	background-repeat: repeat-x;
	background-position: left top;
	/*height: 22px;*/
	font-family: verdana;
	font-size: 10pt;
	text-indent: 5px;
	padding-left: 10px;
	background-image: url(../images/detrow.gif);
	/*overflow: auto;
	display:inline-block;*/
}

.MaskingruppCol 
{
	position: relative;
	left: 18px;
	top: 55px;
	float: left;

	border: 1px solid #a7bec7;   
    color:#666;

    padding-bottom:20px;
    margin-bottom: 2px;
    margin-left:2px;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: verdana;
	font-size: 10pt;
	text-indent: 5px;
	padding-left: 10px;
	background-image: url(../images/detrow.gif);    
	vertical-align:top;
}

.MaskingruppV
{
	position: relative;
	left: 18px;
	top: 55px;
	float: left;

    width:94%;
	border: 1px solid #a7bec7;   
    color:#666;

    margin-bottom: 10px;
	background-repeat: repeat-x;
	background-position: left top;
	height: 22px;
	font-family: verdana;
	font-size: 10pt;
	text-indent: 5px;
	padding-left: 10px;
	background-image: url(../images/detrow.gif);
    
}

.MaskingruppH
{
	position: relative;
	left: 18px;
	top: 55px;
	float: left;

    width:94%;
	/*border: 1px solid #a7bec7;   */
    color:#666;

    margin-bottom: 10px;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: verdana;
	font-size: 10pt;
	text-indent: 5px;
	padding-left: 0px;
    background-color: #f5f5f5;	    
}

.MaskingruppHeader
{
	position: relative;
	left: 0px;
	top: 0px;

    width:100%;
	/*border: 1px solid #a7bec7;   */
    color:#000;

    height:22px;

    background-color: #eeeeee;
    border-radius: 2px;

	background-position: left top;
	font-family: verdana;
	font-size: 10pt;
	text-indent: 5px;
	    
}

.Machine {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	margin-right: 10px;
}

.SettingsTable, .MachineTable
{
	border-collapse:collapse;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	border: 1px solid #9BB5C0;
}

.SettingsTableHeader
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	font-weight: bold;
	color: #000;
	border: 1px solid #9BB5C0;
}

.SettingsTableCell
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	font-weight: bold;
	color: #000;
	border: 1px solid #9BB5C0;
}

#Maskiner {
	position: absolute;
	left: 18px;
	width: 800px;
	top: 85px;
	float: none;
}
#data 
{
	border: 0px solid Silver;
	/*position: absolute;
	left: 51px;
	top: 230px;
	float: none;
	height: 545px;
	width: 844px;
	overflow:auto;*/
}
#SettingsDiv 
{
	position: absolute;
	left: 15px;
	top: 92px;
	width: 907px;
	height: 682px;	
}
.inaktuellt {
    display: inline;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
    padding-top:22px;
    padding-left:22px;
    margin-top:0px;
    margin-left:0px;
    z-index:999;
}
.aktuellt {
    display: none;
}
.inaktuellttext{
    position: absolute;
    width: 300px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-left: -150px; /* margin is -0.5 * dimension */
    margin-top: -75px; 
    background-color: white;
    padding: 10px;
    font-family: Verdana;
    font-size:14pt;

}
.newLDetails {
    height:300px;
}
.LDetailsHeader {
    height:20px;
}
.newpiechart {
    height:300px;
}
.newbarchart {
    height:300px;
}

.prodbar {
    fill:#1ee631;
}
.alrmbar {
    fill:#e61e28;
}
.avbsbar {
    fill:#828282;
}
.manubar {
    fill:#FFFF40;
}
.waitbar {
    fill:#FF8C00;
}
.antlbar {
    fill:#0D35FF;
}
.ktktbar {
    fill:#FF00FF;
}
.offbar {
    fill:#dddddd;
}
.lopandesvg {
    margin-top:1px;
}

.lopandeL {
    margin: 0;
}

.lopandeb {
    margin: 0;
}

.lopandegrid {
    stroke-width:1px;
    stroke:#E5E5E5;
    color:#E5E5E5;
    fill:none;
}

.lopandegridborder {
    stroke-width:1px;
    stroke:#CECECE;
    color:#CECECE;
    fill:none;
}

.pierutasysm {
	position: absolute;
	left: 54px;
	top: 428px;
	float: none;
	width: 292px;
	height: 240px;
}

.pierutamask {
	position: absolute;
	left: 323px;
	top: 428px;
	float: none;
	width: 292px;
	height: 240px;
}

.pierutaktkt {
	position: absolute;
	left: 603px;
	top: 428px;
	float: none;
	width: 292px;
	height: 240px;
}

.dagrutaperiod {
	position: absolute;
	left: 51px;
	top: 220px;
	float: none;
	height: 250px;
	width: 800px;
}

.dagrutaurval {
	position: absolute;
	left: 54px;
	top: 519px;
	float: none;
	height: 250px;
	width: 829px;
}

.pierutaperiod {
	position: absolute;
	left: 51px;
	top: 470px;
	float: none;
	width: 375px;
	height: 375px;
}

.detailsruta {
	position: absolute;
	left: 51px;
	top: 220px;
	float: none;
	height: 250px;
	width: 800px;
}

.detailsdataruta {
	position: absolute;
	left: 51px;
	top: 510px;
	float: none;
	height: 250px;
	width: 800px;
    overflow:auto;
}

.overviewmaskinruta {
	position: absolute;
	left: 54px;
	top: 186px;
	float: none;
	height: 154px;
	width: 156px;
    overflow:auto;
}

.overviewtaktruta {
	position: absolute;
	left: 627px;
	top: 195px;
	float: none;
	height: 161px;
	width: 286px;
    overflow:auto;
}

.overviewstatusruta {
	position: absolute;
	left: 310px;
	top: 191px;
	float: none;
	height: 161px;
	width: 291px;
    overflow:auto;
}

.overviewprogramruta {
	position: absolute;
	left: 313px;
	top: 371px;
	float: none;
	height: 79px;
	width: 597px;
    overflow:auto;
}

.overviewhistoryruta {
	position: absolute;
	left: 316px;
	top: 468px;
	float: none;
	height: 79px;
	width: 590px;
    overflow:auto;
}

/* Basic CSS to hide/show the calendar */
#calendarDiv {
    display: none;
    position: absolute;
    z-index: 1000;
    border: 1px solid #ccc;
    background-color: white;
}

/* Style the calendar header (month/year navigation) */
.calendar-header {
    background-color: #4CAF50;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

/* Style the days of the week header (Sun, Mon, etc.) */
.calendar-days-header {
    background-color: #eeeeee;
    color: #333;
    text-align: center;
    font-weight: bold;
}

/* Style for each day cell */
.calendar-day {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

/* Highlight today's date */
.calendar-day-today {
    background-color: #4CAF50;
    color: white;
    font-weight: bold;
}

/* Highlight the selected date */
.calendar-selected {
    background-color: #ff9800;
    color: white;
    font-weight: bold;
}

/* Hover effect for days */
.calendar-day:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

.justnu {
	position: absolute;
	left: 478px;
	top: 177px;
	float: none;
	height: 116px;
	width: 411px;
    overflow:auto;
}
.justnumaskin {
	position: absolute;
	left: 59px;
	top: 179px;
	float: none;
	height: 400px;
	width: 400px;

}

.justnu2 {
	position: absolute;
	left: 479px;
	top: 309px;
	float: none;
	height: 265px;
	width: 205px;
    overflow:auto;
}

.justnu3 {
	position: absolute;
	left: 679px;
	top: 309px;
	float: none;
	height: 265px;
	width: 205px;
    overflow:auto;
}

.ikoner {
    position:absolute;
    right:20px;
    top:5px;
}

.logodyn {
	position: absolute;
	left: 0px;
    top: 0px;
    width:100%;
	height: 79px;
	float: none;
	background-position: left top;
	background-repeat: no-repeat;
    /*padding-top: 10px;*/
    padding-left: 10px;
    background-color: #eee;
    display: flex;
    align-items: center;
}

.alert {
	position: relative;	
	width: 34px;
	height: 29px;
    float:right;
}
.times {
	position: relative;	
	width: 34px;
	height: 29px;
    float:right;
}
.shopfloor {
	position: relative;	
	width: 34px;
	height: 29px;
    float:right;
}
.logout {
	position: relative;	
	width: 34px;
	height: 29px;
    float:right;
}
.separator {
	position: relative;	
	width: 20px;
	height: 29px;
    float:right;
}

.meny {
	position: absolute;
	left: 0px;
    top: 80px;
    width:100%;
	height: 39px;
  display: flex;
  border-bottom: 2px solid #ccc; /* Understrykning för flikarna */
  background-color: #ddd;
}

.tabs {
  display: flex;           /* Använd flexbox för att enkelt hantera centreringslogik */
  justify-content: center; /* Horisontell centrering */
  align-items: center;     /* Vertikal centrering */
  width: 100%;           /* Justera höjden efter behov */
}

.tab {
  font-family: Verdana;
  font-size: 10pt;  
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom: none;
  background-color: #ddd; /* Bakgrundsfärg för ovalda flikar */
  transition: background-color 0.3s, color 0.3s;
}

.tab:not(.selected):hover {
  background-color: #ddd; /* Hover-effekt för ovalda flikar */
}

.selected {
  background-color: white; /* Bakgrund för den valda fliken */
  color: black;
  font-weight: bold;
  border-bottom: 2px solid white; /* Tar bort "glapp" i understrykningen */
}

.blockrutadefaultD {
	position: relative;
    left: 0px;
	top: 103px;
    width:100%;
	min-height: 850px;
    background-color: white;
	border-bottom: 1px solid #9bb5c0;
	padding-bottom: 25px;
    max-width: 1065px;
    margin: 0px auto;
}

.blockrutadefaultW {
	position: relative;
    left: 0px;
	top: 71px;
    width:100%;
	min-height: 850px;
    background-color: white;
	border-bottom: 1px solid #9bb5c0;
	padding-bottom: 25px;
    /*max-width: 1065px;*/
    margin: 0px auto;
}

.blockruta {
	position: relative;
    left: 0px;
	top: 103px;
    width:100%;
	min-height: 850px;
    background-color: white;
	border-bottom: 1px solid #9bb5c0;
	padding-bottom: 25px;
    max-width: 1065px;
    margin: 0px auto;
}

.meny .tab a {
    display:flex;
    padding: 10px 20px;
}