body {
    overflow-x: hidden;
    max-width: 1920px;
    margin: auto;
}

body.catalogue{
    max-width: 100%;
}

body:not(.manual, .pdf_page) {
    color: #5C676C;
}

@media (min-width: 576px){
    .modal-xxl {
        max-width: calc(100% - 3rem);
    }
}

.manual nav{
    /* display: none !important; */
}
.no-nav nav{
    display: none !important;
}

/* QR Language Switcher - only visible when navigation is hidden */
.qr-language-switcher {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(0, 159, 227, 0.2);
}

.no-nav .qr-language-switcher {
    display: block;
}

.qr-language-switcher .language-options {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.qr-language-switcher .current-lang {
    color: #009FE3;
    font-weight: 600;
}

.qr-language-switcher .lang-link {
    color: #666;
    text-decoration: none;
    transition: color 0.2s ease;
    padding: 2px 4px;
    border-radius: 4px;
}

.qr-language-switcher .lang-link:hover {
    color: #009FE3;
    background-color: rgba(0, 159, 227, 0.1);
    text-decoration: none;
}

.qr-language-switcher .lang-separator {
    color: #ccc;
    font-weight: 300;
}

/* Make sure it's responsive on mobile devices */
@media (max-width: 768px) {
    .qr-language-switcher {
        top: 15px;
        right: 15px;
        padding: 8px 12px;
    }
    
    .qr-language-switcher .language-options {
        font-size: 13px;
        gap: 6px;
    }
}

/*Allgemein*/
::selection {
    background: #009FE3;
    color: #fff;
    text-shadow: none;
}

.border-bold{
    border: 2px solid #5C676C!important;
}

.is-invalid a{
    color: #dc3545;
}

.form-group.is-invalid-file .upload__img-wrap{
    border-color: #dc3545;
}

.form-group.is-invalid-file .invalid-feedback{
    display: block;
}

.font-weight-middle-bold{
    font-weight: 600!important;
}

select:focus{
    border-color: #009FE3;
    outline:none;
}

select:focus > option:checked {
    background: #009FE3 !important;
}


.sticky-links{
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 9;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
}

/*General*/

@media (min-width: 1400px){
    .col-xxl-1 {
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-xxl-1-5 {
        -ms-flex: 0 0 12.44444444%;
        flex: 0 0 12.44444444%;
        max-width: 12.44444444%;
    }
    .col-xxl-2{
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-xxl-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4{
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-xxl-5{
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-xxl-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7{
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-xxl-8{
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-xxl-9{
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10{
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-xxl-11{
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-xxl-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.visibility_none{
    visibility: hidden !important;
}

.input-lg{
    height: 46px;
    padding: 10px 16px;
    line-height: 1.3333333;
}

.btn.btn-simple{
    font-weight: 400 !important;
    color: #5C676C;
}

.badge-f{
    background-color: #009FE3;
    color: #fff !important;
}

.text-normal{
    color: #5C676C !important;
}

.btn.btn-simple:hover{
    text-decoration: underline;
}

.btn-simple:focus {
    text-decoration: underline;
    box-shadow: none;
}

.btn-sm::before{
    width: 20px !important;
    height: 20px !important;
    background-size: 16px !important;
}

.btn-white{
    background-color: #fff;
    color: #009FE3 !important;
}

.btn-white-blue{
    background-color: #fff;
    color: #009FE3;
    font-weight: bold;
    border: 1px solid #009FE3;
}

.btn-white-blue:hover{
    background-color: #009FE3;
    color: #fff;
    border: 1px solid #fff;
}

.bg-f{
    background-color: #009FE3;
}

.btn-big{
    padding: 0.75rem 0.75rem;
}

.btn{
    font-weight: 600 !important;
}

.collapse-f{
    color: #009fe3;
    text-decoration: none !important;
}

.card-header.card-soft{
    border-bottom: none !important;
}

.collapse-f:hover{
    color: #0392cf;
}

.input-big{
    padding: 1.57rem 1rem;
    line-height: 1.5;
}

.input-big-noround{
    border-radius: 0;
    border: none;
}

.alert {
    max-width: 500px;
    margin: auto;
    margin-bottom: 1rem;
}

.text-f {
    color: #009FE3;
}

.text-f:hover {
    color: #009FE3;
}

.big-line-f{
    border-top: 3px solid #009FE3;
}

.btn-outline-f {
    color: #009FE3;
    border-color: #009FE3;
}

.line-b-blue{
    border-bottom: 2px solid #009FE3;
}

.custom-control-input:checked~.custom-control-label::before{
    border-color: #0392cf;
    background-color: #0392cf;
}

.btn-outline-f:hover {
    color: #0392cf;
    border-color: #0392cf;
}

.btn-text {
    color: #212529 !important;
}

.btn-f {
    color: #fff;
    background-color: #009FE3;
    border-color: #009FE3;
}

.btn-f:hover {
    color: #fff;
    background-color: #0392cf;
    border-color: #0392cf
}

.entf-file-label {
    margin-right: 30px;
}

.entf-file {
    float: right;
    position: relative;
    top: -30px;
    left: 14px;
    z-index: 9999;
}

.entf-file-label-big {
    margin-right: 30px;
}

.entf-file-big {
    float: right;
    position: relative;
    top: -33px;
    left: 14px;
    z-index: 999;
}

.custom-file-label {
    max-height: calc(1.5em + .75rem + 2px);
    min-height: calc(1.5em + .75rem + 2px);
    height: auto;
}

.custom-file-label::after {
    content: url("../icon/upload-icon.svg") !important;
    display: inline-block;
    width: 30px;
    height: 100%;
    position: absolute;
    padding: 8px 5px 0px 5px;
    top: 0px;
    right: 0px;
    background-color: #e9ecef;
    z-index: 3;
    border-left: inherit;
    bottom: auto;
    border-radius: 0 .25rem .25rem 0;
}


/* The container-checkbox */

.container-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    width: 100%;
    margin: 0;
    height: 100%;
}


/* Hide the browser's default checkbox */

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 9px;
    left: 22px;
    height: 20px;
    width: 20px;
    background-color: #6c757d;
    border-radius: .25rem;
}


/* On mouse-over, add a grey background color */

.container-checkbox:hover input~.checkmark {
    background-color: #5a6268;
}


/* When the checkbox is checked, add a blue background */

.container-checkbox input:checked~.checkmark {
    background-color: #009FE3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container-checkbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container-checkbox .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*Loader*/

.loader {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(239, 239, 239, 0.64);
    display: flex;
    justify-content: center;
    align-items: center;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ring div {
    background-color: rgba(239, 239, 239, 0);
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid rgb(239, 239, 239);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: rgb(90, 89, 89) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Circle success bar */

.circle_percent {
    font-size: 200px;
    width: 0.5em;
    height: 0.5em;
    position: relative;
    background: #eee;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: auto;
    margin-bottom: 1rem;
}

.circle_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5em;
    height: 0.5em;
    clip: rect(0 0.5em 0.5em .25em);
}

.round_per {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5em;
    height: 0.5em;
    background: #009fe3;
    clip: rect(0 0.5em 0.5em .25em);
    transform: rotate(180deg);
}

.percent_more .circle_inner {
    clip: rect(0 .25em 0.5em 0em);
}

.percent_more:after {
    position: absolute;
    left: .25em;
    top: 0em;
    right: 0;
    bottom: 0;
    background: #009fe3;
    content: '';
}

.resultHighlight{
    background-color: rgb(0 100 0 / 0.25);
    border-radius: 4px;
    margin: -1px;
    padding: 1px;
}

.circle_inbox {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: #fff;
    z-index: 3;
    border-radius: 50%;
}

.percent_text {
    position: absolute;
    font-size: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.invalid-login{
    background-color: #fff;
    padding: 1px 5px;
    margin-top: 0;
}

/*Buttons, Inputs*/

.pointer {
    cursor: pointer;
}

.btn-side {
    display: inline-block;
    vertical-align: top;
}

.custom-file-input {
    cursor: pointer;
}

.filter-option-inner-inner{
    font-weight: normal;
}


/* Nav */

.format-table>table {
    min-width: 750px;
}

.format-table>.table {
    overflow-y: scroll;
    display: block;
}

.add-input {
    display: inline;
}


/*Sortable*/

 #sortable {
    list-style-type: none;
    width: 100%;
    padding: 0;
}


#sortable.sortpage {
    list-style-type: none;
    margin: 0;
    width: 100%;
}

#sortable.sortpage li {
    font-size: 1.2em;
    margin: 0 0px 10px;
    padding: 5px;
    width: 100%;
    cursor: move;
}


    /* Highlight the row being dragged */
    .sortable-table .ui-sortable-helper {
        background-color: #f8f9fa !important;
        border: 1px solid #5C676C;
    }

    /* Style for the placeholder row */
    .sortable-table .ui-state-highlight {
        background-color: #e9ecef;
        border: 1px solid #5C676C;
    }


/* Icons */

.edit-icon::before,
.arrow-down-icon::before,
.arrow-left-icon::before,
.arrow-right-icon::before,
.camera-icon::before,
.checked-check-icon::before,
.check-icon::before,
.close-icon::before,
.delete-icon::before,
.delete-light-icon::before,
.arrow-up-icon::before,
.download-icon::before,
.edit-icon::before,
.edit-icon-blue::before,
.delete-icon-blue::before,
.qr-icon::before,
.info-icon::before,
.plus-icon::before,
.search-icon::before,
.tool-icon::before,
.user-icon::before,
.play-icon::before,
.eye-icon::before,
.save-icon::before,
.setting-icon:before,
.eye-off-icon::before,
.arrow-left-icon-blue::before {
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    height: 0px;
}

.wf-table i.edit-icon,
.wf-table i.edit-icon-blue,
.wf-table i.delete-icon-blue,
.wf-table i.qr-icon,
.wf-table i.info-icon{
    display: flex;
}

.icon-white::before {
    filter: brightness(0) invert(1);
}

.icon-right-button::before {
    float: right;
    margin-right: 0 !important;
    margin-left: 40px;
}

.icon-left-button::before {
    margin-right: 40px;
    float: left;
}

.icon-left-button-no-m::before {
    float: left;
}

.icon-lonley::before {
    margin: 0px;
    height: auto;
}

.play-icon::before {
    content: url("../icon/play-icon.svg");
}

.save-icon::before {
    content: url("../icon/save-icon.svg");
}

.edit-icon::before {
    content: url("../icon/edit-icon.svg");
}

.edit-icon-blue::before {
    content: "";
    background-size: 18px;
    background-position: center;
    background-image: url("../icon/edit-icon-blue.svg");
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.edit-icon-small-right-top{
    position: relative;
    display: inline-block;
}

.edit-icon-small-right-top::before {
    content: "";
    background-size: 16px;
    background-position: center;
    background-image: url("../icon/edit-icon-grey.svg");
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    right: -16px;
    top: -5px;
}

.delete-icon-blue::before{
    content: "";
    background-size: 15px;
    background-position: center;
    background-image: url("../icon/delete-icon-blue.svg");
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.qr-icon::before{
    content: "";
    background-size: 21px;
    background-position: center;
    background-image: url("../icon/qr-icon.svg");
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.info-icon::before {
    content: "";
    background-size: 21px;
    background-position: center;
    background-image: url("../icon/info-icon.svg");
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.eye-icon::before {
    content: url("../icon/eye-icon.svg");
}

.eye-off-icon::before{
    content: "";
    background-size: cover;
    background-image: url("../icon/eye-off-icon.svg");
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.delete-icon::before {
    content: url("../icon/delete-icon.svg");
}

.delete-light-icon::before {
    content: url("../icon/delete-light-icon.svg");
}

.arrow-up-icon::before{
    content: url("../icon/arrow-down-icon.svg");
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 25px;
    position: relative;
}

.arrow-down-icon::before {
    content: url("../icon/arrow-down-icon.svg");
}

.arrow-left-icon::before {
    content: url("../icon/arrow-left-icon.svg");
}

.arrow-left-icon-blue::before {
    content: url("../icon/arrow-left-icon-blue.svg");
}

.arrow-right-icon::before {
    content: url("../icon/arrow-right-icon.svg");
}

.camera-icon::before {
    content: url("../icon/camera-icon.svg");
}

.checked-check-icon::before {
    content: url("../icon/checked-check-icon.svg");
}

.check-icon::before {
    content: url("../icon/check-icon.svg");
}

.close-icon::before {
    content: url("../icon/close-icon.svg");
}

.download-icon::before {
    content: url("../icon/download-icon.svg");
}

.plus-icon::before {
    content: url("../icon/plus-icon.svg");
}

.search-icon::before {
    content: url("../icon/search-icon.svg");
}

.tool-icon::before {
    content: url("../icon/tool-icon.svg");
}

.user-icon::before {
    content: url("../icon/user-icon.svg");
}

.setting-icon::before {
    content: url("../icon/setting-icon.svg");
}

/* .qr-icon{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.731' height='22.731' viewBox='0 0 22.731 22.731'%3E%3Cpath id='qr_code_FILL0_wght400_GRAD0_opsz48' d='M120,226.419V216h10.419v10.419Zm1.894-1.894h6.63v-6.63h-6.63ZM120,238.731V228.313h10.419v10.419Zm1.894-1.894h6.63v-6.63h-6.63Zm10.419-10.419V216h10.419v10.419Zm1.894-1.894h6.63v-6.63h-6.63Zm5.935,14.207v-2.589h2.589v2.589Zm-7.83-7.8v-2.62H134.9v2.62Zm2.589,2.589v-2.589h2.62v2.589Zm-2.589,2.62v-2.62H134.9v2.62Zm2.589,2.589v-2.589h2.62v2.589Zm2.62-2.589v-2.62h2.62v2.62Zm0-5.209v-2.62h2.62v2.62Zm2.62,2.589v-2.589h2.589v2.589Z' transform='translate(-120 -216)' fill='%235c676c'/%3E%3C/svg%3E%0A");
} */

.downlaod-link{
    position: relative;
    color: #5C676C !important;
    text-decoration: none !important;
    padding-left: 24px;
    margin: 0px 10px;
    font-weight: 500;
}

.downlaod-link::before{
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.764' height='17.764' viewBox='0 0 17.764 17.764'%3E%3Cpath id='download_FILL0_wght400_GRAD0_opsz48' d='M161.665,273.764A1.707,1.707,0,0,1,160,272.1v-3.969h1.665V272.1H176.1v-3.969h1.665V272.1a1.707,1.707,0,0,1-1.665,1.665Zm7.216-4.247-5.357-5.357,1.194-1.194,3.331,3.331V256h1.665v10.3l3.331-3.331,1.193,1.194Z' transform='translate(-160 -256)' fill='%235c676c'/%3E%3C/svg%3E%0A");
}

i.pdf-icon{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 22px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_1576' data-name='Gruppe 1576' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.754' height='32.028' viewBox='0 0 26.754 32.028'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_614' data-name='Rechteck 614' width='26.754' height='32.028' fill='%23009fe3'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_1573' data-name='Gruppe 1573'%3E%3Cg id='Gruppe_1572' data-name='Gruppe 1572' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_1340' data-name='Pfad 1340' d='M25.382,0H10.094l-.029,0a1.521,1.521,0,0,0-.239.024s0,0-.005,0A1.322,1.322,0,0,0,9.593.1L9.53.126A1.534,1.534,0,0,0,9.371.21L9.313.247A1.331,1.331,0,0,0,9.124.4L.4,9.124a1.236,1.236,0,0,0-.155.189c-.012.019-.024.039-.036.06a1.239,1.239,0,0,0-.085.158C.116,9.552.107,9.571.1,9.6a1.228,1.228,0,0,0-.068.225l0,0a1.607,1.607,0,0,0-.024.24c0,.01,0,.019,0,.029V30.655a1.371,1.371,0,0,0,1.373,1.373h24.01a1.371,1.371,0,0,0,1.372-1.373V1.372A1.373,1.373,0,0,0,25.382,0M24.01,29.286H2.744V11.466h4a4.7,4.7,0,0,0,2.183-.539H20.518V8.182H11.239a4.709,4.709,0,0,0,.225-1.44v-4H24.01Z' transform='translate(0 0)' fill='%23009fe3'/%3E%3Crect id='Rechteck_612' data-name='Rechteck 612' width='14.283' height='2.742' transform='translate(6.234 21.103)' fill='%23009fe3'/%3E%3Crect id='Rechteck_613' data-name='Rechteck 613' width='14.283' height='2.744' transform='translate(6.235 14.643)' fill='%23009fe3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    flex: none;
}

/* .pdf-icon::before{
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 22px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_1576' data-name='Gruppe 1576' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.754' height='32.028' viewBox='0 0 26.754 32.028'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_614' data-name='Rechteck 614' width='26.754' height='32.028' fill='%23009fe3'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_1573' data-name='Gruppe 1573'%3E%3Cg id='Gruppe_1572' data-name='Gruppe 1572' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_1340' data-name='Pfad 1340' d='M25.382,0H10.094l-.029,0a1.521,1.521,0,0,0-.239.024s0,0-.005,0A1.322,1.322,0,0,0,9.593.1L9.53.126A1.534,1.534,0,0,0,9.371.21L9.313.247A1.331,1.331,0,0,0,9.124.4L.4,9.124a1.236,1.236,0,0,0-.155.189c-.012.019-.024.039-.036.06a1.239,1.239,0,0,0-.085.158C.116,9.552.107,9.571.1,9.6a1.228,1.228,0,0,0-.068.225l0,0a1.607,1.607,0,0,0-.024.24c0,.01,0,.019,0,.029V30.655a1.371,1.371,0,0,0,1.373,1.373h24.01a1.371,1.371,0,0,0,1.372-1.373V1.372A1.373,1.373,0,0,0,25.382,0M24.01,29.286H2.744V11.466h4a4.7,4.7,0,0,0,2.183-.539H20.518V8.182H11.239a4.709,4.709,0,0,0,.225-1.44v-4H24.01Z' transform='translate(0 0)' fill='%23009fe3'/%3E%3Crect id='Rechteck_612' data-name='Rechteck 612' width='14.283' height='2.742' transform='translate(6.234 21.103)' fill='%23009fe3'/%3E%3Crect id='Rechteck_613' data-name='Rechteck 613' width='14.283' height='2.744' transform='translate(6.235 14.643)' fill='%23009fe3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
} */

/* Datatable */

.page-item.active .page-link {
    background-color: lightgrey !important;
    border: 1px solid lightgrey;
}

.page-link {
    color: black !important;
}


/*Image Upload*/

.doc {
    width: 604px;
    margin: 0 auto;
}

canvas {
    border: 1px solid #dee2e6;
    position: relative;
    margin: 0 !important;
    width: auto;
    padding: 0 !important;
    height: auto;
    max-width: 100%;
    background-color: white;
}

.canvas_background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.imageCanvas {
    display: none;
}

.display-canvas {
    display: block !important;
}

.canvas-deactive .canvas-container {
    position: relative;
    display: inline-block;
}

.canvas-deactive .canvas-container::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.59);
    z-index: 9;
}

.inputfile {
    display: none;
}

#contenedor_3 .edit-label {
    padding: 5px;
    width: auto;
}

.addButton{
    visibility: visible !important;
    padding: 0 !important;
    border: none !important;
}

#contenedor_3 label {
    background-color: #009FE3;
    width: 300px;
    color: white;
    cursor: pointer;
    display: -webkit-inline-flex;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
    margin: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#contenedor_3 label:hover {
    background-color: #0782b7;
}

.canvas-deactive {
    background-color: rgba(0, 0, 0, 0.59) !important;
    border-radius: .25rem!important;
}

.canvas-deactive>a,
.canvas-deactive>input {
    visibility: hidden !important;
}

.canvas-deactive .edit-buttons,
.canvas-deactive .edit-label,
#contenedor_3 .canvas-deactive label,
.canvas-active>a {
    display: none !important;
}

.canvas-deactive>a {
    visibility: visible !important;
}

.canvas-first>a,
.canvas-first>input {
    visibility: hidden;
}

.canvas-first .edit-buttons,
#contenedor_3>div>.canvas-first>a {
    display: none;
}

.canvas-active>input {
    visibility: visible !important;
}

.canvas-active .edit-buttons {
    display: block !important;
}

.canvas-deactive>a {
    display: inline-block !important;
}

.canvas-active .edit-label {
    display: -webkit-inline-flex;
    display: -webkit-inline-flex;
    display: inline-flex;
}

#contenedor_3>div>div>a {
    margin-bottom: 15px;
}

.canvas-active .edit-buttons a,
#contenedor_3>div>div>a {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: #009FE3;
    color: white;
    cursor: pointer;
}

#contenedor_3>div>div {
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}

#search_result{
    max-height: 360px;
    overflow-y: scroll;
    border-radius: 0.25rem;
    background-color: #fff;
}

#search_result *{
    cursor: pointer;
}

#search_result > li{
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    /* border-bottom: 3px solid #5C676C; */
    border-radius: 0;
    position: relative;
}

#search_result > li::after{
  content: '';
  width: calc(100% - 20px);
  left: 10px;
  height: 3px;
  background-color: #5C676C;
  display: block;
  position: absolute;
  bottom: 1px;
}

.no-after::after{
    display: none !important;
}

#search_result > li hr:last-child{
    display: none !important;
}

#search_result > li:last-child::after{
  display: none;
}

#search_result > li label{
    width: 100%;
    font-weight: 600;
    margin-bottom: 0;
}

#search_result > li > span:last-child{
    float: right;
}

/* custom scrollbar */
#search_result::-webkit-scrollbar {
    width: 20px;
  }

  #search_result::-webkit-scrollbar-track {
    background-color: transparent;
  }

  #search_result::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
  }

  #search_result::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
  }

.deactiveFormat{
    background-color: #ffd4d4 !important;
    opacity: 0.5 !important;
}

.eliminar_3,
.eliminar_image {
    float: right;
    position: relative;
    top: 10px;
}

.move-image-up{
    float: right;
    position: relative;
    top: 10px;
}

.edit-buttons p {
    margin: 0;
    margin-top: 15px;
}


/*Navbar*/

.navbar {
    /* background-image: url('../img/navbar.png'); */
    /* background-image: linear-gradient(#d4d4d3, #ededed, #d4d4d3);
    background-size: cover;
    background-position: center center;
    background-color: #d6d6d6; */
    background-color: #fff;
    z-index: 999;
}

.nav-item.dropdown > .dropdown-menu{
    right: 0;
    left: auto;
}
@media (min-width: 768px) {
    .navbar li.nav-item > a,
    .navbar li.nav-item > .nav-link {
        padding-left: 0.5rem;
        margin-right: 10px;
        padding-right: 0.5rem;
        position: relative;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 39%);
        border-radius: 0.25rem;
    }

    #languageContainer > a{
        padding-left: 2.5rem;
    }

    .navbar li.nav-item > a::after{
        display: none;
    }

    #languageContainer > a::before{
        content: '';
        background-image: url('../icon/lang-icon.svg');
        display: inline-block;
        width: 1.25rem;
        position: absolute;
        top: 0;
        background-position: center, right;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        left: 0.75rem;
    }
}

@media (min-width: 930px) {
    .navbar li.nav-item > a,
    .navbar li.nav-item > .nav-link {
        padding-left: 1rem;
        margin-right: 15px;
        padding-right: 1rem;
    }
}

.navbar .navbar-nav .nav-link {
    color: #5C676C;
}

.navbar .navbar-nav .nav-link:hover {
    color: #353b3d;
}

#logo {
    width: 155px;
    height: auto;
    object-fit: cover;
}


/*Login page*/

.login,
.image {
    min-height: 100vh;
}

.bg-image {
    background-image: url('../img/machine-background.jpg');
    background-size: cover;
    background-position: center center;
}


/*tutorial*/

.qr_tutorial img {
    width: 150px;
    height: 150px;
}


/*Tasks*/

.tools div a {
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
    border: 1px solid #ced4da;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
}

.tools div a:before {
    margin: 0 !important;
    height: auto !important;
}


/*Warnhinweise*/

.drohende-gefahr::before,
.eingreifen-verboten::before,
.elektrische-spannung::before,
.gefaehrliche-situation::before,
.gefaehrliche-situation-2::before,
.handverletzungen::before,
.heisse-oberflaeche::before,
.hinweise::before {
    display: inline-block;
    width: 25px;
    transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    position: absolute;
    margin-top: -45px;
    left: 0;
}

.drohende-gefahr::before {
    content: url("../img/warnhinweise/drohende-gefahr.png");
}

.eingreifen-verboten::before {
    content: url("../img/warnhinweise/eingreifen-verboten.png");
}

.elektrische-spannung::before {
    content: url("../img/warnhinweise/elektrische-spannung.png");
}

.gefaehrliche-situation::before {
    content: url("../img/warnhinweise/gefaehrliche-situation.png");
}

.gefaehrliche-situation-2::before {
    content: url("../img/warnhinweise/gefaehrliche-situation-2.png");
}

.handverletzungen::before {
    content: url("../img/warnhinweise/handverletzungen.png");
}

.heisse-oberflaeche::before {
    content: url("../img/warnhinweise/heisse-oberflaeche.png");
}

.hinweise::before {
    content: url("../img/warnhinweise/hinweise.png");
    margin-top: -8px;
}

.sign {
    padding: 10px 10px 10px 50px;
    cursor: pointer;
}


/*Variable*/

.color-button {
    min-width: 60px;
}

.color-button div {
    width: 12px;
    height: 12px;
    float: left;
    position: relative;
    border-radius: 50%;
    top: 7px;
    cursor: pointer;
}

.variable_color {
    cursor: pointer;
}

.variable_color>div {
    width: 12px;
    height: 12px;
    float: left;
    position: relative;
    border-radius: 50%;
    top: 7px;
    margin-right: 0.5rem;
    cursor: pointer;
}


/*Multi-select*/

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: black !important;
}

.bootstrap-select>.dropdown-toggle {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}

.bootstrap-select {
    width: 100% !important;
}


/*Bootstrap Steps*/

#tutorial_steps .tab {
    display: none;
}

#tutorial_steps .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

#tutorial_steps .step.active {
    opacity: 1;
    background-color: #009FE3;
}

#tutorial_steps .step.finish {
    background-color: #009FE3;
}

.display_none {
    display: none !important;
}


/*Frontend*/

.task_headlinder {
    margin-left: 1.5rem;
    font-size: 1rem;
}

@media (max-width: 590px) {
    .mobile-tutorial {
        padding: 0 !important;
    }
}

.button-check {
    padding: .375rem .75rem;
}

.bg-light {
    background-color: #dae0e5!important
}

.headliner_format {
    font-size: 1.5rem;
    color: #212529 !important;
    margin-bottom: 1rem;
}

.headliner_format span {
    color: #009FE3;
    font-size: 2rem;
}

.frontend_machine_pdf {
    text-decoration: underline;
    color: #0392cf;
}

.tool-list {
    position: relative;
    top: 5px;
}

.check {
    color: #009FE3;
    margin-right: 4px;
    padding: .375rem .75rem;
    z-index: 1;
    cursor: pointer;
}

.check::before {
    content: '';
    display: inline-block;
    width: 22px;
    z-index: -1;
    position: absolute;
    height: 22px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #009FE3;
    margin-left: -5px;
    margin-top: 1px;
}

.check-done {
    color: white !important;
}

.check-done::before {
    background-color: #009FE3 !important;
}

.warning_frontend {
    float: left;
    width: auto;
    height: auto;
    padding: 20px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin-right: 20px;
}

.warning_frontend_note {
    display: flex;
    align-items: center;
    max-width: 100%;
}

.var_color {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.var_color_white {
    border: 1px solid #6c757d;
}

.var_image {
    width: auto;
    height: auto;
    padding: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.tools span {
    display: inline-block;
}

.container_step {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 650px) {
    .header_steps {
        display: block !important;
    }
    .header_steps h4 {
        text-align: left !important;
    }
    .warning_frontend_note {
        display: block;
    }
    .warning_frontend {
        float: none;
        margin-bottom: 15px;
    }
}


/*Warnhinweis hinzufügen*/

.added_warning {
    margin-bottom: 15px;
}

.eliminar_warning,
.delete_warning {
    width: 10%;
    display: inline-block;
    height: 62px;
    padding-top: 17px;
    padding-left: 10px;
    margin-bottom: 15px;
}

.eliminar_warning.delete-icon::before {
    height: auto !important;
    margin: 0 !important;
}

#contenedor_warning .added_warning:first-child {
    float: none;
    width: 100%;
}

#contenedor_warning textarea {
    height: 62px;
}

.added_warning {
    float: left;
    width: 90%;
}

/*PDF*/
/* .pdf_page{
    font-family: DejaVu Sans !important;
} */

.pdf_page .navbar {
    display: none;
}

.pdf_page .warning_frontend_note_pdf{
    max-width: 100%;
    width: 100%;
}

.pdf_page .print_tool {
    width: 25px;
    margin-right: 10px;
}
.pdf_page .pdf_warning {
    margin-bottom: 0 !important;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.pdf_page .logo_pdf{
    text-align: center;
    margin-bottom: 50px;
}
.pdf_page .logo_pdf img{
   width: 250px;
}
.pdf_page .qr_pdf{
    position: absolute;
    right: 0;
    top: 1.5rem;
}
#pdf-date{
    position: absolute;
    top: 1.2rem;
    left: 0;
}
.pdf_page #pdf_titleimage{
    text-align: center;
    margin-top: 35px;
}
.pdf_page #pdf_titleimage img{
    width: auto;
    max-width: 650px;
    max-height: 250px;
    object-fit: contain;
}
.pdf_page .header_task_pdf {
    margin-top: 50px;
}
.pdf_page .page_break{
    page-break-before: always;
}
.var_image_pdf{
  width: auto;
  max-width: 500px;
  max-height: 200px;
  object-fit: contain;
}
.pdf_page .pdf_warning img{
    max-height: 50px;
    max-width: 50px;
}

.pdf_page .pdf_warning > div{
    float: left;
    margin-right: 10px;
}

.pdf_page .pdf_warning p{
    margin: 0;
    margin-bottom: 20px;
}

.pdf_page #content_pdf {
    max-width: 935px;
    width: 100%;
}

/*
.pdf_header {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.noprint {
    display: none !important;
}

.print-canvas img {
    max-width: 100%;
    border: 1px solid #dee2e6;
}


.pdf_canvas {
    min-height: 1150px;
}
*/

.deactivatedPoint{
    opacity: 0.6;
}

/* Ersatzteilkatalog */

.catalogue {
    overflow: hidden;
}
.catalogue main{
    padding: 0 !important;
}
#catalogue-container{
    position: relative;
}
.catalogue canvas {
    display: block;
    position: absolute;
    border: none;
    top: 70px;
    left: 0;
}
.catalogue #catalogue-canvas-container{
    width: 100vw;
    height: 100vh;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    background-color: #003e65;
}
.catalogue #info {
    color: #fff;
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
    z-index: 100;
    display: block;
}

.catalogue #szlider {
    width: 100%;
    height: 6px;
    border: none;
    overflow: hidden;
}

/* .catalogue #szliderbar {
    width: 37%;
    height: 5px;
    background: #009fe3;
    border: none;
} */

.catalogue .dg.main .close-button{
    display: none;
    position: absolute;
    top: 0;
    color: transparent;
    background-color: #009fe3 !important;
    text-indent: -9999px;
    /* width: 40px !important; */
    height: 37px;
    right: 0;
    z-index: 991;
    padding-top: 5px;
}

.catalogue .dg.main .close-button::before{
    content: url("../icon/hamburger-icon.svg");
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    height: 25px;
    filter: brightness(0) invert(1);
    right: 0;
    position: absolute;
    text-indent: initial;
}

.catalogue #szlidertext {
    color: #000000;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    left: 25px;
    position: relative;
    top: -16px;
}

.catalogue .dg.a{
    /* height: calc(100vh - 96px); */
    background-color: #009FE3;
    margin-right: 0;
    overflow: visible;
    /* overflow-y: auto; */
}

.catalogue .dg.a > ul:not(.closed){
    min-height: calc(100vh - 96px) !important;
}

.catalogue #info a,
.catalogue .button {
    color: #f00;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer
}
.catalogue footer:not(#footer) {
    background-color: #009FE3;
    width: 100%;
    bottom: 0;
    position: fixed;
    color: #fff;
    min-height: 24px;
}
.catalogue #my-gui-container {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 0px;
    width: 0px;
    z-index: 0;
    transform: scale(1) !important;
}

.catalogue #my-gui-container ul li.string select{
    max-height: 150px;
    min-height: 40px;
    padding: 0;
    user-select: none;
    -webkit-user-select: none;
    appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    line-height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    background-position: calc(100% - 5px) center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding-right: 20px;
}

.catalogue #my-gui-container ul li.string select option{
    padding: 0 10px;
    user-select: none;
    -webkit-user-select: none;
    background-color: #fff;
}

.catalogue #my-gui-container ul li.string select option:checked:hover,
.catalogue #my-gui-container ul li.string select option:checked,
.catalogue #my-gui-container ul li.string select option:hover {
    background-color: #009fe3;
    color: #fff;
    width: calc(100% + 20px);
}

.catalogue .dg li{
    display: flex;
    width: 100%;
    flex-flow: column;
}

.catalogue .dg li:not(.folder){
    background: #009fe3;
    border-bottom: 1px solid #009fe3;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder ul > .title {
    padding-left: 16px;
    background: #009fe3 url('data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==') 6px 10px no-repeat;
    cursor: pointer;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
}

.catalogue .dg{
    font: unset;
    text-shadow: none;
    color: #fff;
}

.catalogue .dg ul li{
    border-left: none !important;
    overflow: visible;
}

.catalogue .dg ul li span{
    overflow: visible;
}

.catalogue .dg .property-name,
.catalogue .dg .c{
    width: 100%;
}

.catalogue .dg li:not(.folder){
    height: auto;
    line-height: initial;
    text-align: center;
}

.catalogue .dg .cr.boolean:hover,
.catalogue .dg .cr.function:hover {
    background: transparent;
}

.catalogue .dg .cr.boolean,
.catalogue .dg .cr.boolean *,
.catalogue .dg .cr.function,
.catalogue .dg .cr.function *,
.catalogue .dg .cr.function .property-name {
    /* cursor: default; */
    text-align: center;
}

.catalogue .dg li:not(.folder) {
    height: auto;
    padding: 0;
}

.catalogue .gui-label{
    border-top: 3px solid #fff;
    display: block;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 21px;
}

.catalogue .gui-buttom-load-level{
    padding: 7px 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #5c676c;
    background-color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    border: none !important;
}

.catalogue li.cr.function,
.catalogue li.cr.function > div{
    cursor: default;
}

.catalogue #my-gui-container ul li .gui-label{
    cursor: default;
}

.catalogue #my-gui-container ul li:first-child .gui-label{
    border-top: none;
    /* margin-top: 37px; */
}

.catalogue .gui-button{
    border-top: 3px solid #fff;
    background: #FFFFFF;
    color: #5C676C;
    width: 100%;
    border: none;
    padding: 13px 0;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
}

.catalogue .gui-button:focus{
    outline: none;
}

.catalogue select{
    padding: 7px;
    background: #fff;
    border: 2px solid #5c676c;
    cursor: pointer;
    border-radius: 5px;
    width: 95%;
}

.catalogue #addCartContainer{
    position: relative;
}

.catalogue #my-gui-container .custom-search-container{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.catalogue #my-gui-container .custom-search-container input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    background-position: calc(100% - 5px) center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding-right: 20px;
    border-radius: 5px;
    width: 95%;
    text-align: left;
    cursor: auto;
    margin-left: 2.5%;
    border: none;
}

.catalogue #my-gui-container .custom-search-container #searchLoading,
.catalogue #my-gui-container .custom-search-container #search_min_letters,
.catalogue #my-gui-container .custom-search-container #customSearchResults{
    width: 95%;
    margin-left: 2.5%;
    background-color: #fff;
    margin-top: -5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 360px;
    overflow-y: scroll;
}

.catalogue #my-gui-container .custom-search-container #searchLoading li,
.catalogue #my-gui-container .custom-search-container #search_min_letters li,
.catalogue #my-gui-container .custom-search-container #customSearchResults li{
    background-color: #fff;
    border: none;
    padding: 5px 0;
    border-top: 1px solid #d9d9d9;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 0;
}

/* .catalogue #my-gui-container .custom-search-container #customSearchResults li:hover{
    background-color: #f1f1f1;
}
*/

.catalogue #my-gui-container .custom-search-container #customSearchResults *{
    cursor: default;
    text-align: left;
}

.catalogue #my-gui-container .custom-search-container #customSearchResults .pointer{
    cursor: pointer;
}

.catalogue #my-gui-container .custom-search-container #customSearchResults .pointer *{
    cursor: pointer;
}

.catalogue #my-gui-container .custom-search-container #customSearchResults li label{
    width: 100%;
    font-weight: 600;
    margin-bottom: 7px;
}

.catalogue #my-gui-container .custom-search-container #customSearchResults li .explainSearchHeader{
    margin-top: 7px;
}

.catalogue #my-gui-container .custom-search-container #customSearchResults li div{
    padding: 5px;
    color: #009FE3;
    text-decoration: underline;
}

.catalogue #my-gui-container .custom-search-container #customSearchResults li div:hover{
    background-color: #f1f1f1;
}


/* .catalogue #addCartInformation{
    width: 350px;
    background: #fff;
    right: calc(100% + 35px);
    position: absolute;
    top: calc(-50% - 19px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    cursor: default;
    padding: 15px;
}

.catalogue .dg.main.taller-than-window #addCartInformation{
    position: relative;
    right: 0;
    top: 10px;
    margin: 0px 15px 0px 15px;
    width: calc(100% - 30px);
    margin-bottom: 30px;
}

.catalogue .dg.main.taller-than-window #addCartInformation::after{
    width: 100%;
    background-position: center, top;
    height: 20px;
    top: -20px;
    background-image: url("../icon/open-top-arrow.svg");
    right: 0;
}

.catalogue #addCartInformation::after{
    content: '';
    display: inline-block;
    width: 35px;
    right: -35px;
    position: absolute;
    top: 0;
    background-image: url("../icon/open-right-arrow.svg");
    background-position: center, right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
} */
.catalogue #my-gui-container ul li.folder > .gui-button-box-container-legal{
    margin-bottom: 20px;
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container-legal > ul > .title{
    display: none !important;
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container-legal > ul > li span{
    text-align: right;
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container-legal > ul > li button{
    color: #fff;
    background-color: transparent;
    display: inline-block;
    font-weight: 600;
    border: none !important;
    outline: none !important;
    /* width: 100%; */
    text-align: left;
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container{
    padding-top: 10px;
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container > ul{
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container > ul > li{
    width: calc(50% - 10px);
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container > ul > .title{
    margin-left: 0;
    display: block;
    font-size: 21px;
    width: 100%;
    font-weight: bold;
    pointer-events: none;
}

.catalogue #my-gui-container ul li.folder > .gui-button-box-container > ul > li button{
    padding: 7px 10px;
    margin-top: 10px;
    color: #5c676c;
    background-color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    border: none !important;
    width: 100%;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder > ul{
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
  background: #fff;
  margin: 0px 15px 0px 15px;
  width: calc(100% - 30px);
  top: 30px;
  margin-bottom: 45px;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder > ul.closed > li:not(.title){
    display: none;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder > ul:not(.closed){
    padding: 10px 0;
}

.catalogue #my-gui-container ul li.folder{
  padding-bottom: 10px;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder ul > .title{
  margin-left: auto;
  border: none;
  position: absolute;
  text-align: right;
  top: -30px;
  right: 0;
  background-position: left;
  width: 37px;
  height: 26px;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder ul > .title::before {
  content: url("../icon/setting-icon.svg");
  display: inline-block;
  width: 25px;
  filter: brightness(0) invert(1);
  position: absolute;
  right: 0;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder{
  position: relative;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder ul:not(.closed) li:not(.title),
.catalogue #my-gui-container ul li.folder > .gui-setting-folder ul:not(.closed) li div.c,
.catalogue #my-gui-container ul li.folder > .gui-setting-folder ul:not(.closed) li span{
    background: #fff;
}

.catalogue #my-gui-container ul li.folder  > .gui-setting-folder ul:not(.closed) li:not(.title){
    padding: 5px 0;
    overflow: hidden;
    margin: 0px 15px 0px 15px;
    width: calc(100% - 30px);
    display: block;
    border: none;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder ul:not(.closed) li.function{
    padding-top: 10px;
    padding-bottom: 10px;
}


.catalogue #my-gui-container ul li.folder > .gui-setting-folder li:not(.title) *{
  color: #009fe3;
  font-weight: 600;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder .has-slider .c > div{
  display: none;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder .has-slider .c > .slider{
  display: block;
  clear: left;
  float: none;
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-radius: 5px;
  height: 10px;
  background: #919191 !important;
  margin-top: 5px;
  margin-bottom: 5px;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder .slider-fg{
  position: relative;
  background: #009fe3 !important;
  border-radius: 5px;
  height: 10px;
}

.catalogue #my-gui-container ul li.folder > .gui-setting-folder .slider-fg::before{
  content: '';
  width: 11px;
  height: 23px;
  background-color: #fff;
  border: 1px solid #009fe3;
  border-radius: 5px;
  position: absolute;
  right: -3px;
  top: -7px;
}

.catalogue .loader{
    background-color: rgb(153 175 189);
}

/* #addCartContainer, #addCartInformation{
    display: block !important;
} */

#addCartInformation > div{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

#addCartInformation > div:last-child{
    margin-bottom: 0;
}

#addCartInformation > div > span{
    flex: 1;
    text-align: left;
}

#addCartInformation > div > span:first-child{
    margin-right: 10px;
    flex: none;
}

#addCartInformation > div > span:first-child .loader{
    position: relative;
    background-color: #fff;
}

#addCartInformation > div > span:first-child .loader .lds-ring{
    height: 15px;
    width: 15px;
}

#addCartInformation > div > span:first-child .loader .lds-ring > div{
    height: 15px;
    width: 15px;
    border-width: 2px;
    left: -5px;
    top: -5px;
}

.catalogue #addCartInformation *{
    cursor: default;
}

#addCartInformation span{
    color: #5C676C;
    font-weight: 600;
}

#addCartInformation button{
    background-size: cover;
    background-image: url("../icon/cart-white-icon.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #009fe3;
    border: none;
    border-radius: 5px;
    height: 25px;
    width: 25px;
    margin-left: 10px;
    cursor: pointer !important;
}

#addCartInformation button{
    pointer-events: none;
    background-color: #919191;
}

/* #addCartContainer #addBasketButton{
    cursor: progress;
}

#addCartContainer.search-done #addBasketButton,
#addCartContainerModal.search-done #addBasketButton{
    cursor: pointer;
} */

#addCartContainer.search-done #addCartInformation button,
#addCartContainerModal.search-done #addCartInformation button{
    background-color: #009fe3;
    pointer-events: auto;
    cursor: pointer;
}

#addCartInformation > div > span:first-child b{
    display: none;
}

#addCartContainer.search-done #addCartInformation > div > span:first-child b,
#addCartContainerModal.search-done #addCartInformation > div > span:first-child b{
    display: inline-block;
}

#addCartContainer.search-done #addCartInformation > div > span:first-child .loader,
#addCartContainerModal.search-done #addCartInformation > div > span:first-child .loader{
    display: none;
}

#seach-index{
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    left: 5px;
    top: 77px;
}

#showBasketButton{
    position: relative;
}

#showBasketButton::after{
    content: attr(data-cart);
    position: absolute;
    background-color: #009fe3;
    color: #fff;
    border-radius: 50%;
    min-width: 17px;
    height: 17px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

.showBasketButtonBlue::after{
    border: 1px solid #fff;
    top: -8px;
}

body:not(.catalogue, .pdf_page) {
    padding-bottom: 50px;
    min-height: 100vh;
    position: relative;
}

/* #infoAdmin{
    display: none !important;
} */

body.catalogue #footer,
body.pdf_page #footer{
    display: none;
}

body #footer a{
    color: #fff;
    /* font-size: 13px; */
}

.no-footer  #footer{
    display: none !important;
}

/* body:not(.manual, .catalogue, .pdf_page) */
body:not(.catalogue, .pdf_page) #footer{
    background-color: #009FE3;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 20px;
}

body #powerd_by{
    color: #fff;
    font-size: 13px;
    display: none;
}
/* body #powerd_by{
    display: none;
    position: absolute;
    right: 15px;
    color: #fff;
    font-size: 13px;
    bottom: -20px;
} */

body #powerd_by a{
    color: #fff;
    text-decoration: none;
}

body:not(.catalogue .pdf_page) #powerd_by{
   display: block;
}

.table-text-note{
    color: #5C676C;
    font-weight: 400 !important;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}  


@media (max-width: 720px) {
    body:not(.catalogue, .pdf_page) #footer{
        flex-flow: column;  
        padding: 10px 20px;
        height: 70px;
    }
    body:not(.catalogue, .pdf_page) {
        padding-bottom: 70px;
    }
}

@media (max-width: 490px) {
    body:not(.catalogue, .pdf_page) #footer div:not(#powerd_by) a{
        display: block;
    }
    body:not(.catalogue, .pdf_page) #footer{
        height: 130px;
        align-items: flex-start;
    }
    body:not(.catalogue, .pdf_page) {
        padding-bottom: 130px;
    }
}

.wf-table table{
    color: #5C676C;
}

.wf-table table .link-size-td td{
    padding: 0;
    word-break: break-word;
}

.wf-table table .link-size-td td > *{
    padding: 1rem 0.75rem;
    display: block;
}

.wf-table table .link-size-td td > a{
    color: #5C676C !important;
}

.wf-table table .link-size-td td:nth-child(1){
    width: 260px;
}

.wf-table table .link-size-td.link-size-td-frontend td:nth-child(1){
    width: 490px;
}

.wf-table table .link-size-td td:nth-child(2){
    width: 100px;
}

.wf-table table .link-size-td.link-size-td-frontend td:nth-child(2){
    width: 100px;
}

.wf-table table .link-size-td td:nth-child(3){
    width: 122px;
}

.wf-table table .link-size-td td:nth-child(4){
    width: 165px;
}

.wf-table table .link-size-td.link-size-td-frontend td:nth-child(3){
    width: 165px;
}


.wf-table table .link-size-td td:nth-child(5){
    width: 110px;
}

.wf-table table .link-size-td.link-size-td-frontend td:nth-child(4){
    width: 110px;
}

.wf-table table .link-size-td td:last-child{
    width: 310px;
}

.wf-table table .link-size-td.link-size-td-frontend td:last-child{
    width: 310px;
}

.wf-table table .link-size-td td:nth-child(7){
    width: auto;
}

.wf-table table .link-size-td.link-size-td-frontend td:nth-child(6){
    width: auto;
}

.wf-table table .link-size-td.link-size-td-frontend td:nth-child(7){
    width: auto;
}

.wf-table .table thead th{
    color: #009fe3;
}

/* .wf-table .table th h1,
.wf-table .table th h2,
.wf-table .table th h3,
.wf-table .table th h4,
.wf-table .table th h5,
.wf-table .table th h6,
.wf-table .table th p{
    color: #5C676C;
} */

.wf-table .table td,
.wf-table .table th {
    border-bottom: 1px solid #5C676C;
    border-top: none;
    padding: 1rem 0.75rem;
}

.wf-table .page-link{
    border: none;
    opacity: 1;
}

.wf-table .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgb(105 114 122 / 29%);
}

.wf-table .page-item.disabled .page-link{
    color: #6c757d !important;
}

.wf-table .page-item.active .page-link,
.wf-table .page-link:hover {
    background-color: transparent !important;
    border: none;
    font-weight: 600;
}

.wf-table #table_id_previous > a,
.wf-table #table_id_next > a{
    text-indent: -9999px;
    overflow: hidden;
    color: #fff !important;
    position: relative;
}

.wf-table #table_id_previous > a::before,
.wf-table #table_id_next > a::before{
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 12px;
    height: 13px;
    right: calc(0px + 6px);
    top: calc(50% - 6px);
}

.wf-table #table_id_previous > a::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.715' height='12.601' viewBox='0 0 7.715 12.601'%3E%3Cpath id='Pfad_242' data-name='Pfad 242' d='M0,0,5.594,5.594,0,11.187' transform='translate(7.008 11.894) rotate(180)' fill='none' stroke='%235c676c' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.wf-table #table_id_next > a::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.715' height='12.601' viewBox='0 0 7.715 12.601'%3E%3Cpath id='Pfad_206' data-name='Pfad 206' d='M845.119-4.168l5.594,5.594-5.594,5.594' transform='translate(-844.412 4.875)' fill='none' stroke='%235c676c' stroke-width='2'/%3E%3C/svg%3E%0A");
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    color: #5C676C;
}


/* Sweet Alert Start */
body .swal2-styled.swal2-confirm {
    background-color: #009FE3 !important;
}

body .swal2-styled.swal2-confirm:focus {
    box-shadow: none;
}

body .swal2-loader{
    border-color: #009FE3 rgba(0,0,0,0) #009FE3 rgba(0,0,0,0);
}

body .swal2-footer a{
    color: #009FE3;
}
/* Sweet Alert End */

/* Input number */
.quantity {
    position: relative;
    width: 100%;
    max-width: 55px;
    height: 32px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #5C676C;
    border-radius: 5px;
    padding: 1px;
    color: #5C676C;
}
.quantity input {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border: 0 none;
    float: left;
    -moz-appearance: textfield;
}
.quantity input::-webkit-inner-spin-button,
.quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity__btn {
    position: absolute;
    right: 0;
    width: 23px;
    height: 15px;
    cursor: pointer !important;
}
.quantity__btn:after {
    position: absolute;
    content: "";
    left: 7px;
    border-width: 5px;
    border-style: solid;
}
.quantity__btn--up {
    top: 0;
}
.quantity__btn--up:after {
    top: 2px;
    border-color: transparent transparent #5C676C transparent;
}
.quantity__btn--down {
    bottom: 0;
}
.quantity__btn--down:after {
    bottom: 2px;
    border-color: #5C676C transparent transparent transparent;
}

#sendRequest,
.addBasketSpareButton{
    position: relative;
}

#sendRequest.loading-btn,
.addBasketSpareButton.loading-btn{
    pointer-events: none;
}

#sendRequest .loader,
.addBasketSpareButton .loader{
    position: absolute;
    display: none;
}

#sendRequest.loading-btn .loader,
.addBasketSpareButton.loading-btn .loader{
    display: flex;
}

#sendRequest .loader .lds-ring,
.addBasketSpareButton .loader .lds-ring{
    height: 15px;
    width: 15px;
}

#sendRequest .loader .lds-ring > div,
.addBasketSpareButton .loader .lds-ring > div{
    height: 15px;
    width: 15px;
    border-width: 2px;
    left: -5px;
    top: -5px;
}

.dashboard-container > div > div{
    padding-bottom: 20px;
}

.dashboard-link{
    position: relative;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 293px;
    text-decoration: none !important;
    overflow: hidden;
}

.dashboard-link-disabled::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(88 97 103 / 80%);
    z-index: 99;
}

.dashboard-link span{
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 25%;
}

@media (max-width: 1690px) {
    .dashboard-link{
        min-height: 205px;
    }
}

@media (max-width: 1199px) {
    .dashboard-link{
        min-height: 220px;
    }
}

@media (max-width: 900px) {
    .dashboard-link{
        min-height: 170px;
    }
    .dashboard-link span {
        left: 20%;
    }
}

@media (max-width: 575px) {
    .dashboard-link{
        min-height: 190px;
    }
    .dashboard-link span {
        left: 25%;
    }
}

#loginForAll,
#dashboardNoLog{
    margin-top: -3rem;
    margin-bottom: 3rem;
    background-color: #009FE3;
    color: #fff;
    padding: 10px;
    min-height: 54px;
}

#dashboardNoLog a{
    color: #fff;
}

#loginForAll a{
    margin-left: 15px;
    color: #fff;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 3px 10px;
    background-color: #009FE3;
    text-decoration: none !important;
}

#loginForAll a:hover{
    background-color: #fff;
    color: #009FE3;
}

#dashboardChooseMachine{
    position: relative;
    min-height: 40px;
    padding-left: 55px;
}

#dashboardChooseMachine::before{
    content: '';
    display: inline-block;
    width: 44px;
    height: 38px;
    position: absolute;
    left: 0;
    background-image: url("../icon/warning-blue-icon.svg");
    background-size: 35px 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.chooseDropdown{
    font-weight: 600;
    text-align: center;
}

.chooseDropdown label{
    color: #009FE3;
    padding: 20px 40px 20px 15px;
    position: relative;
    display: block;
    overflow: hidden;
}

.chooseDropdown label::after{
    content: '';
    background-image: url("../icon/arrwo-down-small-blue-icon.svg");
    background-size: 20px 10px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 20px;
    height: 100%;
    top: 0;
    position: absolute;
    right: 15px;
}

.chooseDropdown label span{
    display: block;
    overflow: hidden;
    word-break: break-word;
}

.chooseDropdown label,
.chooseDropdown li{
    cursor: pointer;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chooseDropdown li a{
    text-decoration: none !important;
    color: #fff;
    display: block;
    padding: 20px 5px;
    overflow: hidden;
    word-break: break-word;
}

.chooseDropdown ul{
    padding: 0;
    display: none;
}

.chooseDropdown ul.open_select_machine,
.chooseDropdown ul.open_select_company{
    display: block;
}

.chooseDropdown li{
    list-style: none;
    background: #009FE3;
    color: #fff;
    margin-bottom: 5px;
}

#infoAdmin{
    color: #721c24;
    background-color: #f8d7da;
    position: fixed;
    display: inline-block;
    padding: 0.5rem 1.25rem;
    z-index: 999;
    bottom: 0px;
    left: 0;
    width: 100%;
}


  .upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  .upload__btn {
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    min-width: 116px;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #0392cf;
    border-color: #0392cf;
    border-radius: .25rem;
  }
  .upload__btn > p{
    margin: 0 !important;
  }
  .upload__btn:hover {
    background-color: unset;
    color: #0392cf;
    transition: all 0.3s ease;
  }
  .upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    min-height: 150px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    width: 100%;
  }
  .upload__img-wrap > span{
    padding: .375rem .75rem;
    color: #6c757d;
    cursor: default;
  }
  .upload__img-box {
    width: 135px;
    padding: 0 10px;
    margin-bottom: 12px;
  }
  .upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #dc3545;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 21px;
    z-index: 1;
    cursor: pointer;
  }
  .upload__img-close:after {
    content: '\2716';
    font-size: 12px;
    color: white;
    filter: brightness(0) invert(1);
  }
  .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
    padding-bottom: 100%;
  }

  /* Slick Slider carousel */
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

  /* the slides */
  .slick-slide {
    margin: 0 20px;
}

/* the parent */
.slick-list {
    margin: 0 -20px;
}

.company-carousel{
    text-align: center;
}

.company-carousel .card-title{
    color: #fff;
}

.company-carousel .card{
    border: none;
    background-color: #009FE3;
    text-align: center;
}

.company-carousel .card .card{
    background-color: #fff;
    text-align: center;
}

.company-carousel .card .card .card-body{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    min-height: 284px;
}

.company-carousel .card .card .card-body span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    margin: auto;
}

.slick-carousel .slick-arrow{
    background: none;
    border: none;
    text-indent: -9999px;
    position: absolute;
    width: 36px;
    height: 46px;
    top: calc(50% - 23px);
    color: transparent;
    padding: 0;
}

.slick-carousel .slick-arrow:focus{
    outline: none !important;
}

.slick-carousel .slick-arrow.slick-prev{
    left: -75px;
}

.slick-carousel .slick-arrow.slick-next{
    right: -75px;
}

.slick-carousel .slick-arrow.slick-prev::before,
.slick-carousel .slick-arrow.slick-next::before{
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

.slick-carousel .slick-arrow.slick-prev::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.109' height='53.217' viewBox='0 0 29.109 53.217'%3E%3Cpath id='Pfad_6310' data-name='Pfad 6310' d='M4436,569.333l23.073,23.074,23.073-23.074' transform='translate(594.907 -4432.465) rotate(90)' fill='none' stroke='%23009fe3' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E%0A");
}

.slick-carousel .slick-arrow.slick-next::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.949' height='54.2' viewBox='0 0 30.949 54.2'%3E%3Cg id='Gruppe_5016' data-name='Gruppe 5016' transform='translate(-1600.509 -563.529)'%3E%3Cpath id='Pfad_6311' data-name='Pfad 6311' d='M4436,569.333l23.073,23.074,23.073-23.074' transform='matrix(-0.035, -0.999, 0.999, -0.035, 1191.604, 5067.24)' fill='none' stroke='%23009fe3' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.carousel-deactivated > .card{
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}
@media (min-width: 1000px){
    .carousel-deactivated{
        margin-left: -2rem;
        margin-right: -2rem;
    }
}

@media (max-width: 999px){
    .carousel-deactivated > .card{
        width: 100%;
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .company-carousel .slick-carousel:not(.carousel-deactivated) .card .card .card-body {
        min-height: auto;
    }
    .slick-carousel .slick-arrow.slick-next {
        right: -40px;
    }
    .slick-carousel .slick-arrow.slick-prev {
        left: -40px;
    }
}

@media (max-width: 575px){
    .company-carousel .slick-carousel > .card{
        width: 100%;
        margin-left: 0rem;
        margin-right: 0rem;
        margin-bottom: 2rem;
    }
    #toggle-carousel{
        display: none !important;
    }
}

@media (max-width: 475px){
    .company-carousel .card .card-body{
        padding: 15px !important;
    }

    .company-carousel .card .card-body .card .card-body{
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .company-carousel .card .card-body .col-6{
        padding-right: 5px;
        padding-left: 5px;
    }
}

.slick-slide.teasst {
    display: none !important;
}

#carousel-search{
    max-width: 200px;
}


/* Multidimensional Dropdowns */
.multi-dropdown, 
.multi-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    margin: 0;
}

.multi-dropdown{
    display: none;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.multi-dropdown > .dropdown-menu{
    display: block;
}

.multi-dropdown .dropdown-submenu {
    position: relative;
}

.multi-dropdown .folder-item {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding-right: 15px;
}

.multi-dropdown .dropdown-submenu > .dropdown-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: 0;
}

.multi-dropdown .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.multi-dropdown .dropdown-submenu > span:after {
    content: "»";
    position: absolute;
    right: 0;
}

.multi-dropdown .folder-item.selected {
    font-weight: bold;
    color: #009FE3;
}

.multi-dropdown .folder-item:hover{
    font-weight: bold;
}

.entf-multi-drop{
    position: relative;
    top: 8px;
}

.dropzone-table {
    min-height: 15px !important;
    padding: 0px 0px !important;
}

.dropzone-table:hover{
    background: #dedede;
}

.dropzone-table .dz-preview{
    min-height: auto !important;
}

.dropzone-table .dz-preview .dz-details .dz-size,
.dropzone-table .dz-preview .dz-progress{
    display: none !important
}

.dropzone-table .dz-preview .dz-image{
    height: 70px !important;
    background: #cbcbcb !important;
    width: 100% !important;
}

.dropzone-table .dz-preview{
    display:  block !important;
}