/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
.container-narrow {
        /*margin: 0 auto;
        max-width: 1600px;*/
      }
   
/*=============bootstrap/yiistrap overwrite======================*/

div.tooltip{z-index:999!important;}
body {

    font-family:  Arial, sans-serif; }

.clear{clear:both;}
a {
    color: #000;
  
}
a:hover, a:focus {
    color: #cc0000;
  
}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background-color: #cc0000;
   
}
.grid-view .table .filters > td .filter-container select {margin-bottom: 0;width: 100%;}
.grid-view .table th {color: #333; font-size: 14px; font-weight: bold;}
.grid-view .table th > .sort-link {color: #cc0000;}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
 
}
	

/*=============classes======================*/
.red { background-color: #F2DEDE; }
.green { background-color: #DFF0D8; }

/*=============basic layout======================*/

.header-container{background-color: #fff;
    height: 87px;
    margin-bottom: 23px;
   
   
   }
	
	.logo {height:80px; text-align:center;
    border-bottom: 1px solid #dfdfdf;

}

.logo a {
    background-color: #fff;
  	
    padding-left: 16px;
    padding-right: 16px;
}

.logo img {
  
    height: 53px;
    margin-top: 30px;
}

h1 {font-size: 28.5px;}
div.messages {position: fixed; top:10px; left: 10px;z-index: 1000;}

#tablefloor { width:100%;clear:both; padding-bottom:30px;}

#parking{ clear:both; width:100%;  border:1px solid #ddd; background:#eee;}
#parking p {padding:0 5px;}

.tablegroup { width:auto;  clear:both;  margin-bottom:10px;}
#tablefloor .tablegroup {  clear:both; padding:0px 0 5px;}
#parking .tablegroup { height:auto; clear:both;  padding-top:5px;}

.chair {float:left; margin-left:5px; margin-bottom:5px;}
.chair-spacer{display:block;float:left;width:30px; text-align:center; vertical-align:middle; display:table-cell; color:#000; font-size:10px;}
.chair a{
    width: 80px;
    height: 22px;
  	display:table-cell;
    border: 1px solid black;
    text-align: center;
	vertical-align:middle;
	
	background:#FFF;
	font-size:9px;
	line-height:9px;
	padding:1px;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   
	}
	
.table span{ cursor: pointer;}
	
.chair a:hover, .chair a:focus{-webkit-box-shadow: 0 0 5px 0px #000; box-shadow: 0 0 5px 0px #000; text-decoration:none;}
.chair a.placed { background:#67b646; color:#FFF;}
.chair a.confirmed { background:#3c763d; color: #FFF;}
.chair a.pending { background:#8a6d3b; color: #FFF;}
.chair a.cancelled { background:#a94442; color:#FFF}
.chair a.checked { background:#31708f; color:#FFF}

.legend { clear:both;}
.legend .chair {position:relative; margin-bottom:10px; vertical-align:middle; float:left; margin-right:10px;;}
.legend .chair a {vertical-align:middle; float:left; margin-right:5px;  width: 20px;
    height: 20px;}
.legend .chair span {vertical-align:middle;}



#tisch-grid #tisch-grid_c0{width:10%;}

.droppable { background-color: gray;}

@media only screen and (max-width: 960px){
	.content-container{margin-top:0px;}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {margin-left: 0;}
}



@media only screen and (min-width: 768px) and (max-width: 960px){

}

	/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {

}


@media print {
  header, nav, #parking, .navbar{display:none;}
}