body,html{height:100%}.mat-drawer{box-shadow:0 0 0 1px rgba(9,30,66,.08),0 16px 24px 0 rgba(9,30,66,.24)}.bg-smoke{background-color:#fafbfc}.bg-dark-smoke{background-color:#e0e0e0}.divider{border-bottom:2px solid #ebecf0}.font-size-0_6vw{font-size:calc(.3vw + 13px)}.font-size-0_4vw{font-size:calc(.2vw + 10px)}.bg-side{background-color:#b8cfe6}.pointer-events-none{pointer-events:none}#calendar-area{width:100%;height:100%;display:block}.bg-hover-red-100:hover{background-color:#ffcb9d!important}body .calendar-frame{display:inline-block;vertical-align:top;transition:all .1s linear 0s}.right-panel header{width:100%;justify-content:space-between;padding:16px;height:80px;max-height:80px;min-height:80px}.right-panel header .header-content{display:inline-block;height:100%;width:calc(100% - 20px);vertical-align:top}.right-panel header .header-content h4{width:100%;margin-bottom:7px;font-size:19px}.right-panel header .header-content dic-avatar{width:100%}.right-panel header .header-content dic-avatar img{width:25px;vertical-align:middle}.right-panel header .header-content dic-avatar span{vertical-align:middle;font-size:14px;margin-left:5px;color:#6b778c}.right-panel header mat-icon{position:relative;display:inline-block;height:100%;width:20px;vertical-align:top;cursor:pointer}.right-panel dic-modal-content{height:calc(100% - 58px);width:100%;display:inline-block}.right-panel dic-modal-content .presence-area{position:relative;width:100%;display:inline-block;padding:0}.right-panel dic-modal-content .presence-area h4{margin:5px 0}.right-panel dic-modal-content .presence-area span{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.right-panel dic-modal-content .presence-area span sup{font-size:19px}.right-panel dic-modal-content .giustificativi-area{width:100%;display:inline-block}.right-panel dic-modal-content .giustificativi-area .titolo{font-size:19px;width:100%;padding:15px}.right-panel dic-modal-content .giustificativi-area .giustificativi{width:100%}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state{width:100%;text-align:center;display:inline-block}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state .picture{width:100%;text-align:center;margin-bottom:15px;margin-top:30px}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state .picture img{width:55%}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state .message{color:#7a869a;font-weight:700;margin-bottom:20px}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state .add-giustificativo{width:100%;padding:15px}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state .add-giustificativo button{width:100%;color:#fff;background-color:#0052cc;padding:12px;text-align:center;font-size:14px;border:none;border-radius:4px;cursor:pointer}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state .add-giustificativo button:hover{background-color:#0041c0}.right-panel dic-modal-content .giustificativi-area .giustificativi empty-state .add-giustificativo button i{margin-right:5px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state{width:100%;padding:15px;display:inline-block}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo{width:100%;box-shadow:0 2px 4px 0 rgba(9,30,66,.16),0 0 0 1px rgba(9,30,66,.08);border-radius:4px 4px 0 0}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .header{padding:8px 16px;background-color:#fafbfc;color:#091e42;border-radius:4px 4px 0 0}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .header label{font-weight:lighter}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form{padding:15px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .selection{display:inline-block;vertical-align:top;width:calc(100% - 90px)}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .selection span{display:inline-block;width:100%;font-size:15px;color:#091e42;margin-bottom:8px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .selection select{width:calc(100% - 15px);padding:10px 5px;border:1px solid #c1c7d0;font-size:15px;border-radius:4px;cursor:pointer}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .selection select:hover{background-color:#ebecf0}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .selection label{display:inline-block;width:100%;color:red;font-size:12px;margin-top:5px;line-height:1.5;display:none}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .hour{display:inline-block;vertical-align:top;width:90px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .hour span{display:inline-block;width:100%;font-size:15px;color:#091e42;margin-bottom:8px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .hour input{width:100%;padding:11px 5px;border:1px solid #c1c7d0;font-size:15px;border-radius:4px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .hour select:hover{background-color:#ebecf0}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .hour label{display:inline-block;width:100%;color:red;font-size:12px;margin-top:5px;line-height:1.5;display:none}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .all-day{width:100%;text-align:right;margin-top:15px;font-size:13px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .all-day input{display:inline-block;vertical-align:middle;margin:0;width:20px;height:20px;margin-right:5px;background-color:#fff}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .form .all-day label{display:inline-block;vertical-align:middle;font-size:13px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .controls{width:100%;text-align:right;color:#fff;display:inline-block;padding:15px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .controls .annulla{cursor:pointer;padding:12px 8px;font-size:14px;border-radius:4px;border:none;background-color:rgba(0,0,0,.04)}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .controls .annulla:hover{background-color:#ebecf0}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .controls .conferma{cursor:pointer;padding:12px 8px;font-size:14px;border-radius:4px;border:none;background-color:#0052cc;color:#fff;margin-left:6px}.right-panel dic-modal-content .giustificativi-area .giustificativi new-state .new-giustificativo .controls .conferma:hover{background-color:#0041c0}#grid-calendar{width:100%}#grid-calendar ul{width:100%;height:auto;max-height:100%;display:block;overflow:auto;border-top:3px solid #b8cfe6;padding:0;border-bottom:3px solid #b8cfe6;border-left:3px solid #b8cfe6;border-right:2px solid #b8cfe6;overflow:visible}#grid-calendar ul.grid-header{padding-right:10px}#grid-calendar ul.grid-header .cell,#grid-calendar ul.grid-header .sub-cell{height:50px;min-height:50px}#grid-calendar .grid-scroll-section{height:calc(100% - 83px);overflow-y:scroll}#grid-calendar ul.grid-body{max-height:none}#grid-calendar ul li{display:flex;width:100%;list-style-type:none;text-align:left;border-top:1px dotted #b8cfe6;border-bottom:1px dotted #b8cfe6;overflow:visible}#grid-calendar ul li.today{background-color:#e8f2fb}#grid-calendar ul li.active{background-color:#bec9ff}#grid-calendar ul li oggi{display:none}#grid-calendar ul li today i{vertical-align:middle;display:inline-block;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:-25px;margin-left:0}#grid-calendar ul li today i.fa-calendar-exclamation{left:-30px}#grid-calendar ul li.today today i{position:relative;top:auto;transform:translateY(0);margin-left:1px;left:auto}#grid-calendar ul li.today oggi{display:inline-block;background-color:#e8f2fb;vertical-align:middle;font-weight:700;padding:2px;border-radius:2px;color:#fff;background:#007eff;text-transform:uppercase}#grid-calendar ul li:hover .cell{background-color:#ffcb9d}#grid-calendar ul li .cell{position:relative;display:block;text-align:right;vertical-align:top;align-items:stretch;border-right:3px solid #b8cfe6;padding:8px;min-height:50px;overflow:visible}#grid-calendar ul li .cell today{position:relative;left:-2px;display:inline-block;color:#007eff}#grid-calendar ul li .cell tooltip,#grid-calendar ul li .sub-cell tooltip{display:inline-block;padding:8px 12px;background-color:#999;color:#fff;border-radius:4px;opacity:0;font-size:13px;position:absolute;top:calc(100% + 1px);left:10px;visibility:hidden;pointer-events:none;text-align:left;line-height:1.4;z-index:1;white-space:nowrap}#grid-calendar ul li .sub-cell tooltip{top:calc(100% + 2px);left:50%;transform:translateX(-50%)}#grid-calendar ul li .cell:hover tooltip,#grid-calendar ul li .sub-cell:hover tooltip{opacity:.9;visibility:visible;pointer-events:auto;transition:all .3s linear 0s}#grid-calendar ul li .cell-extended{display:flex;border-right:2px solid #b8cfe6}#grid-calendar ul li .sub-cell{text-align:center;display:block;vertical-align:top;align-items:stretch;border-right:1px solid #b8cfe6;padding:8px;cursor:pointer}#grid-calendar ul li .sub-cell:hover{background-color:#ffcb9d}.border-bottom-red-500,.border-bottom-red-500-1{border-bottom:1px solid #f44336!important}.border-top-red-500,.border-top-red-500-1{border-top:1px solid #f44336!important}.border-bottom-amber-500,.border-bottom-amber-500-1{border-bottom:1px solid #ffc107!important}.border-top-amber-500,.border-top-amber-500-1{border-top:1px solid #ffc107!important}.border-bottom-green-500,.border-bottom-green-500-1{border-bottom:1px solid #4caf50!important}.border-top-green-500,.border-top-green-500-1{border-top:1px solid #4caf50!important}body .right-panel{width:0;height:100%;opacity:0;overflow:hidden;display:inline-block;vertical-align:top;transition:all .1s linear 0s}.right-panel--opened #grid-calendar{width:615px;transition:all .1s linear 0s}.right-panel--opened .right-panel{width:calc(100% - 615px);opacity:1;transition:all .1s linear 0s}.right-panel--opened #grid-calendar ul li .sub-cell.ghost{display:none}dic-modal-content .accordion>ul>li{height:40px}dic-modal-content .accordion>ul>li.opened{height:calc(100% - 120px)}#calendar-area.visual-month.right-panel--opened #month-calendar{width:915px!important;transition:all .1s linear 0s}#calendar-area.visual-month.right-panel--opened .right-panel{width:calc(100% - 915px)}#calendar-area.visual-month.right-panel--opened #month-calendar .timbratura{width:100%!important}#calendar-area.visual-month.right-panel--opened #month-calendar .month-header{padding-right:10px}#calendar-area.visual-month.right-panel--opened #month-calendar .month-body{overflow-y:scroll!important}#calendar-area.visual-month.right-panel--opened #month-calendar .month-body .cell.today oggi{display:none!important}#month-calendar ul li .active{background-color:#bec9ff!important}#grid-calendar ul li.bloccato .cell-extended *,#month-calendar ul li .bloccato .timbratura label,#month-calendar ul li .bloccato .timbratura span i{color:grey!important}#calendar-area #month-calendar{display:none}#calendar-area.visual-month #month-calendar{display:inline-block}#calendar-area.visual-month #grid-calendar{display:none!important}@media screen and (max-width:1280px){.right-panel--opened .res-ghost{display:none!important}.res-width-120{width:120px!important}.res-width-100{width:100px!important}.res-width-80{width:80px!important}.res-row-100-off-410{width:calc(100% - 410px)!important}.right-panel--opened #grid-calendar{width:415px}.right-panel--opened .right-panel{width:calc(100% - 415px)}.right-panel--opened #grid-calendar .cell-extended{width:300px!important;min-width:300px!important}.right-panel--opened #grid-calendar .cell-extended .sub-cell:nth-child(n+6){display:none!important}.calendar-controls impiegato{width:403px!important}.calendar-controls navigation{width:calc(100% - 403px)!important}#month-calendar .month-header{padding-right:10px}#month-calendar .month-body{overflow-y:scroll!important}#calendar-area.visual-month.right-panel--opened #month-calendar{width:415px!important;transition:all .1s linear 0s}#calendar-area.visual-month.right-panel--opened .right-panel{width:calc(100% - 415px)}}