/* .datepicker>div:first-child { display: block !important; } */

.dt-container { position: relative; overflow: hidden; }
.dt-container > * { opacity: 0; transition: opacity 0.5s; overflow: hidden; }
.dt-container.loaded > * { opacity: 1; }
.dt-container:before { display: block; content: "tabelle lädt"; position: absolute; z-index: 10; top: calc(50% - 15px); width: 100%; padding: 0 24px; text-align: center; line-height: 30px; font-size: 24px; }
.dt-container.loaded:before { display: none; }

.dt-container > div { position: relative; overflow: auto; max-width: 100%; max-height: 100%; }
.dt-container > div > table > thead > tr > th { position: sticky !important; top: 0; background: white; }
.dt-container > div > table > thead > tr > th:first-child { position: sticky !important; left: 0; z-index: 11; width: 10px !important; }
.dt-container > div > table > tbody > tr > td:first-child { position: sticky !important; left: 0; z-index: 10; }

.dt-container.dt-container-resizable { height: calc(100% - 5px); }
.ui-resizable-handle.ui-resizable-s { position: relative; bottom: 0; height: 5px; background: #B9C2C8; }

.dt tbody tr.odd { background: #f9f9f9; }
.dt tbody tr.odd td:first-child { background: #f1f1f1; }
.dt tbody tr.even { background: #f9f9f9; }
.dt tbody tr.even td:first-child { background: #fafcff; }

.dt thead .select { display: none; }

.dt-changed { background: orange !important; }
.dt-check { min-width: 36px; text-indent: -100px; overflow: hidden; }
.dt-check:before { display: block; float: right; width: 100%; text-indent: 0; font-family: 'Font Awesome 5 Free'; font-weight: 400; }
.dt-check[data-current="0"]:before { content: "\f0c8"; }
.dt-check:not([data-current="0"]):before { content: "\f14a"; }

.dt-select select { margin: -8px -10px; padding: 8px 16px 8px 6px; border-radius: 0; outline: none; border-width: 0 6px 0 0; border-style: solid; border-color: white; width: calc(100% + 20px); line-height: 18px; }

.dt-select2 > .select2-container { display: block; margin: -7px -8px -6px -8px; width: calc(100% + 16px) !important; border-radius: 0; }
.dt-select2 > .select2-container * { border-radius: 0; }
.dt-select2 .select2-selection { height: 37px !important; padding: 3px 5px; line-height: 18px; }
.dt-select2 .select2-selection__arrow { height: 34px !important; }

.dt-date input { margin: -8px -10px; padding: 8px 6px; border-radius: 0; outline: none; border: none; width: calc(100% + 20px); line-height: 18px; }
