body {
    background: #f0f2f5;
    font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pac-container {
    z-index: 1051!important;
}
.kspl-topbar-sp {
    margin-bottom: 0;
    height: 50px;
    padding: 0 15px;
    background: #fff;
    z-index: 200;
}

.kspl-topbar-sp .dropdown-toggle-sp {
    position: relative;
    height: 50px;
    padding: 15px 27px 15px 10px;
    background-color: #fff;
    border: 0;
}

.kspl-topbar-sp .dropdown-toggle-sp:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 9px;
    height: 9px;
    border-bottom: 3px solid #000;
    border-left: 3px solid #000;
    border-top: 0;
    border-right: 0;
    border-radius: 2px;
    transform: rotate(-45deg);
}

.kspl-topbar-sp .dropdown-toggle-sp:hover,
.kspl-topbar-sp .dropdown.open .dropdown-toggle-sp {
    background: #fafafa;
}

.kspl-topbar-sp .dropdown-menu {
    border-radius: 0 0 6px 6px;
}

.kspl-topbar-sp .dropdown-menu a {
    padding: 8px 20px !important;
    background: #fff;
    color: #1e2538;
}

.kspl-topbar-sp .dropdown-menu a.active {
    background: #fff;
    color: #1e2538;
    font-weight: bold;
}

.kspl-topbar-sp .dropdown-menu a:hover,
.kspl-topbar-sp .dropdown-menu a.active:hover {
    background: #fafafa;
    color: #1e2538;
}

.kspl-topbar-sp a .fa {
    color: #1e2538;
}

.kspl-topbar-sp .navbar-brand {
    height: 100%;
    padding: 12px 15px;
    margin-left: -15px;
    background: transparent;
    border: 0;
}

.kspl-topbar-sp .navbar-brand .fa {
    display: none;
    margin: 1px 10px -1px 0;
}

.kspl-topbar-sp .navbar-header .fa {
    font-size: 24px;
    color: #15dba5;
    vertical-align: top;
}

.kspl-topbar-sp .navbar-brand img {
    display: inline-block;
    height: 24px;
    vertical-align: top;
}

.kspl-topbar-sp .navbar-toggle {
    margin: 0;
    padding: 12px 10px;
}
.kspl-topbar-sp a[aria-expanded="true"] {
    color: inherit;
}

#page-wrapper {
    min-height: calc(100vh - 50px);
    margin-top: 20px;
    border: 0;
    background: #f0f2f5;
}

/* Sidebar */
#sidebar.navbar-side-sp {
    display: block;
    z-index: 300;
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    padding: 0;
    background: #04232f;
    border-top: 5px solid #15dba5;
    transition: left 300ms ease-in;
}

#sidebar.navbar-side-sp.toggled {
    left: 0;
}

#sidebar.navbar-side-sp .logosp {
    display: flex;
    align-items: center;
    height: 45px;
    padding: 0 21px;
}

#sidebar.navbar-side-sp .logosp img {
    /* width: 85%;
    max-width: 80vw; */
    height: 30px;
}

#sidebar.navbar-side-sp .logosp .logosp-close {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 0 15px;
    height: 45px;
    color: #15dba5;
    font-size: 24px;
    font-weight: bold;
    background: transparent;
    border: 0;
}

#sidebar.navbar-side-sp > ul {
    height: calc(100vh - 50px);
    padding: 20px 10px 0;
    overflow: auto;
}

#sidebar.navbar-side-sp > ul > li {
    margin-bottom: 5px;
}

#sidebar.navbar-side-sp > ul > li:last-child {
    margin-bottom: 0;
}

#sidebar.navbar-side-sp ul > li > a {
    position: relative;
    border-radius: 20px;
}

#sidebar.navbar-side-sp > ul > li > ul {
    padding: 0 10px;
}

#sidebar.navbar-side-sp > ul > li > ul a {
    background: transparent;
    padding-left: 10px !important;
}

#sidebar.navbar-side-sp ul > li > a > b {
    display: inline-block;
    max-width: calc(100% - 10px);
    font-weight: normal;
}

#sidebar.navbar-side-sp ul > li > a[data-toggle]:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    width: 9px;
    height: 9px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 0;
    border-left: 0;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: transform 100ms linear;
}

#sidebar.navbar-side-sp ul > li > a.open[data-toggle]:after {
    transform: rotate(135deg);
}

#sidebar.navbar-side-sp ul > li.active > a,
#sidebar.navbar-side-sp ul > li > a:hover {
    background: #063547;
    color: #fff;
    font-weight: normal;
}

#sidebar.navbar-side-sp ul > li > a .fa {
    color: inherit;
    background: inherit;
}

#sidebar.navbar-side-sp .sidebar-language a {
    width: 49%;
}

#sidebar.navbar-side-sp .sidebar-language a.active {
    background: #15dba5;
    color: #04232f;
}

#sidebar.navbar-side-sp .sidebar-language a.active:hover {
    background: #14cf9c;
}

#sidebar.navbar-side-sp .sidebar-section {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

#sidebar.navbar-side-sp .sidebar-section a {
    border-radius: 0;
    color: #34495e;
}

#sidebar.navbar-side-sp .sidebar-section a:hover {
    color: #34495e;
    background: #eee;
}

#sidebar.navbar-side-sp a.job-pill, .job-pill {
    display: inline-block;
    margin: 2px 4px 5px 0;
    padding: 4px 8px;
    border-radius: 20px;
    background: #04232f;
    color: #fff;
    border: 1px solid #fff;
}
.job-pill-xs {
    padding: 2px 4px;
    font-size: 10px;
}
#sidebar.navbar-side-sp a.job-pill:hover, .job-pill:hover {
    text-decoration: none !important;
}

#sidebar.navbar-side-sp a.job-pill.--s1, .job-pill.--s1 {
    background: #0f3057;
}
#sidebar.navbar-side-sp a.job-pill.--s1:hover,
.job-pill.--s1:hover,
a:hover .job-pill.--s1 {
    color: #0f3057;
    background: #fff;
    border-color: #0f3057;
}

#sidebar.navbar-side-sp a.job-pill.--s2, .job-pill.--s2 {
    background: #ffd36b;
}
#sidebar.navbar-side-sp a.job-pill.--s2:hover,
.job-pill.--s2:hover,
a:hover .job-pill.--s2 {
    color: #ffd36b;
    background: #fff;
    border-color: #ffd36b;
}

#sidebar.navbar-side-sp a.job-pill.--s3, .job-pill.--s3 {
    background: #158467;
}
#sidebar.navbar-side-sp a.job-pill.--s3:hover,
.job-pill.--s3:hover,
a:hover .job-pill.--s3 {
    color: #158467;
    background: #fff;
    border-color: #158467;
}

#sidebar.navbar-side-sp a.job-pill.--s4, .job-pill.--s4 {
    background: #ea5455;
}
#sidebar.navbar-side-sp a.job-pill.--s4:hover,
.job-pill.--s4:hover,
a:hover .job-pill.--s4 {
    color: #ea5455;
    background: #fff;
    border-color: #ea5455;
}

#sidebar.navbar-side-sp a.job-pill.--s5, .job-pill.--s5 {
    background: #ba7967;
}
#sidebar.navbar-side-sp a.job-pill.--s5:hover,
.job-pill.--s5:hover,
a:hover .job-pill.--s5 {
    color: #ba7967;
    background: #fff;
    border-color: #ba7967;
}

#sidebar.navbar-side-sp a.job-pill.--s6, .job-pill.--s6 {
    background: #3282b8;
}
#sidebar.navbar-side-sp a.job-pill.--s6:hover,
.job-pill.--s6:hover,
a:hover .job-pill.--s6 {
    color: #3282b8;
    background: #fff;
    border-color: #3282b8;
}

#sidebar.navbar-side-sp a.job-pill.--s7, .job-pill.--s7 {
    background: #f08a5d;
}
#sidebar.navbar-side-sp a.job-pill.--s7:hover,
.job-pill.--s7:hover,
a:hover .job-pill.--s7 {
    color: #f08a5d;
    background: #fff;
    border-color: #f08a5d;
}

#sidebar.navbar-side-sp a.job-pill.--sw, .job-pill.--sw {
    background: #ddd;
}
#sidebar.navbar-side-sp a.job-pill.--sw:hover,
.job-pill.--sw:hover,
a:hover .job-pill.--sw {
    color: #ddd;
    background: #1e2538;
    border-color: #ddd;
}

#sidebar.navbar-side-sp .expose {
    background: #15dba5;
    border: 1px solid #15dba5;
    color: #fff;
    border-radius: 8px;
}
#sidebar.navbar-side-sp .expose .fa {
    color: inherit;
    background: inherit;
    font-size: inherit;
}
#sidebar.navbar-side-sp .expose:hover,
#sidebar.navbar-side-sp .active .expose {
    background: #14cf9c;
    border-color: #14cf9c;
}

#sidebar.navbar-side-sp .expose-wrapper {
    background: #fff;
    color: #04232f;
    border-radius: 8px;
    overflow: hidden;
}
#sidebar.navbar-side-sp .expose-wrapper .fa {
    background: transparent;
    color: inherit;
}
#sidebar.navbar-side-sp .expose-wrapper a:not(.job-pill) {
    border-radius: 0;
}
#sidebar.navbar-side-sp .expose-wrapper a:not(.job-pill):hover,
#sidebar.navbar-side-sp .expose-wrapper.active a:not(.job-pill) {
    background: #f4f4f4;
    color: inherit;
}

#sidebar.navbar-side-sp .sidebar-language {
    display: none;
}

@media screen and (max-width: 767px) {
    .kspl-topbar-sp .navbar-collapse {
        margin: 0 -15px;
        background: #fff;
    }

    #sidebar.navbar-side-sp .sidebar-language {
        display: flex !important;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #sidebar.navbar-side-sp .sidebar-language {
        display: flex !important;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .kspl-topbar-sp, #page-wrapper {
        margin-left: 260px;
        transition: margin-left 300ms ease-in;
    }
    #page-wrapper {
        min-height: calc(100vh - 50px);
    }

    .kspl-topbar-sp.menu-closed, #page-wrapper.menu-closed {
        margin-left: 0;
    }

    .kspl-topbar-sp .navbar-header {
        padding: 0;
        margin-left: -100%;
        transition: margin-left 500ms ease;
    }

    .kspl-topbar-sp.menu-closed .navbar-header {
        margin-left: 0;
    }

    .kspl-topbar-sp .navbar-brand {
        padding: 0;
        margin: 0;
    }

    .kspl-topbar-sp .navbar-brand .fa {
        display: inline-block;
        margin-right: 0;
        height: 50px;
        padding: 0 5px 0 15px;
        vertical-align: top;
        line-height: 50px;
    }

    .kspl-topbar-sp .navbar-brand > a {
        display: inline-block;
        vertical-align: top;
        padding: 13px 15px 13px 5px;
    }

    #sidebar.navbar-side-sp {
        display: block;
        left: 0;
        min-width: 260px;
        max-width: 260px;
    }

    #sidebar.navbar-side-sp.menu-closed {
        left: -260px;
    }
}

/* Form fields */
input:not([type="file"], [type="radio"]),
select,
textarea,
.form-control {
    border-radius: 20px;
    background-color: #fafafa;
    color: #1e2538;
    padding: 8px;
}
input[disabled]:not([type="file"], [type="radio"]), input[readonly]:not([type="file"], [type="radio"]),
select[disabled], select[readonly],
textarea[disabled], textarea[readonly],
.form-control[disabled], .form-control[readonly] {
    background-color: #e4e4e4;
}
input[type="file"] {
    display: inline-block;
    color: inherit;
    background: transparent;
}

.input-group > *:not(.selectize-control):first-child {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.input-group > *:not(.selectize-control):last-child {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    overflow: hidden;
}
.input-group > *:not(.selectize-control):last-child .btn {
    margin-left: 0 !important;
}

.selectize-control .selectize-input {
    border-radius: 20px;
}

.selectize-control .selectize-input.dropdown-active {
    border-radius: 20px 20px 0 0;
}
.selectize-control .selectize-dropdown {
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 0;
}

.table > thead > tr > th {
    border-bottom: 1px solid #dbdbdb;
    color: #7a7a7a;
}
.table > thead > tr > th a,
.table > thead > tr > th a .fa {
    color: inherit;
}

.table-responsive .table {
    border: 0;
}

.table-responsive .table thead,
.table-responsive .table thead a {
    background-color: transparent !important;
    color: #7a7a7a !important;
}

#overzicht tr.ishead[onclick] td:first-child {
    white-space: nowrap;
}
#overzicht tr.ishead[class*="headindication_"] td {
    color: inherit !important;
}
#overzicht tr.ishead[onclick][data-headjob$="1"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="3"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="5"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="7"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="9"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="1"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="3"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="5"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="7"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="9"] td:first-child {
    border-left: 2px solid #aaa;
    box-shadow: inset 2px 0 0 0 #aaa;
}
#overzicht tr.ishead[onclick][data-headjob$="0"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="2"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="4"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="6"] td:first-child,
#overzicht tr.ishead[onclick][data-headjob$="8"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="0"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="2"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="4"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="6"] td:first-child,
#overzicht tr.ishead[class*="headindication_"][data-headjob$="8"] td:first-child {
    border-left: 2px solid #555;
    box-shadow: inset 2px 0 0 0 #555;
}

@media screen and (max-width: 767px) {
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: unset;
    }
}

/* Cards */
.kspl-card {
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%) !important;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.kspl-card.filter-selected {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.kspl-card .kspl-card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

@media screen and (max-width: 991px) {
    #statusbar .row {
        margin: 0 -5px;
    }
    .kspl-card-wrapper {
        padding: 5px 0 !important;
    }
    .kspl-card {
        margin-left: 5px;
        margin-right: 5px;
        min-height: 0;
        padding: 10px 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .kspl-card .kspl-card-left {
        margin: 0 !important;
    }
    .kspl-card .kspl-card-info {
        text-align: left;
    }
    .kspl-card .kspl-card-icon {
        height: 40px;
        width: 40px;
    }
    .kspl-card .kspl-card-icon .fa {
        font-size: 1.8em;
    }
    .kspl-card .kspl-card-info > span {
        font-size: 20px !important;
    }
    .kspl-card .kspl-card-info > p {
        margin-bottom: 0 !important;
        white-space: nowrap;
    }
    .kspl-card .kspl-card-info {
        padding: 0;
    }
    .kspl-card .kspl-card-left {
        padding: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .kspl-card {
        padding: 10px 5px;
    }
    .kspl-card .kspl-card-info {
        text-align: center;
    }
}
@media screen and (min-width: 992px) {
    .row > div:first-child > a > .kspl-card {
        margin-left: 5px;
    }
    .row > div:last-child > a > .kspl-card {
        margin-right: 5px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .kspl-card {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px;
        min-height: unset;
    }
    .kspl-card .kspl-card-left {
        padding: 0;
    }
    .kspl-card .kspl-card-icon {
        height: 40px;
        width: 40px;
    }
    .kspl-card .kspl-card-icon .fa {
        font-size: 1.8em;
    }
    .kspl-card .kspl-card-info {
        padding: 0;
    }
    .kspl-card .kspl-card-info > span {
        font-size: 20px !important;
    }
    .kspl-card .kspl-card-info > p {
        margin-bottom: 0 !important;
        white-space: nowrap;
    }
}

.statusbar_small a {
    white-space: nowrap;
}

/* Homepage */
.spcards {
    display: flex;
    flex-wrap: wrap;
}

.spcard {
    flex: 1;
    min-width: 280px;
    padding: 10px 15px;
}

.spcard.--placeholder {
    padding-top: 0;
    padding-bottom: 0;
}

.spcard-content {
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}
.spcard-content.--no-background {
    background: transparent;
    padding: 0;
    box-shadow: none;
}

.spcard-content > div {
    width: 100%;
    margin-bottom: 5px;
}

.spcard-content > div:last-child {
    margin-bottom: 0;
}

.spcard-content > .spcard-blog-item,
.spcard-content .spcard-object-item {
    padding: 5px 10px;
    margin: 0 -10px;
    width: calc(100% + 20px);
}
.spcard-content > .spcard-blog-item:nth-child(2n+1),
.spcard-content .spcard-object-item:nth-child(2n+1) {
    background: #f4f4f4;
}

.spcard-content .spcard-object-item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.spcard-content .spcard-object-item > div {
    display: flex;
    align-items: center;
}
.spcard-content .spcard-object-item span {
    vertical-align: middle;
}

.spcard-content .spcard-object-item .btn-link {
    padding: 2px 4px;
}
.spcard-content .spcard-object-item ul {
    width: 100%;
    padding-left: 2px;
    list-style: disc inside;
}
.spcard-content .spcard-object-item ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spcard-content .spcard-object-item ul li::marker {
    margin-right: 8px !important;
}
.spcard-content .spcard-object-head-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spcard-content a:not(.btn):hover {
    text-decoration: underline;
}

.spcard-content .spcard-header {
    margin: 0 0 5px 0;
}
.spcard-content .spcard-header label {
    font-weight: normal;
}
.spcard-header .job-status {
    margin: 0;
    width: 15px;
    height: 15px;
}
.spcard-content .spcard-text {
    margin-bottom: 5px;
}
.spcard-content .spcard-text.--center {
    text-align: center;
}

.spcard-content .spcard-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 solid transparent;
}

.spcard-logo img {
    max-width: 100%;
    max-height: 100%;
}

.spcard-content .spcard-map {
    width: calc(100% + 20px);
    height: 200px;
    margin-left: -10px;
}

.spcard-list {
    padding: 0;
    list-style: none;
    margin-top: 5px;
}
.spcard-list li {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 10px;
}
.spcard-list li:nth-child(2n) {
    background: #f4f4f4;
}
.spcard-list-header {
    font-weight: bold;
}
.spcard-content .spcard-search-wrapper {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.spcard .portlet {
    margin: 0 !important;
}
.spcard .portlet .portlet-title h3 {
    margin: 10px 0 0;
}
.spcard .--relative {
    position: relative;
}
.spcard-tip-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
    overflow: hidden;
    margin: 0 !important;
    border-radius: 8px;
}
.spcard-tip-background .fa {
    font-size: 590px;
}

.ellipsis-row2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.spcard-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

#awaitingApproval {
    display: none;
}
#awaitingApproval .header-search-results {
    margin: 0 -10px;
    width: calc(100% + 20px);
}

#newInspection {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
#newInspection a {
    margin: 5px;
}

@media screen and (min-width: 768px) {
    .spcard {
        flex-basis: 140px;
    }
    .spcard.--x2 {
        flex: 2;
        flex-basis: 280px;
        max-width: 100%;
    }
}
@media screen and (min-width: 1024px) {
    .flex-lg {
        display: flex;
    }
}

.avatar-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-content {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
}

.avatar-content img.avatar-frame {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.avatar-content .overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 50%;
    transition: 0.3s ease;
    background: rgba(0, 0, 0, 0.5);
}

.avatar-content .overlay:hover {
    opacity: 1;
}

.avatar-content .overlay a {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.avatar-content .overlay a .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 40px;
}

.avatar-job-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.header-search-toggle {
    background: #fff;
    border: 0;
    height: 50px;
    padding: 0 10px;
}

.header-search-toggle:hover {
    background: #fafafa;
}

.header-search-toggle .fa {
    color: #1e2538 !important;
}

.header-search {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 15px;
    right: 15px;
    background: #fff;
    padding: 10px 0 5px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
    border-radius: 4px;
}

.header-search.open {
    display: block;
}

.header-search-input {
    width: 100%;
    padding: 0 10px 5px;
}

.header-search-input form {
    width: 100%;
    position: relative;
}

.header-search-input form input {
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 5px 32px 5px 10px;
    border: 1px solid #aaa;
    border-radius: 20px;
}

.header-search-input form button {
    display: inline-block;
    position: absolute;
    right: 0;
    height: 32px;
    padding: 0 10px;
    background: transparent;
    border: 0;
}

.header-search-results {
    max-height: calc(100vh - 112px);
    overflow: auto;
}

.header-search-results ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-search-results ul li {
    padding: 0;
    margin: 0;
}
.header-search-results ul li:nth-child(2n) {
    background: #f4f4f4;
}

.header-search-results ul li.no-result {
    padding: 5px 15px 5px 20px;
}

.header-search-results ul li.header {
    font-weight: bold;
    padding: 10px 15px 5px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-search-results ul li.header .btn {
    display: inline;
    margin: 0;
    vertical-align: top;
}

.header-search-results ul:first-child li.header {
    padding-top: 5px;
}

.header-search-results ul li a {
    display: block;
    width: 100%;
    padding: 5px 10px 5px 20px !important;
    background: transparent;
}

.header-search-results ul li a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-search-results ul li a:not(.btn):hover {
    background: #f4f4f4;
    text-decoration: underline;
}
.header-search-results .error {
    padding: 10px 15px 0;
}

.header-search-results .job-status, .job-status {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 2px 4px 0 0;
}
.header-search-results .job-status.--s1, .job-status.--s1 {
    background: #0f3057;
}
.header-search-results .job-status.--s2, .job-status.--s2 {
    background: #ffd36b;
}
.header-search-results .job-status.--s3, .job-status.--s3 {
    background: #158467;
}
.header-search-results .job-status.--s4, .job-status.--s4 {
    background: #ea5455;
}
.header-search-results .job-status.--s5, .job-status.--s5 {
    background: #ba7967;
}
.header-search-results .job-status.--s6, .job-status.--s6 {
    background: #3282b8;
}
.header-search-results .job-status.--s7, .job-status.--s7 {
    background: #f08a5d;
}
.header-search-results .job-status.--sw, .job-status.--sw {
    background: #ddd;
}

.btn.btn-job-status-1 {
    color: #fff !important;
    background: #0f3057 !important;
    border-color: #0f3057 !important;
    display: block;
}
.btn.btn-job-status-1:hover {
    color: #0f3057 !important;
    background: #fff !important;
    border-color: #0f3057 !important;
    display: block;
}
.btn.btn-job-status-2 {
    color: #fff !important;
    background: #ffd36b !important;
    border-color: #ffd36b !important;
    display: block;
}
.btn.btn-job-status-2:hover {
    color: #ffd36b !important;
    background: #fff !important;
    border-color: #ffd36b !important;
    display: block;
}
.btn.btn-job-status-3 {
    color: #fff !important;
    background: #158467 !important;
    border-color: #158467 !important;
    display: block;
}
.btn.btn-job-status-3:hover {
    color: #158467 !important;
    background: #fff !important;
    border-color: #158467 !important;
    display: block;
}
.btn.btn-job-status-4 {
    color: #fff !important;
    background: #ea5455 !important;
    border-color: #ea5455 !important;
    display: block;
}
.btn.btn-job-status-4:hover {
    color: #ea5455 !important;
    background: #fff !important;
    border-color: #ea5455 !important;
    display: block;
}
.btn.btn-job-status-5 {
    color: #fff !important;
    background: #ba7967 !important;
    border-color: #ba7967 !important;
    display: block;
}
.btn.btn-job-status-5:hover {
    color: #ba7967 !important;
    background: #fff !important;
    border-color: #ba7967 !important;
    display: block;
}
.btn.btn-job-status-6 {
    color: #fff !important;
    background: #3282b8 !important;
    border-color: #3282b8 !important;
    display: block;
}
.btn.btn-job-status-6:hover {
    color: #3282b8 !important;
    background: #fff !important;
    border-color: #3282b8 !important;
}
.btn.btn-job-status-7 {
    color: #fff !important;
    background: #f08a5d !important;
    border-color: #f08a5d !important;
    display: block;
}
.btn.btn-job-status-7:hover {
    color: #f08a5d !important;
    background: #fff !important;
    border-color: #f08a5d !important;
}

/* Portlet */
.portlet {
    border: 0;
    margin-bottom: 10px !important;
    background: #fff;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
    border-radius: 8px;
}
.portlet .portlet-heading {
    background: transparent !important;
    color: #1e2538;
}
.portlet .portlet-heading h1:first-letter,
.portlet .portlet-heading h2:first-letter,
.portlet .portlet-heading h3:first-letter,
.portlet .portlet-heading h4:first-letter,
.portlet .portlet-heading h5:first-letter,
.portlet .portlet-heading h6:first-letter {
    text-transform: uppercase;
}
.portlet .portlet-heading a,
.portlet .portlet-heading a .fa {
    color: #1e2538;
}
.portlet .portlet-heading a:hover {
    text-decoration: underline;
}
.portlet .portlet-footer {
    background: #fff;
    border-top: 1px solid #f0f2f5;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
html .portlet .active{
    color: #09789e;
}
.portlet .blog-image {
    padding: 0 0 15px 0;
}
.portlet .blog-image img {
    margin: 0 auto;
}
.portlet .blog-text {
    padding: 0;
}
.portlet .blog-text a {
    color: #09789e;
}
.portlet .blog-text a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .portlet .blog-image {
        padding: 0 10px 0 0;
    }
    .portlet .blog-text {
        padding: 0 0 0 10px;
    }
    .portlet.blog {
        position: relative;
        padding-bottom: 40px;
    }
    .portlet.blog .blog-footer {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }
}

.blog-overview-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.blog-overview-wrapper .portlet {
    height: calc(100% - 10px);
}

/* Buttons */
.btn {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    transition: color 400ms ease, background 400ms ease, border-color 400ms ease;
    text-transform: capitalize;
}
.btn .fa {
    color: inherit;
}
.btn.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
}
.btn.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
}
.btn.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
}

.page-link {
    color: #09789e;
}
.page-item:first-child .page-link {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.btn.btn-primary,
.label.label-primary {
    background: #15dba5;
    border-color: #15dba5;
    color: #fff;
}
.btn.btn-primary:hover {
    background: #11ac82;
    border-color: #11ac82;
}
.btn.btn-secondary,
.btn.btn-dark,
.btn.btn-blue,
.btn.btn-default,
.label.label-secondary,
.page-item.active .page-link {
    background: #09789e;
    border-color: #09789e;
    color: #fff;
}
.btn.btn-secondary:hover,
.btn.btn-dark:hover,
.btn.btn-blue:hover,
.btn.btn-default:hover,
.page-item.active .page-link:hover {
    background: #086f92;
    border-color: #086f92;
}
.btn.btn-success,
.btn.btn-green,
.label.label-success {
    background: #79ca08;
    border-color: #79ca08;
    color: #fff;
}
.btn.btn-success:hover,
.btn.btn-green:hover {
    background: #5c9906;
    border-color: #5c9906;
}
.btn-outline-success {
    border-color: #79ca08;
    color: #79ca08;
}
.btn-outline-success:hover {
    background: #79ca08;
    border-color: #79ca08;
    color: #fff;
}
.btn.btn-danger,
.label.label-danger {
    background: #ff3860;
    border-color: #ff3860;
    color: #fff;
}
.btn.btn-danger:hover {
    background: #ff0537;
    border-color: #ff0537;
}
.btn.btn-warning,
.label.label-warning {
    background: #ffe08a;
    border-color: #ffe08a;
    color: #1e2538;
}
.btn.btn-warning:hover {
    background: #ffd324;
    border-color: #ffd324;
}
/*.btn.btn-info,*/
/*.label.label-info {*/
/*    background: #663399;*/
/*    border-color: #663399;*/
/*    color: #fff;*/
/*}*/
/*.btn.btn-info:hover {*/
/*    background: #4c2673;*/
/*    border-color: #4c2673;*/
/*}*/
.btn.btn-link {
    color: #09789e;
}
.btn.btn-gray {
    background: #ddd;
    color: #1e2538;
    border-color: #ddd;
}
.btn.btn-gray:hover {
    background: #bbb;
    border-color: #bbb;
}
.color-sp-green {
    color: #15dba5;
}
.color-sp-blue {
    color: #09789e;
}

.alert-sm {
    padding: 8px 12px;
}
.alert-primary {
    color: #0d8061;
    background: #99ffe4;
    border-color: #15cf9d;
}
.alert-secondary {
    color: #086280;
    background: #bfefff;
    border-color: #0b92bf;
}
.alert-success {
    color: #3d6604;
    background: #d5ff99;
    border-color: #79ca08;
}
.alert-danger {
    color: #801c30;
    background: #ffcccc;
    border-color: #cc2d4d;
}
.alert-warning {
    color: #806b33;
    background: #fff1cc;
    border-color: #ccb36e;
}
/*.alert-info {*/
/*    color: #552a80;*/
/*    background: #edd9ff;*/
/*    border-color: #663399;*/
/*}*/
.bg-primary {
    background: #99ffe4;
}
.bg-secondary {
    background: #bfefff;
}
.bg-success {
    background: #d5ff99;
}
.bg-danger {
    background: #ffcccc;
}
.bg-warning {
    background: #fff1cc;
}
/*.bg-info {*/
/*    background: #edd9ff;*/
/*}*/
.progress {
    border-radius: 20px;
}

.page-title > h1:first-letter,
.page-title > .breadcrumb li {
    text-transform: capitalize;
}

.page-title .breadcrumb {
    background: #fff;
    color: #1e2538;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
    border-radius: 8px;
}
.page-title .breadcrumb .active {
    font-weight: bold;
}

.logout-message {
    border-radius: 20px;
    background: #fff;
    color: #1e2538;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}
.logout-message > img {
    border-radius: 20px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}
.logout-message .text-green {
    color: #15dba5;
}
.logout-message a.btn {
    background: #15dba5;
    border: 1px solid #15dba5;
    color: #fff;
}
.logout-message a.btn:hover {
    background: #14cf9c;
    border-color: #14cf9c;
}
.logout-message button.logout_close {
    background: #09789e;
    border: 1px solid #09789e;
    color: #fff;
}
.logout-message button.logout_close:hover {
    background: #086f92;
    border-color: #086f92;
}

.spcard-carousel-wrapper {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.sp-carousel {
    width: 100%;
}
.sp-carousel .carousel-image {
    width: calc(100% - 20px);
    height: 70px;
    margin: 0 10px 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Vue web components */
#app > div:not(.navbar, :empty) {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
    color: #1e2538;
    min-height: 450px;
}
#app.no-card-inside > div {
    background: transparent;
    margin-bottom: 0;
    box-shadow: none;
    min-height: 0;
    border-radius: 0;
    overflow: visible;
}
#app > div > .card {
    border: 0 !important;
}
#app > div .jumbotron {
    background: #fff;
}
#app > div .table th {
    background-color: inherit;
    color: inherit;
    border-color: #dbdbdb;
}
#app > div .table.b-table>tfoot>tr>[aria-sort=ascending],
#app > div .table.b-table>thead>tr>[aria-sort=ascending] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
#app > div .table.b-table>tfoot>tr>[aria-sort=descending],
#app > div .table.b-table>thead>tr>[aria-sort=descending] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

#app > div .modal-header.bg-dark.text-light {
    background: #fff !important;
    color: #1e2538 !important;
}
#app > div .modal-header.bg-dark.text-light > * {
    color: inherit !important;
}
#app #ksplformwizardapp,
#app #invoiceapp {
    padding: 10px;
}

#app > div > .container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#app #ksplformwizardapp > .block {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#app .pagination .page-item {
    margin-left: 0;
    margin-right: 0;
}
#app video {
    max-width: 100%;
    max-height: 100%;
}

#app #ksplapp .multiselect__tags {
    border: 1px solid #ced4da;
    border-radius: 20px;
    background-color: #fafafa;
    color: #1e2538;
    padding: 9px 40px 0 18px;
}

#app #ksplapp .multiselect--above.multiselect--active .multiselect__input {
    font-size: 14px;
}

#app #ksplapp .multiselect__single {
    background: none;
}

#app #ksplapp input.new-objects-address-field {
    background-color: #fafafa;
}

#app #ksplapp .multiselect--disabled {
    background-color: transparent;
}

#app #ksplapp a:hover,
#app #ksplapp a:focus {
    color: #11ac82;
    text-decoration: none;
}

#app #ksplapp #header-actions-filters button {
    font-size: 12px;
}

#jobsAtTheSameAddressModal table {
    display: block;
    overflow: auto;
}

#jobsAtTheSameAddressModal table tr td:nth-child(6) {
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* OBJECTS UPLOAD LOXAM */
body.objectsuploadloxam .message {
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 5px;
    margin: 0 0 15px 0;
}

body.objectsuploadloxam #loading {
    background: #f0f0f0;
    border-color: gray;
}

body.objectsuploadloxam #no-file-selected-section {
    background: #ffffd8;
    border-color: #baba21;
}

body.objectsuploadloxam #no-file-selected-section i {
    color: #baba21;
}

body.objectsuploadloxam #successfully-imported-section {
    background: #c2fec2;
    border-color: green;
}

body.objectsuploadloxam #successfully-imported-section i {
    color: green;
}

body.objectsuploadloxam #import-failed-section {
    background: #ffe3e3;
    border-color: red;
}

body.objectsuploadloxam #import-failed-section i {
    color: red;
}

body.objectsuploadloxam #upload-file-input,
body.objectsuploadloxam #display-before-import-section .buttons {
    margin-bottom: 15px;
}

body.objectsuploadloxam #display-before-import-table {

}

body.objectsuploadloxam #display-before-import-table thead,
body.objectsuploadloxam #display-before-import-table tbody {

}

body.objectsuploadloxam #display-before-import-table tbody {

}

body.objectsuploadloxam #display-before-import-table tr {

}

body.objectsuploadloxam #display-before-import-table tbody tr:nth-child(odd) {
    background: #e3e3e3;
}

body.objectsuploadloxam #display-before-import-table th,
body.objectsuploadloxam #display-before-import-table tr td {
    padding: 5px;
}

/* END - OBJECTS UPLOAD LOXAM */