/* input(79,1): run-time error CSS1019: Unexpected token, found '}' */
body:not(:has(.full-page)) {
    padding-top: 50px;
    padding-bottom: 20px;
}

input[type="radio"],
input[type="checkbox"] {
    accent-color: #0075ff;
}

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

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

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

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}
.e-grid th.e-headercell[aria-sort=ascending] div, .e-grid th.e-headercell[aria-sort=descending] div, .e-grid .e-headercelldiv {
    font-size: 12px !important;
}
.e-grid .e-headercelldiv { /* grid headercell font styles*/
    font-weight: lighter;
    font-size: 12px;
}

.e-grid .e-rowcell {
    padding: 5px;
}
.e-splitbutton.ellipse {
    padding: 0 !important
}
.e-splitbutton.ellipse .e-btn-span {
    position: relative;
}
.e-splitbutton.ellipse .e-btn-span span {
    position: absolute;
    transform: translate(-50%, -50%);
    color: rgba(0,0,0,.54)
}
.e-splitbutton.ellipse .e-btn-span span:before {
    font-family: 'Material Icons' !important;
    content: "\e5d3";
    text-align: center !important;
    font-size: 24px;
}
.e-grid .e-icon.e-gnextforward {
    margin-top: 7px;
}
.e-grid .e-icon.e-gnextforward:before {
    padding-top: 1px;
}
.e-templatecell .e-split-btn-div {
    display: none !important;
}

}

.e-grid {
    border: 0;
}

.e-grid th.e-headercell {
    color: #727272;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: nowrap;
    height: auto;
}

.e-grid .e-alt_row {
    background-color: #ededed;
}

.e-grid .e-gridcontent {
    background: transparent;
}

.e-grid .e-detailrow > td {
    border: none;
}

.e-grid tr td {
    padding: 8px;
}

.e-grid .e-toolbar.e-toolbarspan {
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 15px;
}

.e-grid .e-toolbar .e-horizontal.e-ul {
    float: right;
    margin: 0;
}

.e-grid .e-toolbar.e-js ul > li.e-tooltxt {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 4px 6px;
    border: 2px solid #e0e0e0;
    font-weight: 500;
}

.e-grid .e-toolbar .e-tooltxt:after {
    content: attr(data-content);
    position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
}

.e-grid thead tr > th.e-headercell.e-default {
    border: none;
}

.e-grid thead tr > th.e-headercell.e-default:not(.e-hide) ~ th.e-headercell.e-default {
    border-left: 1px solid rgb(224, 224, 224);
}

.e-grid th.e-headercell .e-headercelldiv {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
    opacity: .74;
    margin-top: 0;
}

.e-grid th.e-headercell .e-headercelldiv:hover {
    opacity: .94;
}

.e-grid th.e-headercell .e-icon {
    margin-top: -22px;
    font-size: 12px;
}

.e-grid th.e-headercell .e-filtericon {
    margin-top: -25px;
}

.e-grid .e-gridheader {
    border-top: 0;
    border-bottom-width: 2px;
    box-shadow: none;
}

.e-grid .e-pager {
    border-top-width: 2px;
}

.e-grid .e-pagercontainer .e-icon {
    color: #CECECE;
}

.e-grid .e-pagercontainer .e-icon.e-hover:not(.e-disable) {
}

.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 2000ms infinite;
    animation: ellipsis steps(4,end) 2000ms infinite;
    content: "...";
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1em;
    }
}

.spinner,
.spinner-large {
    display: flex;
    align-items: center;
}

.spinner:after,
.spinner-large:after {
    content: "";
    display: inline-block;
    border: 3px solid #eee;
    border-top: 3px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 2s linear infinite;
    margin-left: 10px;
    mix-blend-mode: multiply;
}

.spinner-large {
    justify-content: center;
}

.spinner-large:after {
    border: 6px solid #eee;
    border-top: 6px solid #ccc;
    width: 36px;
    height: 36px;
    animation: spin 1s linear infinite;
}



@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.staticwizard {
    overflow: visible;
    display: flex;
}

.staticwizard .sidebar .sidebar-items {
    display: grid;
    row-gap: 4px;
    column-gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    align-items: end;
}

.staticwizard .sidebar .uk-badge {
    padding: 8px;
}

.staticwizard .sidebar .guage {
    max-width: 50%;
}

.staticwizard .sidebar .guage-label {
    max-width: 50%;
    width: min-content;
}

.staticwizard .sidebar .guage-label > span {
    font-family: Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.staticwizard .sidebar .guage-label > span:first-child {
    font-size: 24px;
}

.staticwizard > .content > .body {
    position: unset;
}

.staticwizard > .content {
    overflow: visible;
    float: none;
}

.md-card-content .vertical > .steps {
    background-color: transparent;
    padding: unset;
}

.md-card-content .vertical > .steps > [role="tablist"] {
    position: sticky;
    top: 148px;
    margin-top: -15px;
    padding-top: 15px;
}

.md-card-content .vertical > .steps > ul > li {
    border-radius: 4px;
    overflow: hidden;
    background-color: #2196f3;
}

.md-card-content .vertical > .steps > ul {
    position: sticky;
    top: 148px;
    margin-top: -15px;
    padding-top: 15px;
}

    .md-card-content .vertical > .steps > ul > li > div {
        display: grid;
        grid-template-columns: 1fr min-content;
    }

    .md-card-content .vertical > .steps > ul > li a {
        border-radius: 0;
    }

        .md-card-content .vertical > .steps > ul > li a + a {
            display: flex;
            height: 100%;
            align-items: center;
            padding: 0 12px;
        }

.md-card-content .vertical > .steps > ul > li a:hover {
    background-color: #1976d2;
}

.uk-datepicker-nav {
    background: #0087ee;
    position: relative;
}

.uk-datepicker-nav a {
    height: 22px;
    width: 20px;
}

.uk-datepicker-nav .uk-datepicker-previous:after,
.uk-datepicker-nav .uk-datepicker-next:after {
    content: '';
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.uk-datepicker-nav .uk-datepicker-previous:after {
    border-right: 6px solid #fff;
    left: 15px;
}

.uk-datepicker-nav .uk-datepicker-next:after {
    border-left: 6px solid #fff;
    right: 15px;
}

.uk-datepicker-table a.uk-active {
    background-color: #0087ee;
}

@keyframes ellipsis {
    to {
        width: 1em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1em;
    }
}

.uk-dropdown .md-card-toolbar {
    height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
}

.uk-dropdown .md-card-toolbar:before,
.uk-dropdown .md-card-toolbar:after {
    content: " ";
    display: table;
}

.uk-dropdown .md-card-toolbar:after {
    clear: both;
}

.uk-dropdown .md-card-toolbar:before,
.uk-dropdown .md-card-toolbar:after {
    content: " ";
    display: table;
}

.uk-dropdown .md-card-toolbar:after {
    clear: both;
}

.uk-dropdown .md-card-toolbar-heading-text {
    font: 500 14px / 50px "Roboto", sans-serif;
    color: #212121;
    margin: 0;
    float: left;
    overflow: hidden;
    height: 48px;
}
.uk-dropdown .md-card-toolbar .md-card-toolbar-actions {
    float: right;
    padding-top: 10px;
}

/* Universal color for disabled md-inputs so we aren't relying on inconsistent browser defaults */
input.md-input[disabled],
input.md-input[disabled="disabled"] {
    color: rgb(117, 117, 117);
    opacity: 0.7;
}

/* This override keeps the select option text lined up more similarly to the other text inputs */
select.md-input {
    padding-left: 0;
}

/* Style overrides to bring the EJ Autocomplete input more in line with regular inputs */
/**************/
.e-atc {
    height: 40px;
}

.e-atc .e-disable {
    opacity: 0.7;
    color: rgb(117, 117, 117);
}

.e-atc .e-in-wrap input.e-autocomplete {
    padding-left: 4px;
}

/* Overwrite/remove the dotted line for disabled EJ autocomplete inputs */
.e-atc.e-disable-wrap .e-in-wrap {
    background: none;
}
/**************/