body {
        padding-top: 60px;
        padding-bottom: 40px;
      }







.navbar {
  min-height: 35px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}




	.navbar .nav > li:hover { 

	background-image : -moz-radial-gradient(  white, #D8D8D8);
	background-image : -webkit-radial-gradient(white, #D8D8D8);
	background-image : -o-radial-gradient(white, #D8D8D8);
	background-image : -ms-radial-gradient(bottom, #D8D8D8 0%, #FFFFFF 100%);

	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#D8D8D8'); 

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#D8D8D8')"; 

	}









#white-gray-wrapper {


	background-image : -moz-linear-gradient(#F0F0F0, white);
	background-image : -webkit-linear-gradient(#F0F0F0, white);


}


#white-blue-wrapper {


}



#blue-wrapper {


	background-color : #6699CC;

	min-height : 300px;
	

}




header{
	position : relative;
	margin-top : 50px;
	margin-bottom : 20px;
	color : inherit;
	width : 95%;
	/*font-family : Trebuchet MS, Arial Narrow, sans serif; */
	letter-spacing : 30px;
	font-weight : bold;
	text-align : center;

}


header h1  {
	font-size : 2.9em;
}

.l-spacing20 {

	letter-spacing : 20px;
}


.l-spacing10 {

	letter-spacing : 10px;
}


@media only screen and (max-width: 480px){
		
	
	body{fontsize : 1.3em;}
	
  header h1 , h1 {
    
font-size : 2.3em;	
letter-spacing : 3px;
  }
	
}





.kanban{

	

	min-height : 560px;

	

	border-right : 2px solid gray;
	
			
	letter-spacing : 10px;

	

    background : white;

	text-align : center;

}




.timeline-bar {


letter-spacing : 8px;

	font-weight :bold;

border-right : 5px solid orange;
	
	text-align : center;

display : block;

}




.btn-o{


	text-align : center;

	vertical-align : middle;

	padding : 2px 4px;

	margin-top : 12px;

	margin-bottom : 4px;

	margin-left :8px;

	margin-right : 8px;

	background-color : #FFFFFF;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	box-shadow : 2px 2px 2px #555555;
	
	
    
	
}


.btn-large-o {

	
	display: block;
	
	min-width : 150px;

	min-height : 33px;
	
	font-size : 1.1em;

	letter-spacing : 8px;

}


.btn-large-o-dates {

	

	
	min-width : 150px;

	min-height : 33px;
	
	font-size : 1.1em;

	letter-spacing : 8px;

}



.btn-small-o {

	display : block;

	max-width : 200px;

	min-height : 33px;
	
	font-size : 1.1em;

	letter-spacing : 1px;

	background-color : #428bca;

	color: white;



}





.btn-orange-o {

	display : block;

	max-width : 200px;

	min-height : 33px;
	
	font-size : 1.1em;

	letter-spacing : 1px;

	background-color : #fca311;

	color: blue;



}



.btn-o:hover {
	
	
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	box-shadow : 0px 0px 0px #555555;

	background-color : #E8E8E8;

	background-image : -moz-linear-gradient(#FFFFFF, #F0F0F0);
	background-image : -webkit-linear-gradient(#FFFFFF, #F0F0F0);
	
	border-width : 2px;
	
	border-style : outset;

	border-color : #F0F0F0 #E8E8E8 #D0D0D0 #D8D8D8;
	
    
	
}





a{
	color : #444444;
	text-decoration: none;
	
}

a:hover {

	text-decoration : none;

}



.dashb-ind {

	
	padding : 5px;
	margin-left :10px;
	margin-right : 10px;
	
}

.bg-normal {

	background-color : #E8E8E8;
}



.bg-warning {


	background-color : #808080;

}



.bg-danger {


	background-color : #303030;


}



.bg-succes {


	background-color : #468847;

}




fieldset{
	
	margin :20px;
	padding: 20px;	
	background-color : #FFFFFF;

	background-image : -moz-linear-gradient(#FFFFFF,#6699CC);
	background-image : -webkit-linear-gradient(#FFFFFF, #6699CC);
	


	background : rgb (255, 255 , 0);
	opacity : 0.8;	

	-moz-border-radius: 15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	
	box-shadow : 8px 8px 8px #555555;

	
	
}




.pill {
  	padding : 10px;

	margin-top : 10px;	
	margin-bottom : 10px;

	font-size : 1.8em;

  	background-color: #f5f5f5;
  	border: 1px solid #e3e3e3;
  	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.space-left{

	margin-left : 1em
}


.text-red {

	color : red;
}