body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #282828;
	background: #fff;
	margin: 0;
	font-size: 12px;
}



html, body {
    height: 100%; 
}

body.wait, body.wait *{
    cursor: wait !important;
}


.first_text {
	margin: 0;
	padding-bottom: 10px;
}

/*#pdf {
float:right;
}*/


#pdf1 {
    color: #fff;
}

#pdf {
float:right;
text-transform:uppercase;
padding: 5px 8px;
	/*background: #007cd9;*/
    background:#007CD9;
    margin-top: 0px;

}


.printSkjutsBerBtn {
    text-transform:uppercase;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
	color: #ffffff;
	background: #007cd9;
	margin: 0;
	font-size: 11px;
	cursor:pointer;
    border:none;
}

    .printSkjutsBerBtn:disabled {
        text-transform: uppercase;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: 12px;
        color: #ffffff;
        background: #8D8D8D;
        margin: 0;
        font-size: 11px;
        cursor: pointer;
        border: none;
    }

.printSkjutsBerBtn:hover {
    background: #8D8D8D;
}

#pdfklista {
    color: #fff;
}

#pdfklista1 {
float:right;
text-transform:uppercase;
padding: 5px 8px;
	/*background: #007cd9;*/
    background:#007CD9; /*Blå*/
    margin-top: -5px;
    margin-right: -5px;
    }

#pdfklista1:hover, #ctrlp:hover, #pdf:hover  {
    color: #fff;
    background: #8D8D8D;    /*Grå*/
}

#print {
    vertical-align:middle;
}


#skola {
    vertical-align:auto;
}

/*#elevspec_sok {
   border:1px solid #007cd9;
    padding:0px;
}

#elevspec {
    border:1px solid #007cd9;
    padding:0px;
}*/
    

#parallel {
    /*vertical-align:auto;*/
    top:auto;
    vertical-align:top;        
}

.klasser {
   /*text-align: center;
  color: red;*/
}

#elev {
    vertical-align:auto;
}

#sokelev  {
    vertical-align:auto;
}

*turlistor {
    vertical-align: auto;
}

/*visa/dölj*/
button {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #282828;
	background: #fff;
	margin: 0;
	font-size: 11px;
	cursor:pointer;

}

.active_button
{
    background: silver;
    border:0.2em inset !important;color:#fff;font-size:1em;
}


.content, #head_content {
	width: 970px;
	margin: 0 auto;
}
.content {
	background: #fafafa;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}

.content2 {
	box-sizing: border-box;
    width:auto;
}

.content3 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-style:oblique;
    color: #282828;
    background: #fff;
    margin: 0;
    font-size: 12px;
}

#regular2 {
	display: block;
        
}

#map {
	border-style: solid;
	border-color:#007cd9;
	width:auto;
	height:500px;
    position:static;
	}

#map2 {	
	/*border-style: solid;*/
	border-color:Green;
	width:auto;
	height:500px;
	visibility:hidden;
	}

#mobile {
	display: none;
}

#regular {
	display: block;
}


#mobileLogga {
	display: none;
}

#regularLogga {
	display: block;
}

#version {
float:left;
color:#ccc;
font-size:xx-small;
margin-top:inherit;
}


.table_findelev {
    border-spacing:0px;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
    vertical-align: central;
}

/*.form_elevsok {
    border-spacing:0px;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
    vertical-align: central;
    color:Red;
}*/

.schemaramar {
    border-spacing:0px;
    border-collapse: collapse;    
    text-align: left;
    vertical-align: central;    
}

.schemaramar th, td {    
    height: 5px;
    padding-left:3px;
    text-align: left;
    vertical-align: central;
}   

.schemaramar tr:nth-child(2) { 
    border-bottom: solid thin;
}

.schemaramar tr:nth-child(1) { 
    border-top: solid thin;
}

.schemaramar tr:nth-child(odd) td {
    background-color: #eee;
}

.elevtable {
    border-spacing:0px;
    border-collapse: collapse;
    /*padding: 2px;*/
    text-align: center;
    vertical-align: central;      
}

.elevtable tr:nth-child(1n+2) {
        cursor: pointer;
    }

.elevtable tr:nth-child(4n+2) td {
    background-color: #eee;
}

.elevtable tr:nth-child(4n+3) td {
    background-color: #eee;
}


.dublettelev tr:nth-child(1n+2) {
        cursor: pointer;
    }

.dublettelev tr:nth-child(4n+2) td {
    background-color: #eee;
}

.dublettelev tr:nth-child(4n+4) td {
    background-color: #eee;
}


/*.NElever, NEleverSok {
    padding: 2px;
 	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #282828;
	font-size: 12px;
}*/



.visaantal {
    padding: 2px;
 	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #282828;
	font-size: 11px;
}


.visaantal td:first-child + td{
    cursor: pointer;
    text-decoration: underline;
    width:auto;
    /*border-image-width: 50%;*/
}

.pil {
    cursor: pointer;
    width: 12px;
    vertical-align: middle;
}

.buss {
    /*display: block;*/
    display: inline flex;
    margin: 0 auto;
    cursor: pointer;
    width: 14px;
    vertical-align: middle;
    text-align: center;
    flex-direction: row;
}

.bussar {
    /*display: block;*/
    display: inline flex;
    margin: 0 auto;
    cursor: pointer;
    width: 28px;
    vertical-align: middle;
    text-align: center;
    flex-direction: row;
}

.laddare {
    /*display: block;*/
    display: inline flex;
    margin: 0 auto;
    cursor: pointer;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    flex-direction: row;
}



.elevspec {
    border-spacing:0px;
    border-collapse: inherit;
    padding: 2px;
    text-align: left;
    vertical-align: central; 
    height:auto;
}




@media all and (max-width: 999px) and (min-width: 749px) 
{
	/*Desktop*/
	.content, #head_content {
		width: 100%;		
	}

    .s_content, #head_s_content {
		width: 100%;		
	}    



	#tabdata_turer
	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
    }
}


#submit-button{border-style: outset !important;
    border-color: inherit !important;
    border-width: 0.2em !important;
    min-width: 3.5em;     background-color:#007cd9;    color:#fff;    font-size:1.3em;    font-weight:700;    height:2em !important;    line-height:0.9em !important;    cursor:pointer
}

#submit-button{
    float:inherit;
    margin-left:345px;
    }

#header {
	color: #6a6a6a;
	background: #eee;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 10px 10px;
	box-sizing: border-box;
}

/* behövs för floats */
#head_content {
	overflow: auto;
	padding-top: 0;
}

#logo {
	float: left;
}

#tabview ul {
	overflow: auto;
}

#menu, #tabview ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 

#menu {
	float:right;
  

}

#namninlogg {
	float:right;
    text-transform:capitalize;
}



#menu li, #tabview li {
	float: left;
	text-transform: uppercase;	
}



#tabview li {
	padding: 5px 8px;
	background: #007cd9;
	margin-right: 1px;
    margin-top: 0px;
}

#tabdata_grund, #tabdata_schema, #tabdata_turer, #tabdata_turvisa, #tabdata_klasslista, #tabdata_sokelev, #tabdata_turlistor {
    padding: 5px;
    border: 1px solid #007cd9;
    background: #fff;
}

#tabview li:hover {
background:#8D8D8D;
}

#tabview li a {
	color: #fff;
}
#menu li {
	margin: 0 10px;
}

a, a:visited {
	text-decoration: none;
	color: #007cd9;
}
a:hover, .active {
	text-decoration: underline;
}
.active_tab, .active_tab2
{
    background: #6699FF !important;
}

#tabdata_turer, #tabdata_schema, #tabdata_turvisa, #tabdata_klasslista, #tabdata_sokelev, #tabdata_turlistor {
    display: none;
}


/*grund*/
#tabdata_grund td, th {
	vertical-align: top;
	text-align: left;
	/*padding-right:40px;*/
	font-size:12px;
     border-color:black;

     }
/*#table_grund
{
    align-content: center;
    border-color: #CECECE;  
}*/

.gray {
    background-color:lightgray;
    width:auto;

    }

/*Schema*/
#tabdata_schema td, th {
	vertical-align: top;
	text-align: left;
	padding-right: 20px;
	font-size:12px;
}


/*turer*/
#tabdata_turer td {
	/*vertical-align: top;*/
	text-align: left;
	padding-right: 5px;
	font-size:12px;
    
}

#turer_table, hr {
    vertical-align: top;
	text-align: left;
  border-color:#007cd9;
  width:100%;

}

#tabledag1, #tabledag2, #tabledag3, #tabledag4, #tabledag5  {
    vertical-align: top;
	text-align: left;
	/*padding-right: 20px;*/	   
}


/*klasslista*/
#tabdata_klasslista td {
	vertical-align: top;
	text-align: left;
	padding-right: 20px;
	font-size:12px;	
}

#tabdata_sokelev td{
	vertical-align: top;
	text-align: left;
	padding-right: 20px;
	font-size:12px;	
}

#tabdata_turlistor td {
    vertical-align: top;
    text-align: left;
    padding-right: 20px;
    font-size: 12px;
}

#ctrlp {
    float: right;
    text-transform: uppercase;
    padding: 1px 8px;
    /*background: #007cd9;*/
    background: #8D8D8D;
    margin-top: 0px;
    color: #fff;
}

/*Inloggningsruta*/
#elev_form  label {
	display: inline-block;
	width: 300px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

input, select {
	padding: 3px;
	margin: 2px 2px 2px 3px;
}



#tider {
  position: absolute;
    top: 140px;
    right: 500px;
}

#tidcheck {
  position: absolute;
    top: 13px;
    left: 360px;	
}

#veckodagar {
border-style:solid;
border-color:#007cd9;
}
	

#HPL 
{
float:right;	
	
}


/*-------------------MOBILE------------------------------- */


@media screen and (max-width: 600px) and (max-height: 800px) {
   body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #282828;
	background: #fff;
	margin: 0;
	font-size: 12px;
}

html, body {
    /*height: 100%;*/ 
}

    #mobile {
		display: block;

		
	}
    #regular {
        display: none;
    }

	#mobileLogga {
		display: block;
	}
	#regularLogga {	
		display: none;
	}

    .content, #head_content {
		width: 100%;
	}

    /*#menu {

        float:right;
    }*/

    #loggaut_mobil {
        float:initial;
    }

    #pdf, .active {
        visibility: hidden;
}

/*Inloggning*/

#elev_form  label {
	display: block;
	width: auto;
	text-align: left;
	padding-right: 5px;
	font-weight: bold;
}

input, select {
	padding: 3px;
	margin: 2px 2px 2px 3px;
}


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

/*Grunduppgifter*/

#tabview_mobile ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 

#namninlogg {
	float: right;
}

 #tabview_mobile li {
	float: left;
	text-transform: uppercase;	
}

#tabview_mobile li {
	padding: 5px 8px;
	background: #007cd9;
	margin-right: 1px;
    margin-top: 0px;
}

.active_tab
{
    background: #6699FF !important;
}

    #mobile_table_grund td, th {
	text-align: left;
	font-size:12px;
    /*border:groove;*/
    
}
    #mobile_table_grund {
    /*border:groove;*/
    border-width:2px;
    border:solid;
    border-color:#007cd9;
 
}
    .grey {
    background-color:#CECECE;
    }


}

#turn_mobile {

font-weight: bold; 

}


/*TURER*/
#mobile_turer, .t_mobile {
    font-size: 10px;
}



  /*SCHEMA*/
  #veckodagar_mobile {
 border-width:2px;
    border:solid;
    border-color:#007cd9;
}