.header-end-filter{width:100px;margin-top:12px;display:flex;>span{font-size:14px;font-weight:600}}.app-content-document-mobile-wrap{margin-top:2px;padding:0 4.4%}.app-content-document-mobile-wrap .app-content-mobile-item{margin-bottom:8px;border:none;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14)}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap{padding:12px 12px 0 12px!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item{padding:0!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .doing{color:#115ea3!important;background-color:#ebf3fc!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .done{color:#0e700e!important;background-color:#f1faf1!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .reject{color:#c43501!important;background-color:#fdf6f3!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .waiting{color:#115ea3!important;background-color:#ebf3fc!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail{width:100%;margin:4px!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .image-container{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:8px}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .time-duration{max-width:80%;height:100%;display:flex;gap:8px;flex-direction:column}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .time-duration .text-container{white-space:nowrap}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .time-duration .time-container{color:var(--brand-foreground-1-rest,#0f6cbd);font-size:13px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.08px}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .people-container{width:100%;height:100%;display:flex;gap:12px;flex-direction:row}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .people-container .item-people-text{color:var(--neutral-foreground-1-rest,#242424);font-size:12px;font-style:normal;font-weight:400;letter-spacing:-.23px}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .people-container .item-people-avatar .app-detail-item{margin-bottom:0!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .people-container .item-people-avatar .app-detail-item .ui-itemlayout__main{font-weight:600}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .people-container .item-people-avatar-dot{width:60%;height:2px;position:relative;margin-left:11px;border-top:1.5px dashed #237b4b}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .low{background:#e5f5ed;color:#2b7550}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .medium{background:#ebf3fc;color:#327eaa}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .high{background:#f4f4fc;color:#5129ba}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .very-high{background:#fdf6f6;color:#c50f1f}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-item .container-detail .app-detail-item .app-detail-item-label{display:none!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-header{margin-bottom:1rem;height:auto!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-header .doing{border:.8px solid #b4d6fa}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-header .done{border:.8px solid #9fd89f}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-header .reject{border:.8px solid #f4bfab}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-header .progress-container{height:auto!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-header .progress-container .status-progress{height:100%;padding:0!important}.app-content-document-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap .container-header .container-date span{color:#616161!important}.booking-mobile-wrap .waiting{background:#cfe4fa;color:#0f548c}.booking-mobile-wrap .approved{background:#e5f5ed;color:#2b7550}.booking-mobile-wrap .rejected{background-color:#fcf4f6;color:#c4314b}.booking-mobile-wrap .happening{background-color:#fbf6d9;color:#a16114}.booking-mobile-wrap .done{color:#9fd89f}.booking-mobile-wrap .cancel{background-color:#e8e8e8;color:rgba(0,0,0,.6)}.booking-mobile-wrap .upcoming{background-color:#fbf6d9;color:#a16114}.booking-mobile-wrap .finish{background-color:#9fd89f;color:#0e700e}.booking-mobile-wrap .app-accordion .app-accordion-content{margin-top:0!important}.booking-mobile-wrap .app-accordion .label-description{margin-left:8px;color:#616161;font-weight:400}.booking-mobile-wrap .app-accordion .app-accordion-title{padding:0 2.4%!important}.booking-mobile-wrap .app-accordion .app-content-mobile-wrap{padding:0!important}.booking-mobile-wrap .app-accordion .app-content-mobile-wrap .app-content-mobile-item{border:none!important;border-radius:0!important;border-bottom:1px solid #dfdfdf!important;box-shadow:none!important}.booking-mobile-wrap .app-accordion .app-content-mobile-wrap .app-content-mobile-item .app-content-mobile-item-wrap{padding:0!important}.booking-mobile-wrap .app-accordion .app-content-mobile-wrap .app-content-mobile-item:last-child{border:none!important;border-radius:0!important;box-shadow:none!important}.booking-mobile-wrap .app-accordion .app-content-mobile-wrap .app-content-mobile-item:last-child .app-content-mobile-item-wrap{padding:0!important}.booking-mobile-wrap .app-accordion .container-item{padding:0!important;margin-bottom:4px}.booking-mobile-wrap .app-accordion .container-item .container-header{padding:4px 12px 0 12px!important;width:100%;height:100%;margin-bottom:8px}.booking-mobile-wrap .app-accordion .container-item .container-header .progress-container{max-width:50%!important;height:32px!important;border-radius:16px}.booking-mobile-wrap .app-accordion .container-item .container-header .progress-container .status-progress{text-align:right;font-size:15px;font-weight:700;letter-spacing:-.23px}.booking-mobile-wrap .app-accordion .container-item .container-detail{width:100%;margin:0!important;padding:4px 12px 0 12px!important}.booking-mobile-wrap .app-accordion .container-item .container-detail .image-container{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:8px}.booking-mobile-wrap .app-accordion .container-item .container-detail .time-duration{max-width:80%;height:100%;display:flex;gap:8px;flex-direction:column}.booking-mobile-wrap .app-accordion .container-item .container-detail .time-duration .text-container{white-space:nowrap}.booking-mobile-wrap .app-accordion .container-item .container-detail .time-duration .time-container{color:var(--brand-foreground-1-rest,#0f6cbd);font-size:13px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.08px}.booking-mobile-wrap .app-accordion .container-item .container-detail .people-container{width:100%;height:100%;display:flex;gap:12px;flex-direction:row}.booking-mobile-wrap .app-accordion .container-item .container-detail .people-container .item-people-text{color:var(--neutral-foreground-1-rest,#242424);font-size:12px;font-style:normal;font-weight:400;letter-spacing:-.23px}.booking-mobile-wrap .app-accordion .container-item .container-detail .people-container .item-people-avatar .app-detail-item{margin-bottom:0!important}.booking-mobile-wrap .app-accordion .container-item .container-detail .people-container .item-people-avatar .app-detail-item .ui-itemlayout__main{font-weight:600}.booking-mobile-wrap .app-accordion .container-item .container-detail .low{background:#e5f5ed;color:#2b7550}.booking-mobile-wrap .app-accordion .container-item .container-detail .medium{background:#ebf3fc;color:#327eaa}.booking-mobile-wrap .app-accordion .container-item .container-detail .high{background:#f4f4fc;color:#5129ba}.booking-mobile-wrap .app-accordion .container-item .container-detail .very-high{background:#fdf6f6;color:#c50f1f}.booking-mobile-wrap .app-accordion .container-item .container-detail-incoming .item-people-avatar{color:#616161!important}.app-detail-item-user .app-detail-item-user-content{display:flex;align-items:center;gap:10px}.app-detail-item-user .app-detail-item-user-content .icon-edit{display:none;color:#585a96;margin-top:-3px}.app-detail-item-user .app-detail-item-user-content:hover .icon-edit{display:inline-block;cursor:pointer}.app-detail-item-user .ui-dropdown__container,.app-detail-item-user .ui-dropdown__container:hover{background-color:#fff}.label-text-icon-wrapper{display:flex;align-items:center;gap:6px;margin-bottom:6px}.label-text-icon-wrapper .app-detail-item-label{margin-bottom:0;margin-top:3px}.label-text-icon-wrapper.icon-max-booking .ui-icon{color:#54b054}.label-text-icon-wrapper.icon-max-booking-time .ui-icon,.label-text-icon-wrapper.icon-max-booking-time svg{color:#eaa300}.label-text-icon-wrapper.icon-people-edit .ui-icon,.label-text-icon-wrapper.icon-people-edit svg{color:#835b00}.label-text-icon-wrapper.icon-people-delete .ui-icon,.label-text-icon-wrapper.icon-people-delete svg{color:#8a3707}.label-text-icon-wrapper.icon-people-use .ui-icon,.label-text-icon-wrapper.icon-people-use svg{color:#0f6cbd}.label-text-icon-wrapper.icon-people-approval .ui-icon,.label-text-icon-wrapper.icon-people-approval svg{color:#54b054}.label-text-icon-wrapper.icon-status .ui-icon,.label-text-icon-wrapper.icon-status svg{color:#107c10}.label-text-icon-wrapper.icon-people-seen .ui-icon,.label-text-icon-wrapper.icon-people-seen svg{color:#77b7f7}.label-text-icon-wrapper.icon-people-manager .ui-icon,.label-text-icon-wrapper.icon-people-manager svg{color:#038387}@keyframes slide-top-1c85068a{0%{transform:translateY(0)}to{transform:translateY(-25px)}}.show[data-v-1c85068a]{animation:slide-top-1c85068a .5s cubic-bezier(.25,.46,.45,.94) both}.none[data-v-1c85068a]{animation:slide-out-bck-bottom-1c85068a .5s cubic-bezier(.55,.085,.68,.53) both}@keyframes slide-out-bck-bottom-1c85068a{0%{transform:translateZ(0) translateY(0);opacity:1}to{transform:translateZ(-110px) translateY(100px);opacity:0}}.app-sub-toolbar-search-advance .app-filter{height:auto;top:8px!important;right:48px!important;z-index:13!important}.app-sub-toolbar-search-advance .app-filter .app-filter-inner{width:18.5rem!important;max-height:476px}.app-sub-toolbar-search-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-title{display:none}.app-sub-toolbar-search-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-content .app-accordion{margin-bottom:12px!important}.app-sub-toolbar-search-advance .app-filter .app-filter-inner::-webkit-scrollbar{display:none!important}.app-sub-toolbar-search-advance .app-filter .app-filter-inner:before{background-color:#f5f5f5}.app-sub-toolbar-search-advance .app-filter .app-filter-inner .app-filter-header .app-filter-header-inner{padding:8px 16px 6px;height:unset}.filter-wrapper-advance{position:absolute;right:100px}.filter-wrapper-advance .app-filter{position:relative;height:auto;max-height:540px;left:0;font-size:14px;border-radius:2px;box-shadow:0 6.4px 14.4px 0 rgba(0,0,0,.13),0 1.2px 3.6px 0 rgba(0,0,0,.11)}.filter-wrapper-advance .app-filter .app-filter-inner{width:18.75rem}.filter-wrapper-advance .app-filter .app-filter-inner:before{background-color:unset}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-header .app-filter-header-inner{padding:8px 16px 6px;height:unset}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-header .app-filter-header-inner .app-filter-header-title{font-size:17px;color:#000}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content{max-height:400px;overflow:auto;margin-bottom:8px}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item{padding:0 16px;margin-bottom:0}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-title{display:none}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-content{margin-top:4px}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-content .app-accordion{margin-bottom:12px}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-content .app-accordion .app-accordion-content{margin-top:8px}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-content .app-accordion .app-accordion-content .date-wrapper{display:flex;align-items:center}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-content .app-accordion .app-accordion-content .date-wrapper .app-form-datepicker{margin-bottom:0;padding-left:0;padding-right:0;flex:0 0 auto;width:auto;max-width:100%;position:relative}.filter-wrapper-advance .app-filter .app-filter-inner .app-filter-content .app-filter-item .app-filter-item-content .app-accordion .app-accordion-content .date-wrapper .app-form-datepicker .ui-datepicker .ui-input input{padding-right:0!important;max-width:120px}.filter-wrapper-advance .app-filter .low{display:inline-block!important}.mobile-fillter[data-v-2aef6486]{width:100%;//position:revert;background-color:#fff}.app-filter-inner[data-v-2aef6486]{width:100%}.app-filter-content[data-v-2aef6486]{//width:100%;//max-height:100%}.app-detail-item-status .doing[data-v-c1c306c2]{background-color:#f4f4fc;color:#6264a7}.app-detail-item-status .doing[data-v-c1c306c2],.app-detail-item-status .done[data-v-c1c306c2]{max-width:100%;width:auto;font-weight:600;padding:18px 12px;height:23px;display:flex;align-items:center;border-radius:4px;flex:0 0 auto}.app-detail-item-status .done[data-v-c1c306c2]{background-color:#e5f5ed;color:#2b7550}.app-detail-item-status .rejected[data-v-c1c306c2]{background-color:#fcf4f6;color:#c4314b;max-width:100%;width:auto;font-weight:600;padding:18px 12px;height:23px;display:flex;align-items:center;border-radius:4px;flex:0 0 auto}