/* https://stackoverflow.com/a/21955398 */
.col-md-1 {
  border: 1px solid;
}
.datumbeschikbaar {
 background-color:#33FF99;
}
.datumbeperkt {
 background-color:#FFCC66;
}
.datumoptie {
 background-color:#FFCCFF;
}
.datumingepland {
     background: 
         linear-gradient(to top left,
             rgba(0,0,0,0) 0%,
             rgba(0,0,0,0) calc(50% - 0.8px),
             rgba(0,0,0,1) 50%,
             rgba(0,0,0,0) calc(50% + 0.8px),
             rgba(0,0,0,0) 100%),
         linear-gradient(to top right,
             rgba(0,0,0,0) 0%,
             rgba(0,0,0,0) calc(50% - 0.8px),
             rgba(0,0,0,1) 50%,
             rgba(0,0,0,0) calc(50% + 0.8px),
             rgba(0,0,0,0) 100%);
}

@media (max-width: 820px) { /* Extra small devices (phones, less than 768px) */
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
  
  .verdwijn
{
	display: none;
	visibility: hidden;
}
.datumkalender { font-weight: bold; }
}

@media (min-width: 820px) {  /* standaard schermgrootte */
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
	height: 50px;
  }
  .verdwijn
{
	visibility: hidden;
}
.datumkalender { font-weight: bold; display: block; }
}
}/* CSS Document */