button.yellow, .button.yellow {
    background-color: #FFC614;
    border-color: #E0AC11;
    color: white; }
    button.yellow:hover, button.yellow:focus, .button.yellow:hover, .button.yellow:focus {
      background-color: #E0AC11; }
    button.yellow:hover, button.yellow:focus, .button.yellow:hover, .button.yellow:focus {
      color: white; }

aside {
font-size: 12px;
font-style: italic;
}

.rackingItemSelected {
    background-color: lightskyblue;
}
.color-warning {
    color:orange;
    font-weight:bold;
}
.color-alert {
    color:red;
    font-weight:bold;
}
.vehicle-overdue-service {
    color:red;
    font-weight:bold;
}

.vehicle-approaching-service {
    color:orange;
    font-weight:bold;
}
.vehicle-notes {
    overflow-y: auto;
    height: 200px;
    background-color: white;
    border: solid 1px gray;
    padding: 7px 7px 7px 7px;
}
.damage-container {
    border: 3px solid gray;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    display: inline-block;
    height: 608px;
    width: 720px;
}

.damage-underlay {
    position: relative;
    height: 588px;
    width: 700px;
    top: -600px;
    left: 10px;
}



.signature-container {
    border: 3px solid gray;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    display: inline-block;
}

.signatrue-line {
    border-bottom: 1px solid gray;
    top: -90px;
    position: relative;
}

.hidden {
    display: none;
}

.validationMessage {
    color: red;
}

    .validationMessage::before {
        color: red;
    }

select {
    height: 30px;
}

.calendar-month-day {
    width: 13%;
    height: 400px;
    border: solid black 1px;
    float: left;
}

.calendar-month-day-selected {
    width: 31%;
    height: 400px;
    border: solid black 1px;
    float: left;
}

.calendar-month-day-selected-not {
    width: 10%;
    height: 400px;
    border: solid black 1px;
    float: left;
}

.calendar-month-week-name-placeholder {
    width: 8%;
    float: left;
    height: 20px;
    max-width: 30px;
}

.calendar-month-day-item-container {
    height: 375px;
    overflow-y: hidden;
}

.calendar-month-day-item-container:hover {
    height: 375px;
    overflow-y: scroll;
}

.calendar-month-day-selected .calendar-month-day-item-container {
    height: 375px;
    overflow-y: scroll;
}

.calendar-month-day ul {
    list-style: circle;
    list-style-position: inside;
    margin-left: 2px;
}

    .calendar-month-day ul li {
        font-size: small;
    }

.calendar-month-day-name {
    width: 13%;
    height: 20px;
    border: solid black 1px;
    float: left;
}

.calendar-month-day-name-selected {
    width: 31%;
    height: 20px;
    border: solid black 1px;
    float: left;
}

.calendar-month-day-name-selected-not {
    width: 10%;
    height: 20px;
    border: solid black 1px;
    float: left;
}

.calendar-month-week-marker {
    width: 8%;
    background-color: #2ba6cb;
    float: left;
    height: 400px;
    text-align: center;
    vertical-align: middle;
    max-width: 30px;
    border-color: #2284a1;
    color: white;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    padding-top: 90px;
}

    .calendar-month-week-marker:hover {
        background-color: #2284a1;
    }

    .calendar-month-week-marker:focus {
        outline: -webkit-focus-ring-color auto 5px;
    }



.calendar-hour-box {
    height: 20px;
    border: solid 1px black;
}

.allday-event-box {
    border: solid 1px black;
    height: 200px;
}

.calendar-hour-box-day {
    height: 20px;
    border: solid 1px black;
    float: left;
}

.calendar-week-day-box {
    width: 13%;
    float: left;
    position: relative;
}

.calendar-week-day-box-fixed {
    width: 150px;
    float: left;
    position: relative;
}

.eventholder {
}

.allday-event {
    height: 200px;
    overflow-y: scroll;
}

.timed-event {
}

.eventitem {
    display: inline-table;
    overflow: hidden;
    opacity: 0.70;
    float: left;
    background-color: lightblue;
    border: solid 1px #2284a1;
}

.timed-event .eventitem {
    position: absolute;
}

.allday-event .eventitem {
}

.calendar-user-container {
    width: 20000px;
    display: inline-flexbox;
}


/*Jquery UI Auto Complete*/
.ui-autocomplete .ui-menu-item {
    list-style: none;
}

div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 100;
}

.calendar-month-day a {
    font-size: 12px;
}

.red {
    color: red;
}

.purple {
    color: purple;
}

.green {
    color: green;
}

.rating .fa-star{
    color:gold;
}
.rating .fa-star-half-o {
    color:gold;
}