*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}#root .invisible{visibility:hidden}#root .absolute{position:absolute}#root .top-0{top:0}#root .bottom-0{bottom:0}#root .left-0{left:0}#root .z-10{z-index:10}#root .my-1{margin-top:.25rem;margin-bottom:.25rem}#root .mt-2{margin-top:.5rem}#root .mt-3{margin-top:.75rem}#root .mt-4{margin-top:1rem}#root .mt-5{margin-top:1.25rem}#root .mt-40{margin-top:10rem}#root .mr-5{margin-right:1.25rem}#root .mb-0{margin-bottom:0}#root .mb-1{margin-bottom:.25rem}#root .ml-1{margin-left:.25rem}#root .ml-2{margin-left:.5rem}#root .ml-3{margin-left:.75rem}#root .block{display:block}#root .flex{display:flex}#root .table{display:table}#root .h-2{height:.5rem}#root .h-5{height:1.25rem}#root .h-7{height:1.75rem}#root .h-8{height:2rem}#root .h-9{height:2.25rem}#root .h-36{height:9rem}#root .h-2\/5{height:40%}#root .h-full{height:100%}#root .w-3{width:.75rem}#root .w-2\/3{width:66.666667%}#root .w-full{width:100%}#root .w-max{width:-webkit-max-content;width:max-content}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}#root .cursor-default{cursor:default}#root .cursor-pointer{cursor:pointer}#root .cursor-help{cursor:help}#root .cursor-not-allowed{cursor:not-allowed}#root .flex-col{flex-direction:column}#root .items-center{align-items:center}#root .justify-center{justify-content:center}#root .justify-between{justify-content:space-between}#root .overflow-auto{overflow:auto}#root .overflow-y-auto{overflow-y:auto}#root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#root .rounded{border-radius:.25rem}#root .rounded-md{border-radius:.375rem}#root .border-0{border-width:0}#root .border-solid{border-style:solid}#root .border-none{border-style:none}#root .hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:rgba(55,65,81,var(--tw-border-opacity))}#root .bg-transparent{background-color:transparent}#root .bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}#root .bg-gray-400{--tw-bg-opacity:1;background-color:rgba(156,163,175,var(--tw-bg-opacity))}#root .bg-red-600{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}#root .bg-red-700{--tw-bg-opacity:1;background-color:rgba(185,28,28,var(--tw-bg-opacity))}#root .bg-green-700{--tw-bg-opacity:1;background-color:rgba(4,120,87,var(--tw-bg-opacity))}#root .hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgba(156,163,175,var(--tw-bg-opacity))}#root .hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}#root .hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}#root .p-2{padding:.5rem}#root .p-3{padding:.75rem}#root .px-2{padding-left:.5rem;padding-right:.5rem}#root .px-5{padding-left:1.25rem;padding-right:1.25rem}#root .px-6{padding-left:1.5rem;padding-right:1.5rem}#root .py-3{padding-top:.75rem;padding-bottom:.75rem}#root .pb-2{padding-bottom:.5rem}#root .pb-5{padding-bottom:1.25rem}#root .pl-2{padding-left:.5rem}#root .text-sm{font-size:.875rem;line-height:1.25rem}#root .text-xl{font-size:1.25rem;line-height:1.75rem}#root .font-thin{font-weight:100}#root .font-light{font-weight:300}#root .font-semibold{font-weight:600}#root .font-bold{font-weight:700}#root .leading-none{line-height:1}#root .text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}#root .text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}#root .text-red-700{--tw-text-opacity:1;color:rgba(185,28,28,var(--tw-text-opacity))}#root .hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}#root .hover\:text-red-700:hover{--tw-text-opacity:1;color:rgba(185,28,28,var(--tw-text-opacity))}#root .no-underline{text-decoration:none}#root .opacity-80{opacity:.8}*,:after,:before{--tw-shadow:0 0 transparent}#root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}#root .hover\:shadow:hover,#root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}#root .hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}#root .filter{--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body,html{width:100%;height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #root{width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.loading-wrp{position:absolute;top:40%;left:50%}.enter{background-color:#038109}.remove,.warn-closed{background-color:#8d0000}.warn-closed{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.enter-item{display:flex;background-color:#c5c5c5;color:#313131;cursor:pointer;width:240px;text-align:center;line-height:40px;border-width:1px;border-style:none;margin-bottom:30px;padding-left:15px}.enter-item .admin-einteilung-manage-item{width:190px;height:60px}.enter-item .admin-einteilung-manage-item .admin-einteilung-manage-title{min-width:60px;float:left;text-align:left}.enter-item .admin-einteilung-manage-item .admin-einteilung-manage-subtitle{min-width:60px;float:left;text-align:left;margin-top:-20px}.enter-item svg{height:60px;width:35px;float:right}.enter-item svg:hover{color:#8f0000}.enter-item:hover{background-color:#d3d3d3}.section-head{padding:10px;height:90px}.section-content{padding:10px;height:calc(85% - 80px);overflow-y:auto;max-height:73vh;border-bottom:2px solid grey}.section-footer{position:absolute;height:40px;padding:10px;bottom:0;display:flex}.section-footer .formbutton{margin-right:10px;background-color:#008dce;color:#fff;cursor:pointer;height:40px;width:150px;text-align:center;line-height:40px;border:1px solid #789}.section-footer .formbutton.delete{background-color:#af0000}.section-footer .formbutton.delete:hover{background-color:#ff5252}.section-footer .formbutton:hover{background-color:#add8e6}.section-footer .save{right:10px;position:absolute}.table{width:100%;table-layout:fixed}.table table{width:100%;height:100%}.table .tbl-header{border-bottom:1px solid rgba(0,0,0,.4);background-color:#d3d3d3}.table .tbl-header .hide-empty-sort{width:10px;height:10px}.table .tbl-header .hide-empty-sort svg{display:none!important}.table .tbl-header.spirli-color{background-color:coral}.table .tbl-header .delete-header svg{height:.7em}.table .tbl-content{max-height:calc(100vh - 170px);overflow-x:auto;overflow-y:auto;margin-top:0}.table .tbl-content tr{border-color:transparent;border-style:solid;border-width:1px 0;position:relative;cursor:pointer}.table .tbl-content tr .emptytable{text-align:center}.table .tbl-content tr .emptytable:before{display:none}.table .tbl-content tr:nth-child(2n){background-color:#f1f1f1}.table .tbl-content tr:nth-child(2n).spirli-color{background-color:#fff344}.table .tbl-content tr:nth-child(odd){background-color:#afafaf}.table .tbl-content tr:nth-child(odd).spirli-color{background-color:#06fbff}.table .tbl-content tr.selected{background-color:#e2e4ff}.table .tbl-content td.rawjsoncell{border-left:#444;border-style:solid;max-width:10px!important}.table .tbl-content .delete-taglog{height:.6em;color:#039be5;color:var(--color-primary)}.table .tbl-content tr.active td:last-child:after{content:"";width:8px;height:8px;background-color:#039be5;background-color:var(--color-primary);position:absolute;right:10px;border-radius:10px;top:calc(50% - 4px)}.table .tbl-content tr.active:hover,.table .tbl-content tr.selected:hover,.table .tbl-content tr:hover{background-color:#fedede}.table .headercontents{display:flex;max-height:10px;cursor:default}.table .headercontents p{bottom:15px;position:relative}.table .headercontents .sortableHeader{cursor:pointer}.table .headercontents .sortableHeader:hover{text-decoration:underline}.table .headercontents svg{cursor:pointer}.table .headercontents .sort-down,.table .headercontents .sort-possible,.table .headercontents .sort-up{display:flex}.table .headercontents .sort-possible svg{font-size:13px;bottom:.1em;margin-left:5px;opacity:.7}.table .sortdirection{float:right;position:relative;bottom:.3em}.table tr{height:40px}.table td,.table th{padding:7px;text-align:left;color:#444;position:relative}.table th{font-weight:700;font-size:12px;text-transform:uppercase}.table th input{width:10px}.table td{vertical-align:middle;font-weight:300;font-size:14px;position:relative}.table td:after{content:"";width:10px}.table td:after,.table td>span{position:absolute;top:0;right:0;bottom:0}.table td>span{left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.table td:before{content:" ";visibility:hidden}.table td.select-toggle{width:18px;height:26px;display:inline-block;padding:7px 5px}.table td.select-toggle span{width:20px;margin:-5px 0 0}.table td.select-toggle:before{position:absolute;content:none}.table td.select-toggle:after{display:none}.table td.detail-toggle:before,.table td.detail-view-fist-td:before,.table tr.detail-view td:before{position:absolute;content:none}.table td.detail-toggle.open:after,.table tr.detail-view td:after{background-image:none}.table .no-all-select{width:20px;display:block}.table .detail-toggle{cursor:pointer}.table .detail-header,.table .detail-toggle{width:15px;display:block}.table .detail-header svg,.table .detail-toggle svg{font-size:14px;color:#333}.table .detail-toggle.open,.table .detail-view-fist-td{background-color:#039be5;background-color:var(--color-primary);margin:-1px 0;padding:8px 5px}.table .detail-toggle.open svg,.table .detail-view-fist-td svg{color:#fff}@media(max-width:1000px){.table .tbl-content{max-height:calc(100vh - 300px)}}@media(max-width:666px){.table{width:100%;margin:0}.table .tbl-content{height:60%;overflow-y:scroll}.table .tbl-content table{padding-bottom:40px}.table tr{height:50px}.table td,.table th{padding:7px 10px}}@media(max-width:700px){.hideinmobile,.select-toggle{display:none!important}.showinmobile.col-3{width:33%}.showinmobile.col-4{width:25%}.hide-sort{display:none}tbody td.showinmobile{border-right:.5px solid #626262}}.header-filter{height:40px;background-color:#d3d3d3}.header-filter .filter-button{position:relative;top:10px;float:right;right:20px;cursor:pointer;width:80px;height:25px;border-width:.5px;border-radius:5%;border-style:solid;text-align:center;line-height:25px}.header-filter .filter-button:hover{background-color:#ebebeb}.header-filter .activefilters{position:absolute;right:12%;margin-top:10px;display:flex}.header-filter .activefilters .activefilter-elem{border:.5px solid #000;width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px;height:25px}.header-filter .activefilters .activefilter-elem span{bottom:5px;left:10px;position:relative}.leftsection .filter-dialog{right:50vw}.filter-dialog{position:absolute;background-color:#fff;width:350px;height:250px;z-index:10;right:30vw;display:flex;cursor:pointer;border-width:1px;border-style:groove;display:block}.filter-dialog p{margin:0;height:30px;width:350px;line-height:40px;text-align:center}.filter-dialog .filter-area{position:relative;width:350px;left:0}.filter-dialog .filter-area .filter-checkboxes{width:300px;position:relative;left:30px;display:flex}.filter-dialog .filter-area .filter-checkboxes .checkbox-wrapper{width:50px!important}.filter-dialog .filter-area .filter-checkboxes .checkbox-wrapper input{width:20px;height:20px}.filter-dialog .filter-area .filter-checkboxes .checkbox-wrapper input[type=checkbox].css-checkbox{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.filter-dialog .filter-area .filter-checkboxes .checkbox-wrapper input[type=checkbox].css-checkbox+label.css-label{padding-left:26px;height:21px;display:inline-block;line-height:21px;background-repeat:no-repeat;background-position:0 0;font-size:21px;vertical-align:middle;cursor:pointer}.filter-dialog .filter-area .filter-checkboxes .checkbox-wrapper input[type=checkbox].css-checkbox:checked+label.css-label{background-position:0 -21px}.filter-dialog .filter-area .filter-checkboxes .checkbox-wrapper label.css-label{background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f8d40671eec752c2a075981314745ffa.png);-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.filter-dialog .dialog-buttons{background-color:#039be5;position:absolute;bottom:0;height:30px;width:350px;display:flex}.filter-dialog .dialog-buttons .dialog-button{height:30px;width:175px;line-height:30px;text-align:center}.filter-dialog .dialog-buttons .dialog-button.single{width:350px}.filter-dialog .dialog-buttons .dialog-button:hover{background-color:#39bdff}.filter-dialog.small{height:250px}.filter-dialog.medium{height:350px}.filter-dialog.large{height:450px}@media (max-width:666px){.header-filter{height:90px}.header-filter .filter-button{width:50px}.filter-dialog{width:60vw;right:unset}.filter-dialog .filter-area{position:relative;width:70vw;left:0}.filter-dialog .dialog-buttons{background-color:#039be5;position:absolute;bottom:0;height:30px;width:60vw;display:flex}}@media (max-width:930px){.header-filter{height:90px;align-items:center;display:flex;flex-direction:column;justify-content:space-around}.header-filter .filter-wrp{padding-top:15px}.header-filter .filter-wrp .filter-button{padding-left:15px;padding-right:15px}.header-filter .activefilters{font-size:smaller;position:absolute;right:15%;margin-top:50px;display:flex}.header-filter .activefilters .activefilter-elem{border:.5px solid #000;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px}.header-filter .activefilters .activefilter-elem span{bottom:5px;left:10px;position:relative}}.header-datepicker{height:40px;background-color:#d3d3d3;position:absolute;top:55px;margin-left:60px}.header-datepicker .react-datepicker-wrapper{width:100px}.header-datepicker .react-datepicker-wrapper input{width:100px;height:30px;padding:8px}.header-datepicker .date-confirm{left:20px;top:10px;width:60px;float:right;position:relative;cursor:pointer;border-width:.5px;border-radius:5%;border-style:solid;text-align:center;line-height:25px}.header-datepicker .date-confirm:hover{background-color:#fff}.header-datepicker .filter-button{position:relative;top:10px;float:right;right:20px;cursor:pointer;width:80px;height:30px;border-width:.5px;border-radius:5%;border-style:solid;text-align:center;line-height:30px}.header-datepicker .filter-button:hover{background-color:#ebebeb}@media (max-width:666px){.header-datepicker{top:55px;margin-left:10px}.header-datepicker .react-datepicker-wrapper{width:85px}.header-datepicker .react-datepicker-wrapper input{width:85px;height:35px}.header-datepicker .date-confirm{left:10px;top:10px;width:40px;float:right;position:relative;cursor:pointer;border-width:.5px;border-radius:5%;border-style:solid;text-align:center;line-height:30px}.header-datepicker .date-confirm:hover{background-color:#fff}}.einteilung-view-head{width:100%;background-color:#d3d3d3;padding-top:10px;padding-bottom:10px;position:relative}.einteilung-view-head div,.einteilung-view-head span{padding-left:15px}.add-additional-position{display:flex;position:relative;bottom:90px;right:70px;float:right}.sectioncontainer{padding:2.5vh;overflow:scroll;max-height:90vh}.sectioncontainer .clubposition{margin-top:15px}.sectioncontainer .clubposition:hover{font-weight:700}.sectioncontainer .clubposition .obligatory-toggle{display:flex}.sectioncontainer .clubposition .obligatory-toggle p{margin:5px 0 0 10px}.rightsection .draggable{margin-top:10px}.rightsection .all-personal-list-wrp{max-height:85%;height:85%;overflow-y:hidden;transition:height .3s}.rightsection .all-personal-list-wrp.open{max-height:50%;height:50%;overflow-y:hidden;transition:height .3s}.rightsection .blocked-list-wrp{height:40%;max-height:40%;overflow-y:hidden;transition:height .3s}.rightsection .blocked-list-wrp.collapsed{height:50px;max-height:50px;overflow-y:hidden;transition:height .3s}.rightsection .blocked-list{max-height:80%;overflow-y:auto}.rightsection .all-personal-list{height:50%}.rightsection .namelist{max-height:30%;overflow-x:scroll;border-bottom-style:solid;border-bottom-width:.5px;border-top-style:solid;border-top-width:.5px}.color-ok{background-color:green}.color-warn{background-color:#8b0000}.color-info{background-color:#f0d800}.enteredNameList p{width:250px;padding:2px;background-color:#d3d3d3}.other-days-wrp{position:relative;float:left;right:10px}.other-days-wrp .warn{color:#8b0000}.other-days-wrp .info{color:green}.other-days-wrp svg{margin-top:4px;height:18px}.warning-day{font-weight:700;color:red}.salary-so-far{position:relative;float:right;right:10px}.salary-so-far .status{width:10px;height:10px;border-radius:50%;float:right;position:relative;margin-top:10px;margin-left:15px;margin-right:5px}.openslot{background-color:hsla(0,0%,82.7%,.767)}.draggable,.openslot{border-width:1px;border-style:solid;border-radius:5px;height:30px;width:300px}.draggable{line-height:30px;padding-left:15px;cursor:grab;background-color:#d3d3d3}.bulk-open{bottom:100px}.bulk-close{bottom:170px}.bulk-draft{bottom:240px}.droppable{min-height:65vh;max-height:100%;overflow-x:auto}.dragging{background-color:#90ee90;border-width:1px;border-style:solid;border-radius:5px}body{font-family:Helvetica,sans-serif}.react-autosuggest__container{position:relative}.react-autosuggest__input{width:240px;height:30px;padding:10px 20px;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px;border:1px solid #aaa;border-radius:4px}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:51px;width:280px;border:1px solid #aaa;background-color:#fff;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:2}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:10px 20px}.react-autosuggest__suggestion--highlighted{background-color:#ddd}.footer{margin:9px 20px;font-size:12px;color:#777}:root{--color-primary:#039be5;--color-hover:#add8e6;--color-dark-bg:#525252;--color-light-bg:#d3d3d3;--color-text-light:#fff;--color-text-dark:#000}#root,body{overflow:hidden;background-color:#525252}#root{max-height:100%;height:100%;min-height:100%}.spirli-color{background-color:#52e000}.apphead{display:block;height:45px;padding-top:10px;background-color:#fff}.apphead .version-no{padding:1px 4px;background-color:#fff;border:.5px solid #00008b;border-radius:10%;z-index:100;-webkit-transform:rotate(20deg);transform:rotate(20deg);position:absolute;left:160px;top:14px;font-size:x-small}.apphead .apphead-title{position:absolute;left:20px;top:15px;font-size:larger}.logout-button{top:5px;right:20px}.action-icon,.logout-button{position:absolute;cursor:pointer}.action-icon{width:50px;height:50px;background-color:#039be5;background-color:var(--color-primary);color:#fff;color:var(--color-text-light);bottom:30px;right:30px;display:flex;transition:width .4s}.action-icon svg{height:100%;width:40px;padding-left:5px;padding-right:10px}.action-icon span{position:relative;top:15px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}.action-icon:hover{width:200px}.action-icon.disabled{opacity:.5;background-color:#000}.button{background-color:#039be5;color:#fff;cursor:pointer;height:40px;width:200px;text-align:center;line-height:40px;border-width:1px;border-style:none;margin-bottom:30px}.button:hover{background-color:#add8e6}.content{background-color:#525252;float:right;width:100%;height:calc(100% - 45px);flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.content .main-content{z-index:0;width:calc(100% - 50px);height:100%;padding-left:50px}.content .leftsection{background-color:#d3d3d3;height:calc(95% - 40px);width:calc(50% + 55px)}.content .leftsection .tbl-content{width:100%}.content .content .leftsection .tbl-content{width:calc(50% + 30px)}.content .rightsection{background-color:#d3d3d3;display:block!important;height:calc(95% - 6px);position:absolute;top:55px;right:0;width:calc(50% - 80px);display:flex;float:right;border-left:1px solid #ddd;box-shadow:-15px 0 15px -15px}.content .rightsection .section-head{border:0;border-bottom:#a9a9a9}.content .rightsection .action-bar.bottom{position:absolute;bottom:0;width:100%}.highlight-blue,.highlight-gray,.highlight-green,.highlight-yellow{border-left-width:3px;border-left-style:solid;padding-left:5px}.highlight-blue{border-color:#00f}.highlight-green{border-color:green}.highlight-yellow{border-color:#ff0}.highlight-gray{border-color:grey}.hide{display:none}@media screen and (min-width:701px){.hideindesktop{display:none}}@media screen and (max-width:700px){.hideinmobile{display:none}#root{max-height:99%;height:99%;min-height:99%;overflow:hidden;background-color:#525252}.content{width:100%}.rightsection{width:calc(100% - 50px)!important;top:55px!important;right:auto!important}.formbutton{width:35vw}}.formbutton{margin-right:10px;background-color:#008dce;color:#fff;cursor:pointer;height:40px;width:150px;text-align:center;line-height:40px;border:1px solid #789;border-radius:3px;transition:background-color .2s}.formbutton.delete{background-color:#af0000}.formbutton.delete:hover{background-color:#ff5252}.formbutton:hover{background-color:#add8e6}input[type=mail],input[type=number],input[type=password],input[type=text],input[type=time],select{width:300px;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}textarea{width:300px;max-width:300px;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.einteilung-content{height:55vh;overflow-y:scroll}.einteilung-content table{padding:10px;background-color:#d3d3d3}.einteilung-content table tbody{overflow-x:scroll}.einteilung-content table tr:nth-child(2n){background-color:#f1f1f1}.einteilung-content table tr:nth-child(odd){background-color:#afafaf}.einteilung-content table tr{border-color:transparent;border-style:solid;border-width:1px 0;position:relative;cursor:pointer}.einteilung-content table tr.needed{background-color:#f08080}.einteilung-content table tr td{padding:7px;text-align:left;color:#444;position:relative;font-weight:300;font-size:14px;width:300px}.einteilung-content table tr td.time-td{width:55px}.einteilung-content table tr td.time-td input{width:60px;height:30px;margin:0;padding:0}.einteilung-content table tr td .removable-name span{max-width:80%;overflow-x:hidden;float:left}.einteilung-content table tr td .removable-name .remove-icon{float:right;height:15px}.einteilung-content table tr td .removable-name .remove-icon svg{height:20px}.einteilung-content table tr td .choose-available select{width:150px;height:30px;margin:0;padding:0}.einteilung-content table tr:hover{background-color:#add8e6}.export-pdf{margin-top:20px}.available-h4{margin-bottom:0;padding-bottom:5px}.einteilung-available{border-top-style:solid;border-top-width:.5px;border-bottom-style:solid;border-bottom-width:.5px;max-height:12vh;overflow:scroll;padding:10px}.printbutton{position:relative;float:right;top:-50px;right:30px}.printbutton svg{height:35px;width:auto}.einteilung-multi-wrp{padding:10px;display:flex}.einteilung-multi-wrp .einteilung-multi{padding-left:10px;padding-right:10px;max-height:90vh;overflow:scroll}.einteilung-multi-wrp .einteilung-multi span{position:absolute;padding:5px;background-color:#d3d3d3;z-index:1}.einteilung-multi-wrp .einteilung-multi span.parting-1{width:64.25%}.einteilung-multi-wrp .einteilung-multi span.parting-2{width:45%}.einteilung-multi-wrp .einteilung-multi span.parting-3{width:30%}.einteilung-multi-wrp .einteilung-multi span.parting-4{width:25%}.einteilung-multi-wrp .einteilung-multi.parting-1{width:100%}.einteilung-multi-wrp .einteilung-multi.parting-2{width:50%}.einteilung-multi-wrp .einteilung-multi.parting-3{width:33%}.einteilung-multi-wrp .einteilung-multi.parting-4{width:25%}.einteilung-multi-wrp .einteilung-multi table{margin-top:20px;padding:10px;background-color:#d3d3d3}.einteilung-multi-wrp .einteilung-multi table tbody{overflow-x:scroll}.einteilung-multi-wrp .einteilung-multi table tr:nth-child(2n){background-color:#f1f1f1}.einteilung-multi-wrp .einteilung-multi table tr:nth-child(odd){background-color:#afafaf}.einteilung-multi-wrp .einteilung-multi table tr{border-color:transparent;border-style:solid;border-width:1px 0;position:relative;cursor:pointer}.einteilung-multi-wrp .einteilung-multi table tr.needed{background-color:#f08080}.einteilung-multi-wrp .einteilung-multi table tr td{padding:7px;text-align:left;color:#444;position:relative;font-weight:300;font-size:14px;width:300px}.einteilung-multi-wrp .einteilung-multi table tr:hover{background-color:#add8e6}.searchbar{width:100%;height:40px;background-color:#d3d3d3}.searchbar input{height:20px;width:300px;padding-left:10px;padding-top:1px;padding-bottom:1px;margin-left:30px;margin-top:5px}.deletequestion{margin-top:20vh;padding:10%}.deletequestion p{text-align:center}.deletequestion .formbutton{margin:0 auto}.form-input-elem{display:flex;flex-direction:column}.toggle-line{display:block;cursor:pointer}.toggle-line:hover{border:.2px solid grey;background-color:#e9e9e9;border-radius:5px}.toggle-line span{position:relative;top:-5px}.toggle-line .details-list{list-style:none}.toggle-line .details-list li{display:inline}.toggle-line .details-list li:hover{font-weight:700}.toggle-line .details-list li .details-content,.toggle-line .details-list li .details-title{float:left;width:180px}.card{display:grid;padding-bottom:0}.card.dark,.card.dark .card-content,.card.dark .card-label{color:#000}.card .card-label{color:hsla(0,0%,96.1%,.733);font-size:small}.card .card-content{height:30px;color:#fff;font-size:larger}.card.input input{height:35px;font-size:medium;padding:5px}.card.input .card-label{margin-top:20px}.admin-mailoptions{height:90%;position:absolute}input{width:300px}input.not-ok{border-width:3px;border-color:#d10000}span.not-ok{font-size:10px;color:#fff}span.ok{display:none}.profile-view{padding:20px}.club-newsselect{display:flex}.club-newsselect span{display:inline-block}.my-clubs{color:#fff}.my-clubs h3{margin-top:5px!important;margin-bottom:15px!important;height:15px;color:#fff;font-size:larger}.my-clubs ul{list-style:none}.my-clubs ul li{margin-top:10px}.my-meta{color:#fff}.my-meta .detail-view-item{margin-left:20px}.my-meta .detail-view-item p{width:80%;margin-left:20px;margin-bottom:5px}.my-meta .detail-view-item .label{font-size:small;margin-left:20px;opacity:.7}.toggle-line{color:#fff}.toggle-line:hover{color:#000}.toggle-line .detail-input-item{margin-left:20px}.toggle-line .detail-input-item input{margin-bottom:3px;width:70vw}.toggle-line .detail-input-item .label{width:100px}.my-reminders{color:#fff}.my-reminders input[type=time]{padding:5px 10px;font-size:larger}.my-reminders h3{height:15px;color:#fff;font-size:larger}.my-reminders .reminder-type-subviewlist{padding:0;display:flex}.my-reminders .reminder-type-subviewlist li{width:30px}.my-reminders .reminder-type-subviewlist .medium-width{width:50px}.my-reminders .reminder-type-subviewlist .wider-li{width:150px}.my-reminders ul{list-style:none}.my-reminders ul li{margin-top:10px}.my-reminders .selectablehours-container{display:flex;padding-bottom:10px}.my-reminders .selectablehours-container .selectablehours{width:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;border-radius:4px;border:.5px solid #f5f5f5;margin-right:10px;padding:5px 8px}.my-reminders .selectablehours-container .selectablehours.selected{background-color:#f5f5f5;color:#000}.newsbutton{position:absolute;top:10px;right:50px;cursor:pointer}.shake{-webkit-animation:shake-animation 4.72s ease infinite;animation:shake-animation 4.72s ease infinite;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;color:#a00}@-webkit-keyframes shake-animation{0%{-webkit-transform:translate(0);transform:translate(0)}1.78571%{-webkit-transform:translate(5px);transform:translate(5px)}3.57143%{-webkit-transform:translate(0);transform:translate(0)}5.35714%{-webkit-transform:translate(5px);transform:translate(5px)}7.14286%{-webkit-transform:translate(0);transform:translate(0)}8.92857%{-webkit-transform:translate(5px);transform:translate(5px)}10.71429%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes shake-animation{0%{-webkit-transform:translate(0);transform:translate(0)}1.78571%{-webkit-transform:translate(5px);transform:translate(5px)}3.57143%{-webkit-transform:translate(0);transform:translate(0)}5.35714%{-webkit-transform:translate(5px);transform:translate(5px)}7.14286%{-webkit-transform:translate(0);transform:translate(0)}8.92857%{-webkit-transform:translate(5px);transform:translate(5px)}10.71429%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}.newsitems{display:block;position:absolute;right:9px;top:9px;min-width:300px;border-radius:0 0 0 3px}.newsitems,.newsitems .newsitem,.newsitems .versionitem{min-height:45px;overflow:hidden;background-color:#039be5;z-index:100}.newsitems .newsitem,.newsitems .versionitem{cursor:pointer;display:flex;position:relative;min-width:150px;border-radius:0 0 0 3px;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;vertical-align:initial;border-top:1px solid hsla(0,0%,100%,.3)}.newsitems .newsitem:hover,.newsitems .versionitem:hover{background-color:#add8e6}.newsitems .newsitem .news_content,.newsitems .newsitem .news_date,.newsitems .versionitem .news_content,.newsitems .versionitem .news_date{display:block;padding:10px 15px;font-size:13px;color:#fff;text-decoration:none}.newsitems .newsitem .news_content_version,.newsitems .versionitem .news_content_version{display:block;padding:6px 0 0 10px;font-size:15px;color:#fff;text-decoration:none}.newsitems .newsitem .news_content_list,.newsitems .versionitem .news_content_list{display:block;padding:0 15px 6px;font-size:13px;color:#fff;text-decoration:none}.newsitems .newsitem .news_content_list .news_content_item,.newsitems .versionitem .news_content_list .news_content_item{display:block;padding-top:5px}.newsitems .newsitem .news_date,.newsitems .versionitem .news_date{position:absolute;right:0}.newsitems .versionitem{display:block}.newsitems .versionitem h4{margin-left:10px;margin-top:0;color:#fff}.profilebutton{position:absolute;top:10px;right:10px;cursor:pointer}.pbhidden{display:none}.buttons{display:block;position:absolute;right:9px;top:9px;min-height:45px;min-width:150px;border-radius:0 0 0 3px;overflow:hidden;background-color:#039be5;z-index:100}.buttons .profiledrop{padding:0;margin:0}.buttons .realname{cursor:pointer;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;vertical-align:initial}.buttons .realname span{display:block;padding:10px 15px;font-size:15px;font-weight:bolder;color:#fff;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2)}.buttons ul{list-style:none;border-top:1px solid rgba(0,0,0,.2);cursor:pointer}.buttons ul li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;vertical-align:initial}.buttons ul li:hover{background-color:#add8e6}.buttons ul li span{display:block;padding:10px 15px;font-size:13px;color:#fff;text-decoration:none;border-top:1px solid hsla(0,0%,100%,.3)}.sidemenu{position:fixed;z-index:10;height:calc(100% - 45px);width:50px;left:0;padding-top:0;background-color:#d3d3d3;border:0;border-right:.5px;border-style:solid;border-color:#fff}.sidemenu.spirli-color{background-color:#7fff00}.sidemenu .sidemenu-title{font-size:small;width:8vw;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidemenu .side-button{display:flex;background-color:grey;color:#fff;cursor:pointer;height:40px;width:50px;text-align:center;line-height:40px;border-width:1px;border-style:none;overflow:hidden;margin-bottom:30px;transition:width .3s}.sidemenu .side-button.active{background-color:#008dce}@media screen and (min-width:1000px){.sidemenu .side-button:hover{background-color:#00aae2;width:200px}.sidemenu .side-button:hover svg{width:53px;height:28px;margin-top:3px}}.sidemenu .side-button svg{width:50px;height:25px;margin-top:5px}@media screen and (max-width:1000px){.sidemenu{height:calc(100% - 45px)}.sidemenu-title{display:none}.side-button{width:12vw;margin:0 auto}}.login-wrapper{background-color:#525252;min-height:100vh;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.login-wrapper,.login-wrapper .login{display:flex;flex-direction:column;align-items:center}.login-wrapper .login{min-height:80vh}.login-wrapper .login input{padding-bottom:8px;font-size:.6em;margin-bottom:8px}.login-wrapper .login button{margin-top:5px;font-size:.6em;width:80px;height:30px}.login-wrapper .login footer{position:absolute;bottom:10px;font-size:small}.login-wrapper .login footer a{font-size:small}.login-wrapper .login a{font-size:.5em}.login-wrapper .login .error-msg{color:#d40000;outline:#fff;font-size:small}
/*# sourceMappingURL=main.2b8c3fc8.chunk.css.map */