@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@300;400;500&display=swap");

html {
    font-size: 10px;
}

body {
    font-family: "Encode Sans", sans-serif;
    font-size: 1.6rem;
}

* {
    outline: none;
}

.modal-body{
    font-size: 1.6rem;
}

.alert {
    font-size: 1.6rem;
    line-height: 3rem;
}

    .alert p {
        margin: 0;
    }

.sidebar {
    background-image: none !important;
    background: #ffffff;
}

    .sidebar .top-row {
        height: auto;
        padding: 0 !important;
        width: 100%;
        border-bottom: 1px solid #DEDEDE;
    }

    .sidebar .navbar-brand {
        color: transparent !important;
        margin: 20px !important;
        height: 55px;
    }

        .sidebar .navbar-brand:before {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='213.743' height='54.302' viewBox='0 0 213.743 54.302'%3E%3Cg id='Gruppe_187' data-name='Gruppe 187' transform='translate(-161.305 -216.365)'%3E%3Cg id='Gruppe_185' data-name='Gruppe 185' transform='translate(161.305 228.918)'%3E%3Cpath id='Pfad_151' data-name='Pfad 151' d='M161.3,261.2V232.245h21.206v5.947H168.719v17.059h13.987V261.2Zm4.4-11.816v-5.947H180.5v5.947Z' transform='translate(-161.305 -231.854)' fill='%237ddbd0'/%3E%3Cpath id='Pfad_152' data-name='Pfad 152' d='M192.168,261.2V232.245h7.513V261.2Z' transform='translate(-167.011 -231.854)' fill='%237ddbd0'/%3E%3Cpath id='Pfad_153' data-name='Pfad 153' d='M207.144,261.2V232.245h7.512l12.638,19.543H226.1V232.245h7.043V261.2h-7.513l-12.637-19.543h1.213V261.2Z' transform='translate(-169.78 -231.854)' fill='%237ddbd0'/%3E%3Cpath id='Pfad_154' data-name='Pfad 154' d='M244.824,261.2V232.245H266.01v6.064H252.336V261.2Zm4.715-10.936V244.2h14.437v6.065Z' transform='translate(-176.747 -231.854)' fill='%237ddbd0'/%3E%3Cpath id='Pfad_155' data-name='Pfad 155' d='M268.9,261.2l8.979-28.953h11.013L297.85,261.2h-7.356l-7.513-25.725h.705L276.193,261.2Zm6.906-7.14,1.585-5.908H289.34l1.565,5.908Z' transform='translate(-181.198 -231.854)' fill='%237ddbd0'/%3E%3Cpath id='Pfad_156' data-name='Pfad 156' d='M321.423,261.5a23.88,23.88,0,0,1-6.759-.871,12.676,12.676,0,0,1-4.959-2.68,11.394,11.394,0,0,1-3.052-4.608,19.1,19.1,0,0,1-1.036-6.631,16.562,16.562,0,0,1,1.868-8.216,11.941,11.941,0,0,1,5.468-5.028,20.442,20.442,0,0,1,8.783-1.7,31.952,31.952,0,0,1,3.2.157,25,25,0,0,1,3.022.489v6.143a26.408,26.408,0,0,0-2.709-.45,25.427,25.427,0,0,0-2.867-.157,12.306,12.306,0,0,0-5.028.889,5.845,5.845,0,0,0-2.925,2.808,11.28,11.28,0,0,0-.949,4.988,11.477,11.477,0,0,0,.94,5.037,5.736,5.736,0,0,0,2.865,2.778,11.891,11.891,0,0,0,4.881.871,19.141,19.141,0,0,0,2.906-.225,25.894,25.894,0,0,0,2.885-.616V260.6a21.112,21.112,0,0,1-3.081.655A24.283,24.283,0,0,1,321.423,261.5Z' transform='translate(-187.987 -231.765)' fill='%237ddbd0'/%3E%3Cpath id='Pfad_157' data-name='Pfad 157' d='M337.127,261.2V232.245h7.512v10.877h10.7V232.245h7.513V261.2H355.34V249.714h-10.7V261.2Z' transform='translate(-193.812 -231.854)' fill='%237ddbd0'/%3E%3C/g%3E%3Cg id='Gruppe_186' data-name='Gruppe 186' transform='translate(327.432 216.365)'%3E%3Cpath id='Pfad_158' data-name='Pfad 158' d='M365.114,270.667l19.854-27.488,4.44-5.5,15.242-21.317h8.079l-18.977,26.716-4.421,5.458-16.06,22.128Zm30.692-12.405-6.475-9.723-4.362-5.36-9.488-13.87h8.295l5.633,8.373,4.344,5.4,10.31,15.181Z' transform='translate(-365.114 -216.365)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
            background-position: center center;
            background-repeat: no-repeat;
            width: 214px;
            height: 55px;
            display: block;
        }

    .sidebar .nav .nav-item {
        padding: 0 !important;
        font-size: 1.6rem;
    }

        .sidebar .nav .nav-item a {
            background-color: transparent;
            color: #000000;
            text-align: left;
            height: auto;
            padding: 19px 20px;
            border-radius: 0;
            font-size: 1.6rem;
        }

            .sidebar .nav .nav-item a.active {
                background-color: #7DDBD0;
                color: #ffffff;
            }

            .sidebar .nav .nav-item a .oi {
                font-size: 2rem;
                margin-right: 15px;
            }

    .sidebar div:nth-child(3) .oi {
        display: none;
    }

    .sidebar div:nth-child(3) .nav .nav-item a {
        padding: 5px 20px 5px 56px;
    }

.main {
    background: #F7F7F7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1227.575' height='1399.957' viewBox='0 0 1227.575 1399.957'%3E%3Cg id='Gruppe_237' data-name='Gruppe 237' opacity='0.19'%3E%3Cpath id='Pfad_158' data-name='Pfad 158' d='M365.114,1616.322,876.981,907.654,991.447,765.933l392.948-549.568h208.294L1103.433,905.132,989.45,1045.845,575.4,1616.322ZM1156.389,1296.5,989.45,1045.845,876.981,907.654,632.374,550.073H846.216l145.231,215.86,111.986,139.2,265.79,391.372Z' transform='translate(-365.114 -216.365)' fill='%23dedede'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

    .main > .content {
        padding-bottom: 80px;
    }

    .main .top-row {
        background-color: transparent;
        border-bottom: none;
    }

        .main .top-row a {
            color: #000000;
            font-size: 14px;
        }

    .main h1 {
        padding-left: 30px;
        font-size: 3.9rem;
    }

    .main .card {
        border: none;
        font-size: 1.6rem;
        background-color: transparent;
    }

    .main .card-header {
        background-color: transparent;
        border: none;
        font-weight: 700;
        margin-bottom: 15px;
        margin-top: 25px;
    }

    .main .card .col-form-label {
        /*display: none;*/
    }

    .main .card .form-group input[type=text], .main .card .form-group input[type=password] {
        border: 1px solid #DEDEDE;
        font-size: 1.6rem;
        color: #000000;
        padding: 14px;
        height: auto;
        margin-bottom: 15px;
    }

    .main .card .form-group .input-group-append .dropdown-toggle {
        border-radius: 0;
        background-color: #DEDEDE;
        /*  width: 54px;
  height: 54px;*/
        border: none;
    }

.form-group .dxbs-combobox .form-control .btn-secondary,
.form-group .dxbs-date-time-edit .form-control .btn-secondary{
    padding: .25rem 1.2rem !important;
}

.form-group .dxbs-combobox .form-control .btn-secondary .dx-image {
    width: 2.2rem !important;
    height: 2.2rem !important;
}

.form-group .dxbs-date-time-edit .form-control .dxbs-editor-clear-btn{
    margin-top: -15px !important;
}


.form-group .dxbs-date-time-edit .form-control .dxbs-editor-clear-btn .dx-image {
    width: 1.4rem !important;
    height: 1.4rem !important;
}


.form-group .dxbs-date-time-edit .form-control .btn-secondary .dx-image {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

dxbl-dropdown.dxbs-dropdown > .dxbs-dropdown-dialog.dxbs-editor-dropdown {
    margin-top: -15px !important;
}

.btn.btn-sm.dx-btn.btn-secondary.dxbs-edit-btn.dropdown-toggle.dxbs-dropdown-toggle.dxbs-icon-btn {
    width: 54px;
    height: 54px;
}

.dxbs-calendar .dxbs-calendar-table-container .dxbs-calendar-table.table-sm td,
.dxbs-calendar .dxbs-calendar-table-container .dxbs-calendar-table.table-sm th{
    padding: .6rem !important;
}

.dxbs-calendar-footer{
    padding:0 !important;
    border:none;
}

.dxbs-calendar-footer .btn-secondary{
    width: 50% !important;
    border-radius:0 !important;
}

.dxbs-calendar .dxbs-calendar-table-container {
    padding: 2rem !important;
}


.main .card .form-group .input-group-append .dropdown-toggle:after {
    border-top: 0.8em solid #000000;
    border-right: 0.8em solid transparent;
    border-left: 0.8em solid transparent;
}

.main .custom-switch {
    margin-left: 18px;
    padding-left: 1.5rem;
    margin-bottom: 10px;
}

    .main .custom-switch .custom-control-label {
        padding-top: 2px;
        padding-left: 6px;
        font-size: 16px;
    }

        .main .custom-switch .custom-control-label:before {
            width: 2.75rem;
            border-radius: 1.5rem;
            height: 2rem;
            left: -3.25rem;
        }

        .main .custom-switch .custom-control-label:after {
            width: calc(2rem - 4px);
            height: calc(2rem - 4px);
            border-radius: 1.5rem;
            left: calc(-3.25rem + 2px);
        }

        .main .custom-switch .custom-control-label .custom-control-input:checked ~ .custom-control-label::before {
            background-color: #000000;
        }

.main .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #7ddbd0 !important;
    background-color: #7ddbd0 !important;
}

.main .dx-listbox .form-control {
    /*background-color: #ffffff;*/
}

.main .dx-listbox .dropdown-toggle {
    background-color: #DEDEDE;
}

    .main .dx-listbox .dropdown-toggle:after {
        /* margin-top: 19px;*/
    }

.main .dxbs-spin-edit .dxbs-feedback {
    height: 55px;
}

.main .dxbs-spin-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-out-of-range-warn) {
    height: 54px;
}

.dxbs-editor-dropdown-button {
    height: 52px;
}

.main .form-control:disabled, .main .form-control[readonly] {
    background-color: #ffffff;
}

.main .dxbs-fl {
    padding: 0 30px;
}

    .main .dxbs-fl .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .main .dxbs-fl .dxbs-fl-cpt {
        font-size: 1.6rem;
        font-weight: 500;
    }

    .main .dxbs-fl .form-control {
        font-size: 1.6rem;
    }

    .main .dxbs-fl .dx-listbox .form-control {
        height: 54px;
        border-radius: 0;
        /*padding: 14px;*/
        margin-bottom: 15px;
    }

    .main .dxbs-fl .dx-listbox .dropdown-toggle {
        border: none;
        background: #DEDEDE;
        border-radius: 0;
        width: 54px;
        margin-bottom: 15px;
    }

        .main .dxbs-fl .dx-listbox .dropdown-toggle:after {
            border-top: 0.8em solid #000000;
            border-right: 0.8em solid transparent;
            border-left: 0.8em solid transparent;
        }

    .main .dxbs-fl .dx-listbox .dropdown-item {
        font-size: 1.6rem;
    }

table.dxbs-table td, table.dxbs-table th {
    padding: 20px 0;
}

.main .dxbs-fixed-header-content > a, .dxbs-fixed-header-content > span, .main th.dxbs-cmd-cell > button.btn.btn-link {
    font-weight: 500;
    padding-right: 8px;
}

.table-bordered td,
.table-bordered th {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: none;
    border-right: none;
}

    .table-bordered td.text-left {
        padding-right: 8px;
    }

    .table-bordered td.text-center {
        padding-right: 8px;
    }

.dxbs-fl .dxbs-fl-cpt {
    font-weight: 500;
}

.dx-btn,
.btn.dx-btn {
    white-space: nowrap;
    font-size: 1.6rem
}

.btn-secondary {
    background-color: gray;
    border: none;
    color: #ffffff;
    padding: 10px 25px;
    font-size: 16px;
}
.btn-group-sm > .btn, .btn-sm{
    border-radius:0 !important;
}

.btn-success,
.btn-primary {
    background-color: #7DDBD0;
    border: 1px solid #7DDBD0;
    color: #ffffff;
    padding: 10px 25px;
    font-size: 16px;
    border-radius: 0 !important;
    height: 54px;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #55d0c2;
        border: 1px solid #55d0c2;
    }

    .btn-success:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled):active {
        background-color: #55d0c2;
        border: 1px solid #55d0c2;
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: transparent;
        border: 1px solid #000000;
        color: #000000;
        padding: 10px 25px;
        font-size: 16px;
    }

        .btn-primary.disabled:active,
        .btn-primary:disabled:active {
            background: #7DDBD0;
            border-color: #7DDBD0;
        }

        .btn-primary.disabled:not(:disabled):not(.disabled):active,
        .btn-primary:disabled:not(:disabled):not(.disabled):active {
            background: transparent;
        }

.dxbs-grid .dxbs-grid-table > thead .dxbs-grid-header-row > th:not(.dxbs-grid-empty-cell){
    background-color: transparent !important;
}

.form-group .dxbs-combobox .form-control .btn-secondary,
.form-group .dxbs-date-time-edit .form-control .btn-secondary,
.form-group .dxbs-spin-edit .form-control .btn-secondary{
    padding: 0 !important;
    width: 40px !important;
}

div.dxbs-btn-group.dxbs-input-group-append > .btn.dx-btn:not(.dxbs-editor-clear-btn) > .dx-image,
div.dxbs-btn-group.dxbs-input-group-prepend > .btn.dx-btn > .dx-image{
    width: 3rem !important;
    height: 2rem !important;
}

.dxbs-grid-action{
    justify-content: flex-end;
    height: 30px;
}


.dxbs-grid-action .btn-link {
    background: #7DDBD0;
    padding: 8px 15px;
    border-radius: 0;
    display: inline-block;
    height: 23px !important;
}
.dxbs-grid-action .btn-link:hover {
    background-color: #55d0c2;
}

.dxbs-grid-action .btn-link span{
    color: #fff;
}

td.dxbs-grid-command-cell{
    display: flex;
    min-height: 40px;
    align-items: center;
}

.text-primary,
.btn-link {
    color: #7DDBD0 !important;
    font-size: 1.6rem;
    text-transform: lowercase;
}

.text-primary{
    padding: 0;
}


.text-danger {
    color: #FA2525 !important;
    font-size: 1.6rem;
    text-transform: lowercase;
}

.invc-btn-1 {
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
}

.main .dx-blazor-checkbox .dx-blazor-checkbox-label-right {
    font-size: 1.6rem;
    position: relative;
    top: 8px;
}

.dropdown-item.dxbs-clickable {
    font-size: 1.6rem;
}

.navbar-dark .navbar-toggler {
    color: #212529;
}

.nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        color: #7DDBD0;
        border-top: none;
        border-left: none;
        border-right: none;
    }

        .nav-tabs .nav-link.active {
            color: black;
            background-color: transparent;
            border-color: #7DDBD0;
            border-width: 4px;
        }

        .nav-tabs .nav-link:hover {
            color: black;
            border-color: #DEDEDE;
            border-width: 4px;
        }

.bigInputField .dxbs-form-control {
    padding: 14px !important;
    height: auto;
}


.sidebar .alert{
    margin: 20px 10px;
    font-size: 1.4rem;
    line-height: 2.3rem;
}

.alert{
    border-radius:0;
}