/* put your own styles to customize and override the theme */

@font-face {
    font-family: "EuroPlate";
    src: url(../fonts/EuroPlate.ttf) format("truetype");
}


.euro-plate {
  font-family: "EuroPlate";
}

h5.euro-plate { font-size: 2.8rem; }

.h5.ajax-content-field {
  font-size: 1rem;
}

.cursor-pointer {
  cursor: pointer;
}

.modal, .flatpickr-calendar { z-index: 99999999 !important; }
#modal-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 9999999;
  cursor: pointer;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    width:40%;
    max-width:80%;
    height:inherit;
    margin: 0 auto;
    pointer-events: all;
}

/*.form-control.form-control-lg input {
  padding-top: 1.5rem;
}*/

#modalFormContent input.form-control {
  padding-top: 1.4rem;
  height: 3.3rem;
  font-size: 1.15rem;
}

.car-search-list .list-group-item.active {
  box-shadow: inset 1rem 0 0 0 #F6F7F9;
  padding-left:2rem;
}

.beforeCheckIn.dynamicElements, .beforeCheckIn .checkOutButton, .afterCheckIn .checkInButton { display: none; }
.afterCheckIn.colorCheckIn { color: #00A28A; }
.beforeCheckIn.colorCheckIn { background-color: #346CB0; color: #FFF; border-radius: 5px; }
.colorCheckIn { cursor: pointer; }