/* Add here all your css styles (customizations) */
.panel-heading-podium{
	background:#e74c3c;
	color:white;
	font-weight:bold;
}
#zaalplan{
	width:100%;
}
#zaalplan td *{
	cursor:default
}	
#zaalplan td div{
	padding:2px;
}	
#zaalplan td div.free *{
	cursor:pointer!important;
}		
.is-clickable{
	cursor:pointer!important;
}
#zaalplan td div.free:hover{
	color:black;
}	
#zaalplan td div.booked *{
	cursor:pointer!important;
}		
#zaalplan td div.booked:hover{
	color:black;
}					
#zaalplan td{
	border-style:solid;
	border-width:0px;
	padding:none!important;
}
.step{
	padding:8px;
}
.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.fa-spacer{
  width: 0.8em;
  content: ' ';	
}

/* CSS used here will be applied after bootstrap.css */
.modal-header-success {
	color:#fff;
    background-color: #5cb85c;
}
.modal-header-primary {
	color:#fff;
    background-color: #428bca;
}

.modal-header-success .modal-title,
.modal-header-primary .modal-title{
	color:#fff;
}
.service-block-red .progress-bar-u{
  background-color:white!important;
}

@media screen and (min-width: 1000px) {
	
	#panel-discount .modal-dialog  {width:1100px;}
	#panel-extra .modal-dialog  {width:1100px;}
}

@media screen and (min-width: 768px) {
	
	#panel-discount .modal-dialog  {width:900px;}
	#panel-extra .modal-dialog  {width:900px;}
}