*,:before,:after{box-sizing:border-box}:root{--base-background-color:#fff;--base-color:#29abe2;--base-border-style:solid;--base-border-width:2px;--base-border-color:#b8b8b8;--hover-base-color:#89dcff;--link-decoration:underline 2px solid #29abe2;--base-font-color:#505050;--pagenate-height:3rem;--list-thumbnail-height:4.5rem;--list-thumbnail-width:4.5rem;--dialog-header-height:3.2rem;--bottom-button-group-height:4rem;--app-header-height:4.1rem;--menu-border:solid 2px #b8b8b8}html,body{height:100%;margin:0}a{color:#000;-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration);text-underline-offset:.2rem;cursor:pointer!important}.view-container{background-color:var(--base-background-color);flex-direction:column;width:100%;min-height:0;display:flex;position:absolute;inset:0}.header{background-image:linear-gradient(90deg,#fff,71%,#5cb0f6);flex-shrink:0;display:flex}.footer{background-image:linear-gradient(90deg,#fff,71%,#5cb0f6);flex-shrink:0;padding-top:.2rem;padding-bottom:.2rem;padding-left:1rem}.footer img{height:.8rem}.logo-container{flex-direction:column;justify-content:center;align-items:center;padding-top:.8rem;padding-bottom:.8rem;padding-left:1rem;display:flex}.logo-img img{height:2.5rem}.logo-subtitle{text-align:left;font-size:1em}.header-content{justify-content:end;align-items:top;width:100%;display:flex}.main-container{background-color:#fff;border-radius:0 20px 0 0;flex:1;width:100%;min-height:0;display:flex}.sidebar-container{z-index:1000;align-self:stretch;max-width:20vw;min-height:0;transition:width .5s;display:flex}.sidebar-container-inner{border-top:var(--menu-border);border-right:var(--menu-border);background-color:#e4f3fa;border-radius:0 20px 0 0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden auto}.sidebar-container-open{width:15vw}.sidebar-container-close{width:3.9rem}#sidebar-header{border-bottom:var(--menu-border);justify-content:center;display:flex}#sidebar-expand-bt{padding:.5rem}.sidebar-content{padding:.5rem;display:flex}.sidebar-content-inner{cursor:pointer;border-radius:20px;width:100%;padding-left:.5rem;padding-right:.5rem;display:flex}.sidebar-content-inner:hover{background-color:var(--hover-base-color)}.sidebar-content-inner-active{background-color:var(--base-color);color:#fff}.sidebar-content-inner-active img{filter:invert()sepia(24%)saturate(0%)hue-rotate(30deg)brightness(101%)contrast()}.menu-description{transition:width .5s;display:flex;overflow:hidden}.menu-description-inner{white-space:nowrap;align-items:center;padding:.2rem;display:flex;overflow:hidden}.menu-description-show{width:100%}.content-container{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;transition:width .5s;display:flex;position:relative;overflow:hidden}.info-container{align-items:start;width:100%;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;display:flex}.info-container-inner{align-items:center;width:25%;display:flex}.info-container-inner-half{align-items:center;width:50%;display:flex}.info-container-inner-full{align-items:center;width:100%;display:flex}.info-container-inner-right{justify-content:end}.icon-container{cursor:pointer;flex-direction:column;align-items:center;padding:.2rem;display:flex}.content-container-title .icon-container{cursor:default}.header-content .icon-container{justify-content:center;align-items:center;padding-right:1rem;display:flex}.icon-container img,.content-list-col .icon-container img{width:1.8rem;height:1.8rem}.content-container-title-container{align-items:center;width:100%;padding-left:1rem;padding-right:1rem;display:flex}.content-container-title{white-space:nowrap;align-items:center;padding:.5rem;display:flex}.content-container-title-description{align-items:center;padding-left:.3rem;font-size:1.5rem;font-weight:700;display:flex}.content-container-title-content{justify-content:end;width:-webkit-fill-available;width:-moz-available;width:stretch;padding:.5rem;display:flex}.content-container-title-content button{padding:0!important}.content-container-content{height:calc(100% - var(--pagenate-height));flex-direction:column;padding:.5rem;display:flex;overflow:auto}.content-box-container{width:100%;padding:.5rem 1rem;display:flex}.content-box{background-color:#fff;width:50%;padding:.5rem 1rem 1rem}.content-box-full{background-color:#fff;width:100%;padding:.5rem 1rem 1rem}.content-box-photo-container{justify-content:start;width:12rem;height:14rem;padding:.2rem .5rem;display:flex}.content-box-photo-container-fl{justify-content:start;width:17rem;height:17rem;padding:.2rem .5rem;display:flex}.content-box-photo{background-color:#fff;border:3px solid #c1c1c1;border-radius:20px;flex-direction:column;align-items:center;width:100%;padding:.5rem .5rem 1rem;display:flex;overflow:hidden}.content-box-width{border-radius:20px;flex-direction:column;align-items:center;width:20rem;padding:.5rem 1rem 1rem;display:flex;overflow:hidden}.content-box-photo img{object-fit:cover;width:100%;height:100%}.content-box-title{padding-bottom:.2rem;font-weight:700}.content-box-photo-title{text-overflow:ellipsis;white-space:nowrap;justify-content:start;width:10rem;height:100%;padding:.2rem;font-size:.8rem;display:flex;overflow:hidden}.content-box-menu{justify-content:center;align-items:center;width:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;padding-top:.2rem;padding-bottom:.2rem;display:flex}.content-box-inner{border-color:var(--base-border-color);border-style:var(--base-border-style);border-width:var(--base-birder-width);background-color:#fff;border-radius:10px;width:100%;height:100%;padding:1rem}.content-box-content{padding-top:1rem;display:flex}.content-box-description{flex-direction:column;flex:1;min-width:0;min-height:10rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:.9rem;display:flex}.content-box-description>.content-box-menu{flex-shrink:0;height:auto;margin-top:auto}.content-box-content-image{border-radius:10px;flex-shrink:0;width:12rem;min-width:12rem;height:10rem;overflow:hidden}.content-box-content-image-s{cursor:pointer;border-radius:10px;flex-shrink:0;width:8rem;height:8rem;overflow:hidden}.content-box-content-image-m{cursor:pointer;border-radius:10px;flex-shrink:0;width:11rem;height:11rem;overflow:hidden}.content-box-content-image-s img,.content-box-content-image-m img{object-fit:cover;width:100%;height:100%}.content-box-content-image img{object-fit:cover;width:100%;height:100%;display:block}.content-list{flex-direction:column;width:100%;min-height:67svh;padding-left:1rem;padding-right:1rem;display:flex}.content-list-header{color:#505050;border-bottom:2px solid #cccac5;width:100%;display:flex}.content-list-rec{border-bottom:1px solid #cccac5;width:100%;min-width:0;display:flex}.content-list-rec-highlighted{background-color:var(--base-color)}.content-list-rec-highlighted .content-list-col-rem{color:#fff!important}.content-list-rec-highlighted .icon-container img{filter:invert()sepia(24%)saturate(0%)hue-rotate(30deg)brightness(101%)contrast()}.content-list-col,.content-list-col-rem,.content-list-col-rem-wide,.content-list-col-sub,.content-list-col-tight{color:#505050;flex-direction:column;justify-content:center;padding:.5rem;font-size:.9rem;display:flex}.content-list-col{flex:1 1 0;min-width:0}.content-list-col-rem{flex:0 0 12rem;width:12rem;min-width:12rem;max-width:12rem}.content-list-col-rem-wide{flex:0 0 20rem;width:20rem;min-width:20rem;max-width:20rem}.content-list-col-tight{flex:0 0 5rem;width:5rem;min-width:0}.content-list-col-sub{flex:0 0 10rem;width:10rem;min-width:0}.content-list-col-icon{color:#505050;flex:none;justify-content:end;align-items:center;gap:.5rem;padding:1rem;display:flex}.content-list-col img{object-fit:contain;height:5rem}.content-list-thumbnails{flex-flow:wrap;align-items:center;gap:.5rem;display:flex}.content-list-thumbnails-actions{flex:none}.content-list-thumbnails-info-placeholder{visibility:hidden;pointer-events:none}.content-list-thumbnail-contener{height:var(--list-thumbnail-height);cursor:pointer;border-radius:10px;flex:none;overflow:hidden}.content-dialog-list-thumbnails{align-items:center;display:flex}.content-dialog-list-thumbnails .content-list-thumbnail-contener img{object-fit:cover;width:auto;height:5rem}.content-list-thumbnails img{width:var(--list-thumbnail-width);height:var(--list-thumbnail-height);object-fit:cover}.content-list-col-title{font-size:1.2rem;font-weight:700}.content-title{white-space:nowrap;padding-left:1rem;padding-right:1rem;font-weight:700;display:flex}.message-description{width:100%;font-weight:700}.link-left-container,.link-right-container,.link-center-container{white-space:nowrap;cursor:pointer;-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration);text-underline-offset:.2rem;align-items:center;padding-left:.2rem;font-size:.9rem;font-weight:700;display:flex}.link-right-container{justify-content:end}.link-center-container{justify-content:center}.link-left-container{justify-content:start}.pagenate-container{width:100%;height:var(--pagenate-height);background-color:#fff;border-top:2px solid #cccac5;justify-content:center;padding:.7rem 1rem;display:flex}.pagenate-content{display:flex}.pagenate-link{justify-content:center;align-items:center;display:flex}button.pagenate-link,button.pagenate-page-number{color:#000;text-underline-offset:.2rem;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #000;text-decoration:underline #000;text-decoration-thickness:2px}button.pagenate-link:disabled,button.pagenate-page-number:disabled{cursor:default}.pagenate-link-disabled,.link-disabled{filter:brightness(0)saturate()invert(87%)sepia(10%)saturate(4%)hue-rotate(353deg)brightness(87%)contrast(77%)}.pagenate-page-number-container{justify-content:space-around;gap:.7rem;padding-left:1rem;padding-right:1rem;display:flex}.expand-message-container{padding:.5rem 1rem 1rem}.expand-message{border-bottom:var(--menu-border);flex-direction:column;align-items:center;padding-bottom:.5rem;display:flex}.expand-message-head{width:100%;padding:0;display:flex}.content-descrption-container{flex-direction:column;column-gap:.5rem;width:100%;padding-left:1rem;padding-right:1rem;display:flex}.content-descrption-stats{gap:1rem;width:100%;display:flex}.content-descrption-container .content-box-width{flex:1 1 0;width:auto;min-width:0}.content-descrption{width:100%}.content-descrption-gray-lg{color:gray;width:100%;font-size:1.2rem;font-weight:700}.expand-message-detail{grid-template-rows:0fr;width:100%;transition:grid-template-rows .5s;display:grid;overflow:hidden}.expand-message-detail-inner{width:100%;min-height:0;padding-left:.2rem;font-size:.9rem;display:flex;overflow:hidden}.expand-message-open{grid-template-rows:1fr}.expand-message-close{grid-template-rows:0fr}.dialog-title{white-space:nowrap;color:#505050;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;font-size:1.2rem;font-weight:700;display:flex}.dialog-backdrop{z-index:1000;background-color:#00000073;position:fixed;inset:0}.dialog-container{z-index:1001;background-color:#fff;border-radius:20px 0 0;flex-direction:column;min-width:0;height:100%;transition:all .5s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.dialog-container-modal{top:var(--app-header-height);height:auto;position:fixed;bottom:0;right:0}.dialog-container-modal.dialog-container-close{pointer-events:none}.dialog-container-open{width:100%}.dialog-container-open-quarter{border-left:var(--menu-border);border-top:var(--menu-border);width:25%}.dialog-container-open-half{border-left:var(--menu-border);border-top:var(--menu-border);width:50%}.dialog-container-close{width:0}.dialog-content{height:calc(100% - var(--dialog-header-height) - var(--bottom-button-group-height));flex-direction:column;padding:.5rem;display:flex;overflow:auto}.dialog-container-inner{flex-direction:column;flex:1;min-width:0;height:100%;padding:1rem;display:flex}.dialog-container-inner .MuiPickersOutlinedInput-root{background-color:#fff}.dialog-header{flex-shrink:0;justify-content:end;width:100%;display:flex}.dialog-header .icon-container{cursor:pointer;flex-shrink:0}.dialog-header img{width:1.5rem;height:1.5rem;display:block}.form-container{justify-content:start;width:100%;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem;display:flex}.form-content{width:100%;display:flex}.flex-align-end{align-items:end;display:flex}.form-field{flex:1;min-width:0}.dialog-form-container{white-space:nowrap;align-items:center;gap:1rem;padding:.5rem 1rem 1rem;display:flex}.form-container-column{flex-direction:column;gap:1rem;padding:.5rem 3rem 1rem;display:flex}.filter-row{gap:1rem;display:flex}.container-gray{background-color:#ecebeb;border-radius:10px}.tag{color:var(--base-font-color);text-align:center;border-radius:5px;width:4rem;font-size:.8rem}.status-tag-0{background-color:#ffcfa6}.status-tag-1{background-color:#c6dcff}.status-tag-9{background-color:#bdf3d2}.status-tag-98{background-color:#fffad3}.status-tag-99{background-color:#ddd}.category-tag-0{background-color:#c6dcff}.category-tag-1{background-color:#c6f3d2}.category-tag-2{background-color:#dedaff}.category-lr{padding-left:.5rem;padding-right:.5rem}.content-linier-buffer{width:100%;padding-left:1rem;padding-right:1rem}.content-linier-buffer div{width:100%;padding-left:0}.content-scroll-x{overflow-x:auto!important}.content-scroll-y{overflow-y:auto!important}.text-normal{color:#505050!important;font-size:1rem!important;font-weight:400!important}.text-normal-black{color:#000!important;font-size:1rem!important;font-weight:400!important}.text-gray{color:var(--base-font-color)!important}.text-emphasis{font-size:1.2rem!important;font-weight:700!important}.text-emphasis2{color:#22c55e!important;font-size:1.2rem!important;font-weight:700!important}.flex-column{flex-direction:column!important;justify-content:center!important;display:flex!important}.flex-column-full{flex-direction:column!important;justify-content:center!important;width:100%!important;display:flex!important}.flex-full{justify-content:center!important;width:100%!important;display:flex!important}.flex-start{align-items:start!important}.flex-end-end{justify-content:end!important;align-items:end!important}.flex-end-center{justify-content:end!important;align-items:center!important;display:flex!important}.flex-center-center{justify-content:center!important;align-items:center!important;display:flex!important}.w-stretch{flex:1 1 0!important;width:auto!important;min-width:0!important}.link-cursor{cursor:pointer}.no-link-cursor{cursor:default}.buttom-button-group{height:var(--bottom-button-group-height)}.padding-lr{padding-left:.5rem;padding-right:.5rem}.padding-b{padding-bottom:.5rem}.detail-thumb{flex-direction:column!important;align-items:start!important;display:flex!important}.detail-thumb .content-box-content-image-m{padding-left:1rem!important}button.MuiToggleButton-root:not(.Mui-selected):hover,button.MuiToggleButton-root[aria-pressed=false]:hover{background:#89dcff!important}button.MuiToggleButton-root.Mui-selected[aria-pressed=true]:hover,button.MuiToggleButton-root.Mui-selected.Mui-selected:hover{color:#fff!important;background:#89dcff!important}button.MuiToggleButton-root.Mui-selected[aria-pressed=true],button.MuiToggleButton-root.Mui-selected.Mui-selected{color:#fff!important;background:#29abe2!important}.delete-confirm-modal{outline:none;width:min(28rem,90vw);max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.delete-confirm-modal .content-box{width:100%}