.zollu-backend .form__foot {
    text-align: right;
    align-items: center;
}

.zollu-backend .form__foot button[type=submit] {
    font-size: 1.1rem;
    font-weight: 500;
}

.zollu-backend .form__foot button[type=submit]:before {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    content: "\f00c";
    margin-right: 10px;
}

.zollu-backend .kt-jb_image_ajax_widget.jb_result_preview {
    display: block;
    margin-bottom: 10px;
    width: 200px;
    height: 200px;
}

.zollu-backend .kt-jb_file_ajax_widget-upload-link {
    margin-right: 10px;
}

.zollu-backend .kt-jb_file_ajax_widget.jb_remove_link {
    margin-right: 0;
}

.zollu-backend .kt-jb_file_ajax_widget.jb_remove_link:before {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    content: "\f1f8";
    margin-right: 5px;
}

.zollu-backend .kt-jb_file_ajax_widget.jb_result_name,
.zollu-backend .kt-jb_file_ajax_widget .jb_result_name {
    font-weight: 200;
    border-radius: 0 0.25rem 0.25rem 0;
    padding: .6rem 0.6rem .74rem;
}

.zollu-backend .grid .grid-tools {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
}

@media (max-width: 1024px) {
    .zollu-backend .grid .grid_header {
        margin: 0 -15px;
        padding: 10px 15px;
    }
}


@media (min-width: 1025px) {
    .zollu-backend .grid .grid_header {
        margin: 0 -25px;
        padding: 10px 25px;
    }
}

.zollu-backend .grid .grid_header {
    border-top: 1px solid #ebeef3;
}

.zollu-backend .grid .grid_header .mass-actions {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.zollu-backend .grid .grid_header .mass-actions .grid_massactions_helper {
    display: flex;
}

.zollu-backend .grid .grid_header .mass-actions .grid_massactions {
    display: flex;
}

.zollu-backend .grid .grid_header .mass-actions .grid_massactions .input-group-prepend {
    height: calc(1.5em + 1rem + 2px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.zollu-backend .grid .grid_header .mass-actions .grid_massactions .input-group-prepend .input-group-text {
    background-color: #e2e5ec;
    color: #586272;
    border-radius: 15px 0 0 15px;
}

.zollu-backend .grid .grid_header .mass-actions .grid_massactions .input-group-append .btn {
    border-radius: 0 15px 15px 0;
}

.zollu-backend .grid-filter-modal .form-group label {
    align-self: flex-end;
}

.zollu-backend .grid .grid-tools .btn.filter-applied {
    animation: grid-filter-btn-color-change 1.5s infinite;
}

@keyframes grid-filter-btn-color-change {
    0% {
        color: #fff;
    }
    50% {
        color: #4d5cf2;
    }
    100% {
        color: #fff;
    }
}

.zollu-backend .grid .grid-table {
    border: 1px solid #ebeef3;
    border-left: transparent;
    border-right: transparent;
    margin-bottom: 0;
}

.zollu-backend .grid .grid-table thead th.last-column,
.zollu-backend .grid .grid-table tbody td.last-column {
    text-align: right;
}

.zollu-backend .grid .grid-table thead th.align-right,
.zollu-backend .grid .grid-table tbody td.align-right,
.zollu-backend .grid .grid-table thead th.align-left,
.zollu-backend .grid .grid-table tbody td.align-left {
    text-align: left;
}

.zollu-backend .grid .grid-table thead th {
    font-size: 1.1rem;
    font-weight: 500;
    border-color: #ebeef3;
    border-right: 1px solid #ebeef3;
}

.zollu-backend .grid .grid-table thead th.last-column {
    border-right: transparent;
}

.zollu-backend .grid .grid-table thead th,
.zollu-backend .grid .grid-table thead th a.order {
    color: #272b2f;
}

.zollu-backend .grid .grid-table thead th a.order .icon {
    color: #d3dae6;
}

.zollu-backend .grid .grid-table thead th a.order.sorted .icon {
    color: #4d5cf2;
}

.zollu-backend .grid .grid-table tbody td {
    border-color: #ebeef3;
    padding-top: 24px;
    padding-bottom: 24px;
}

@media (max-width: 1024px) {
    .zollu-backend .grid .grid_body {
        margin-left: -15px;
        margin-right: -15px;
    }

    .zollu-backend .grid .grid_body .grid-table thead tr th:first-child, .grid-table tbody tr td:first-child {
        padding-left: 25px;
    }

    .zollu-backend .grid .grid_body .grid-table thead tr th:last-child, .grid-table tbody tr td:last-child {
        padding-right: 25px;
    }
}

@media (min-width: 1025px) {
    .zollu-backend .grid .grid_body {
        margin-left: -25px;
        margin-right: -25px;
    }

    .zollu-backend .grid .grid_body .grid-table thead tr th:first-child, .grid-table tbody tr td:first-child {
        padding-left: 25px;
    }

    .zollu-backend .grid .grid_body .grid-table thead tr th:last-child, .grid-table tbody tr td:last-child {
        padding-right: 25px;
    }
}

.zollu-backend .grid .density-icon-wrapper {
    width: 13px;
    height: 13px;
}

.zollu-backend .grid .density-icon-wrapper span {
    display: block;
    height: 2px;
    width: 13px;
    background: #25292e;
}

.zollu-backend .grid .density-icon-wrapper span:first-child {
    margin-top: 0 !important;
}

.zollu-backend .grid .density-icon-wrapper.density-icon-two span {
    margin-top: 8px;
}

.zollu-backend .grid .density-icon-wrapper.density-icon-three span {
    margin-top: 3px;
}

.zollu-backend .grid .density-icon-wrapper.density-icon-four span {
    margin-top: 2px;
}

.zollu-backend .grid .grid-table tbody td {
    vertical-align: middle;
    height: 62px;
    padding-top: 5px;
    padding-bottom: 5px;

    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

.zollu-backend .grid .grid-table.compact tbody td {
    height: 32px;
}

.zollu-backend .grid .grid-table.comfort tbody td {
    height: 82px;
}

.zollu-backend .kt-portlet.grid-portlet .kt-portlet__body {
    padding-bottom: 100px;
}

.zollu-backend .grid .grid-table tr.dropdown-visible td {
    background-color: #edeefe;
}

.zollu-backend .grid .applied-filters {
    flex-grow: 1;
}

.zollu-backend .grid .applied-filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.zollu-backend .grid .applied-filters li {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    zoom: 1;
    display: inline-block;
    padding: 4px;
    color: #212529;
    background-color: #d3dae6;
    margin-right: 1rem;
    float: left;
}

.zollu-backend .grid .applied-filters ul li.applied-filter a {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    zoom: 1;
    width: 24px;
    height: 24px;
    background-color: #fff;
    text-align: center;
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    transition: background-color .3s ease;
}

.zollu-backend .grid .applied-filters ul li.applied-filter a i {
    display: inline-block;
    color: #484848;
    position: absolute;
    left: 7px;
    top: 6px;
    zoom: 1;
    transition: color .3s ease;
}

.zollu-backend .grid .applied-filters ul li.applied-filter a:hover {
    background-color: #646c9a;
}

.zollu-backend .grid .applied-filters ul li.applied-filter a:hover i {
    color: #fff;
}

.zollu-backend .grid .applied-filters ul li.applied-filter .applied-filter-content {
    display: inline-block;
    width: auto;
    font-family: Helvetica, Roboto, Arial, sans-serif;
    float: left;
    min-height: 1px;
}

.zollu-backend .grid .applied-filters ul li.applied-filter .applied-filter-content span {
    font-size: 12px;
    margin: 0 20px 0 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    color: #3d4465;
    line-height: 1;
}

.zollu-backend .grid .applied-filters ul li.applied-filter .applied-filter-content span.applied-filter-label {
    opacity: .8;
}

.zollu-backend .grid .applied-filters ul li.applied-filter .applied-filter-content span.applied-filter-value {
    font-weight: 500;
}

.zollu-backend .grid .grid-table .dropdown-item {
    font-weight: 500;
    font-size: .95rem;
}

.zollu-backend .grid .grid-table .dropdown-item:hover,
.zollu-backend .grid .grid-table .dropdown-item:focus {
    background-color: #4d5cf2;
    color: #fff;
    font-weight: 500;
}

.zollu-backend .table-responsive {
    padding-bottom: 50px;
}

.zollu-backend .entity-action + .entity-action {
    margin-left: 5px;
}

.zollu-backend .entity-display th {
    font-weight: 500;
    color: #3d4465;
    padding-left: 30px !important;
    padding-right: 15px !important;
    width: 200px;
}

.zollu-backend .entity-display th,
.zollu-backend .entity-display td {
    border-color: transparent;
    padding: 20px 0;
}

.zollu-backend .table.entity-display td {
    padding-right: 15px;
}

.zollu-backend .grid .grid-table thead th a.order {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}

.zollu-backend .grid .grid-table thead th a.order > span {
    margin-right: 15px;
}

.zollu-backend .grid .grid-table thead th a.order > * {
    align-self: center;
}

.zollu-backend .grid_footer .pager {
    display: flex;
    justify-content: space-between;
}

.zollu-backend .grid_footer .pager > div {
    align-self: center;
}

.zollu-backend .grid_footer .pager .pagination {
    display: flex;
}

.zollu-backend .grid_footer .pager .pagination button {
    white-space: nowrap;
}

.zollu-backend .grid_footer .pager .pagination select.form-control {
    margin: 0 15px;
    width: auto;
}

.zollu-backend .well {
    padding: 1.5rem;
    border: 3px solid #ebedf2;
    overflow: auto;
    clear: both;
}

.zollu-backend #sortable li {
    cursor: move;
    padding: 2rem 1.5rem;
    margin-bottom: 1.5rem;
}

.zollu-backend #sortable li:hover {
    background: #f0f5ff;
}

.zollu-backend #sortable li.ui-sortable-helper {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.20);
}

.zollu-backend #sortable .list-group-item h5 {
    margin: 0;
}

.zollu-backend .swal2-popup .swal2-title {
    font-size: 1.5rem;
    word-break: break-word;
}

.zollu-backend .submission-subform-template {
    display: none;
}

.zollu-backend .submission-subform {
    position: relative;
    padding: 1.5rem;
    border: 3px solid #ebedf2;
    margin-bottom: 25px;
}

.zollu-backend .submission-subform-remove-panel {
    position: absolute;
    top: -18px;
    right: -18px;
}

.zollu-backend .submission-subform .kt-ojs_file_ajax_widget {
    margin: 0;
}

.zollu-backend .submission-subform .kt-jb_file_ajax_row.form-group {
    margin-bottom: 0;
}

.zollu-backend .kt-iconbox.kt-iconbox--active.dp-iconbox {
    border-color: #e8e9fb;
}

.zollu-backend .grid-actions-dropdown.dropdown .dropdown-menu > .dropdown-item .grid-dropdown-bullet {
    font-size: .6rem;
    line-height: 17px;
}

.kt-notes .kt-notes__items {
    margin: 0;
    padding: 0;
}

.kt-notes .kt-notes__items .kt-notes__item {
    left: 8px;
    border-left: 2px solid #ebedf2;
    padding: 0 0 50px 45px;
    position: relative;
    margin: 0 5px 0 17px;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media {
    position: absolute;
    top: 0;
    left: -25.5px;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 2px solid #ebedf2;
    border-radius: 50%;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__icon i {
    color: #74788d;
    font-size: 1.8rem;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
    background-color: #fff;
    border: 2px solid #ebedf2;
    color: #74788d;
    border-radius: 50%;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__circle {
    width: 25px;
    height: 25px;
    display: block;
    border: 2px solid #ebedf2;
    margin-left: 12px;
    background-color: #fff;
    border-radius: 50%;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content {
    background-color: #f0f5ff;
    padding: 0.5rem 1rem 1rem 1.5rem;
    border-radius: 4px;
}

.kt-notes .kt-notes__items .kt-notes__item.admin-message .kt-notes__content {
    background-color: #f3f4f6;
}

.kt-notes .kt-notes__items .kt-notes__item.admin-message .kt-notes__content:after {
    border-right-color: #f3f4f6;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info .kt-notes__title {
    font-size: 1.1rem;
    color: #4d5cf2;
    font-weight: 500;
    padding-right: 0.5rem;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info .kt-notes__title:hover {
    color: #4d5cf2;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info .kt-notes__desc {
    color: #74788d;
    font-weight: 400;
    padding-right: 1rem;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__dropdown .btn-icon {
    width: 26px;
    height: 26px;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__body {
    color: #74788d;
    font-weight: 400;
    padding-right: 3rem;
    padding-top: 0.5rem;
    display: block;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 10px;
    right: 100%;
    margin-right: -3.5rem;
    border-right: solid 10px #f0f5ff;
    border-bottom: solid 17px transparent;
    border-left: solid 17px transparent;
    border-top: solid 17px transparent;
}

.kt-notes .kt-notes__items .kt-notes__item:last-child {
    border-left: 0;
}

.kt-notes .kt-notes__items .kt-notes__item.kt-notes__item--clean .kt-notes__content {
    background-color: #fff;
    padding: 0;
}

.kt-notes .kt-notes__items .kt-notes__item.kt-notes__item--clean .kt-notes__content:after {
    display: none;
}

.kt-notes .kt-notes__items .kt-notes__item:last-child .kt-notes__media .kt-notes__circle {
    margin-left: 14px;
}

@media (max-width: 1024px) {
    .kt-notes .kt-notes__items .kt-notes__item {
        margin: 0 7px 0 17px;
    }

    .kt-notes .kt-notes__items .kt-notes__item .kt-notes__content {
        padding: 0.5rem 1rem 0.7rem 1rem;
    }

    .kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__desc {
        padding-top: 0.5rem;
        display: block;
    }

    .kt-notes .kt-notes__items .kt-notes__item .kt-notes__content:after {
        margin-right: -3.8rem;
    }
}

.zollu-backend .grid--fit .grid .grid-table table {
    table-layout: fixed;
}

.zollu-backend .grid--fit .grid .grid-table thead th a.order {
    white-space: inherit;
}

.zollu-backend .grid--fit .grid .grid-table thead th a.order > span {
    margin-right: 5px;
    font-size: 1rem;
}

.zollu-backend .grid--fit .grid .grid-table tbody td {
    word-break: break-word;
}

@media (max-width: 1539px) {
    body.zollu.zollu-backend {
        background: #efeff5;
    }
}

.zollu-backend .kt-subheader__toolbar .kt-subheader__wrapper .btn.selected {
    border: 1px dashed #4d5cf2;
}

.zollu-backend .article-listing {
    padding: 15px;
}

.zollu-backend .article-listing .kt-widget-18 .kt-widget-18__item {
    border-bottom: 1px solid #ebedf2;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.zollu-backend .article-listing .kt-widget-18 .kt-widget-18__item:first-child {
    padding-top: 0;
}

.zollu-backend .article-listing .kt-widget-18 .kt-widget-18__item:last-child {
    border: transparent;
    padding-bottom: 0;
}





.zollu-backend #admin-bar {
    background-color: #d3dae6;
    padding: 10px 0;
    border-bottom: 2px solid #a2083e;
}

.zollu-backend #admin-bar #admin-bar-header {
    display: flex;
    justify-content: space-between;
    height: 35px;
}

.zollu-backend #admin-bar #admin-bar-header #admin-name,
.zollu-backend #admin-bar #admin-bar-header #admin-name a {
    display: flex;
    align-self: center;
    color: #3d4465;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.zollu-backend #admin-bar #admin-bar-controls {
    display: flex;
}

.zollu-backend #admin-bar #admin-bar-controls > * {
    margin-left: 5px;
}

.zollu-backend #admin-bar #admin-bar-controls .btn {
    background-color: transparent;
    border: transparent;
    border-radius: 30px;
    color: #3d4465;
}

.zollu-backend #admin-bar #admin-bar-controls .show .btn,
.zollu-backend #admin-bar #admin-bar-controls .btn:hover {
    background-color: #4d5cf2;
    color: #fff;
}

.zollu-backend #admin-bar #admin-bar-controls .btn#kt_offcanvas_toolbar_quick_actions_toggler_btn {
    background-color: #4d5cf2;
    color: #fff
}

.zollu-backend .control-label {
    font-size: 1.1rem;
    font-weight: 500;
}

.zollu-backend .pagination.fanta {
    justify-content: center;
}

.zollu-backend .grid .grid-table tbody td.grid-column-id {
    word-break: normal;
}

.zollu-backend div#workflow-usage-result tr.danger {
    background-color: #ffdce8;
}

.zollu-backend .diplab-stats-browser .kt-widget-1 .kt-widget-1__item {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
}

.zollu-backend .date-badge {
    background-color: rgba(152, 22, 244, 0.1);
    color: #9816f4;width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.25rem;
    text-transform: uppercase;
    line-height: 1.3rem;
}

.zollu-backend .date-badge .date {
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: 0.2rem;
}