body {
    padding-top: 50px;
    padding-bottom: 20px;
}
#map{
    height:650px;
}

[data-jobtypecat="Installation"]
{
    background-color: palevioletred;
}

[data-jobtypecat="EngineerCallout"] {
    background-color: paleturquoise;
}

[data-jobtypecat="Removal"] {
    background-color: palegoldenrod;
}

[data-jobtypecat="Service"] {
    background-color: palegreen;
}

.unknownEngineer {
    background-color: black;
    color: white;
}

.display-form label {
    display: block;
    padding-top: 4px;
}

.display-form span
{
    padding-bottom: 8px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.allowAnyWidth {
    max-width: 100%;
}

.inputHeading {
    color: #ffffff;
    background: #3575bf;
    padding: 8px;
    border-radius: 8px 0px 0px 8px;
}

.agendaItemCard {
    padding-bottom: 5px;
    padding-top: 5px;
    border: solid 1px black;
    border-radius: 8px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    margin-right: 5px;
    margin-bottom: 12px;
}

.discountOffered {
    width: 75px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Fix for Bootstrap dialogs appearing underneath other dialogs */
.modal:nth-of-type(2) {
    z-index: 1070 !important;
}

.modal:nth-of-type(3) {
    z-index: 1090 !important;
}

.modal-backdrop:nth-of-type(2) {
    z-index: 1060 !important;
}

.modal-backdrop:nth-of-type(3) {
    z-index: 1080 !important;
}