body{
	  -webkit-user-select: none;  
	  -moz-user-select: none;    
	  -ms-user-select: none;      
	  user-select: none;
	}
	.nav-search .ui-btn-up-a {
		background-image: none;
		background-color: #333;
		}
		.nav-search .ui-btn-inner {
			border-top: 1px solid #888;
			border-color: rgba(255, 255, 255, .1);
			
		}
		.nav-search .ui-btn.ui-first-child {
			border-top-width: 0;
			border-bottom-width: 0;
			background: #f1f1f1;
			
		}
		.nav-search .ui-btn.ui-last-child {
			
			border-bottom-width: 1;
		
			
		}.nav-search .ui-btn {
		
			border-bottom-width: 0;
		
		}
		.userform {
			padding: .8em 1.2em;
		}
		.userform h2 {
			color: #555;
			margin: 0.3em 0 .8em 0;
			padding-bottom: .5em;
			border-bottom: 1px solid rgba(0,0,0,.1);
		}
		.userform label {
			display: block;
			margin-top: 1.2em;
		}
		.ui-grid-a {
			margin-top: 1em;
			padding-top: .8em;
			margin-top: 1.4em;
			border-top: 1px solid rgba(0,0,0,.1);
		}
		.opgaveliste li{
			border-bottom-width: 0;
		}
		.opgaveliste li:first{
			border-top-width: 0;
		}
		
		.ui-icon-splan-klar {
			
			background: url("../img/klar.png") 50% 50% no-repeat;
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			margin-top: -15px !important;
			box-shadow: none;
			-webkit-box-shadow: none;
			
		}
		.ui-icon-splan-start {
			
			background: url("../img/start.png") 50% 50% no-repeat;
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			margin-top: -15px !important;
			box-shadow: none;
			-webkit-box-shadow: none;
			
		}
		.ui-icon-splan-stop {
			
			background: url("../img/stop.png") 50% 50% no-repeat;
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			margin-top: -15px !important;
			box-shadow: none;
			-webkit-box-shadow: none;
			
		}
		.ui-icon-splan-venter {
			
			background: url("../img/stop.png") 50% 50% no-repeat;
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			margin-top: -15px !important;
			box-shadow: none;
			-webkit-box-shadow: none;
			
		}
		
		#acty .ui-btn.ui-first-child {
			border-top-width: 0;
			border-bottom-width: 0;
			background: #f1f1f1;
			
		}
		#acty .ui-btn.ui-last-child {
			
			border-bottom-width: 1;
		
			
		}
		.reglogItm{
			padding: 1.0em 15px;
			display: block;
			font-size: 13px;
		}
		#nav-panel .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
			padding: 1.2em 15px;
			display: block;
			font-size: 20px;
		}

.tablecell {
	height:50px;
	background-color:white
}
.cellheight {
	height:50px;	
}



@media all and (max-width: 440px) { 
    #grafikcelleth {
		display:none; 		
	}
	#grafikcelletd { 
		display:none; 		
	}
    #varighedcelle {
		display:none; 		
	}
    #varighedhead {
		display:none; 		
	}	
}  

@media all and (min-width:441px) and (max-width: 617px) { 
	#grafikcelleth { 
        display:none;
	} 
	#grafikcelletd { 
		display:none;
	}		
} 

@media all and (min-width:618px) and (max-width: 797px) { 
	#grafikcelleth { 
	    width:190px;
        display:block;
		height:50px;
		background-position: left bottom;
		background-color:#ffffff;		
		background-image: url("http://main.cloudsimplanner.dk/websim/img/timebarTiny.png");
		background-repeat: no-repeat;
	} 
	#grafikcelletd { 
	    width:190px;
		height:50px;
        display:block;
	}	
	
    .canvasstyle {
	    width:190px;
		height:50px;
        display:block;
		background-position: left bottom;
		background-color:#ffffff;
        background:url("http://main.cloudsimplanner.dk/websim/img/timebargridTiny.png");
		background-repeat: repeat;
    }	
	#canvas {
		width:190px;
		height:50px;
	}	
}  

@media all and (min-width:798px) and (max-width: 977px) { 
	#grafikcelleth { 
	    width:370px;
        display:block;
		height:50px;
		background-position: left bottom;
		background-color:#ffffff;		
		background-image: url("http://main.cloudsimplanner.dk/websim/img/timebarSmall.png");
		background-repeat: no-repeat;
	} 
	#grafikcelletd { 
	    width:370px;
		height:50px;
        display:block;
	}	
	
    .canvasstyle {
	    width:370px;
		height:50px;
        display:block;
		background-position: left bottom;
		background-color:#ffffff;
        background:url("http://main.cloudsimplanner.dk/websim/img/timebargridSmall.png");
		background-repeat: repeat;
    }	
	#canvas {
		width:370px;
		height:50px;
	}	
 } 

@media all and (min-width:978px) and (max-width: 1157px) { 
	#grafikcelleth { 
	    width:550px;
        display:block;
		height:50px;
		background-position: left bottom;
		background-color:#ffffff;		
		background-image: url("http://main.cloudsimplanner.dk/websim/img/timebarMedium.png");
		background-repeat: no-repeat;
	} 
	#grafikcelletd { 
	    width:550px;
		height:50px;
        display:block;
	}	
	
    .canvasstyle {
	    width:550px;
		height:50px;
        display:block;
		background-position: left bottom;
		background-color:#ffffff;
        background:url("http://main.cloudsimplanner.dk/websim/img/timebargridMedium.png");
		background-repeat: repeat;
    }	
	#canvas {
		width:550px;
		height:50px;
	}	
 } 

@media all and (min-width:1158px) { 
	#grafikcelleth { 
	    width:730px;
		height:50px;
        display:block;
		background-position: left bottom;
		background-color:#ffffff;
 	    background-image: url("http://main.cloudsimplanner.dk/websim/img/timebar.png");
		background-repeat: no-repeat;		
	}
	#grafikcelletd { 
	    width:730px;
		height:50px;
        display:block;
	}
	
	
    .canvasstyle {
	    width:720px;
		height:50px;
        display:block;
		background-position: left bottom;
		background-color:#00ffff;
        background:url("http://main.cloudsimplanner.dk/websim/img/timebargrid.png");
		background-repeat: repeat;
    }	
	#canvas {
		width:720px;
		height:50px;
	}	
	
 } 
/* Smartphones ----------- */
/*
@media only screen and (max-width: 679px){
  .mobilephone { display: block; }
  .notmobile{display:none;}
}
@media only screen and (min-width: 680px){
  .mobilephone { display: none; }
  .notmobile { display: block; }
}

.ui-collapsible-heading .ui-icon {
    display: none;
}
*/
/*timespanpicker*/
.buttonWithRoundedCorners {
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	width:56px;
	line-height:56px;
	cursor:pointer;
	padding:0px;
	margin:2px;
	border:2px solid #808080;
	font-size:xx-large;
	background:transparent;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
.buttonWithRoundedCorners2 {
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	width:56px;
	line-height:56px;
	cursor:pointer;
	padding:0px;
	margin:2px;
	border:2px solid #808080;
	background-color:#ffffcc;	
	font-size:xx-large;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
.BigbuttonWithRoundedCorners {
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	width:122px;
	line-height:56px;
	cursor:pointer;
	padding:0px;
	margin:2px;
	border:2px solid #808080;	
	font-size:xx-large;
	background:transparent;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
.BigbuttonWithRoundedCorners2 {
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	width:122px;
	line-height:56px;
	cursor:pointer;
	padding:0px;
	margin:2px;
	border:2px solid #808080;
	background-color:#ffffcc;	
	font-size:xx-large;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
.space0{
	font-size:xx-large;
	color:black;
	font-weight:bold;
}
.space{
	font-size:xx-large;
	color:white;
	font-weight:bold;
}
.space2{
	font-size:xx-large;
	color:white;
	font-weight:bold;
}
#mytimespanPicker_start{
	background-color:#ffffff;
	border-color:#000000;
	height:30px;font-size:25px;
	padding: 10px;
	margin:5px;
	vertical-align:top;
	-moz-border-radius: 5px;
	border-radius: 10px;
	border-style:solid;
	border-width:2px;
}
#mytimespanPicker_duration {
	background-color:#ffffff;
	border-color:#000000;
	height:30px;font-size:25px;
	padding: 10px;
	margin:5px;
	vertical-align:top;
	-moz-border-radius: 5px;
	border-radius: 10px;
	border-style:solid;
	border-width:2px
}
#mytimespanPicker_slut{
	height:30px;
	font-size:25px;
	padding: 10px;
	margin:5px;
	vertical-align:top;	
}
#timespanPicker2_start{
	background-color:#ffffff;
	border-color:#000000;
	height:30px;font-size:25px;
	padding: 10px;
	margin:5px;
	vertical-align:top;
	-moz-border-radius: 5px;
	border-radius: 10px;
	border-style:solid;
	border-width:2px;
}
#timespanPicker2_duration {
	background-color:#ffffff;
	border-color:#000000;
	height:30px;font-size:25px;
	padding: 10px;
	margin:5px;
	vertical-align:top;
	-moz-border-radius: 5px;
	border-radius: 10px;
	border-style:solid;
	border-width:2px
}
#timespanPicker2_slut{
	height:30px;
	font-size:25px;
	padding: 10px;
	margin:5px;
	vertical-align:top;	
}
.mytable {
	width: 250px;	
}
.myth{
    text-align: center;
	padding:5px;
	height:35px;
	margin:5px;
	padding:5px 0px 5px 0px;
	font-size: 18px;
}
.mytr{
    text-align: center;
	padding:5px 0px 5px 0px;
	height:35px;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
}
.mytd {
    text-align: center;
	height:35px;	
	font-size:25px;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
}
.display {
    text-align: center;
	background-color:#ffcccc;
	width:270px;
	padding:5px;
}	
.picker {
    text-align: center;
	background-color:#ffffcc;
	width:270px;
	padding:5px;
}
/**/
.Big6buttonWithRoundedCorners {
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	width:192px;
	line-height:56px;
	cursor:pointer;
	padding:0px;
	margin:2px;
	border:2px solid #808080;	
	font-size:xx-large;
	background:transparent;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
/*til mazak*/
/*
#myleft  {
    float: left;
}
#mymid  {
	margin-left:5px;
	padding-left:5px;
	margin-right:5px;
	padding-right:5px;	
}
#myright {
    float: right;    
}
.mypadding {
	padding-left:5px !important;
}
.mypadding-right {
	padding-right:5px !important;
}

.shortActInfo{
	margin-bottom:1px;
}
.mybutton:hover{background:#ffffff;}
.mybutton:focus{background:#ffffff;}
.mybutton:active{background:#ffffff;}

.buttonlook{
  color: black ;  
  background-color:#f0f0f0;
  border-top: 2px solid #33ccff;
  border-right: 2px solid #006699;
  border-bottom: 2px solid #006699;
  border-left: 2px solid #33ccff;
	-webkit-border-radius: 15px ;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
}
.buttonlook:hover{background:#ffffff;}
.buttonlook:focus{background:#ffffff;}
.buttonlook:active{background:#ffffff;}
*/
/*
@media all and (max-width: 320px) { 
	.ellipsis {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*
		text-overflow: ellipsis;
		width:170px;
		display:inline-block;
	}
	.ellipsis2 {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		
		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:295px;
		display:inline-block;
	}	
	* {
		margin:0px;
		padding:0px !important;
		overflow-x: hidden !important;
	}
	.myspace {
	   display:block;
	   line-height:15px;
	}
	.myspace2 {
	   display:block;
	   line-height:7.5px;
	}
	::-webkit-scrollbar { 
		display: none; 
	}
	
}  

@media all and (min-width:321px) and (max-width: 340px) { 
	.ellipsis {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:185px;
		display:inline-block;
	}
	.ellipsis2 {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:220px;
		display:inline-block;
	}	
	* {
		margin:0px;
		padding:0px !important;
		overflow-x: hidden !important;
	}
	.myspace {
	   display:block	   
	}
	::-webkit-scrollbar { 
		display: none; 
	}		
}
@media all and (min-width:341px) and (max-width: 360px) { 
	.ellipsis {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:200px;
		display:inline-block;
	}
	.ellipsis2 {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:235px;
		display:inline-block;
	}	
	* {
		margin:0px;
		padding:0px !important;
		overflow-x: hidden !important;
	}
	.myspace {
	   display:block
	}	
}
@media all and (min-width:361px) and (max-width: 380px) { 
	.ellipsis {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:215px;
		display:inline-block;
	}
	.ellipsis2 {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:250px;
		display:inline-block;
	}	
	* {
		margin:0px;
		padding:0px !important;
		overflow-x: hidden !important;
	}
	.myspace {
	   display:block
	}	
}
@media all and (min-width:381px) and (max-width: 400px) { 
	.ellipsis {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:265px;
		display:inline-block;
	}
	.ellipsis2 {		  
		overflow: hidden;*//* Required for text-overflow*/
/*		white-space: nowrap;*//* to do anything */
/*		text-overflow: ellipsis;
		width:250px;
		display:inline-block;
	}	
	* {
		margin:0px;
		padding:0px !important;
		overflow-x: hidden !important;
	}
	.myspace {
	   display:block;
	}	
}
@media all and (min-width:401px) { 
	.myspace {
	   display:none
	}	
}

.myclass{  
  text-align:right;  
}  
*/