.sidebar[data-v-1ad4b722]{position:relative;width:100%;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;height:100vh;padding-right:15px;padding-left:15px;padding-top:15px}.employee-card[data-v-21b965df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:300px;max-height:70px;padding:7px 10px;border-radius:3px;-webkit-box-shadow:0 0 10px 0 #e3e3e3;box-shadow:0 0 10px 0 #e3e3e3;background-color:#fff}.employee-card .employee-image[data-v-21b965df]{width:3rem!important;height:3rem!important;font-size:1.3em!important;background-color:#e0e0e0!important;color:#616e84!important}.employee-card button[data-v-21b965df]{width:45px;height:22px;border-radius:3px;background-color:#517fa8;font-size:9px;text-align:center;color:#fff}.employee-card .employee-info[data-v-21b965df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-self:space-between}.employee-card .employee-info img[data-v-21b965df]{width:38px;height:38px;border-radius:50%;-o-object-fit:contain;object-fit:contain}.employee-card .employee-info .info-details[data-v-21b965df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:10px}.employee-card .employee-info .info-details .fullName[data-v-21b965df]{font-size:13px}.employee-card .employee-info .info-details .hours[data-v-21b965df]{font-size:11px}.employee-card .employee-info .info-details .tags[data-v-21b965df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:5px}#overview{font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#616e84}#overview .button-info{width:16px;height:16px;font-size:11px;border-radius:50%;color:#fff;background-color:#616e84;cursor:pointer}#overview .day .title-wrapper .title{margin-right:30px}#overview .header{position:relative;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px;border-bottom:1px solid #e6e6e6}#overview .header,#overview .header .filters-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#overview .header .filters-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}#overview .header .filters-wrapper .filter-dropdown:not(:first-child){margin-left:40px}#overview .header .filters-wrapper .filter-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#overview .header .filters-wrapper .filter-dropdown span{font-size:15px;font-weight:300;width:100px;margin-right:5px}#overview .header .filters-wrapper .filters{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;width:114px;padding:5px;margin-right:25px;border-radius:3.2px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.21);box-shadow:0 2px 6px 0 rgba(0,0,0,.21);background-color:#fff}#overview .header .filters-wrapper .filters span{font-weight:700;cursor:pointer}#overview .header .filters-wrapper .filters .filter-box{position:absolute;top:0;left:0;width:302px;height:307px;z-index:-1;background-color:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.21);box-shadow:0 2px 6px 0 rgba(0,0,0,.21);outline:none}#overview .header .filters-wrapper .filters .filter-box:focus{outline:none}#overview .header .middle-wrapper,#overview .header .middle-wrapper .dates{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#overview .header .middle-wrapper .dates{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;z-index:0}#overview .header .middle-wrapper .dates span{font-size:22px;color:#616e84;margin-right:20px}#overview .header .middle-wrapper .progress-wrapper{width:170px;margin-left:20px}#overview .header .middle-wrapper .progress-wrapper .comletion{font-size:11px}#overview .header .middle-wrapper .btn-publish{margin-left:20px;padding:4px 10px;font-size:14px;border-radius:3px;border-color:transparent;background-color:#616e84;color:#fff}#overview .header .weeks-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10}#overview .header .weeks-wrapper .button-left,#overview .header .weeks-wrapper .button-right,#overview .header .weeks-wrapper .indicator{margin-right:10px}#overview .header .weeks-wrapper .indicator{border-radius:3px;font-size:14px;border:1px solid #eceded;background-color:#fff;color:#616e84;padding:5px}#overview .header .weeks-wrapper .button-left,#overview .header .weeks-wrapper .button-right{width:32.5px;height:32.5px;font-size:23px;border-radius:3px;border:1px solid #eceded;background-color:#fff;cursor:pointer}#overview .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px}#overview .content .calendar-days{display:grid;grid-template-columns:300px auto auto auto auto auto auto auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:10px;border-bottom:1px solid #ffb03f}#overview .content .calendar-days .staff-title{justify-self:self-start;font-size:14px;font-weight:700}#overview .content .calendar-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;margin-top:10px}#overview .content .calendar-content .shift-row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:15px}#overview .content .calendar-content .shift-row .employeeDetails{width:350px}#overview .content .calendar-content .shift-row .shift-grid{display:grid;grid-template-columns:repeat(7,calc((100vw - 350px)/7));height:auto;width:calc(100vw - 350px)}#overview .content .calendar-content .shift-row .shift-grid .shift-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}