/*
  Availability Calendar : navigation through month
-------------------------------------------------------------------------------*/

ul.prev_next {
  list-style-type: none !important;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

ul.prev_next li {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 30%;
  text-align: center;
  float: left;
  /*outline: 1px solid #c00;*/
  list-style: none;
}

div.calendar-navigation .nav-text {
    text-align: center;
    margin-bottom: 0px;
}

div.calendar-navigation i {
	font-size: 1em;
	color: #fff;
	width: 30px;
	background-color: #f27d02;
}

div.calendar-navigation div.prev i {
	opacity: 0.25;
}
div.calendar-navigation div.prev i.active {
	opacity: 1;
}

div.calendar-navigation div.curr {
	font-weight: bold;
	color: #f27d02;
	font-size:  0.7em;
  padding-top: 5px;
}

/*
  Availability Calendar : calendar month sheet
-------------------------------------------------------------------------------*/

table.calendar {
  /* float: left; */
  margin: auto;
  margin-top: 20px;
  border: 1px solid #9a9a9a;
  /* width: 140px; */
  background-color: transparent;
  border-collapse: collapse;

}

table.calendar caption {
  border: 1px solid #000;
  border-radius: 10px 10px 0 0;
  text-align: center;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  caption-side: top;
  padding: 0;
}
table.calendar thead th { /* Wochentagzeile */
  border: 1px solid #c5c5c5;
  text-align:center;
  color: #9a9a9a;
  background-color: #c5c5c5;
  min-width: auto;
}
table.calendar tbody td { /* einzelne Tage */
  border: 1px solid #9a9a9a;
  padding: 0;
  width: 30px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  color: #9a9a9a;
}
table.calendar tbody td.pad {
  background-color: transparent;
}

table.calendar tbody td.booked {
  background-color: #a91c00;
}

table.calendar tbody td.booked-am {
	color: #fff;
  background: url(./../img/calendar_red.png) no-repeat center center;
}
table.calendar tbody td.booked-pm {
	color: #fff;
  background: url(./../img/calendar_green.png) no-repeat center center;
}
table.calendar tbody td.booked-all {
	color: #fff;
  background: url(./../img/calendar_black.png) no-repeat center center;
}

div.calendar-box {
    margin-bottom: 20px;
}

div.calendar-box .grid-col-calendar {
    min-height: 190px;
}

@media (max-device-width: 576px) {
    div.calendar-box .grid-col-calendar {
        /* min-height: 0px; */
    }
}

div.calendar-box .col-sm-4, div.calendar-box .col-md-3, div.calendar-box .col-lg-3 {
    margin-bottom: 0px;
}

div.calendar-box + p {
	top: -40px;
	position: relative;
}

/*
  Availability Calendar : legend
-------------------------------------------------------------------------------*/

ul.legend {
  list-style-type: none !important;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

ul.legend li {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 24.5%;
  float: left;
  background: url(./../img/booked-none.png) no-repeat center left;
  /*outline: 1px solid #c00;*/
}
ul.legend li.none { background-image: url(./../img/booked-none.png); }

ul.legend li.am { background-image: url(./../img/booked-am.png); }

ul.legend li.pm { background-image: url(./../img/booked-pm.png); }

ul.legend li.all {
	color: #885225;
	background-image: url(./../img/booked-all.png);
}

div.calendar-description .col-sm-12 {
    margin-bottom: 10px;
}

div.calendar-description-icons span.text-left {
    padding-left: 10px;
}

/*
  Availability Calendar : additional
-------------------------------------------------------------------------------*/

div.clear {
    clear: both;
    margin-bottom: 15px;
}
div.bottom {
    clear: both;
    margin-bottom: 25px;
}