:root {
    --bs-purple: #8c68cd;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: auto !important;
    }
  }

.pl-15 {
    padding-left:15px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-20 {
    margin-left: 20px!important;
}

.mt-10 {
    margin-top: 10px!important;
}

.mt-20 {
    margin-top: 20px!important;
}

.mt-40 {
    margin-top: 40px!important;
}

.mr-10 {
    margin-right: 10px!important;
}

.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}

.float-right {
    float: right !important;
}

.masthead {
    overflow-y: hidden;
}

.service-plus {
   font-size: x-large;
   font-weight: bold;
}

.service-plus .plus {
    color: red;
 }

.menu.slide-out-menu {
    top: 85px!important;
}

main > .container, main > .container-fluid
{
    padding: 70px 15px 20px;
}

body.fixed-upper {
    padding-top: 187px !important;
}

body.fixed-upper .section-breadcrumb {
    top: 86px !important;
}

body.fixed-upper .group-double > .row > .col-3 {
    top: 125px !important;
}

body.fixed-upper .group-double > .row > .col-9 > .row > .col {
    top: 124px !important;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container, .footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.navbar form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .navbar form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.navbar form > button.logout:focus,
.navbar form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.navbar form > button.logout:focus {
    outline: none;
}

/* style breadcrumb widget as in previous bootstrap versions */
/*
.breadcrumb {
    background-color: var(--bs-gray-200);
    border-radius: .25rem;
    padding: .75rem 1rem;
}
*/

.breadcrumb-item > a
{
    text-decoration: none;
}

.card.type-recovery .card-header {
    background-color: var(--bs-purple);
}

.card.type-recovery .card-footer {
    border-left: 1px solid var(--bs-purple);
    border-bottom: 1px solid var(--bs-purple);
    border-right: 1px solid var(--bs-purple);
}

.card.type-internal .card-header {
    background-color: var(--bs-orange);
}

.card.type-internal .card-footer {
    border-left: 1px solid var(--bs-orange);
    border-bottom: 1px solid var(--bs-orange);
    border-right: 1px solid var(--bs-orange);
}

.card.type-pending .card-header {
    background-color: var(--bs-red);
}

.card.type-pending .card-footer {
    border-left: 1px solid var(--bs-red);
    border-bottom: 1px solid var(--bs-red);
    border-right: 1px solid var(--bs-red);
}

.card.type-disabled .card-header {
    background-color: var(--bs-gray-500);
}

.card.type-disabled .card-footer {
    border-left: 1px solid var(--bs-gray-500);
    border-bottom: 1px solid var(--bs-gray-500);
    border-right: 1px solid var(--bs-gray-500);
}

.card .card-footer .pi.ice:after {
    content: "";
}

.card .card-footer .pi.electric:after {
    content: "";
}

.card .card-footer .pi.offsite:after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="13" width="13" viewBox="0 0 512 512"><path d="M217.9 105.9L340.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1L32 320c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM352 416l64 0c17.7 0 32-14.3 32-32l0-256c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c53 0 96 43 96 96l0 256c0 53-43 96-96 96l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg>');
}

.bay.type-ice, .bay.type-electric {
    background-color: var(--bs-gray-200) !important;
}

.bay.type-ice .bay-title:after, .bay.type-electric .bay-title:after {
    content: none;
}

.type-ice .bay-placeholder .inner, .type-electric .bay-placeholder .inner {
    border: 1px dashed var(--bs-gray-600) !important;
}

.type-ice .tag, .type-electric .tag {
    background: var(--bs-gray-500) !important;
    color: var(--bs-gray-200) !important;;
}

.type-electric .bay-placeholder .inner > div:before, .type-electric .bay-placeholder .inner > div:after,
.type-ice .bay-placeholder .inner > div:before, .type-ice .bay-placeholder .inner > div:after {
    border-color: var(--bs-gray-600) !important;
}

.dashboard-tab-visible {
    visibility: visible;
    position: static;
}

.dashboard-tab-invisible {
    visibility: hidden;
    position: absolute;
    top: 213px;
    left: -15000px;
    width: 1300px;
}

.group .group-title .group-filter.selected {
    color: #FF0000;
}

.table.table-striped.data-table thead tr th a {
    color: #000000 !important;
    text-decoration: none !important;
}

.card-expanded-empty {
    width: 100% !important;
    height: 640px !important;
    background-color: inherit;
    position: static !important;
    border: 1px dashed var(--bs-gray-600) !important;
}

.card-expanded-empty .card-placeholder {
    min-height: 640px !important;
    margin-top: 0px !important;
}

/*.type-ice .card-expanded-empty {
    border: 1px dashed #0061BD;
}

.type-electric .card-expanded-empty {
    border: 1px dashed #018A16;
}*/

.card-expanded.type-ice .card-header {
    background-color: #0061BD !important;
}

.card-expanded.type-ice .card-footer {
    border: 1px solid #0061BD !important;
}

.card-expanded.type-ice .card-footer hr {
    border-color: #0061BD !important;
}

.card-expanded.type-electric .card-header {
    background-color: #018A16 !important;
}

.card-expanded.type-electric .card-footer {
    border: 1px solid #018A16 !important;
}

.card-expanded.type-electric .card-footer hr {
    border-color: #018A16 !important;
}

.card-expanded.type-recovery .card-header {
    background-color: --bs-purple !important;
}

.card-expanded.type-recovery .card-footer {
    border: 1px solid --bs-purple !important;
}

.card-expanded.type-recovery .card-footer hr {
    border-color: --bs-purple !important;
}

.card-expanded.type-internal .card-header {
    background-color: var(--bs-orange) !important;
}

.card-expanded.type-internal .card-footer {
    border: 1px solid var(--bs-orange) !important;
}

.card-expanded.type-internal .card-footer hr {
    border-color: var(--bs-orange) !important;
}

.card-expanded.type-pending .card-header {
    background-color: var(--bs-red) !important;
}

.card-expanded.type-pending .card-footer {
    border: 1px solid var(--bs-red) !important;
}

.card-expanded.type-pending .card-footer hr {
    border-color: var(--bs-red) !important;
}

.card-expanded .card-footer .pi:after {
    content: none !important;
}

.group-cleaning .card-expanded-empty {
    height: 490px !important;
    border: 1px dashed #018A16 !important;
}

.group-cleaning .in-progress .card-placeholder {
    min-height: 490px !important;
    margin-top: 0px !important;
}

.group-cleaning .card-placeholder {
    margin-bottom: 25px;
}

.card-cleaning {
    cursor: grabbing;
}

.bay-secondary .auto-saved, .group-cleaning .auto-saved {
    display: none;
    float: right !important;
}

.help-block {
    color: #d41120;
}

.pulse {
    border-radius: 9%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.kv-editable-popover {
    position: absolute;
}

.kv-editable-popover .close {
    display: inline-flex;
}

.word-wrap {
    white-space: initial !important;
}

.table-responsive.kv-grid-container {
    overflow-x: initial !important;
}

.tt-input {
    z-index: 0 !important;
}

.tt-menu {
    z-index: 1 !important;
}
/*
.twitter-typeahead {
    width: auto !important;
}*/

.action-column {
    text-align: right !important;
}


/* this used on reports for csv export data */
#exportTable { height: 1px; width: 1px; overflow: hidden; }

.filter-by-user {
    border-color: #C2C3C4;
}

.banner-deferred-work.alert-level-3 .tag.type-alert {
    background: var(--bs-danger);
    color: var(--bs-light);
}

.bay-expanded .cards-container .card-wrapper {
    margin-top: 32px;
}

.contact-details .dropdown-menu.show {
    z-index: 2000;
    inset: auto !important;
}

.group-double .bays-container {
    min-height: 100px;
}

.group-triple .bays-container {
    height: 100%;
}

.signature {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: crosshair;
    touch-action: none;
}

.btn.tag.tag-xl {
    border-radius: 4px !important;
    width: 123px;
    height: 29px;
    text-align: left;
}

.badge-success {
    background-color: #28a745;
}

.badge-danger {
    background-color: #dc3545;
}

.icon {
    width: 15px;
    height: 15px;
    margin-bottom: 5px;
}

.btn.btn-icon {
    height: 50px;
}

#tabContentInspection {
    padding-top: 0px !important;
}

.bay-secondary {
    border-left: none !important;
}

.bay-secondary .bay-placeholders {
    margin-top: 26px !important;
}

.group-double .bay + .bay {
    margin-top: 3px;
}

.parts {
    background-color: var(--bs-gray-200) !important;
}

.parts.bay-expanded .cards-container .card-wrapper {
    margin-top: 8px;
}

.parts .up-next {
    border-right: 1px dotted #000000;
}

.disable-tab {
    pointer-events: none;
    opacity: 0.3;
}

.bg-grey {
    background: var(--bs-grey) !important;
}

.modal .modal-dialog.modal-fullscreen .modal-header .hstack > div:nth-child(4) {
    border-right: 1px solid #FFF;
    margin-right: 40px;
    padding-right: 40px;
}

.modal .modal-dialog.modal-fullscreen .modal-header .hstack > div:nth-child(5) {
    border: 0;
    margin-right: 0;
    padding-right: 0;
}

code {
    color: #000;
}  

.masthead .title {
    font-size: 24px;
    margin-top: -5px;
}

#manageMedia img.damage {
    width: 32px;
    height: 32px;
}
#manageMedia img.damage:hover {
    cursor: pointer;
}

.tab-spinner {
    margin-top: 50px;
}