#root,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6faff!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media only screen and (min-width:768px){.app-container{margin-left:250px}}#app{height:100%}.app-container{padding-top:70px}.content{padding:1.5em;overflow:auto}.form-label{font-size:16px}.optional-checkbox{display:flex}.optional-checkbox .title{font-weight:700}.optional-checkbox .desc{font-size:14px;color:grey}.optional-checkbox .icon{font-size:23px;margin-left:4px;margin-right:13px}#modal{position:fixed;background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:21}#modal .content{padding:1em;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;min-width:350px;max-width:100%;max-height:100%}#modal .header{justify-content:space-between;min-height:24px;font-weight:700}#modal .close-btn{cursor:pointer;width:50px;height:50px;position:absolute;right:15px;top:13px;display:flex;justify-content:center;align-items:center;border-radius:8px;font-size:30px}#modal .close-btn:hover{background-color:hsla(0,0%,94.1%,.4)}.notify{position:fixed;background-color:#fff;z-index:30;padding:1em;left:50%;transform:translateX(-50%);box-shadow:0 5px 10px 2px rgba(0,0,0,.2);border-radius:10px;margin-top:1em;display:flex;align-items:center;min-width:270px;transition:top .3s}.notify .icon{margin-right:.5em;font-size:23px}.notify .title{color:#00275e}.notify .description{font-size:14px;color:grey}#getting-start{padding:.5em}#getting-start .info{text-align:center}#getting-start .info .title{font-size:23px;margin-bottom:1em;font-weight:700}#getting-start .info .desc{margin-bottom:2em}#getting-start .info .logo{object-fit:contain;width:300px;margin-bottom:2em}#getting-start .term .title{font-size:20px;font-weight:700;margin-bottom:1em}#getting-start .term .term-area{width:500px;height:500px;border:1px solid #d3d3d3;overflow-y:scroll;border-radius:8px;padding:8px;font-size:14px}#getting-start .loading-screen{position:absolute;top:50%;left:50%}.cookie-banner{position:fixed;z-index:30;background-color:#fff;padding:1em;bottom:1.5em;left:50%;transform:translateX(-50%);box-shadow:0 5px 10px 2px rgba(0,0,0,.2);border-radius:10px;min-width:350px;max-width:500px;display:flex;justify-content:space-between;align-items:center}.cookie-banner .btn{width:100px}#login,#login .logo-container{display:flex;justify-content:center}#login .login-card{margin-top:3em}#login .get-app-card{margin-top:1em}#login .container{background-color:#fff;padding:1.5em;border-radius:1em;width:320px}#login .logo{width:250px;height:150px;object-fit:contain;display:block;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}#login .title{color:#00275e;text-align:center}#login .input-form{margin-top:1em}#login .submit-button{margin-top:1em;width:100%}#login .link{display:block;text-align:center;margin-top:.5em}#login .footer{text-align:center;margin-top:.7em;display:flex;justify-content:center;align-items:center;font-size:15px;color:grey}#login .footer .lang-item .button{margin-left:10px;padding:5px;border-radius:5px;cursor:pointer}#login .footer .lang-item .button:hover{background-color:hsla(0,0%,90.2%,.7)}#login .error{color:red;margin-top:1em}#login .lang-container{display:flex;justify-content:center}.lang-dropdown{background-color:#fff;color:#000;position:absolute;box-shadow:0 10px 10px hsla(0,0%,78.4%,.7);border-radius:8px;overflow:hidden;text-align:left;min-width:120px;margin-left:10px}.lang-dropdown .item:hover{background-color:hsla(0,0%,90.2%,.7)}.lang-dropdown .item{cursor:pointer;padding:1em .7em}#login .app-icon{width:70px;height:70px}#login .app-icon img{width:100%;height:100%}.choose-building{min-width:400px;padding:8px}.choose-building .head{display:flex;align-items:center}.choose-building .head .name{font-weight:700;font-size:18px}.choose-building .title-action{font-size:18px;font-weight:700;margin-top:13px;margin-bottom:13px}.choose-building .building-logo{width:60px;height:60px;object-fit:contain;flex:1 1}.choose-building .no-logo{font-size:40px;color:grey;flex:1 1}.choose-building .building-item{border:1px solid #d3d3d3;border-radius:8px;padding:1em;text-align:center;font-size:18px;cursor:pointer;margin-bottom:13px;height:130px;display:flex;flex-direction:column;justify-items:center;align-items:center}.choose-building .building-item:hover{background-color:hsla(0,0%,90.2%,.7)}#loading{position:fixed;width:100%;height:100%;z-index:50}#loading .title{margin-top:.5em}#loading .content{background-color:hsla(0,0%,94.1%,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em;position:absolute;left:50%;top:50%;border-radius:.5em;transform:translate(-50%,-50%)}@media only screen and (max-width:767px){.main-logo{margin-right:1em}}#sidebar{position:fixed;background-color:#00275e;width:250px;height:100vh;color:#fff;z-index:20;overflow:scroll;transition:left .25s ease;padding-bottom:1em}#sidebar::-webkit-scrollbar{display:none}#sidebar .sidebar-header{display:flex;justify-content:center;margin-top:.5em}#sidebar .sidebar-header .sidebar-toggle{font-size:20px;cursor:pointer;padding:1em .7em;margin-right:.3em;height:100%}#sidebar .sidebar-header .sidebar-toggle:hover{background-color:hsla(0,0%,100%,.2)}#sidebar .item-container{margin-top:2em}#sidebar .main-logo{width:150px;height:60px;object-fit:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.sidebar-item{padding:13px 20px;cursor:pointer;display:flex;color:#fff;font-size:16px;justify-content:space-between}.sidebar-item:hover{text-decoration:none;color:#fff;background-color:hsla(0,0%,100%,.2)}.sidebar-item-active{background-color:hsla(0,0%,100%,.13)}.sidebar-item .sidebar-icon{margin-right:.7em;width:23px}.sidebar-item .notification{background-color:red;min-width:22px;height:22px;font-size:14px;text-align:center;border-radius:5px;align-self:center}#sidebar .version-web{text-align:center;margin-top:13px;font-size:13px;color:hsla(0,0%,100%,.5)}@media only screen and (min-width:768px){#topbar{padding-left:250px}}#topbar{position:fixed;display:flex;align-items:center;width:100%;height:70px;justify-content:space-between;background-color:#f6faff;border-bottom:1px solid #d3d3d3;z-index:10}#topbar .header-title{padding:1em;text-transform:capitalize}#topbar .bar-container{font-size:20px;padding-left:.5em;display:flex}#topbar .bar-right{font-size:20px;padding-right:.5em;display:flex}#topbar .bar-button{padding:1em;cursor:pointer;position:relative}#topbar .bar-button .notification-badge{position:absolute;font-size:10px;top:10px;left:31px;background-color:red;color:#fff;border-radius:5px;padding:1px 2px;width:16px;text-align:center}#topbar .bar-button:hover{background-color:hsla(0,0%,78.4%,.3)}.menu-list{min-width:250px;position:fixed;background-color:#fff;box-shadow:0 10px 10px hsla(0,0%,78.4%,.7);z-index:12;padding:7px 0;border-radius:.8em}.menu-list .menu-list-item{padding:13px 16px;cursor:pointer;overflow:hidden;display:flex}.menu-list .menu-list-item:hover{background-color:hsla(0,0%,78.4%,.3)}.menu-list .menu-list-icon{color:#00275e;margin-right:10px}.menu-list .menu-header{font-size:18px;padding:13px;font-weight:700;color:#00275e;display:flex;justify-content:space-between;align-items:center}.menu-list .noti-container{overflow-y:scroll;max-height:500px}.menu-list .notification-item{padding:10px 13px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,78.4%,.3)}.menu-list .notification-item .red-dot{width:10px;height:10px;border-radius:100%;background-color:red}.menu-list .notification-item:hover{background-color:hsla(0,0%,78.4%,.3)}.menu-list .notification-item .title{font-size:14px;font-weight:600}.menu-list .notification-item .desc{font-size:12px;color:grey}.user-info{padding:13px;display:flex}.user-info .user-img{width:50px;height:50px;border-radius:100%}.user-info .user-name{color:#00275e;font-weight:700}.user-info .user-email{font-size:14px;color:grey}.user-info .user-placeholder{font-size:50px;color:grey}#download-modal{padding:1em}#download-modal .app-icon{width:70px;height:70px;border:1px solid #d3d3d3;border-radius:10px;overflow:hidden}#download-modal .top-content{display:flex;flex-direction:column;align-items:center;text-align:center}#download-modal .top-content .download-desc{width:300px;margin-top:1em}#download-modal .app-icon img{width:100%;height:100%}#download-modal .app-badge{display:block;margin-top:1.5em}#download-modal .content-app{display:flex;justify-content:center;text-align:center;margin-top:3em}#download-modal .more-info{text-align:center;margin-top:1em}#feedback{width:550px}#feedback .feedback-container{margin-top:1em}#feedback .load-screen{position:absolute;top:50%;left:50%}#feedback .finish-container{padding:1em;text-align:center}#feedback .finish-container .icon{font-size:50px;color:green}#feedback .finish-container .title{font-size:23px;font-weight:700;margin-bottom:.5em}.toggle-content{padding-top:7px;font-size:20px}.toggle-switch{display:flex;position:relative;width:50px;height:30px}.toggle-switch input{opacity:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:15px;background-color:hsla(0,0%,75.3%,.8);transition:.2s ease-out}.slider:before{position:absolute;content:"";height:20px;width:20px;left:5px;bottom:5px;border-radius:50%;background-color:#fff;transition:.3s}input:checked+.slider{background-color:#1e90ff}input:focus+.slider{box-shadow:0 0 1px #1e90ff}input:checked+.slider:before{transform:translateX(20px)}.checkmark-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkmark-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:23px;width:23px;background-color:#fff;border:1px solid #d3d3d3}.checkmark-container input:checked~.checkmark{background-color:#0080f0}.checkmark:after{content:"";position:absolute;display:none}.checkmark-container input:checked~.checkmark:after{display:block}.checkmark-container .checkmark:after{left:8px;top:4px;width:6px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.radio .radio-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.radio .radio-container input{position:absolute;opacity:0;cursor:pointer}.radio .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border-radius:50%}.radio .radio-container input:checked~.checkmark{background-color:#0080f0}.radio .checkmark:after{content:"";position:absolute;display:none}.radio .radio-container input:checked~.checkmark:after{display:block}.radio .radio-container .checkmark:after{top:7px;left:7px;width:9px;height:9px;border-radius:50%;background:#fff}.title-header{margin-bottom:1em;font-size:23px;display:flex;align-items:center;justify-content:space-between}.title-header .left-section{display:flex}.title-header .title{color:#00275e;font-weight:700}.title-header .desc{font-size:14px;font-weight:400;color:grey}.title-header .back-button{color:#000;margin-right:.5em;padding:2px 6px;border-radius:8px;height:100%}.title-header .back-button:hover{background-color:hsla(0,0%,90.2%,.7)}.image-preview .nav-btn{top:50%;position:absolute;background-color:rgba(0,0,0,.2);padding:1em;border-radius:100%;width:43px;height:43px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px}.image-preview .nav-btn:hover{background-color:rgba(0,0,0,.6)}.image-preview .nav-btn-left{left:20px}.image-preview .nav-btn-right{right:23px}.image-preview .load-spinner{position:absolute;top:50%;left:50%}.navlink{display:block;padding:8px;color:#000;border-radius:8px;margin-right:10px;white-space:nowrap;cursor:pointer}.navlink:hover{text-decoration:none;background-color:hsla(0,0%,90.2%,.7);color:#000}.navlink-active,.navlink-active:hover{background-color:#0080f0;color:#fff}.navlink .noti-count{background-color:red;color:#fff;padding:3px 7px;border-radius:5px;width:100px;margin-left:8px}.alert-bar{display:flex;justify-content:center;align-items:center;padding:5px 8px;background-color:#ebebeb;border-radius:8px}.profile-img{width:35px;height:35px;object-fit:contain;background-color:grey;overflow:hidden}.profile-img-placeholder{font-size:35px;color:grey}#forgot{display:flex;justify-content:center}#forgot #container{background-color:#fff;padding:1.5em;margin-top:3em;border-radius:1em;width:320px}#forgot .logo{display:block;width:200px}#forgot .logo-container{display:flex;justify-content:center}#forgot .title{text-align:center;margin-top:1em}#forgot .desc{font-size:14px;text-align:center;margin-top:.5em}#forgot .input-form{margin-top:1em}#forgot .error-text{color:red;margin-top:1em}#forgot .submit-button{width:100%;margin-top:1em}#finish-forgot{text-align:center}#finish-forgot .icon{font-size:70px;color:green}#finish-forgot .title{font-size:23px;font-weight:700;color:#00275e}#finish-forgot .desc{font-size:14px}#reset-password{display:flex;justify-content:center}#reset-password #container{background-color:#fff;padding:1.5em;margin-top:3em;border-radius:1em;width:320px}#reset-password .logo{display:block;width:200px}#reset-password .logo-container{display:flex;justify-content:center}#reset-password .title{text-align:center;margin-top:1em}#reset-password .desc{font-size:14px;text-align:center}#reset-password .input-form{margin-top:1em}#reset-password .submit-button{width:100%;margin-top:1em}#reset-password .error-text{color:red;margin-top:1em}#finish-reset{text-align:center}#finish-reset .icon{font-size:70px;color:green}#finish-reset .title{font-size:23px;font-weight:700;color:#00275e}#finish-reset .desc{font-size:14px}#activate{display:flex;justify-content:center}#activate #container{background-color:#fff;padding:1em;margin-top:3em;border-radius:1em;width:340px;text-align:center;font-size:18px}#activate .activity{margin-top:1em;margin-bottom:1em}#activate .sub-title{color:grey;font-size:15px}#activate .finish-icon{font-size:70px;color:green;margin-bottom:20px}#activate .fail-icon{font-size:70px;color:red;margin-bottom:20px}#activate .title{font-size:20px;font-weight:700;color:#00275e}#activate .nd-title{font-size:16px}#activate .message{color:red;margin-top:1em;font-size:16px}.filterbutton{align-items:center}#language .item{padding:.7em;border-bottom:1px solid #d3d3d3;cursor:pointer;display:flex;justify-content:space-between}#language .item:hover{background-color:hsla(0,0%,90.2%,.5)}#language .item .icon{color:#00275e}#user{height:100%}#user img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}#user .user-header{display:flex;justify-content:space-between}#user .search-bar-indicator{background-color:gold;text-align:center;padding:5px;margin-bottom:1em;border-radius:8px}#user .table-container{height:700px;background-color:#fff;border-radius:8px}#user .table-user{font-size:15px}#user .table-user .profile-img{width:35px;height:35px;object-fit:contain;background-color:grey;border-radius:100%;overflow:hidden}#user .table-user .profile-img-placeholder{font-size:35px;color:grey}#user .table-user .action-container{width:80px}#user .button-container{margin-bottom:1em;justify-content:space-between}#user .button-container,#user .button-container .num-user{display:flex;align-items:center}#user .button-container .manage-btn{margin-right:.5em}#user .table-container{width:100%;overflow-x:scroll}#user .pagination{justify-content:center}.alert-modal{position:fixed;background-color:rgba(0,0,0,.3);width:100%;height:100%;z-index:21}.alert-modal .alert-modal-window{padding:23px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;width:400px;max-width:100%;max-height:100%}.alert-modal .alert-modal-content .icon{font-size:38px;margin-left:5px;margin-right:20px}.alert-modal .alert-modal-content .title{font-weight:700;font-size:18px;margin-bottom:4px}.alert-modal .alert-modal-content .desc{font-size:14px}.alert-modal .alert-modal-content .button-container{display:flex;justify-content:end}.alert-modal .alert-modal-content .button-container .btn{margin-left:8px;min-width:100px}#import-export .data-section .title{font-size:20px;font-weight:700}#import-export .data-section .desc{color:grey;font-size:16px;margin-bottom:1.5em}#repair{height:100%}#repair .table-container{overflow-x:scroll;width:100%;min-height:630px;background-color:#fff;border-radius:8px}.col-status{font-size:20px}.bottom-pagination{display:flex;justify-content:center}.react-datepicker-wrapper{width:100%}.filter-button .btn{margin-right:10px}#repair-detail .col-title{font-size:18px;font-weight:700;color:#00275e}#repair-detail .col-container{margin-bottom:1em}#repair-detail .col-desc{font-size:14px;color:grey}#repair-detail .col-detail{font-size:16px;display:flex;border-bottom:1px solid #d3d3d3;padding:10px 0}#repair-detail .col-detail:hover{background-color:hsla(0,0%,90.2%,.5)}#repair-detail .image-container{margin-top:2em;margin-bottom:2em}#repair-detail .image-thumbnail{width:100%;height:150px;object-fit:cover;cursor:pointer;margin-bottom:1em;border-radius:8px}.image-thumbnail:hover{opacity:.8}#repair-detail .technician-container{background-color:#fff;height:420px;margin-top:1em;border-radius:8px;overflow-y:scroll;padding:1em}#repair-detail .technician-profile{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:8px;height:180px;padding:.5em;margin-bottom:1em;cursor:pointer}#repair-detail .technician-profile:hover{background-color:hsla(0,0%,94.1%,.7)}#repair-detail .technician-profile .image{width:80px;height:80px;border-radius:100%;overflow:hidden}#repair-detail .technician-profile .image-placeholder{font-size:80px;color:grey}#repair-detail .technician-profile .title{margin-top:1em;font-size:14px}#repair-detail .btn-container{text-align:center;margin-top:1em;margin-bottom:2em;border-bottom:1px solid #d3d3d3;padding-bottom:2em}.btn-container button{width:60%}.assign-title{display:flex;justify-content:space-between}.technician-detail{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #d3d3d3;flex-direction:row}.technician-detail .detail{display:flex;margin-top:1em}.technician-detail .detail .title{font-size:18px}.technician-detail .technician-image{width:50px;height:50px;border-radius:100%;margin-right:1em;color:grey}#service-inform .moving-badge{background-color:gold;padding:1em;border-radius:8px;display:flex;align-items:center}#service-inform .service-item{background-color:#fff;padding:1em;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;margin-bottom:1em;border:1px solid #d3d3d3;color:#000}#service-inform .service-item:hover{text-decoration:none;background-color:#f0f0f0}#service-inform .service-item .title{font-weight:700;font-size:18px}#service-inform .service-item .desc{font-size:14px;color:grey}#inform-service .image-slot{width:70px;height:70px;flex:1 1;border:1px solid #d3d3d3;margin-right:1em;border-radius:8px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#d3d3d3}#service-status .status-container{height:80vh;overflow-y:scroll;overflow-x:hidden}#service-status .service-item{background-color:#fff;padding:13px;min-height:200px;margin-bottom:1em;border-radius:10px;display:block;color:#000}#service-status .service-item:hover{text-decoration:none;background-color:#f0f0f0}#service-status .service-item .desc{color:grey;font-size:13px}#service-status .service-item .title{font-weight:700}#service-status .service-item .status{margin-top:1em;display:flex;flex-direction:row;justify-content:space-between;text-align:center}#service-status .service-item .status .status-detail{margin-top:5px;font-size:13px;flex:1 1}#service-status .service-item .status .status-detail .icon{font-size:20px}#service-status .service-item .status .status-detail .text-group{margin-top:10px}#service-status .service-item .status .status-detail .status-desc{font-size:12px;color:grey}#service-history .history-container{height:80vh;overflow-y:scroll;overflow-x:hidden}#service-history .service-item{background-color:#fff;padding:13px;margin-bottom:1em;border-radius:8px;min-height:180px}#service-history .service-item:hover{text-decoration:none;background-color:#f0f0f0}#service-history .service-item .title{font-weight:700}#service-history .service-item .desc{font-size:14px;color:grey}#service-history .service-item .status{display:flex;align-items:center;margin:.7em}#service-history .service-item .status .icon{font-size:23px;margin-right:10px}#service-history .service-item .status .status-label{font-size:14px;color:orange}#service-history .service-item .status .status-complete-date{font-weight:700}#service-history .service-item .status .status-ticket{font-size:14px;color:grey}#company .header-company{display:flex;justify-content:space-between}#company .search-bar-indicator{background-color:gold;text-align:center;padding:5px;margin-bottom:1em;border-radius:8px}#company .table-container{height:650px;background-color:#fff;border-radius:8px;overflow-y:scroll}.company-row .icon{color:grey;font-size:18px}#company .button-container{margin-bottom:1em}#company .pagination{display:flex;justify-content:center}#add-company .department-container{margin-top:1em}#add-company .desc{color:grey;font-size:14px}#add-company .department-container .add-depart{display:flex;margin-bottom:1em}#add-company .department-container .add-depart button{margin-left:1em}#add-company .department-container table{background-color:#fff;overflow:hidden;border-radius:8px}#add-company .department-container table tbody{display:block;height:100vh;overflow-y:scroll}#add-company .department-container table tbody tr,#add-company .department-container table thead tr{display:table;width:100%;table-layout:fixed}#company-detail .menu-container{display:flex;justify-content:space-between}#company-detail .menu-detail-container{margin-top:1em}#company-detail .menu-container .item{display:block;padding:8px;color:#000;border-radius:8px;margin-right:10px;white-space:nowrap;cursor:pointer}#company-detail .menu-container .item:hover{background-color:hsla(0,0%,90.2%,.7)}#company-detail .add-department{display:flex;margin-bottom:1em}#company-detail .department-table{height:500px;overflow-y:scroll}.list-user .profile{font-size:40px;color:grey;display:flex}.list-user .image{width:40px;height:40px;border-radius:100%}.list-user .title-user{font-size:20px;margin-bottom:1em}.list-user .pagination{display:flex;justify-content:center}.company-section{background-color:#fff;overflow:scroll;border-radius:8px;height:80vh}.header-content{display:flex;justify-content:space-between}.addLogoRetail{font-size:30px}.header-preview-retail{font-size:22px;font-weight:700;margin-bottom:10px}.img-preview-retail{width:400px}#floor .add-floor{padding:13px;display:flex}#floor .add-floor .btn{width:30px;font-size:18px;margin-left:13px}#floor .floor-container{height:80vh;overflow-y:auto;background-color:#fff;border-radius:8px}#floor .floor-item{padding:8px;border-bottom:1px solid #d3d3d3;cursor:pointer;display:flex;align-items:center}#floor .floor-item:hover{background-color:hsla(0,0%,90.2%,.7)}#floor .floor-item-active,#floor .floor-item-active:hover{background-color:#0080f0;color:#fff}#floor .floor-item .floor-title{font-weight:700}#floor .floor-item .floor-desc{font-size:13px}#floor .non-select-floor{height:100%;color:grey;display:flex;flex-direction:column;align-items:center;justify-content:center}#floor .non-select-floor .icon{font-size:50px;margin-bottom:15px}#floor .floor-detail{padding:1em;overflow-y:auto}#floor .floor-detail .title{font-size:30px;color:#00275e;margin-bottom:13px}#floor .floor-detail .company-item{border-bottom:1px solid #d3d3d3;padding:8px 0;display:flex;align-items:center}#floor .floor-detail .company-item:hover{background-color:hsla(0,0%,90.2%,.7)}#floor .floor-detail .company-item .icon{font-size:20px;margin-right:13px}#floor .floor-detail .company-item .company-title{font-weight:700}#floor .floor-detail .company-item .company-desc{color:grey;font-size:14px}#floor .area-item{padding:10px;border-bottom:1px solid #d3d3d3}#floor .area-item:hover{background-color:hsla(0,0%,90.2%,.7)}#floor .add-area{display:flex;justify-content:center;align-items:center;color:grey;padding:13px;border-bottom:1px solid #d3d3d3;cursor:pointer}#floor .add-area:hover{background-color:hsla(0,0%,90.2%,.7)}#floor .adding-area{padding:13px}#floor .adding-area .add-btn{display:flex}#floor .adding-area .add-btn .btn{flex:1 1}#booking .booking-container{margin-top:1em;height:85vh;overflow-y:auto}#booking .top-header{display:flex;justify-content:space-between}#booking .booking-location-item{padding:1em;background-color:#fff;border-radius:8px;margin-bottom:1em;display:flex;color:#000;font-size:14px}#booking .booking-location-item:hover{text-decoration:none;background-color:#e6e6e6}#booking .booking-location-item .action{margin-top:8px}#booking .booking-location-item .location-img{width:100px;height:100px;border-radius:8px;object-fit:cover}#booking .booking-location-item .title{color:#00275e;font-weight:700;font-size:16px}#booking .booking-location-item .detail{color:grey;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#booking .search-indicator{background-color:gold;margin-top:1em;text-align:center;padding:5px;border-radius:8px}#news{display:flex;flex-direction:column}#news .news-container{margin-top:1.5em;overflow-y:scroll;overflow-x:hidden;padding-bottom:1em;height:80vh;scroll-behavior:smooth}#news .news-item{background-color:#fff;display:block;border-radius:8px;overflow:hidden;margin-bottom:1em}#news .news-item:hover{text-decoration:none;background-color:#e6e6e6}#news .news-item .expired-badge{color:red;font-size:14px}#news .news-item .image{height:170px;display:flex;align-items:center;justify-content:center;color:grey;font-size:50px}.news-item .image img{height:100%;width:100%;object-fit:contain;background-color:#fff}#news .news-item .content{padding:1em}#news .news-item .title{color:#00275e;font-weight:700}#news .news-item .desc{color:grey;font-size:13px}#news .news-item .bottom-item{display:flex;justify-content:space-between;align-items:center;margin-top:1em}#news .news-item .mark-container{position:absolute;right:20px;display:flex;justify-content:flex-end}#news .news-item .mark-visitor{background-color:#00275e}#news .news-item .mark-information,#news .news-item .mark-visitor{width:30px;height:45px;display:flex;align-items:center;justify-content:center;font-size:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-right:8px}#news .news-item .mark-information{background-color:brown}#news .mid-bar{display:flex;justify-content:space-between;align-items:center}#news .public-toggle{display:flex;align-items:center;align-self:center;margin-right:1em}#news .public-toggle .label{margin-right:.5em}#news .no-news{text-align:center;color:grey}#news .no-news .icon{font-size:50px;margin-bottom:20px}.badge-type{font-size:13px;color:#fff;padding:5px;border-radius:5px;min-width:70px;text-align:center;font-weight:700;max-width:100px}#create-news .publish-item{padding:1em;background-color:#fff;text-align:center;flex:1 1;margin-right:10px;border:1px solid #d3d3d3;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center}#create-news .react-datepicker-wrapper{display:block}#create-news .type-item{padding:1em;background-color:#fff;margin-bottom:1em;text-align:center;flex:1 1;border:1px solid #d3d3d3;border-radius:8px;cursor:pointer;display:flex;align-items:center}.type-item .icon{margin-right:10px;font-size:18px}.choice-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding:8px 20px}.choice-item:hover{background-color:rgba(0,0,0,.1)}#create-news .image-preview{margin-top:1em;height:250px;border:1px solid #d3d3d3;display:flex;justify-content:center}#create-news .image-preview img{height:100%;width:100%;object-fit:contain}.image-preview .del-btn{width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:red;color:#fff;position:absolute;right:20px;margin-top:.5em;border-radius:100%;cursor:pointer}.image-preview .del-btn:hover{background-color:#e60000;color:#e6e6e6}.modal .desc{margin-bottom:1em;font-size:14px;display:flex;justify-content:space-between}.row-container{height:600px;overflow-x:hidden;overflow-y:scroll}.album-item{border:1px solid #d3d3d3;margin-bottom:1em;border-radius:8px;overflow:hidden;cursor:pointer}.album-item:hover{opacity:.7}.album-item .preview-image{height:100px;color:grey;font-size:40px;display:flex;justify-content:center;align-items:center}.album-item .preview-image img{width:100%;height:100%;object-fit:cover}.album-item .content{padding:8px}.pagination{margin-top:1em;display:flex;justify-content:center}.select-header{justify-content:space-between;margin-bottom:1em}.select-header,.select-header .select-title{display:flex;align-items:center}.select-header .back-btn{font-size:20px;width:30px;padding:5px;cursor:pointer;text-align:center;border-radius:5px}.select-header .back-btn:hover{background-color:hsla(0,0%,90.2%,.5)}.select-header .header-title{font-size:20px;font-weight:700;margin-left:15px}.select-image-item img{width:100%;height:100%;object-fit:cover}.select-image-item{height:100px;margin-bottom:1em;cursor:pointer}.select-image-item:hover{opacity:.7}.select-image-item .img-checkbox{position:absolute;top:5px;right:20px;width:25px;height:25px;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.7)}.form-file{display:flex;justify-content:space-between;margin-bottom:1em}.modal .image-container{max-height:370px;overflow-y:scroll;overflow-x:hidden}#view-news .news-content{margin-top:1em;word-wrap:break-word}#view-news .date-content{font-size:14px}#view-news .detail-row{display:flex}#view-news .detail-row .title{font-weight:700}#view-news .news-image{border:1px solid #d3d3d3;margin-bottom:1em;cursor:pointer}#view-news .news-image img{width:100%;object-fit:contain;height:200px}#view-news .read-container{background-color:#fff;height:350px;border-radius:8px;margin-top:1em;overflow-y:scroll;padding:1em}#view-news .user-item{display:flex;margin-bottom:1em;padding:.5em}#view-news .user-item .image{width:50px;height:50px;margin-right:13px}#view-news .user-item .icon{font-size:50px;color:grey}#view-news .user-item .image img{width:100%;height:100%;border-radius:100%}#view-news .user-item .title{font-weight:700;font-size:16px}#view-news .user-item .desc{font-size:14px;color:grey}#view-news .status-item{text-align:center}.comment-item{display:flex;padding:1em;border-bottom:1px solid #d3d3d3;justify-content:space-between}.comment-item .comment-content-item{display:flex}.comment-item .name{font-size:14px;font-weight:700}.comment-item .date{color:grey;font-size:14px;margin-top:.5em}.no-comment{text-align:center;color:grey}.no-comment .icon{font-size:35px;margin-top:1em;margin-bottom:10px}#view-news .comment-item .image{width:35px;height:35px;margin-right:20px}#view-news .comment-item .icon{font-size:35px;color:grey}#view-news .comment-item .image img{width:100%;height:100%;border-radius:100%}#view-news .vote-color{width:20px;height:20px;background-color:#d3d3d3;border-radius:100%}#view-news .register-container{background-color:#fff;height:400px;margin-top:1em;border-radius:8px;padding:1em;overflow-y:scroll}#view-news .register-item{display:flex;padding:13px}#view-news .register-item .image{width:65px;height:65px}#view-news .register-item .image img{width:100%;height:100%;border-radius:100%;object-fit:cover}#view-news .register-item .image .icon{color:grey;font-size:60px}#view-news .register-item .title{font-weight:700;font-size:16px}#view-news .email,#view-news .phone{color:grey;font-size:14px}#view-news .no-register{color:grey;text-align:center}#view-news .no-register .icon{font-size:35px;margin-top:1em;margin-bottom:.5em}#view-news .inform-container{background-color:#fff;height:400px;border-radius:8px}.inform-select{display:flex;margin-bottom:10px}.inform-select .menu{padding:.5em;cursor:pointer;border-radius:8px;margin-right:10px}.inform-select .menu:hover{background-color:hsla(0,0%,90.2%,.5)}.inform-container{padding:1.5em;overflow-y:scroll}.people-item{display:flex;align-items:center;margin-bottom:1.5em}.people-item .image{width:50px;height:50px}.people-item .image img{width:100%;height:100%;border-radius:100%;object-fit:cover}.people-item .image .icon{color:grey;font-size:50px}.people-item .title{font-size:16px;font-weight:700}.people-item .desc{font-size:14px;color:grey}#view-news b{font-size:18px;display:block;margin-bottom:10px}#gallery .gallery-container{height:80vh;overflow-y:scroll;overflow-x:hidden;margin-top:1em}#gallery .gallery-item{background-color:#fff;border-radius:8px;margin-bottom:1em;overflow:hidden;display:block;color:#000}#gallery .button-container{margin-bottom:1em;display:flex;justify-content:space-between}#gallery .button-container button{height:40px}#gallery .empty-image .icon{font-size:60px}#gallery .gallery-item:hover{text-decoration:none;background-color:#f0f0f0}#gallery .gallery-item .empty-image{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;color:grey}#gallery .gallery-item .detail{padding:1em}#gallery .gallery-item .detail .title{font-size:20px;font-weight:700;margin-bottom:.5em}#gallery .gallery-item .detail .subtitle{color:grey;font-size:14px}#gallery .gallery-item .detail .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:42px;margin:0 auto .5em;font-size:13px}#gallery .gallery-item .preview{padding:1em;height:230px}#gallery .gallery-item .image{text-align:center;margin-bottom:1em}#gallery .gallery-item .image img{width:100%;height:100px;object-fit:cover;background-color:#fff}#gallery .gallery-item .bottom{display:flex;justify-content:space-between;align-items:center}#gallery .no-image{text-align:center;color:grey}#gallery .no-image .icon{font-size:50px;margin-bottom:20px}#album .album-title{font-weight:700;font-size:20px;color:#00275e}#album .upload-form{display:flex;justify-content:space-between;margin-top:1em;align-items:center}#album .image-container{margin-top:1em;height:500px;background-color:#fff;padding:1em;border-radius:8px}#album .pagination{display:flex;justify-content:center}#album .no-image{font-size:20px}.image-item img{width:100%;height:150px;object-fit:cover}.image-item{margin-bottom:.7em;cursor:pointer;border-radius:8px;overflow:hidden}.delete-btn{position:absolute;display:flex;justify-content:center;align-items:center;right:20px;top:8px;font-size:14px;background-color:red;color:#fff;padding:8px;border-radius:100%;width:30px;height:30px;text-align:center;cursor:pointer}.delete-btn:hover{background-color:#c80000;color:#c8c8c8}#about_us .edit-btn{width:150px;margin-top:1em}#about_us .content-change{font-size:16px;display:flex;align-items:center}#about_us .content-change .indicator{background-color:orange;width:13px;height:13px;border-radius:100%;margin-right:.5em}#contact_center .edit-btn{width:150px;margin-top:1em}#contact_center .content-change{font-size:16px;display:flex;align-items:center}#contact_center .content-change .indicator{background-color:orange;width:13px;height:13px;border-radius:100%;margin-right:.5em}#terms_and_policiesd .edit-btn{width:150px;margin-top:1em}#terms_and_policiesd .content-change{font-size:16px;display:flex;align-items:center}#terms_and_policiesd .content-change .indicator{background-color:orange;width:13px;height:13px;border-radius:100%;margin-right:.5em}#faq .table-container{background-color:#fff;border-radius:8px;min-height:650px}#faq .addbutton{margin-bottom:1em}#faqcreate .add-button,#faqcreate .Answer-label,#faqcreate .Question-label{margin-top:1em}#faqcreate .content-container{padding-left:2em}.fc{max-width:1000px;min-height:600px}.fc a{color:#000}.fc a:hover{text-decoration:none}.fc-event{cursor:pointer}.event-top{display:flex;justify-content:space-between}.event-top .options{display:flex;align-items:center}#selected-calendar .title{font-size:20px}#selected-calendar .desc{font-size:14px;margin-top:5px}#selected-calendar .highlight{display:flex;margin-bottom:1em;margin-top:1em}#selected-calendar .highlight .event-day{border:1px solid #d3d3d3;padding:10px;width:80px;height:110px;border-radius:8px;display:flex;flex-direction:column;justify-content:center}#selected-calendar .highlight .day{font-size:35px;font-weight:700;text-align:center}#selected-calendar .day-of-week{color:red}#selected-calendar .day-of-week,#selected-calendar .month{font-size:12px}.no-select{color:grey;text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:200px}.no-select .icon{color:#d3d3d3;font-size:50px}#add-calendar .react-datepicker-wrapper{display:block}#add-calendar .publish-item{padding:1em;background-color:#fff;text-align:center;flex:1 1;margin-right:10px;border:1px solid #d3d3d3;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center}.publish-item .icon{font-size:30px}.publish-item .title{margin-top:5px}.publish-item .desc{font-size:13px;color:grey}#inbox .sender-form{margin-bottom:1em}#inbox .message-form{margin-bottom:2em}#inbox .Radio-label{margin-right:1em;margin-bottom:1em}#inbox .Checkbox-label{margin-right:1em}#inbox .date-label{margin-bottom:1em}#inbox .Companies-select{margin-bottom:1em}#inbox .Department-select{margin-bottom:1em}#role .role-container{background-color:#fff;height:80vh;overflow-y:scroll;border-radius:8px}#role .top-header,.access-control-item{display:flex;justify-content:space-between}.access-control-item{padding:.8em;border-bottom:1px solid #d3d3d3}.access-control-item .icon{width:50px;height:50px;border:1px solid #d3d3d3;border-radius:8px;margin-right:10px;display:flex;justify-content:center;align-items:center;font-size:20px}.role-control-item{display:flex;justify-content:space-between;padding:1em;align-items:center;border-bottom:1px solid #d3d3d3;cursor:pointer}.role-control-item:hover{background-color:hsla(0,0%,90.2%,.7)}.role-control-item .icon{font-size:20px}.role-control-item .desc{font-size:13px;color:grey}.not-selected-role{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:grey}.not-selected-role .icon{font-size:50px;margin-bottom:15px}.access-control-item .platform-indicator{display:flex;align-items:center;font-size:14px;color:grey;margin-right:4px}#news-log .filter-section{margin-top:1em}#news-log .table-container,#user-log .table-container{margin-top:1em;background-color:#fff;border-radius:8px;min-height:800px;overflow-x:scroll}#user-log .filter-section{margin-top:1em}#buildings .top-container{margin-bottom:1em;display:flex;justify-content:space-between}#buildings .building-container{background-color:#fff;height:80vh;border-radius:8px;overflow-y:scroll;overflow-x:hidden}#buildings .building-item{padding:1em;border-bottom:1px solid #d3d3d3;display:flex;align-items:center}#buildings .building-item .title{font-weight:700}#buildings .building-item .desc{font-size:13px;color:grey}#buildings .building-item:hover{background-color:hsla(0,0%,90.2%,.7)}#buildings .search-indicator{background-color:gold;border-radius:8px;margin-bottom:1em;padding:5px;text-align:center}#buildings .building-item .building-logo{width:45px;height:45px;padding:5px;font-size:25px;text-align:center}#buildings .building-item .building-logo img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}#create-building .finish-page .finish-icon{color:green;font-size:35px;text-align:center;margin-top:1em}#create-building .finish-page .finish-item{background-color:#fff;border-radius:8px;padding:1em;margin-bottom:1em}#create-building .finish-page .finish-item .title{color:#00275e;font-weight:700;margin-bottom:1em}#create-building .finish-page .finish-item .detail-row{display:flex;flex:1 1;margin-bottom:8px}#create-building .finish-page .finish-item .detail-row .detail-title{color:grey;font-size:14px;flex:1 1}#create-building .finish-page .finish-item .detail-row .detail-val{color:#000;font-size:14px;flex:2 1;display:block}#create-building .finish-page .finish-title{text-align:center;margin-bottom:2em}#create-building .finish-page .finish-title .title{color:#00275e;font-weight:700;font-size:18px}#create-building .finish-page .finish-title .desc{font-size:13px;color:grey}#create-building .building-logo img{width:100%;height:80px;object-fit:contain;border:1px solid #d3d3d3;padding:.7em;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}#building-detail .detail-col{background-color:#fff;border-radius:8px;padding:1em;margin-bottom:1em}#building-detail .item-title{color:#00275e;font-weight:700;margin-bottom:1em}#building-detail .detail-row{color:grey;display:flex;margin-bottom:8px}#building-detail .detail-row .detail-title{color:grey;flex:1 1}#building-detail .detail-row .detail-val{color:#000;flex:2 1}#building-detail .select-menu-container{display:flex}.select-menu-container .menu-nav-item{padding:8px;border-radius:8px;cursor:pointer;margin-right:10px}.select-menu-container .menu-nav-item:hover{background-color:hsla(0,0%,90.2%,.7)}#building-detail .content-list-container{height:580px;border:1px solid #d3d3d3;border-radius:8px;margin-top:1em;overflow-y:scroll}#building-detail .company-item{padding:1em;border-bottom:1px solid #d3d3d3;display:flex}#building-detail .company-item .title{font-weight:700}#building-detail .company-item .desc{font-size:14px;color:grey}#building-detail .company-item .icon{font-size:20px;margin-right:.7em}#building-detail .user-item{padding:1em;border-bottom:1px solid #d3d3d3;display:flex;align-items:center}#building-detail .user-item .title{font-weight:700}#building-detail .user-item .desc{color:grey;font-size:13px}#building-detail .user-item .profile-pic{width:40px;height:40px;border-radius:100%;overflow:hidden;margin-right:10px}#building-detail .user-item .profile-pic img{width:100%;height:100%}#building-detail .user-item .def-profile-pic{font-size:40px;margin-right:13px;line-height:40px;color:grey}#building-detail .building-logo{padding:.5em;margin-bottom:2em}#building-detail .building-logo img{height:50px;object-fit:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}#feedback-res .table-container{background-color:#fff;height:80vh;border-radius:8px;overflow:hidden}#feedback-res td{vertical-align:middle}#feedback-res .solve-col{width:70px;font-size:18px}#feedback-res .unsolve-dot{justify-self:center;background-color:red;width:10px;height:10px;border-radius:100%}#feedback-detail .feedback-title{font-weight:700}#feedback-detail .solve-desc{color:grey;margin-top:1em;margin-bottom:1em}#feedback-detail .attach-frame{width:200px;height:200px;overflow:hidden;border:1px solid #d3d3d3;margin-top:1em;cursor:pointer}#feedback-detail .attach-frame img{width:100%;height:100%;object-fit:contain}#feedback-detail .detail-block{border-bottom:1px solid #d3d3d3;padding:1em 0}.feature-item{padding:1em;border-bottom:1px solid #d3d3d3;display:flex}.feature-item .title{font-weight:700}.feature-item .detail{font-size:14px;color:grey}.icon-box{border:1px solid #d3d3d3;margin-right:15px;border-radius:8px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;color:#00275e}#package .package-container{height:80vh;background-color:#fff;border-radius:8px;overflow-y:scroll}#package .top-container{margin-bottom:1em}#package .package-item{padding:1em;border-bottom:1px solid #d3d3d3;cursor:pointer;display:flex}#package .package-item-active{background-color:#0080f0;color:#fff}#package .package-item .icon{font-size:20px;margin-right:13px}#package .package-item:hover{background-color:hsla(0,0%,90.2%,.7)}#package .package-item-active:hover{background-color:#0080f0}#package .package-item .title{font-weight:700}#package .package-item .detail{font-size:14px;color:grey;overflow:hidden}#package .detail-section{padding:1em;border-bottom:1px solid #d3d3d3}#package .detail-section .title{font-size:23px;font-weight:700;margin-bottom:.5em}#package .not-select{display:flex;align-items:center;justify-content:center;text-align:center;color:grey;height:100%}#package .not-select .icon{font-size:60px}#package .detail-section .button-container,#package .detail-section .select-feature-desc{margin-top:1em}#feature .feature-container{background-color:#fff;height:80vh;border-radius:8px;overflow-y:scroll}#admin-dashboard .dashboard-item{background-color:#fff;padding:1em;border-radius:8px;margin-bottom:1em}#admin-dashboard .dashboard-item .title{font-size:18px;color:#00275e;font-weight:700}#admin-dashboard .rank-item{border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:8px 10px}#admin-dashboard .rank-item:hover{background-color:hsla(0,0%,78.4%,.3)}#admin-dashboard .feedback-item{display:flex;border-bottom:1px solid #d3d3d3;align-items:center;padding:8px 10px;color:#000}#admin-dashboard .feedback-item:hover{text-decoration:none;background-color:hsla(0,0%,78.4%,.3)}#admin-dashboard .see-more-feedback{margin-top:10px;text-align:center}#admin-dashboard .see-more-feedback a{color:#00275e}#admin-dashboard .feedback-item .feedback-icon{margin-right:15px}#admin-dashboard .feedback-item .feedback-desc{color:grey;font-size:14px}#admin-dashboard .user-activity-section .chart-container{margin-top:1em;height:200px}#admin-dashboard .user-activity-section .chart-detail{display:flex;justify-content:space-around;text-align:center;margin-top:1em}#admin-dashboard .user-activity-section .chart-detail .number{font-weight:700;font-size:30px;color:#00275e}#admin-dashboard .user-activity-section .chart-detail .chart-title{font-size:14px;color:grey}#activity-log .filter-section{margin-top:1em}#activity-log .table-container{margin-top:1em;overflow-x:scroll;width:100%;min-height:700px;background-color:#fff;border-radius:8px}#activity-log .table-container .activity-name-col{max-width:300px}#activity-log .table-container .priority-indicator{width:10px;height:10px;border-radius:100%;justify-self:center}#activity-log .table-container td{vertical-align:middle}#not-found{text-align:center}#not-found .icon{font-size:50px;color:grey;margin-top:.7em;margin-bottom:13px}#not-found .title{font-size:23px;font-weight:700}#not-found .desc{color:grey}#super-admin .content-container{height:80vh;background-color:#fff;border-radius:8px;overflow-y:auto;margin-top:1em}#super-admin .user-item{display:flex;padding:13px 18px;border-bottom:1px solid #d3d3d3}#super-admin .user-item:hover{background-color:#f0f0f0}#super-admin .user-item .content-user{flex:1 1;margin-left:1em}#super-admin .user-item .content-user .title{font-weight:700}#super-admin .user-item .content-user .desc{font-size:14px;color:grey}#user-alias .user-alias-container{height:80vh;background-color:#fff;border-radius:8px;overflow-y:scroll}#user-alias .user-item{padding:1em;border-bottom:1px solid #d3d3d3;cursor:pointer;display:flex}#user-alias .user-item .title{font-weight:700}#user-alias .user-item .detail{font-size:14px}#user-alias .user-item:hover{background-color:hsla(0,0%,90.2%,.7)}#user-alias .user-item-active,#user-alias .user-item-active:hover{background-color:#0080f0;color:#fff}#user-alias .department-item{padding:1em;border-bottom:1px solid #d3d3d3;display:flex;align-items:center}#user-alias .department-item:hover{background-color:hsla(0,0%,90.2%,.7)}#user-alias .department-item .title{font-weight:700}#user-alias .department-item .detail{font-size:14px}#user-alias .add-department-btn{border-bottom:1px solid #d3d3d3}#user-alias .add-department-btn .add-button{text-align:center;cursor:pointer;padding:.7em}#user-alias .add-department-btn .add-button:hover{background-color:hsla(0,0%,90.2%,.7)}#user-alias .add-form{padding:1em}.desc-password{margin-bottom:2em}.error-text{color:red}#booking-detail .image-location{border-radius:18px;overflow:hidden;height:200px}#booking-detail .image-location img{width:100%;height:100%;object-fit:cover}#booking-detail .detail-block{margin-bottom:1em}#booking-detail .content-container{background-color:#fff;border-radius:8px;overflow:hidden}#booking-detail .date-picker-container{padding:13px;border-bottom:1px solid #d3d3d3}#booking-detail .timerange-container{height:100%;overflow-y:scroll;height:500px}#booking-detail .time-item{padding:13px;border-bottom:1px solid #d3d3d3;display:flex;cursor:pointer}#booking-detail .time-item:hover{background-color:hsla(0,0%,90.2%,.7)}#booking-detail .time-item .desc{font-size:13px;color:grey}s #booking-detail .user-timerange{overflow-y:auto}#booking-detail .user-timerange-item{padding:13px;border-bottom:1px solid #d3d3d3;display:flex}#booking-detail .user-timerange-item .user-img{border-radius:100%;width:53px;height:53px;overflow:hidden}#booking-detail .user-timerange-item .user-img-placeholder{font-size:53px}#booking-detail .user-timerange-item .name{font-weight:700}#booking-detail .user-timerange-item .desc{font-size:14px;color:grey}#booking-detail .user-timerange-item:hover{background-color:hsla(0,0%,90.2%,.7)}#booking-detail .no-booking{color:grey;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.a4-container{width:100%;height:100%;background-color:#fff}.doc-container{overflow:auto}.table-content{overflow-x:scroll;width:100%;min-height:630px;background-color:#fff;border-radius:8px;margin-top:1em}.header-modal{font-size:24px}.content-img{display:flex;padding:30px}.content-img .div-img{padding:20px}.content-img .div-img .img{width:300px;border:3px solid #00275e}.content-img .div-img .text{font-size:24px;text-align:center;margin-top:5px}.table-tr,.tr-body-car{text-align:center}.tr-body-car{cursor:pointer}.tr-body-user{text-align:center}.btn-add-user-by-car{padding:10px 0;text-align:right}.user-table-body-none{text-align:center;font-size:30px;padding-top:350px}.modal-body-row{padding:10px}#visitor-report .table-container{height:80vh;overflow-y:auto;background-color:#fff;border-radius:8px;margin-top:1em}.nav-container{display:flex;margin-bottom:15px;overflow-x:auto;justify-content:space-between}.nav-left,.nav-right{display:flex;flex-direction:row}.nav-right{align-self:center}#visitor-dashboard .widget-item{background-color:#fff;border-radius:8px;padding:13px;margin-bottom:13px}#visitor-dashboard .widget-head{display:flex;justify-content:space-between}#visitor-dashboard .widget-item .widget-title{font-weight:700;color:#00275e;font-size:18px;margin-bottom:8px}#visitor-dashboard .overall-stat{display:flex}#visitor-dashboard .overall-item{text-align:center;flex:1 1}#visitor-dashboard .overall-item .value-main{color:#00275e;font-size:40px;font-weight:700}#visitor-dashboard .overall-item .value{color:#00275e;font-size:30px;font-weight:700}#visitor-dashboard .overall-item .title{color:grey}#spare-device .table-container{height:80vh;overflow-y:auto;background-color:#fff;border-radius:8px;margin-top:1em}#create-user .content-container{padding-left:2em}#create-user img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.role-item{background-color:#fff;border:1px solid #d3d3d3;padding:.7em;border-radius:10px}.role-item .desc{font-size:14px;color:grey}.title-role{margin-bottom:1em;display:block}.access-item{padding:1em;background-color:#fff;text-align:center;flex:1 1;margin-right:10px;border:1px solid #d3d3d3;border-radius:8px;cursor:pointer}.access-item .icon{font-size:30px}.access-item .title{margin-top:5px}.label-desc{font-size:14px;color:grey;margin-bottom:1em}.profile-img{width:180px;height:180px;border-radius:100%}.profile-container{font-size:180px;color:grey}#home .section{background-color:#fff;padding:1em;border-radius:8px;margin-bottom:1em}#home .loading-section{position:absolute;right:2em}.user-section .info-container{text-align:center}.user-section .image-container{display:flex;justify-content:center}.user-section .image-container .image{width:100px;height:100px;border-radius:100%}.user-section .image-container .placeholder{font-size:100px;color:grey}.user-section .name-title{font-weight:700;text-align:center;margin-top:1em;font-size:20px}.user-section .description{font-size:14px;color:grey}.section-title{font-size:18px;color:#00275e;font-weight:700}.section-desc{font-size:14px;color:grey}.section .chart-container{margin-top:1em;height:250px}.section .chart-detail{display:flex;justify-content:space-around;text-align:center;margin-top:1em}.chart-detail .number,.stat-container .number{font-weight:700;font-size:30px;color:#00275e}.chart-detail .title,.stat-container .title{font-size:14px;color:grey}.stat-container .item-flex{flex:1 1}.section .stat-container{text-align:center;display:flex}.event-container{margin-top:1em;display:flex}.event-container .calendar{width:70px;margin-left:10px}.event-container .in-week{color:red;font-size:13px;font-weight:700}.event-container .large-date{font-size:40px;font-weight:700;line-height:40px}.event-container .month{font-size:13px}.event-container .detail{margin-left:1.5em}.event-container .detail .title{font-size:18px;font-weight:700}.event-container .detail .desc{font-size:14px}.event-container .detail .description{color:grey}.news-container{margin-top:.5em}#home .news-container .news-item{display:flex;color:#000;padding:.7em;border-bottom:1px solid #d3d3d3}#home .news-container .news-item .icon{margin-right:1em;color:#00275e;font-size:20px}#home .news-container .news-item:hover{background-color:hsla(0,0%,78.4%,.3);text-decoration:none}.news-item .detail .date{color:grey;font-size:14px}.link-section{color:#00275e}.filterbutton{padding-top:1em;padding-bottom:1em;white-space:nowrap;overflow-x:scroll}.filterbutton .button{transition-duration:.4s;border:1px solid #00275e;border-radius:8px;display:inline-block;margin-right:10px}.section .widget{display:flex;justify-content:space-between;margin-top:1.5em}.section .widget-item{text-align:center;flex:1 1}.section .icon-widget{font-size:30px;color:#00275e;margin-bottom:8px}.section .detail .temp{font-size:20px;font-weight:700}.section .detail .sub{font-size:13px;color:grey}#delivery-detail .col-detail{font-size:16px;display:flex;border-bottom:1px solid #d3d3d3;padding:10px 0}#delivery-detail .col-detail:hover{background-color:hsla(0,0%,90.2%,.5)}#delivery-detail .col-title{font-size:18px;font-weight:700;color:#00275e}.track-item{display:flex}.track-item .track-col-indicator{display:flex;flex-direction:column;align-items:center;margin-right:2em}.track-item .track-col-detail{flex:1 1;padding-bottom:18px}.track-item .title{font-weight:700}.track-item .remark{color:grey;font-size:14px}.track-item .date{font-size:14px}.track-item .track-indicator{width:20px;height:20px;background-color:#d3d3d3;border-radius:100%}.track-item .line{flex:1 1;background-color:#d3d3d3;width:1px}.action-group{padding:1.5em 0;border-bottom:1px solid #d3d3d3}.action-group .col-title{font-size:18px;color:#00275e}.action-group .col-desc{font-size:14px;color:grey}.action-group .col-btn{text-align:center}.action-group .col-btn .btn{margin-top:1em;width:60%}.action-group .signature{height:170px;border:1px solid #d3d3d3;border-radius:13px;background-color:#fff;margin-top:1em;overflow:hidden}.action-group .signature img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}#tenant .table-container{background-color:#fff;min-height:600px;border-radius:8px;overflow:auto;margin-top:1em}#rental-detail .detail-row{display:flex;padding:10px 0;border-bottom:1px solid #d3d3d3}#rental-detail .detail-row:hover{background-color:hsla(0,0%,90.2%,.5)}#rental-detail .detail-row .title-col{flex:0.4 1}#rental-detail .detail-row .value-col{flex:1 1}#rental-detail .action-button{padding:2em 0;border-bottom:1px solid #d3d3d3}#rental-detail .action-button .click-button{width:80%}#rental-detail .action-button .click-button-container{text-align:center;margin-top:13px}#rental-detail .tenant-list{margin-top:1em}
/*# sourceMappingURL=main.0acbe9d7.chunk.css.map */