@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);#loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:grey;opacity:.4;z-index:9999;margin:0 auto}#loading-overlay .spinner-container{position:absolute;left:calc(50% - 1rem);top:48%}.lds-default{display:inline-block;position:relative;width:80px;height:80px}.lds-default div{position:absolute;width:6px;height:6px;background:#78f6ff;border-radius:50%;animation:lds-default 1.2s linear infinite}.lds-default div:first-child{animation-delay:0s;top:37px;left:66px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.lds-default div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.lds-default div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.lds-default div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media screen and (max-width:767px){#loading-overlay .spinner-container{position:absolute;left:40%;top:48%}}#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:55px;font-weight:500}.background-a1b3bc{background-color:#a1b3bc!important}.background-C4C4C4{background-color:#c4c4c4;border-color:#c4c4c4;color:#fff}.background-C4C4C4:hover{color:#fff!important}.background-black{background-color:#000!important}.background-c4c4c4{background-color:#c4c4c4!important}.color-8B9DA5{color:#8b9da5!important}.color-61727b{color:#61727b!important}.background-f6f9fa{background-color:#e9f1f3!important}.header-nav{position:fixed;top:0;right:0;width:100%;z-index:9;background-color:#fff;height:55px}.header-nav .nav{margin-top:4px}.header-nav .nav .dropdown-menu a,.header-nav .nav .dropdown-menu a:active,.header-nav .nav .dropdown-menu a:focus{background-color:#fff;outline:none}.header-nav .nav .dropdown-item svg{margin-bottom:2px}.header-nav .nav .dropdown-item:active{color:#212529}#sidebar{position:fixed;top:55px;left:0;z-index:9;width:260px;height:100%;background-color:#222433;padding-top:20px}#sidebar .span-icon{padding-left:10px}#sidebar .nav-item{text-align:left;padding:10px 15px 10px 0;border-left:3px solid transparent}#sidebar .nav-item a{color:#fff;margin-left:15px}#sidebar .nav-item a:hover{background-color:transparent;color:#63a4ff!important}#sidebar .nav-item.active>a,#sidebar .nav-item.active>span,#sidebar .nav-item a.active{color:#61727b}.logo{max-height:50px;margin:40px 0}a.navbar-brand{text-align:center;width:100%;display:block}#sidebar ul{list-style:none;margin:0;padding:0}#sidebar ul li a{display:block;padding:10px 15px 10px 0;color:#333;text-decoration:none;transition:.2s linear}#sidebar ul li a:hover{background:#f8f8f8;color:#515151}#sidebar ul li a .fa{width:16px;text-align:center;margin-right:5px}#sidebar .vertical-nav li .child-item{padding-left:0}#sidebar .vertical-nav li .child-item li a{background:#f6f9fa;border-left:4px solid transparent;padding:10px 20px}#sidebar .vertical-nav li .child-item li a:hover{background:#fff}#sidebar li svg{margin-bottom:3px}#sidebar li.nav-item{cursor:pointer}#sidebar li.nav-item:not(.sub-menu){padding:20px 15px;color:#fff}#sidebar li.nav-item:not(.sub-menu) span{padding-left:10px}#sidebar .child-item li:hover,#sidebar li.nav-item:hover{color:#63a4ff}#sidebar .router-link-active:not(.navbar-brand){color:#fea628!important;font-weight:500;font-size:16px}#sidebar .nav-bar .router-link-active span{color:#fea628!important}#sidebar .child-item li{padding:10px 20px 10px 60px;cursor:pointer;color:#fff}#sidebar .sub-menu:not(.active)>ul{display:none}#sidebar .right{float:right}#sidebar .icon{margin-top:3px}.main{margin-left:260px;margin-top:50px;max-width:calc(100% - 260px);padding:20px;min-height:calc(100vh - 64px)}.main .heading h2{color:#333;font-weight:700;font-size:22px}.main .right-heading{margin-top:18px}.table-header .input-group{width:300px}.table-header .input-group.group-btn-filter{width:-moz-max-content;width:max-content}.table-header .input-group .btn-filter{width:100px;height:45px;background-color:#000;color:#fff;border-radius:5px!important}.table-header .search .input-group-text,.table-header .search input{background-color:#f6f9fa;border:none;padding:.6rem .8rem;border-radius:5px;color:#8b9da5}.table-header .search input{border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}.table-header .filter select,.table-header .search input{height:45px;width:155px}.table-header .date .max-height input{max-height:45px}.table-header .date .input-group-text,.table-header .date input{background-color:#fff;padding:.6rem .8rem;border:none;color:#8b9da5}.table-header .filter select{background-color:#f6f9fa;padding:.6rem .8rem;border:1px solid #ecf1f3;border-radius:5px;color:#8b9da5}a,a:focus,button,button:focus,input,input:focus,option,option:focus,select,select:focus,textarea,textarea:focus{outline:none!important;box-shadow:none!important}.table-header .date{border:1px solid #dee2e6;border-radius:5px;flex-wrap:nowrap;max-height:45px}button{border-radius:.5rem!important}.table-header #datepicker>span:hover{cursor:pointer}.content{background-color:#fff;margin-top:20px;padding:20px;border-radius:10px}.table-content thead tr{border-bottom:1px solid #dee2e6}.table-content thead tr th{padding:15px 5px;border-bottom:none;font-weight:500}.table-content{border-top:1px solid #dee2e6;text-align:left}.paginate,.table-content{margin-top:20px}.paginate .pagination .page-item{cursor:pointer}.paginate .pagination .page-item.disabled{cursor:default}.paginate .pagination .page-item.disabled button{background-color:#ecf1f3}.paginate .pagination .page-item button{padding:3px 9px 4px 11px;border-radius:.5rem;border:1px solid #8b9da5;color:#333;font-weight:600;font-size:14px;cursor:pointer}.paginate .pagination .page-item button:focus{background-color:#fff}.paginate .pagination .page-item.disabled button:focus{background-color:#ecf1f3}.paginate .pagination .page-item:first-child button span{margin-right:3px}.paginate .pagination .page-item:last-child button span{margin-left:3px}.paginate .pagination .page-item:first-child button,.paginate .pagination .page-item:last-child button{color:#8b9da5;padding:2px 8px 4px 9px}.paginate .pagination .page-item:not(:last-child){margin-right:15px}.paginate .pagination-detail{color:#000;font-size:14px}.paginate .pagination-total{color:#8b9da5;font-size:14px}.switch-black input[type=checkbox]{position:relative;width:40px;height:20px;-webkit-appearance:none;background:#c4c4c4;border-radius:100px;outline:none;box-shadow:inset 0 0 5px rgba(0,0,0,.2);transition:.5s;cursor:pointer}.switch-black input[type=checkbox]:before{content:"";position:absolute;width:50%;height:100%;top:0;left:0;background:#000;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);transform:scale(1.1);transition:.5s}.switch-black input:checked[type=checkbox]:before{left:50%}.checkbox-rounded{position:relative;padding:20px 0 20px 40px;text-align:left}.checkbox-rounded label{cursor:pointer}.checkbox-rounded label:after,.checkbox-rounded label:before{content:"";position:absolute;top:50%;border-radius:50%}.checkbox-rounded label:before{left:0;width:30px;height:30px;margin:-15px 0 0;background:#fff;border:1px solid #ecf1f3}.checkbox-rounded label:after{left:3px;width:24px;height:24px;margin:-12px 0 0;opacity:0;background:#000;transform:translate3d(-40px,0,0) scale(.5)}.checkbox-rounded input[type=checkbox],.checkbox-rounded input[type=radio]{position:absolute;top:0;left:-9999px;visibility:hidden}.checkbox-rounded input[type=checkbox]:checked+label:after,.checkbox-rounded input[type=radio]:checked+label:after{transform:translateZ(0);opacity:1}.checkbox-rounded input[type=checkbox]:checked+label:before,.checkbox-rounded input[type=radio]:checked+label:before{border:1px solid #000}.tab-slider--nav{width:100%}.tab-slider--tabs{display:flex;justify-content:space-between;margin:0;padding:0;list-style:none;position:relative}.tab-slider--tabs .tab-title .top-title{font-weight:500;font-size:16px;line-height:23px;color:#333}.tab-slider--trigger .tab-title .bottom-title{font-style:normal;font-weight:700;font-size:22px;line-height:32px}.tab-slider--trigger{padding:12px 15px;cursor:pointer;transition:color .25s ease-in-out;background:#fff;border-radius:10px;width:calc(33.33333% - 13.33333px)}.tab-slider--trigger.active .tab-title .bottom-title,.tab-slider--trigger.active .tab-title .top-title{color:#fff}.tab-slider--trigger.active{background:#c5ccfd;transition:all .25s ease-in-out;border-radius:10px}.tab-slider--trigger.slide.active{left:50%;color:#fff}.tab-slider--body{margin-bottom:20px}.table-content tbody tr td{font-weight:400;font-size:13px;word-break:break-word}.table-content tbody tr td a{text-decoration:none;color:#8b9da5}.error{font-size:14px;color:red;text-align:left}#dropdown-right button{background:none!important;border:none;color:#000}#datepicker .mx-input-wrapper{position:static}#datepicker .mx-input-wrapper .mx-icon-calendar,#datepicker .mx-input-wrapper .mx-icon-clear{left:8px;right:unset}#datepicker .mx-input-wrapper input{height:100%;margin-top:2px;margin-left:25px;width:225px}#edit-user-modal #datepicker{position:relative}#edit-user-modal .avatar-image{margin-bottom:20px}#edit-user-modal .detail{border-top:1px dashed #ecf1f3!important}#edit-user-modal .modal-content{border-radius:10px}#edit-user-modal #datepicker .mx-datepicker .mx-input-wrapper input{margin-top:2px;margin-left:0;padding-left:30px;height:38px;width:100%;color:#8b9da5}.hidden{display:none!important}.form-control.focus{box-shadow:none!important}.filter-user-date-picker{width:100%;height:80%;border:none;margin-top:4px}.filter-user-date-picker button,.filter-user-date-picker label,.modal-edit-user-date-picker button,.modal-edit-user-date-picker label{color:#8b9da5}.modal-edit-user-date-picker{border:1px solid #ced4da}.confirm-modal button{background-color:transparent;border:1px solid transparent}.live-management-heading{margin-top:0!important}.live-management-heading #datepicker{width:250px}.live-management-heading #datepicker .input-group-text{padding:0}.live-management-heading #datepicker button#filter-user-date-picker{min-width:60px}.live-management-heading #datepicker label{text-align:left;margin:3px 2px;color:#8b9da5}#datepicker .date-range-picker{width:100%;height:40px}#datepicker .date-range-picker .reportrange-text{background-color:#f6f9fa;padding-left:30px;border:none;margin-top:3px}#datepicker .date-range-picker .reportrange-text span{color:#8b9da5}#datepicker .date-range-picker-icon{position:absolute;top:11px;left:10px}#datepicker .date-range-picker-label{position:absolute;left:36px;top:7px;color:#8b9da5}.top-currency{font-size:16px}.w-184{width:184px}.type-login{font-weight:700}#sidebar .icon.arrow-icon{margin-top:9px}.b-calendar-header{display:none!important}.b-calendar .b-calendar-grid{padding:0 10px}.w-128{width:128px}::-ms-reveal{display:none}.daterangepicker .drp-selected{display:none}.daterangepicker option.disabled,.daterangepicker td.disabled{text-decoration:unset}#sidebar .vertical-nav{height:calc(100vh - 130px);display:block;overflow:auto}#sidebar ::-webkit-scrollbar{display:none}#filter-user-date-picker__value_{text-align:left;margin-left:0;padding-left:0}.date-range-picker .drp-buttons .btn{padding:7px 12px;border-radius:5px!important}.b-calendar .b-calendar-footer .b-form-date-controls .btn{background-color:#6c757d!important;color:#fff!important;padding:7px 12px;border:none;border-radius:5px!important}.modal-dialog footer .btn{padding:7px 12px;border:none;border-radius:5px!important}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{border-radius:unset;border:unset}.daterangepicker td.disabled{background-color:#eee}@media(min-width:576px){.modal-sm{max-width:400px}}#dashboard .input-group.date .month-picker{color:#8b8b8b;padding:9px 0 9px 40px;border:1px solid #dee2e6;border-radius:8px}#dashboard .input-group.date .month-picker .vmp-input-append{padding:5px 6px 2px 0}#dashboard .input-group.date svg{position:absolute;top:12px;left:14px}#dashboard .input-group.date .date-popover.visible{border-radius:8px}#dashboard .input-group.date .date-popover.visible .picker .flexbox:first-child{border-bottom:1px solid #d4d4d4}#dashboard .input-group.date .date-popover.visible .picker .monthItem .item{border-top:none}#dashboard .input-group.date .date-popover.visible .picker .monthItem .item.active:hover,#dashboard .input-group.date .date-popover.visible .picker .monthItem .item.deactive{background-color:#f8f9fa}.custom-radio-select .time-value{display:inline-block;border:1px solid #ced4da;width:100%;height:38px;border-radius:.25rem;cursor:pointer;position:relative;padding:.375rem .75rem}.custom-radio-select .time-value svg{position:absolute;right:10px;top:14px}.custom-radio-select .list-select,.custom-radio-select .list-select input[type=radio]{display:none}.custom-radio-select .list-select.active{display:block;position:absolute;z-index:11;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;width:189px;max-height:150px;overflow:auto}.custom-radio-select .list-select.active .custom-control{padding:0 .75rem}.custom-radio-select .list-select.active .custom-control label{width:100%;padding:.775rem .75rem .775rem .175rem;cursor:pointer;color:#000}.custom-radio-select .list-select.active .custom-control:not(:last-child) label{border-bottom:1px solid #ced4da}.custom-radio-select .list-select.active .custom-control input[disabled]~label{background-color:#f8f9fa;color:#8b9da5}.custom-radio-select .list-select.active::-webkit-scrollbar{width:7px}.custom-radio-select .list-select.active::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:10rem;border:1px solid #fff}.custom-radio-select .list-select.active::-webkit-scrollbar-track-piece:end,.custom-radio-select .list-select.active::-webkit-scrollbar-track-piece:start{background:transparent}.custom-radio-select .list-select.no-value{margin-top:-6px}.clearMonthBtn{float:right;margin:5px 5px;border-radius:5px!important;height:35px}.clearMonthBtn:hover{background-color:#6c757d;color:#fff}#sidebar .sub-menu .active>span,.nav-bar .active,.nav-bar .active a,.nav-bar .active span{color:#fea628!important}.info{display:flex;justify-content:end;justify-content:flex-end;width:100%;align-items:center;height:100%}.cover-item-app{width:80%}.bg-red{background:#d83c2c;margin-left:auto;margin-right:10px;height:22px;width:22px;text-align:center;padding-top:3px;border-radius:50%;font-size:10px;margin-top:11px;color:#fff;padding-top:0}.background-header{background-color:#222433;display:flex;justify-content:space-between;padding-left:20px;width:100%;align-items:center;height:100%}.background-header .avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;overflow:hidden;color:#fff;background-color:#adb5bd;display:inline-flex;justify-content:center;margin-right:17px}.background-header .notification{height:25px;margin-right:15px;cursor:pointer}.background-header .iconSquare{height:25px;margin-right:8px;cursor:pointer}.background-header .logout{width:25px;height:25px;cursor:pointer;margin-right:10px}.cover_list_app{width:635px;opacity:1;right:1%;top:100%!important;transform:unset!important;visibility:visible;transition:all .5s ease-in-out;max-height:600px;overflow-y:auto!important;background-color:#f5f5f9;position:absolute;height:500px}.cover_list_app .infoList{display:flex;padding:30px 10px 20px;border-bottom:1px solid #e7e7e7;flex-basis:100%;flex-grow:0;max-width:100%}.cover_list_app .avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.cover_list_app .name{font-weight:500;font-size:20px;line-height:24px;display:flex;align-items:center;color:#223354}.cover_list_app .email{font-size:12px;line-height:20px;color:#8d8d8d;display:flex;align-items:center}.cover_list_app .infoUser{margin-left:5px}.cover_list_app .list_app{flex-basis:100%;flex-grow:0;max-width:100%;flex-wrap:wrap;display:flex;padding-left:10px;padding-right:10px}.cover_list_app .box{cursor:pointer;width:25%;height:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:inline-block;transition:all .2s ease-out;text-align:center;margin:10px 0 0;font-weight:500;font-size:14px;line-height:24px;color:#223354}.cover_list_app .box .redirect{text-decoration:none;color:#223354;font-weight:700;font-size:14px;line-height:24px}.cover_list_app .box .logoAcms{width:50px;height:50px;margin-top:10px;display:block;margin-left:auto;margin-right:auto}.cover_list_app .box .description{font-size:12px;line-height:20px;color:#8d8d8d;margin:4px 0 0}.cover_list_notification{width:736px;opacity:1;right:-150%;top:159%!important;transform:unset!important;visibility:visible;transition:all .5s ease-in-out;overflow-y:auto!important;position:absolute}.cover_list_notification .head{display:flex;justify-content:space-between;background:#f9fbfc;align-items:center}.cover_list_notification .title{padding:20px;font-weight:700;font-size:32px;line-height:38px;color:#223354}.cover_list_notification .seen{color:#2c8ce4!important;font-weight:700!important;font-size:16px!important;line-height:19px!important;padding-right:20px;cursor:pointer}.notificationLayout{display:flex;background:#f9fbfc}.notificationLayout .item{display:flex;text-decoration:none;color:#223354;font-weight:500;font-size:14px;line-height:24px;justify-content:space-around;text-align:center;align-items:center}.notificationLayout .item:hover{background:#e8f0f9;border-radius:10px}.notificationLayout .logoAcms{width:50px;height:50px;margin-top:10px;display:block;margin-left:auto;margin-right:auto}.notificationLayout .description{font-size:12px;line-height:20px;color:#8d8d8d;margin:4px 0 0}.notificationLayout .tab{background:#f3f3f4;width:35%;height:676px;border-bottom-left-radius:4px}.notificationLayout .titleTab{color:#223354;font-weight:500;font-size:18px;line-height:21px;padding:13px 0 20px 20px}.contentNotification{width:65%;padding:15px;overflow:auto;max-height:676px;margin:0}.titleContent{color:#223354;font-weight:500;font-size:18px;line-height:21px;margin-bottom:14px;display:flex}.itemContent{display:flex;align-items:center;padding:10px;border-bottom:1px dashed #e0e0e0;cursor:pointer}.itemContent:hover{background-color:#f3f3f4;border-radius:5px}.contentNotificationItem{text-decoration:none}.contentNotificationItem .infoNoti{display:flex}.contentNotificationItem .infoDetail{margin-left:5px}.contentNotificationItem .infoDetail .contentNoti{color:#464646;font-weight:400;font-size:14px;line-height:16px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read{background:#fea628}.read,.unRead{height:10px;width:10px;border-radius:50%;margin-right:6px}.date{display:flex;color:#909090;font-weight:400;font-size:14px}.active{border-radius:10px;cursor:pointer;padding-left:10px;padding-right:10px}.logoNoti{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.text-no-data{color:#e74c3c;margin-bottom:0;font-size:14px;text-align:center}.contentNotification::-webkit-scrollbar{width:5px}.contentNotification::-webkit-scrollbar-thumb{background:#888}.cover-info{display:flex;align-items:center}.cover-logo img{vertical-align:middle;border-style:none}.cover-logo h4{margin-left:8px;margin-right:20px;margin-bottom:0;font-size:25px;line-height:32px;text-transform:uppercase;color:#f9f9f9!important;text-align:center;display:flex;align-items:center}.box:hover{background:rgba(92,59,59,.101961)}.activeItem{background:#e8f0f9;border-radius:10px}.numberUnRead{position:absolute;background-color:#e74c3c;height:21px;width:23px;border-radius:50%;font-size:9px;line-height:19px;top:-6px;right:10px;border:1px solid #000;color:#fff}.hd-noti{position:relative}