body {
    background: url('images/backdrop_light.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
  
    /*font-family: "Open Sans", Arial, sans-serif;*/
    
    font-family: "Libre Franklin", sans-serif;
    
    
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #545454;
    overflow-x: hidden;
    
    line-height: 24px;
    padding: 0;
      
     text-align: center;
}

.libre-franklin-loggin {
  font-family: "Libre Franklin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  accent-color: green;
}

.cloud { position: absolute; top: 0; left: 2%; }

#main-login {
    width: 500px;
    min-width: 312px;
    margin: auto;
    margin-top: 2%;
    background-color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#main-login-header {
    margin-top: 4%;
    text-align: center;
    margin-bottom: 20px;
}

.responsive { max-width: 90%; margin: auto; height: auto; text-align: center; }
.responsive-time { height: auto; text-align: left; }

.form.responsive, input.responsive, .field-label.responsive, .action-buttons.responsive { width: 97%; max-width: 97%; }
input.responsive { text-align: left; }

.ingress { font-size: 23px; margin-bottom: 0; }

.newcaptcha {
	font-size: 12px;
	}

.spacer { height: 16px; }

.spacer-time { 
	height: 10px; 
	clear:both;

}

.secondary-content { display: none; }

.field-label { font-size: 15px; height: 15px; margin-bottom: 8px; text-align: left; font-family: dinwebbpro_m, Arial; }
.field-label .left {
    float: left;
    /*text-transform: uppercase;*/
    color: #666;
    width: 300px;
}
.field-label .right { color: #CCCCCC; float: right;}


.field-label-time-label { width:100px; float:left; font-size: 16px; height: 15px; margin-top:3px; text-align: left; font-family: dinwebbpro_m, Arial; text-transform: uppercase; }
/*.field-label-time .left { float:left; width:100px ; text-transform: uppercase; }
.field-label-time .right { width:100px; color: #CCCCCC;}
*/

.list-header-label-time { width:100px; float:left; font-size: 16px; height: 15px; margin-top:3px; text-align: left; font-family: dinwebbpro_m, Arial; text-transform: uppercase; }
.list-list-label-time { width:100px; float:left; font-size: 14px; height: 15px; margin-top:3px; text-align: left; font-family: dinwebbpro_m, Arial; }

.action-buttons { height: 30px; width: 100%; text-align: left; margin-top: 20px; }
.action-buttons .left { width: 49%; float: left; vertical-align: bottom; }
.action-buttons .right { width: 49%; float: right; }



#topmenu{
    /* tb 140207*/
  
   /*
    -webkit-font-smoothing: antialiased;
*/

    float: left;
   /* margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 1px;
*/
}

#topmenu li {
    
	
	background: none;
    background: #FFFFFF;
    border: 0 none;
    display: inline;
    
	float: left;
    font-family: helvetica;
    font-size: 16px;
	margin-left:10px;
    
	
	margin-left: -38px;
    height: 30px;
    text-align: left;
    font-weight: 100;
  	
	
	text-transform: uppercase;
	
	/*
	text-shadow: 1px 1px white;
    
	
	transition: background-color 0.5s ease;
    transition: background-color 0.9s ease, color 0.9s ease, height 0.5s ease;
    
	color: rgb(100, 100, 100);
    
	*/
}

#topmenu li a{
    /* tb 140207*/

   
   
    color: rgb(131, 131, 131);
   
/*    text-shadow: none;


    color: #7a7a7a;
    text-decoration: none;
	*/
}

#topmenu li a:visited{

}

#topmenu li a:active{
   /*
    background-repeat: repeat-x;
    color: white;
    background-position: 26px;
	*/
}

#topmenu li.current_page_item {
   /*
  
   background: rgb(228, 228, 228);
   */
    /*box-shadow: 0px 0px 8px gray; */
}


a {
		
	color: #428d37;
	
	
	
	
		font-family: Helvetica;
		text-decoration: none;
		font-weight: 400;
			/*
		transition:color 1s;
	
		-webkit-transition:color 1s; 
*/
}


.topmenu a:hover{
	
	font-size: 15.5px;
	font-weight:bold;

}




#topmenu li:hover{
	 
	
}

#topmenu .overinlogg{
    background: #0CB10C;
}

#topmenu .overinlogg:hover {
    /*background: rgb(96, 211, 20);*/
}



a:hover {

/* color: #3191E5; */
/*
	color:#7DC700;
*/
	
color: #797979;
}






#topmenu2{
    float: left;
	background: none;
    background: #FFFFFF;
    border: 0 none;
    display: inline;
	float: left;
    font-family: helvetica;
    font-size: 16px;
	margin-left:10px;
	margin-left: 0px;
    height: 25px;
    text-align: left;
    font-weight: 100;
	text-transform: uppercase;
}

#topmenu2 a{
    color: rgb(131, 131, 131);
}

#topmenu2 a:hover{
	
	font-size: 16px;
	/*font-weight:bold;*/
	color:#7DC700;

}

.programheader {
font-size: 24px;
/*height: 72px;*/
/*vertical-align: middle;*/
text-align:left;
color: #5c5c5c;
font-family: helvetica;
font-weight: 100;
padding-top: 15px;
/*margin-top: 1px;*/
	
}


/*
a:hover {


}
*/

.headerbox {
	 width:120px;
	 float:left;
	 
	 /*font-weight:bold;
	 font-size:13px;
	 */color: #666666;
 }
 
.issave {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	font-weight: bold;
	color:	#0000CC;
	text-decoration: none;
	line-height: 15px;
	height: 20px;
	padding: 3px;
} 

/* Autocomplete */



	/* Big box with list of options */
	#ajax_listOfOptions{
		/*
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	
		*/
		font-family: Helvetica;	
		position:absolute;	/* Never change this one */
		width:380px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #666666;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:1.1em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#d3e5fa;
		color: #000000;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
/*
	form{
		display:inline;
	}
*/

/* nytt 2020-06-05 */
body {
  margin: 0;
  /*font-family: 'Droid Serif', serif;*/
	font-family: helvetica;
  background-color: #f4f4f4;
}

a {
  color: #006699;
}


/* header */

/*
.header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
  z-index: 3;
}

*/
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #f4f4f4;
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
z-index: 1;
	position: absolute;
	background: #f4f4f4;
	
	font-family: Helvetica;
	font-size: 16px;
	/*text-transform: uppercase;*/
	color: #333;
	
	
}

a .header .menu {

	color: #333;
	
	
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
 /* padding: 28px 20px; */
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 4px;
  position: relative;
  transition: background .2s ease-out;
  width: 25px;

}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 8px;
}

.header .menu-icon .navicon:after {
  top: -8px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* ny 2 , 2020-06-05 */


	
	.buttonDefault{
	
		border:none;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		font-family: Helvetica;
		text-decoration: none;
		
		padding-bottom:6px;
		padding-top: 3px;
		
		cursor: pointer;
		float: left;
		
		height: 30px;
		text-align: center;
		
		text-shadow: none;
		line-height: 24px;
		/*text-transform: uppercase;*/
		
			border-radius: 3px;
	
	
	
	
	
	}

	.buttonDefault:hover{
		/*border: 5px #FF0000;*/
		/*
		color: #f2f2f2;
		
		*/
		color:#ccc;
		
	}
	
	
	.buttonDefaultDisable{
		color:#999999;
		background-color: #f2f2f2;
		
		border:none;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		font-family: Helvetica;
		text-decoration: none;
		
		padding-bottom:6px;
		padding-top: 3px;
		
		
		float: left;
		
		height: 24px;
		text-align: center;
		
		text-shadow: none;
		line-height: 20px;
		cursor: inherit;
		/*text-transform: uppercase;*/
		
	
	
	
	
	
	}


	.buttonLista{
		
		/* blå default
		
		color: white;
		background: #006699;
		background-image: url( '../images/button/v2/lista.png' );
		background-repeat:no-repeat;
		background-position: 5px 7px;
		padding-left: 24px;
		width: 100px;
		text-align: left;
		*/
		
		color: white;
		background: #797979;
		background-image: url( 'image/button/v2/lista.png' );
		background-repeat:no-repeat;
		background-position: 5px 10px;
		padding-left: 24px;
		width: 100px;
		text-align: left;
		
		
		
		
	}
	
	.buttonListaDisable{
		color: #f2f2f2;
		background: #CCC;
		background-image: url( 'image/button/v2/lista_disable.png' );
		background-repeat:no-repeat;
		background-position: 5px 10px;
		padding-left: 24px;
		width: 100px;
		text-align: left;
	}
	
	.buttonListaDisable:hover{
		color: #f2f2f2;
		background-image: url( 'image/button/v2/lista_hover.png' );
	}



	.buttonAttesteraMarkerade{
		color: white;
		background: orange;
		background-image: url( 'image/button/v2/bock.png' );
		background-repeat:no-repeat;
		background-position: 5px 8px;
        background-size: 20px 17px;
		padding-left: 30px;
		width: 200px;
		text-align: left;
        height: 35px;
        line-height: 28px;
			
	}

.buttonAttesteraMarkerade:disabled{
		color: #f2f2f2;
		background-color: lightgray;
		background-image: url( 'image/button/v2/bock_disabled.png' );
		background-repeat:no-repeat;
		background-position: 5px 8px;
        background-size: 20px 17px;
		padding-left: 30px;
		width: 200px;
		text-align: left;
        height: 35px;
        line-height: 28px;
        cursor: none;
    
			
	}
	
	.buttonAttesteraMarkeradeDisable{
		color: #f2f2f2;
		background: #CCC;
		background-image: url( 'image/button/v2/bock_disable.png' );
		background-repeat:no-repeat;
		background-position: 5px 10px;
		padding-left: 24px;
		width: 100px;
		text-align: left;
	}
	
	.buttonAttesteraMarkerade:hover{
		color: #f2f2f2;
		background-image: url( 'image/button/v2/bock_disabled.png' );
	}




	.buttonNy{
		/*
		Mörkgrå knapp
		
		color: white;
		background: #797979;
		background-image: url( '../images/button/v2/ny.png' );
		background-repeat:no-repeat;
		background-position: 5px 7px;
		padding-left: 21px;
		width: 100px;
		text-align: left;
		*/
		
		
		color: white;
		background: #006699;
		background-image: url( 'image/button/v2/ny.png' );
		background-repeat:no-repeat;
		background-position: 5px 10px;
		padding-left: 20px;
		width: 132px;
		text-align: left;
		
		
		
		/*
		Grön
		color: #FFFFFF;
		background: #2EB82E;
		background-image: url( '../images/button/v2/ny.png' );
		background-repeat:no-repeat;
		background-position: 5px 7px;
		padding-left: 21px;
		width: 100px;
		text-align: left;
		*/
		
		
	}
	
	
	.buttonNy:hover{
		
		background-image: url( 'image/button/v2/ny_hover.png' );
	}
	.buttonLista:hover{
		background-image: url( 'image/button/v2/lista_hover.png' );
	}
	
	.buttonNyDisable{
		color: #f2f2f2;
		background: #CCC;
		
		background-image: url( 'image/button/v2/ny_disable.png' );
		background-repeat:no-repeat;
		background-position: 5px 10px;
		padding-left: 20px;
		width: 140px;
		text-align: left;
		
		cursor: inherit;
		
	}
	
	

	.buttonKlar{
		
		/*
		color: white;
		background: #42ae00;
		background-image: url( 'image/button/v2/klar.png' );
		background-repeat:no-repeat;
		background-position: 5px 10px;
		padding-left: 24px;
		width: 130px;
		text-align: left;
	
		*/
		
		color: #42ae00;
		background: white;
		background-image: url( 'image/button/v2/klar2.png' );
		background-repeat:no-repeat;
		background-position: 5px 10px;
		padding-left: 24px;
		width: 130px;
		text-align: left;
		border: thin solid #42ae00;
		
		
		
		
	}
	
	
	.buttonKlar:hover{
		
		background-image: url( 'image/button/v2/klar_hover.png' );
		border: thin solid #ccc;
	}




	.buttonAttest{
		
		color: white;
		background: #42ae00;
		width: 130px;
		text-align: center;
		height: 45px;
		font-size: 20px;
		font-family: "Libre Franklin", sans-serif;
		font-weight: normal;
		/*border: thin solid #42ae00;*/
		
	}
	
	
	.buttonAttest:hover{
		
		color: #ccc;
	}



	
	.buttonSave{
		color: white;
		background: #2EB82E;
		background-image: url( 'image/button/v2/save.png' );
		background-repeat:no-repeat;
		background-position: 6px 7px;
		padding-left: 29px;
		width: 130px;
		text-align: left;
	}
	
	.buttonSave:hover{
		background-image: url( 'image/button/v2/save_hover.png' );
	}


.buttonLogin{
		color: white;
		background: #006699; /*2EB82E;*/
		
		width: 130px;
		text-align: center;
	}
	
	.buttonLogin:hover{
		color: #ccc;
	}
	

	
	.buttonSaveDisable{
		background: #CCC;		
		background-image: url( 'image/button/v2/save_disable.png' );
		background-repeat:no-repeat;
		background-position: 5px 5px;
		padding-left: 28px;
		width: 130px;
		text-align: left;
	}

	
	.buttonDelete{
		background-image: url( 'image/button/v2/delete.png' );
		background-repeat:no-repeat;
		background-position: 5px 7px;
		padding-left: 24px;
		width: 100px;
		text-align: left;
		background-color: lightcoral;
		color: white;
	}
	
	.buttonDeleteDisable{
		background-image: url( 'image/button/v2/delete_disable.png' );
		background-repeat:no-repeat;
		background-position: 5px 5px;
		padding-left: 20px;
		width: 70px;
		text-align: left;
	}
	
	.buttonDelete:hover{
		background-image: url( 'image/button/v2/delete_hover.png' );
	}
	
	


.listaHeader { 
	width:100px; float:left;
	font-size: 16px;
	height: 15px;
	margin-top:3px;
	text-align: left;
	/*font-family: dinwebbpro_m, Arial;*/
	text-transform: uppercase;
}
.listaLista { 
	
	width:100px; 
	float:left; 
	font-size: 16px;
	font-weight: 100;
	/*height: 18px; */
	margin-top:3px; 
	text-align: left; 
	/*font-family: dinwebbpro_m, Arial; */
	
	 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	
}

.listaListaSecondRow{ 
	
	width:100px; 
	float:left; 
	font-size: 14px;
	font-weight: 100;
	margin-top:3px; 
	/*height: 18px; */
	text-align: left; 
	
	 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	
}

.listasmal{ 
	
	font-size: 14px;
	font-weight: 100;
	
	
	
}


.spacerListaBorder { 
	clear:both;
	border-bottom: thin solid #EEEEEE;
	padding-top: 5px;
	
}

.spacerLista{ 
	clear:both;
	padding-top: 5px;
	
}


.errorstyle{ 
	color: lightcoral;
	
}


.klarstyle{ 
	color: #42ae00;
	
}


.formlabel { 
	width:115px; 
	float:left; 
	font-size: 17px; 
	height: 15px; 
	margin-top:3px; 
	text-align: left; 
	margin-left: 6px;
	color: #666;
	line-height: 24px;
	/*
	font-family: dinwebbpro_m, Arial; 
	text-transform: uppercase;
*/
}



.infotext { 
	
	font-size: 14px; 
	
	color: #666;
	line-height: 18px;

}

fieldset {
  /*background-color: #eeeeee;*/
border-radius: 5px;
	border: solid thin #eee;
	text-align: left;
	
}

legend {
	text-align: left;
	 padding: 0px 5px 0px 5px;
  /*background-color: gray;
  color: white;
  padding: 5px 10px;
	*/
}




input[type=text], input[type=email], input[type=password] {
	height: 20px;
	font-size: 18px;
	line-height: 100%;
	border: 1px solid #E2E2E2;
	background-color: #F7F7F7;
	padding: 5px;
	border-radius: 5px;

}

textarea { 
	height: 60px; 
	font-size: 18px; 
	line-height: 100%; 
	border: 1px solid #E2E2E2; 
	background-color: #F7F7F7;  
	padding: 5px;
border-radius: 5px;

}

select { 
	height: 35px; 
	font-size: 18px;
	
	line-height: 100%; 
	border: 1px solid #E2E2E2; 
	background-color: #F7F7F7;  
	padding: 2px;
	border-radius: 5px;
	


}



@media screen and (max-width: 550px) {
 body {
    background: #FFF;
    
   
     
   
}
}


@media screen and (max-width: 750px) {
    #mobillinkfiles {
        display: inline;
    }
    
     #desktoplinkfiles {
        display: none;
    }
    
    
    
}


@media screen and (min-width: 751px) {
    #mobillinkfiles {
        display: none;
    }
    
     #desktoplinkfiles {
        display: inline;
    }
    
    
    
}