#modal_outline{z-index:90;background-color:#000c;width:100vw;height:100vh;position:fixed;top:0;left:0}#modal{z-index:100;width:400px;height:fit-content;margin:auto;position:fixed;inset:0}#modal_header{background:var(--BLACK);color:var(--GREY);flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:1.5em;display:flex}#modal_header h1{margin:0 0 8px;font-size:1.2em;position:relative;left:auto}#modal_header h2{text-align:center;margin:0;font-size:1em}#modal_header .modal-xid{opacity:0;cursor:pointer;padding:10px;font-size:.75em;position:absolute;top:0;left:0}#modal_header .modal-xid:hover{opacity:1}#modal_header .modal-comment{flex-direction:column;align-items:center;margin-top:1em;font-size:.9em;display:flex}#modal_header .modal-comment span{margin:3px 0}#modal_body{background:var(--YELLOW);flex-direction:column;justify-content:flex-start;gap:10px;padding:1em;font-size:1.4em;display:flex}#modal_body h1{text-align:left;margin:15px 0 0;font-size:1em;font-weight:700}#modal_close{padding:8px;position:absolute;top:0;right:0;box-shadow:none!important;background-color:#0000!important;border:none!important}#modal_error_message{color:var(--GREY-DARK);border-radius:var(--radius-big);font-size:initial;margin-top:0;padding:1em}#modal_error_message ul{margin:0;padding:0;list-style:none}#modal_error_message ul li{padding:0 0 8px}#modal_body .modal-actions{justify-content:space-around;margin-top:30px;margin-bottom:5px;display:flex}#modal_body .modal-actions button{cursor:pointer;border:none;justify-content:center;align-items:center;width:80px;height:40px;display:flex}#modal_body .modal-actions button:hover{opacity:.7}#modal_body .modal-actions button img{vertical-align:middle;width:1.2em;height:1.2em}@keyframes wave-success{0%{background-color:#0000}50%{background-color:var(--GREEN)}to{background-color:#0000}}#modal_body .modal-success{border-radius:var(--radius);animation:.8s linear wave-success}#modal_body .clocked-in{animation-name:modal_running_time;animation-duration:1.5s;opacity:1!important}#modal_body .modal-list{max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}#modal_body .modal-list li{color:var(--GREY-DARK);padding:5px}#modal_body .modal-list .input-date{min-width:120px;max-width:120px}#modal_body .modal-list .input-hours{text-align:center;min-width:60px;max-width:60px}#modal_body .modal-list .time-track-status{height:20px}#modal_body .modal-list .list-only{background:var(--YELLOW-LITE);cursor:default;box-shadow:none;border:none;padding:3px}#modal_body .modal-list .list-only-header{background:var(--YELLOW);font-weight:700}#modal_body input:not([type=checkbox]),#modal_body button,#modal_body select,#modal_body label{align-items:center;width:150px;height:40px;padding:0 0 0 10px;display:flex}#modal_body input:not([type=checkbox]),#modal_body button,#modal_body select,#modal_body textarea{box-shadow:1px 1px 1px var(--GREY-DARK);background:var(--WHITE);border:1px var(--GREY-DARK) solid;border-radius:var(--radius)}#modal_body input{cursor:text}#modal_body input:disabled{background:var(--GREY-LITE);cursor:not-allowed;color:var(--GREY-DARK)}#modal_body input[type=datetime-local]{width:200px}#modal_body input[type=checkbox]{width:1.6em;height:1.6em;margin-right:1em}#modal_body input[type=checkbox].after-label{margin-left:1em;margin-right:0}#modal_body textarea{width:300px;height:80px}#modal_body button{cursor:pointer;justify-content:center;padding:0;font-weight:700}#modal_body button:disabled{cursor:not-allowed}#modal_body select{cursor:pointer}#modal_body label{width:auto}#modal_body .one-line{align-items:center;gap:10px;display:flex}#modal_body .one-line.wrap{flex-wrap:wrap}#modal_body .one-line .flex-break{flex-basis:100%;height:0}#modal_body .one-line button{align-items:center;max-width:70px;display:flex}#modal_body .small-line input:not([type=checkbox]),#modal_body .small-line select,#modal_body .small-line label{height:20px}#modal_body .small-line button{height:26px}#modal_body .one-line .edit-track{height:45px}#modal_body .one-line.edit{background:var(--YELLOW-DARK);border-radius:var(--radius);justify-content:space-between;gap:3px 8px;padding:.3em}#modal_body .toggle-dates{width:20px;height:auto;position:relative;top:-12px;left:calc(100% - 12px)}#modal_body .time-punch{justify-content:left;align-items:center;width:auto;height:55px;display:flex}#modal_body .time-punch img{height:40px}#modal_body .shift-type,#modal_body .permission{border-radius:var(--radius)}#modal_body .shift-type label,#modal_body .permission label{cursor:pointer}#modal_body .shift-type:hover,#modal_body .permission:hover{background:var(--YELLOW-LITE)}#modal_body .modal-fieldset{border:1px solid var(--GREY-LITE);border-radius:var(--radius);background:var(--YELLOW-LITE);margin-bottom:15px;padding:10px 15px!important}#modal_body .modal-fieldset.new-set{border:1px dashed var(--GREY)}#modal_body .reorder-list button{justify-content:left;align-items:center;gap:10px;width:100%;height:fit-content;padding:15px;display:flex}#modal_body .reorder-list .dragging{opacity:.4;background:var(--YELLOW-LITE);cursor:grabbing!important}#modal_body .reorder-list .dragged button{background:var(--GREEN)}#modal_body .reorder-list .handle{color:var(--GREY);flex-shrink:0;padding:0 10px;font-size:1.2em}#modal_body .reorder-list .label{justify-content:flex-start;width:100%;display:flex}#modal_body .reorder-list .label-shift{flex-direction:column;align-items:flex-start}#modal_body .reorder-list .label-shift-time{color:var(--GREY-DARK);font-size:.9em}#modal_body .reorder-list .label-shift-name{font-weight:700}#modal_body .add-item{justify-content:flex-start!important;margin-top:0!important;display:flex!important}#modal_body .compact-checkbox-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}#modal_body .compact-checkbox-list label{min-width:calc(50% - 6px);padding-left:0;font-weight:400}#modal_body .compact-checkbox-list input[type=checkbox]{margin-left:0}