flx-planner{z-index:5}flx-planner #planner-title{padding:10px 5px}flx-planner #planner-main-container{display:flex;position:relative;height:calc(85vh - 80px)}flx-planner #planner-main-container .pln-card{position:relative;background-color:#fff;color:#4361ee;border:1px solid #dadde2;border-radius:5px;margin:5px;padding:8px;box-shadow:0px 0px 4px 2px #eceef1;z-index:3}flx-planner #planner-main-container .pln-card.pln-sortable:hover,flx-planner #planner-main-container .pln-card.ui-sortable-handle:hover{transform:rotate(0deg) scale(1.05);transition:0.3s ease-in-out;cursor:move}flx-planner #planner-main-container .pln-card .pln-card-delete{position:absolute;right:-12px;bottom:1px;display:none}flx-planner #planner-main-container .pln-card .pln-card-edit{position:absolute;right:-12px;top:1px;display:none}flx-planner #planner-main-container aside{position:relative;display:flex;flex-direction:column;flex:0 0 200px}flx-planner #planner-main-container aside div#planner-withoutgroup-title{display:flex;align-items:center;justify-content:center;flex:1 0 42px;background-color:#70798c;color:#fff;transition:all 0.3s ease-in-out 0.3s}flx-planner #planner-main-container aside div#planner-withoutgroup-title h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}flx-planner #planner-main-container aside div#planner-items-container{overflow-y:auto;overflow-x:hidden;flex:1 1 100%;padding:5px 5px 0px 10px;display:flex;flex-direction:column;align-items:center;transition:all 0.3s ease-in-out 0.3s}flx-planner #planner-main-container aside div#planner-items-container>div.pln-carg-draggable{margin-bottom:0;width:100%}flx-planner #planner-main-container aside div#planner-items-container div.pln-draggable-item-container{margin-bottom:20px;background:rgba(24,66,148,0.04);border-radius:5px;border:1px solid #dadde2;padding:5px 1px;width:100%}flx-planner #planner-main-container aside div#planner-items-container div.pln-draggable-item-container span.pln-draggable-item-title{font-weight:bold;font-size:16px;display:flex;align-items:center;justify-content:center}flx-planner #planner-main-container aside div#planner-withoutgroup-fold{height:50px;display:flex;align-items:center;justify-content:center;width:15px;background-color:#70798c;color:#fff;border-bottom-left-radius:50%;border-top-left-radius:50%;cursor:pointer;box-shadow:-2px 0px 3px rgba(0,0,0,0.1),-1px 0px 0px rgba(0,0,0,0.15);position:absolute;right:0;top:0;bottom:0;margin:auto;z-index:5}flx-planner #planner-main-container aside div#planner-withoutgroup-fold:hover{color:#2eafe7}flx-planner #planner-main-container aside div#planner-withoutgroup-fold i{transform:rotate(180deg)}flx-planner #planner-main-container aside.folded{flex:0 0 45px;width:50px}flx-planner #planner-main-container aside.folded div#planner-withoutgroup-title{background-color:unset;color:unset}flx-planner #planner-main-container aside.folded div#planner-withoutgroup-title>h4{font-size:12px;transform:rotate(-90deg);overflow:visible}flx-planner #planner-main-container aside.folded div#planner-items-container{opacity:0;flex:0;padding:unset}flx-planner #planner-main-container aside.folded div#planner-items-container .item,flx-planner #planner-main-container aside.folded div#planner-items-container>span{display:none}flx-planner #planner-main-container aside.folded div#planner-withoutgroup-fold{box-shadow:unset;color:unset;background-color:unset}flx-planner #planner-main-container aside.folded div#planner-withoutgroup-fold i{transform:unset}flx-planner #planner-main-container #planner-main{overflow:auto;width:100%;overflow-y:hidden}flx-planner #planner-main-container #planner-main .pln-header-btns{background-color:#70798c;display:flex;justify-content:space-between;align-items:center;padding:15px 10px}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns button{padding:8px;font-size:15px}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns button:not([timemodeid]),flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns .pln-btn-schedule{text-transform:uppercase;border:none;border-radius:2px;letter-spacing:2px;color:#fff;background:#45b8ea}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns button:not([timemodeid]):hover,flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns .pln-btn-schedule:hover{background-color:#2eafe7}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns .pln-btn-viewmode{border:none;margin:0px 3px;border-radius:2px;letter-spacing:2px;font-weight:lighter;background-color:#70798c;color:#fff}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns .pln-btn-viewmode:hover{background-color:#e63946;color:#fff}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-time-btns .pln-btn-viewmode.current{background-color:#e63946;color:#fff}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-mode-btns .pln-mode-btn{text-transform:uppercase;border:none;margin:0px 3px;padding:8px;border-radius:2px;letter-spacing:4px;font-weight:lighter;font-size:15px;background:#2eafe7;color:#fff}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-mode-btns .pln-mode-btn:hover{border:2px solid}flx-planner #planner-main-container #planner-main .pln-header-btns .pln-mode-btns .pln-mode-btn.current{border:2px solid}flx-planner #planner-main-container #planner-main button.pln-config{background:transparent;box-shadow:none;border:none;color:#fff;font-size:23px;padding:5px}flx-planner #planner-main-container #planner-main .pln-table{box-shadow:0px 10px 15px -3px rgba(0,0,0,0.1);background:#fff;height:90%;overflow-x:hidden}flx-planner #planner-main-container #planner-main .pln-table table{width:100%}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child{position:sticky;top:0;z-index:6;background:#70798c}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child th{position:relative;font-size:12px;text-transform:uppercase;text-align:center;height:40px;min-width:80px;padding:10px;color:#fff}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child th:first-child{position:sticky;left:0;z-index:6;background:#70798c}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child th:first-child input[type="month"],flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child th:first-child input[type="week"]{border:none;background-color:#70798c;color:#fff;text-transform:uppercase}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child th:first-child input[type="month"]::-webkit-calendar-picker-indicator,flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child th:first-child input[type="week"]::-webkit-calendar-picker-indicator{color:#fff}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child .pln-date div{display:flex;flex-direction:column;align-items:center}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child .pln-date div .pln-date-day{font-size:9px;font-weight:200}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child .pln-date div .pln-date-day-number{font-size:14px;padding:3px 3px 0px;border-radius:50%;width:2em;height:2em;display:flex;align-items:center;justify-content:center}flx-planner #planner-main-container #planner-main .pln-table table thead tr:first-child .pln-date.currentDay .pln-date-day-number{background-color:#e63946}flx-planner #planner-main-container #planner-main .pln-table table .pln-month-info{background-color:#003c6a;color:#fff;padding:10px}flx-planner #planner-main-container #planner-main .pln-table table .pln-month-info th{text-align:center}flx-planner #planner-main-container #planner-main .pln-table table .pln-empty-cell{padding:10px}flx-planner #planner-main-container #planner-main .pln-table table tbody th.pln-group-cell:first-child{position:sticky;left:0;width:170px;min-width:170px;z-index:5;background:#70798c;color:#fff}flx-planner #planner-main-container #planner-main .pln-table table tbody th.pln-group-cell:first-child .pln-btn-menu{position:absolute;right:0;display:none}flx-planner #planner-main-container #planner-main .pln-table table tbody th.currentDay::after,flx-planner #planner-main-container #planner-main .pln-table table tbody td.currentDay::after{content:"";position:absolute;top:0;left:50%;bottom:0;width:1px;background-color:#e63946;opacity:0.6;z-index:1}flx-planner #planner-main-container #planner-main .pln-table table tbody .pln-cell{position:relative;border-left:1px solid rgba(193,193,193,0.6);padding:12px;width:190px;height:60px;transition:all 1s}flx-planner #planner-main-container #planner-main .pln-table table tbody .pln-cell.current{z-index:0}flx-planner #planner-main-container #planner-main .pln-table table tbody .pln-cell:not(.pln-group-cell) .pln-btn-menu{position:absolute;top:2px;left:5px;display:none}flx-planner #planner-main-container #planner-main .pln-table table tbody .pln-cell:hover .pln-card-delete,flx-planner #planner-main-container #planner-main .pln-table table tbody .pln-cell:hover .pln-card-edit{display:initial}flx-planner #planner-main-container #planner-main .pln-table table tbody .pln-cell:hover .pln-btn-menu{display:initial !important}flx-planner #planner-main-container #planner-main .pln-table table tbody tr:nth-of-type(2n){background-color:rgba(24,66,148,0.04)}flx-planner #planner-main-container #planner-main .pln-table table tbody tr:nth-of-type(2n) th.pln-group-cell:first-child{background-color:#757e91}flx-planner #pln-error-cont{display:grid;justify-items:center;align-items:center;background-color:#fff;padding:60px 20px;border-radius:5px;margin:0 60px}flx-planner #pln-error-cont .pln-error-msg{font-size:1.5em}flx-planner #pln-error-cont .pln-error-conf{display:grid;justify-items:center;align-items:center;margin:30px;cursor:pointer}flx-planner #pln-error-cont .pln-error-conf .pln-error-conf-icon{font-size:6em}flx-planner #pln-error-cont .pln-error-conf .pln-error-conf-txt{margin-top:20px;font-size:2em;font-weight:bold}flx-planner #pln-error-cont .pln-error-conf:hover{color:#2eafe7}flx-planner flx-contextmenu .pln-context-menu{color:#323f4b;box-sizing:border-box;border:1px solid #e0e0e0;border-left:4px solid #2eafe7;font-size:1em;background-color:#fff;box-shadow:5px 5px 5px 0 rgba(0,0,0,0.2);z-index:9998}