html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1025px) {
    .h-custom-2 {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .mt-lg-10 {
        margin-top: 6rem !important;
    }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.bg-image-vertical {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
}

.form-check-input[type=checkbox].rounded-check {
    border-radius: 1em;
}

.form-check.visible-hover {
    visibility: hidden;
}

.card:hover .form-check.visible-hover, .form-check.visible-hover .form-check-input:checked {
    visibility: visible;
}

.card-options {
    position: absolute;
    right: 0px;
}

.card-options button:hover {
    background-color: #f2f2f2 !important;
}

.card:hover .card-options button {
    background-color: #fafafa;
}

.card.selected {
    border: 1px solid blue;
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 1px;
    z-index: 1020;
}

.table-epa td, .table-epa th {
    border: 1px solid #ddd;
    padding: 8px;
}

.table-epa tr:nth-child(even) {
    background-color: #f2f2f2;
}

.table-epa tr:hover {
    background-color: #ddd;
}

.table-epa th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
}

.color-inherit {
    color: inherit;
}

.k-scheduler-monthview td.k-today {
    border: 1px solid rgb(0, 102, 255) !important;
    background-color: rgba(0, 102, 255, .1);
}

.mh-10-5rem {
    max-height: 10.5rem;
}

.o-y-scroll {
    overflow-y: scroll;
}

.p-01 {
    padding: 0.1rem !important;
}

.w-10 {
    width: 10rem;
}

.date-available, .date-available:hover, .date-available.k-state-hover {
    background-color: #99e699;
    font-weight: bold;
}

.date-available-am {
    background-image: linear-gradient(140deg, #99e699 50%, #fff 50%);
    font-weight: bold;
}

.date-available-pm {
    background-image: linear-gradient(140deg, #fff 50%, #99e699 50%);
    font-weight: bold;
}

.k-calendar-td a {
    margin: 1px;
}

.k-calendar .k-calendar-td.k-state-selected .k-link.date-available-am {
    background-image: linear-gradient(140deg, #0d6efd 50%, #fff 50%);
    color: black;
}

.k-calendar .k-calendar-td.k-state-selected .k-link.date-available-pm {
    background-image: linear-gradient(140deg, #fff 50%, #0d6efd 50%);
    color: black;
}

.k-calendar .k-calendar-td.k-state-hover .k-link.date-available-am {
    color: black;
    background-image: linear-gradient(140deg, #e9ecef 50%, #fff 50%);
}

.k-calendar .k-calendar-td.k-state-hover .k-link.date-available-pm, .k-calendar .k-calendar-td:hover .k-link.date-available-pm {
    color: black;
    background-image: linear-gradient(140deg, #fff 50%, #e9ecef 50%);
}

.k-scheduler .k-scheduler-content .k-event, .kendo-scheduler .k-scheduler-content .k-event {
    padding-right: 0;
}

.k-scheduler .k-scheduler-agendaview .k-scheduler-content .k-task .k-event-template, .kendo-scheduler .k-scheduler-agendaview .k-scheduler-content .k-task .k-event-template {
    display: inline-block;
}

.date-booked, .date-booked:hover, .date-booked.k-state-hover {
    background-color: #9999e6;
    font-weight: bold;
}

.date-booked-epa, .date-booked-epa:hover, .date-booked-epa.k-state-hover {
    background-color: #9999e6;
    color: #fff;
}

.date-booked-etcs, .date-booked-etcs:hover, .date-booked-etcs.k-state-hover {
    background-color: #284fff;
    color: #fff;
}

.b-awaiting-confirmation, td.b-awaiting-confirmation {
    background-color: #FFE285;
}

.b-confirmed, td.b-confirmed {
    background-color: #A3A3E0;
    color: white;
}

.b-epa-passed, td.b-epa-passed {
    background-color: #339933;
    color: white;
}

.b-epa-failed, td.b-epa-failed {
    background-color: #CC0000;
    color: white;
}

.h-90p {
    height: 90%;
}

.fs-7rem {
    font-size: 7rem;
}

.bg-epa-blue {
    background-color: #C4E6FF;
}

.attachment-row.row {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.attachment-row.row > .col, .attachment-row.row > [class^="col-"] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(39,41,43,0.03);
    border: 1px solid rgba(39,41,43,0.1);
    margin-right: .75rem
}

.attachment-row .add {
    padding: 0;
    width: 50px;
    background-color: darkgray;
    margin-right: .75rem;
    text-align: center;
}

.invalid-data {
    border-color: red;
    background-color: rgba(255,0,0,0.03);
}

#login-background {
    background-color: #F15421;
    background-image: url(/images/train_depot.jpg);
    background-position: center;
    background-size: cover;
}

div[data-role="multiviewcalendar"] table caption {
    caption-side: initial;
}

.mt-3-5 {
    margin-top: 1.3rem;
}

.btn-under:hover {
    text-decoration: underline;
}

.mh-2-3rem {
    min-height: 2.3rem;
}

.h-115px {
    height: 115px;
}

.btn-group .dropdown-menu .dropdown-item.danger-hover:hover {
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity));
    color: #fff;
}