.emu-worktime-manager {
    border: 1px solid #eaeaea;
    border-radius: 1rem;
}
.emu-worktime-manager .emu-sidebar {
    background: #f3f3f3;
    border-radius: 1rem 0 0 1rem;
}
.emu-worktime-manager .emu-content {
    border-radius: 0 1rem 1rem 0;
}
.emu-worktime-manager .emu-content.rounded {
    border-radius: 1rem!important;
}
.emu-worktime-manager .loading-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 200%;
    z-index: 50;
    background: #000000a6;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.emu-worktime-manager .queued {
    outline: 2px solid var(--orange);
}
.dark-mode .emu-worktime-manager {
    border: 1px solid #4c535a;
}
.dark-mode .emu-worktime-manager .emu-sidebar {
    background: var(--dark-level-2);
}
.dark-mode .btn-gray-300 {
    background: #32353a;
    border-color: #32353a;
}
.dark-mode .btn-gray-400 {
    background: #282b2f;
    border-color: #282b2f;
}
.schedule-table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.schedule-table tr > td.fixed, .schedule-table tr > th.fixed {
    position: sticky;
    background: #fff;
    left: -2px;
    z-index: 50;
}
.schedule-table tr > td.fixed.fixed-top, .schedule-table tr > th.fixed.fixed-top {
    left: initial;
    top: -2px;
    z-index: 40;
}
.schedule-table.vertical td {
    width:3.4rem
}
.dark-mode .schedule-table tr > td.fixed, .dark-mode .schedule-table tr > th.fixed {
    background: var(--dark-level-1);
}
.table.schedule-table th, .table.schedule-table td {
    padding: .3rem;
}
.schedule-table [is-invalid] {
    position:relative;
}
.schedule-table [is-invalid]::after {
    content: "\f06a";
    position:absolute;
    right:2px;
    top:0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--danger);
    font-size:.8em
}
.olm-toggle-summary {
    position: absolute;
    left: 0;
    font-size: .8rem;
    background: var(--secondary);
    padding: 2px 5px;
    border-radius: 0.2rem;
    cursor: pointer;
    transform: translateX(-50%);
    white-space: nowrap;
}

.emu-sum-hours {
    position: absolute;
    left: 0;
    background: #fff;
    color: var(--gray-600);
    line-height: 0.9;
    padding-bottom: 2px;
    transform: translateX(-50%);
    bottom: 1px;
    font-size: .7rem;
}
.emu-summary-table {
    table-layout: fixed;
}
.emu-summary-table td {
    width: 3rem!important;
}

.dark-mode .emu-sum-hours {
    background: var(--dark-level-1);
}
tr:hover .emu-sum-hours {
    background: none;
}
.dark-mode tr:hover .emu-sum-hours {
    background: rgb(70, 76, 80);
}
.table.table-editable td .form-control:not([readonly]) {
    background-color: transparent;
}
/*
.emu-sum-hours::after, .emu-sum-hours::before {
    content: " ";
    height: 4px;
    width: 20px;
    display: block;
    position: absolute;
    top: 6px;
    border: 1px solid var(--gray-600);
    border-bottom-width: 0;
}

.emu-sum-hours::after {
    left: 16px;
    border-left-width: 0;
    border-top-right-radius: 2px;
}

.emu-sum-hours::before {
    right: 15px;
    border-right-width: 0;
    border-top-left-radius: 2px;
}
*/

.dark-mode .olm-toggle-summary,
.dark-mode .olm-summary-reload {
    background: var(--dark-level-2) !important;
}
.dark-mode .olm-toggle-summary::after {
    border-color: var(--dark-level-2) transparent transparent transparent;

}
.dark-mode .olm-date-range {
    color: #fff !important;}


@keyframes changingWidth {
    0% {
        width: calc(var(--w1) * 1%);
    }
    15% {
        width: calc(var(--w1) * 1%);
    }
    40% {
        width: calc(var(--w2) * 1%);
    }
    55% {
        width: calc(var(--w2) * 1%);
    }
    80% {
        width: calc(var(--w3) * 1%);
    }
    90% {
        width: calc(var(--w3) * 1%);
    }
    100% {
        width: calc(var(--w1) * 1%);
    }
}

.loader-stripe {
    --m: 1.35; /* Random multiplier */
    --w: 20; /* Random default width */
    --w2: calc(var(--w) * var(--m));
    --w1: calc(var(--w2) * var(--m));
    --w3: calc(var(--w1) * var(--m));

    --anim-delay: 0;

    height: .8rem;
    background: var(--gray-300);
    animation: changingWidth;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-delay: var(--anim-delay)s;
    transition: all .3s;

    margin-bottom:2px;
}


.emu-worktime-manager {
    border: 1px solid #eaeaea;
    border-radius: 1rem;
}
.emu-worktime-manager .emu-sidebar {
    background: #f3f3f3;
    border-radius: 1rem 0 0 1rem;
}
.emu-worktime-manager .emu-content {
    border-radius: 0 1rem 1rem 0;
}
.emu-worktime-manager .emu-content.rounded {
    border-radius: 1rem!important;
}
.dark-mode .emu-worktime-manager {
    border: 1px solid #4c535a;
}
.dark-mode .emu-worktime-manager .emu-sidebar {
    background: var(--dark-level-2);
}
.dark-mode .btn-gray-300 {
    background: #32353a;
    border-color: #32353a;
}
.dark-mode .btn-gray-400 {
    background: #282b2f;
    border-color: #282b2f;
}
.schedule-table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.schedule-table tr > td.fixed, .schedule-table tr > th.fixed {
    position: sticky;
    background: #fff;
    left: -2px;
    z-index: 50;
}
.schedule-table tr > td.fixed.fixed-top, .schedule-table tr > th.fixed.fixed-top {
    left: initial;
    top: -2px;
    z-index: 40;
}
.schedule-table.vertical td {
    width:3.4rem
}
.dark-mode .schedule-table tr > td.fixed, .dark-mode .schedule-table tr > th.fixed {
    background: var(--dark-level-1);
}
.table.schedule-table th, .table.schedule-table td {
    padding: .3rem;
}
.schedule-table [is-invalid] {
    position:relative;
}
.schedule-table [is-invalid]::after {
    content: "\f06a";
    position:absolute;
    right:2px;
    top:0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--danger);
    font-size:.8em
}
.olm-toggle-summary {
    position: absolute;
    left: 0;
    font-size: .8rem;
    background: var(--secondary);
    padding: 2px 5px;
    border-radius: 0.2rem;
    cursor: pointer;
    transform: translateX(-50%);
    white-space: nowrap;
}

.emu-sum-hours {
    position: absolute;
    left: 0;
    background: #fff;
    color: var(--gray-600);
    line-height: 0.9;
    padding-bottom: 2px;
    transform: translateX(-50%);
    bottom: 1px;
    font-size: .7rem;
}
.v-2 .emu-sum-hours {
    left: 50%;
}
.time-field {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    text-align: center;
    min-width: 6rem;
    width: 100%;
}
.time-field:not([readonly]) {
    background: #e7e7e7;
}

.emu-summary-table {
    table-layout: fixed;
}
.emu-summary-table td {
    width: 3rem!important;
}
.nowrap {
    white-space: nowrap;
}
.dark-mode .emu-sum-hours {
    background: var(--dark-level-1);
}
tr:hover .emu-sum-hours {
    background: none;
}
.dark-mode tr:hover .emu-sum-hours {
    background: rgb(70, 76, 80);
}
/*
.emu-sum-hours::after, .emu-sum-hours::before {
    content: " ";
    height: 4px;
    width: 20px;
    display: block;
    position: absolute;
    top: 6px;
    border: 1px solid var(--gray-600);
    border-bottom-width: 0;
}

.emu-sum-hours::after {
    left: 16px;
    border-left-width: 0;
    border-top-right-radius: 2px;
}

.emu-sum-hours::before {
    right: 15px;
    border-right-width: 0;
    border-top-left-radius: 2px;
}
*/

.dark-mode .olm-toggle-summary,
.dark-mode .olm-summary-reload {
    background: var(--dark-level-2) !important;
}
.dark-mode .olm-toggle-summary::after {
    border-color: var(--dark-level-2) transparent transparent transparent;

}
.dark-mode .olm-date-range {
    color: #fff !important;}


@keyframes changingWidth {
    0% {
        width: calc(var(--w1) * 1%);
    }
    15% {
        width: calc(var(--w1) * 1%);
    }
    40% {
        width: calc(var(--w2) * 1%);
    }
    55% {
        width: calc(var(--w2) * 1%);
    }
    80% {
        width: calc(var(--w3) * 1%);
    }
    90% {
        width: calc(var(--w3) * 1%);
    }
    100% {
        width: calc(var(--w1) * 1%);
    }
}

.loader-stripe {
    --m: 1.35; /* Random multiplier */
    --w: 20; /* Random default width */
    --w2: calc(var(--w) * var(--m));
    --w1: calc(var(--w2) * var(--m));
    --w3: calc(var(--w1) * var(--m));

    --anim-delay: 0;

    height: .8rem;
    background: var(--gray-300);
    animation: changingWidth;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-delay: var(--anim-delay)s;
    transition: all .3s;

    margin-bottom:2px;
}









.additional-details > div > .align-items-center.mb-3, .additional-details > div > .align-items-center.mb-3 + div {
    adisplay: none !important;
}




































.docs-operator thead th {
    text-align:center;
    padding:10px;
}

.docs-operator tbody td {
    padding: 2px;
}

.docs-operator .uniqueheight {
    height: 500px;
    overflow: auto;
}

.docs-operator table {
    width:100%;
}

.docs-operator table tbody tr td.centering {
    text-align:center;
}


.docs-operator input.toright {
    text-align:right;
}

.docs-operator table tbody tr td.odd {
    background-color:#ffffff;
}
.docs-operator table tbody tr td.even {
    background-color:#f7f7f7;
}

/*HA VAN BENNE INPUT LEVESZI A PADDINGOT */
.docs-operator tbody td:has(input) {
    padding:0;
}
.docs-operator tbody td input {
    padding: 4px 5px;
}


.file-field[readonly], .form-control.file-field[readonly] {
    border:none;
    background: transparent;
    padding:0px;
}
.badge-secondary {
    background-color: #f5f7fb;
}
.custom-items thead th {
    padding:6px;
    margin:0;
}

.custom-items tbody td {
    padding:7px;
}

.custom-items .customheight {
    max-height: 800px;
    overflow: auto;
    border: 1px solid #dfdfdf;
    border-radius: 0.45rem;

}

.custom-items table {
    width:100%;
    line-height:1rem;
}

.custom-items table thead th span.thssum {
    font-weight:bold;
    font-size:1.1rem;
}

.custom-items table tbody tr td.righting {
    text-align:right;
}

.custom-items table tbody tr td.fbold {
    font-weight:bold;
}

.custom-items table tbody tr td.funder {
    text-decoration: underline;
}

.custom-items table tbody tr td span.editable {
    border: 1px solid #cbd5e0;
    border-radius: 0.45rem;
    background-color:#ffffff;
    padding:4px 0;
}
.custom-items table tbody tr td.editableodd {
    border: 1px solid #cbd5e0;
    border-radius: 0.45rem;
}

.custom-items tbody td input {
    background: transparent;
}


.custom-items table tbody tr td.odd {
    background-color:#ffffff;
}
.custom-items table tbody tr td.even {
    background-color:#f7f7f7;
}


.custom-items table tbody tr td.noteditable {
    background-color:#e4e4e4;
}
.custom-items table tbody tr td.noteditableOdd {
    background-color:#cfcfcf;
}


.custom-items input.toright {
    text-align:right;
}


/*HA VAN BENNE INPUT LEVESZI A PADDINGOT */
.custom-items tbody td:has(input) {
    padding:0
}
.custom-items tbody td input {
    padding: 3px 3px;
    font-size: 0.9rem;
}

.b-form-tags {
    font-size:15px;
    margin-top:0px;
}
.b-form-tag {
    line-height:1rem;
    margin-top:0px !important;
}

.form-control {
    padding: 0.3rem 0.1rem !important;
}
/*.docs-operator thead th {
    text-align:center;
    padding:10px;
}

.docs-operator tbody td {
    padding: 2px;
}

.docs-operator .customheight {
    height: 500px;
    overflow: auto;
}

.docs-operator table {
    width:100%;
}

.docs-operator table tbody tr td.centering {
    text-align:center;
}


.docs-operator input.toright {
    text-align:right;
}

.docs-operator table tbody tr td.odd {
    background-color:#ffffff;
}
.docs-operator table tbody tr td.even {
    background-color:#f7f7f7;
}

/*HA VAN BENNE INPUT LEVESZI A PADDINGOT */
/*.docs-operator tbody td:has(input) {
    padding:0
}
.docs-operator tbody td input {
    padding: 4px 4px;
    background-color: grey;
}


.file-field[readonly], .form-control.file-field[readonly] {
    border:none;
    background: transparent;
    padding:0px;
}*/


.docs-operator input.toright {
    text-align:right;
}



.docs-operator input.toright {
    text-align:right;
}