#selectSlots{
  min-width: 570px;
  width:850px !important;
}
#selectSlots .img-fluid {
  width: 15px;
}
.allow-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index:9999;
}
.allow-alert span {
  background-color: red;
  color: #FFF;
  padding: 5px 15px 3px;
  border-radius: 0 0 20px 20px;
  font-size: 13px;
}
.list-inline-item .form-check-input {
  display: none;
}
.list-inline-item .slot-no {
  font-size: 14px;
  font-weight: bold;
}
.list-inline-item .form-check-label {
  cursor: pointer;
}
.parking-top {
  height: 80px;
  margin: 10px 0 0;
}
.parking-top .list-inline-item {
  margin: 0 2px !important;
  float: left;
  min-width: 16px;
}
.parking-top .list-inline-item > label {
  margin: 0 0 0 -15px;
}
.parking-top .list-inline-item > label img {
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
}
.parking-left {
  float: left;
  width: 73px;
  margin: 0 150px 0 0;
}
.parking-left .list-inline-item {
  margin: -1px 0 !important;
  display: block;
}
.parking-left .list-inline-item label,
.parking-left .list-inline-item div {
  float: left;
}
.parking-left .list-inline-item .slot-no {
  margin: 0 0 0 4px;
}
.parking-left .list-inline-item > label img {
  transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  margin: -15px 10px 0 0;
}
.parking-mid1 {
  float: left;
  width: 79px;
  margin: 170px 10px 0 45px;
}
.parking-mid1 .list-inline-item {
  margin: -1px 0 !important;
  display: block;
}
.parking-mid1 .list-inline-item label,
.parking-mid1 .list-inline-item div {
  float: right;
}
.parking-mid1 .list-inline-item > label img {
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  margin: -15px 0 -10px 15px;
}
.parking-mid2 {
  float: right;
  width: 91px;
  margin: 125px 45px 0 10px;
}
.parking-mid2 .list-inline-item {
  margin: -1px 0 !important;
  display: block;
}
.parking-mid2 .list-inline-item label,
.parking-mid2 .list-inline-item div {
  float: left;
}
.parking-mid2 .list-inline-item .slot-no {
  margin: 0 0 0 2px;
}
.parking-mid2 .list-inline-item > label img {
  transform: rotate(-120deg);
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  margin: -3px 15px -15px 15px;
}
.parking-right {
  float: right;
  width: 74px;
  margin: 0 0 0 150px;
}
.parking-right .list-inline-item {
  margin: -1px 0 !important;
  display: block;
}
.parking-right .list-inline-item label,
.parking-right .list-inline-item div {
  float: right;
}
.parking-right .list-inline-item > label img {
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  margin: -15px 0 -10px 15px;
}
.parking-bottom {
  height: 80px;
  margin: 0 0 0 240px;
}
.parking-bottom .list-inline-item {
  margin: -15px 1px 0 !important;
  float: left;
  display: flex;
  flex-direction: column-reverse;
}
.parking-bottom .list-inline-item label,
.parking-bottom .list-inline-item div {
  float: right;
}
.parking-bottom .list-inline-item > label {
  margin: 5px 0 0 0;
}
.parking-bottom .list-inline-item .form-check input {
  margin-top: 0;
}
.parking-bottom .list-inline-item > label img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.alert-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #d32535;
}
.datetimepicker{
  padding:0;
  margin-top:0;
}

.driver_booking_body{
  background: url("../images/hero-bg.jpg") top left;
  background-size: cover;
}
#selectSlots .card {
  background-color: rgba(255,255,255,0.75);
}

.row > .parking-top {
  width: auto;
}

.parking-layout1 {
	width: 850px;
	margin: 0 auto;
}

.reset-space-font {
	color:#d32535;
}
/* .form-check-label.red {
  cursor: not-allowed;
} */

.btn-dark1 {
  color: #000000 !important;
  background-color: #f0f0f0 !important;
  border-color: #ced4da !important;
}



@media screen and (max-width: 314px) {
  #reset-form {
      margin-top:4px !important;
  }
}

@media screen and (max-width: 1200px) {
  .parking-layout1 {
    width: auto !important;
    overflow-y:scroll !important;
  }
}

@media screen and (max-width: 991px) {
  .parking-bottom {
    height: 80px;
    padding: 0 0 0 50px;
    margin: 0;
  }
}

.spot-header .img-fluid {
	height: 22px;
	width: auto;
}

.spot-header .spot-no {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}

.custom-btn{
background-color: #2487ce;
padding: 8px 20px;
border-radius: 4px;
color: #fff;
}
  
.custom-btn:hover { 
  background-color: #3591d2; 
  color: #fff; 
  
}