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:#eaeaea}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.MuiDataGrid-root .MuiDataGrid-colCellTitle{font-weight:600!important;justify-content:center!important}::-webkit-scrollbar{width:8px;border-radius:4px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555;border-radius:4px}.MuiButton-root{text-transform:none!important}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:100%}}.header_content_container{padding:0 15px;justify-content:center}.header_container{background-color:#fff;justify-content:center;align-items:center;position:fixed;width:100%;z-index:50000}@media (max-width:768px){.header_container{flex-direction:column;align-items:unset}}.avatar_container{display:flex;justify-content:center;align-items:center;align-self:center;padding-right:20px;cursor:pointer}.logout_btn{text-decoration:underline;cursor:pointer;color:red!important}.header-title{padding:12px 20px;border-radius:5px;background-color:#f1f3fc;font-size:18px;color:#333;left:5%;position:absolute}.home-wrapper{margin-bottom:100px}.MuiAutocomplete-popper,.MuiPopover-root{z-index:100000000000000!important}.logo-icon>path{fill:red}.MuiListItem-root{height:100%}.calendarCell .content{min-height:100px;height:150px;position:relative;margin:0;width:9vw}.calendarCell{position:relative;cursor:pointer}.calendarCell:hover{background-color:#ccff90;transition:all .3s}.calendarCell .hover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.4);top:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700}.container{background-color:#fff;overflow-y:auto;width:100%}.container table{width:100%;border-collapse:collapse}.container table,td,th{border:1px solid #d3d9e2}.calendarCell .content .day{padding:5px;margin-left:5px;color:grey}.calendarCell .content .event{color:grey;left:0;padding:10px 5px 5px;text-align:left}.calendarCell .content .day.active,.calendarCell .content .event.active{color:#000}.container .title{font-weight:800}.event{display:flex;flex-direction:row;width:100%;align-items:center}.event .event-type{font-size:0;transition:all .25s,color .2s .2s,font-size 0s;color:#fff;line-height:1;margin-right:5px;padding:3px;border-radius:3px;box-sizing:border-box;display:block;background-color:red;height:18px;max-width:5px}.event .event-type,.event span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event span{width:0;flex-grow:1}.event:hover .event-type{font-size:12px;max-width:100px}.calendar .calendar-wrapper{display:flex;flex-direction:row}.calendar .calendar-wrapper .title{text-align:center;position:absolute;width:100%;margin-top:8px;font-size:26px;background-color:transparent}.calendar .calendar-wrapper .content-wrapper{width:80%}.calendar .calendar-wrapper .content-wrapper .calendar thead th{height:40px;font-weight:400}.calendar .calendar-wrapper .content-wrapper .calendar .content{display:flex;flex-direction:column;align-items:flex-start;overflow-y:scroll;padding-bottom:10px}.calendar .calendar-wrapper .content-wrapper .detail-date{width:20%}.calendar .analysis-wrapper{margin-top:30px;display:flex;flex-direction:column!important}.calendar .day-detail-wrapper{width:20%;border-bottom:1px solid #d3d9e2;box-shadow:0 0 10px 0 #d3d9e2;padding:24px 24px 0;flex-direction:column;display:flex}.calendar .day-detail-wrapper .event{display:flex;flex-direction:row;margin-top:15px}.calendar .day-detail-wrapper .event .event-type{font-size:12px;max-width:100px}.calendar .day-detail-wrapper .day{padding-bottom:15px;display:flex;flex-direction:row;width:100%;border-bottom:1px solid #d3d9e2}.calendar .day-detail-wrapper .day .value{font-size:14px;line-height:1.3;font-weight:700;margin-right:10px}.calendar .day-detail-wrapper .day .count{background-color:#6d788c;color:#fff;border-radius:100px;padding:2px 5px;font-size:11px;margin-left:4px}.MuiContainer-maxWidthLg{max-width:1800px!important}.header-new{background-color:#fff;padding:.5rem 0;box-shadow:0 8px 24px rgba(149,157,165,.2)}.header-new .header-new-fluid{display:flex;justify-content:space-between;align-items:center}.tab_name_header{padding:.5rem 1rem;background-color:#f1f3fc;border-radius:8px;font-size:1.2rem}.menu-mobile{display:none}@media screen and (max-width:600px){.menu-mobile{display:block}.header-avatar{display:none}}.styles_btnMoreOption__rf-aH{width:183px;background-color:#47b842!important;color:#fff!important;font-family:roboto-medium;line-height:18px!important}.styles_btnFilterUser__2kUev,.styles_btnMoreOption__rf-aH{height:42px;border-radius:5px;font-size:15px!important;border:none!important;font-weight:700!important;text-transform:none!important}.styles_btnFilterUser__2kUev{margin-left:10px!important;font-family:roboto-medium!important;width:150px!important}.styles_ksButton__-tI67{padding:5px;border:none;width:100%;color:#000;font-weight:700}.styles_btnAddView__3mRft{border:none!important;height:40px;width:40px!important;border-radius:5px;background-color:#ededed!important;font-size:20px!important;box-shadow:none!important;margin-left:150px!important;font-weight:700!important}.styles_headerUserList__22F73{padding:10px}.styles_marginTop30__3WFyP{margin-top:30px!important}.styles_optionItem__10zAg{border-bottom:solid #ededed!important}.styles_tblContainer__1KdhB{margin-top:30px}.styles_imageUser__1t8B4{float:left;margin-right:5px;margin-top:5px}.styles_customLabel__2CA1u{padding:0 5px!important}.styles_formControl__DMTEu{min-width:120px;margin:1px}.global-spinner-button-loading{animation-name:spinnerRoated;animation-iteration-count:infinite;animation-duration:2s;margin-right:8px}@keyframes spinnerRoated{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}to{transform:rotate(180deg)}}.sm-common-auth-form-input{font-size:14px}.sm-common-auth-form-input .label-wrapper{margin-bottom:10px}.sm-common-auth-form-input .label-wrapper .label{font-weight:600;line-height:20px;color:#313334;background:inherit}.sm-common-auth-form-input .input-field{width:100%;height:50px;background-color:#ededed;border-radius:5px;border:none;padding:0 20px;outline:none}#sm-common-login-form{background-color:#fff;border-radius:10px;width:600px;padding:10px 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:14px}@media (max-width:767.99px){#sm-common-login-form{width:100%}}#sm-common-login-form #sm-common-auth-notification{font-size:12px!important;border:1px solid #e15050;background-color:#fee7c8!important;padding:12px;border-radius:6px;text-align:justify;margin:0 75px 10px}@media (max-width:575.99px){#sm-common-login-form #sm-common-auth-notification{max-width:100%;margin:0 20px}}#sm-common-login-form #sm-common-auth-notification span{color:#337ab7;font-size:12px!important;cursor:pointer}#sm-common-login-form .title{text-align:center;cursor:default;margin-top:14px;margin-bottom:30px;position:relative}#sm-common-login-form .title .title-text{font-weight:700;font-size:24px;line-height:32px}#sm-common-login-form .title .modal-close{position:absolute;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);width:25px;height:25px;border-radius:50%;cursor:pointer;display:none}@media (max-width:767.99px){#sm-common-login-form .title .modal-close{display:flex;align-items:center;justify-content:center;margin-right:10px}}#sm-common-login-form .form-main{padding:0 75px}@media (max-width:575.99px){#sm-common-login-form .form-main{padding:0 20px}}#sm-common-login-form .form-main .link{color:#3ea2ff;font-weight:600;cursor:pointer}#sm-common-login-form .form-main .link:hover{text-decoration:underline}#sm-common-login-form .form-main .main-button{cursor:pointer;margin:0 60px;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);height:60px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;line-height:28px}#sm-common-login-form .form-main .main-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}@media (max-width:767.99px){#sm-common-login-form .form-main .main-button{margin:0}}#sm-common-login-form .form-main .forgot-pass-nav{cursor:pointer;display:flex;align-items:center}#sm-common-login-form .form-main .forgot-pass-nav span{font-size:18px;font-weight:700}#sm-common-login-form .form-main .forgot-pass-nav .nav-icon{color:#637892;font-size:25px;margin-right:10px}#sm-common-login-form .form-main .forgot-pass-nav:hover .back-text{text-decoration:underline}#sm-common-login-form .form-main .forgot-pass-desc{text-align:justify;margin:20px 0}.cell_props{display:flex!important;width:300!important;max-width:none!important}.user_item_container{border-radius:10px;padding-top:10px}.user_item_container .user_role_container{justify-content:space-between;padding:20px;align-items:center}.user_item_container .user_avatar_container{justify-content:start;padding-left:20px;align-items:center}.search_name_input_container{padding:20px;flex-direction:column}.select-role{width:15rem!important}@media screen and (max-width:700px){.select-role{width:6rem!important}}.custom-validate{position:relative}.custom-validate .validate-item{position:absolute;left:20px;bottom:-5px;font-size:13px;font-style:italic}.demo-item{height:350px;padding:0 10px;background-color:#fff;border-radius:10px;flex-direction:column}.demo-item-2{background-color:#ff0;padding:0 10px;height:100%}.modal-content{max-width:30%!important}.dang-nhap-button{width:100%!important}.statistic_item_container{padding:10px;background-color:#fff;margin:50px 0 0;border-radius:10px;height:230px;flex-direction:column}.statistic_item_container .statistic_1{display:flex}.statistic_item_container .statistic_1 .title{margin-top:30px;color:#333;font-family:roboto-medium;font-size:20px}.statistic_item_container .statistic_1 .value{color:#27c737;font-size:32px;font-weight:700;line-height:38px;text-align:center}.statistic_item_container .statistic_2{padding-top:20px;padding-left:15px;padding-right:15px}.statistic_item_container .statistic_2 .left_item{border-radius:5px;background-color:#fff1f0;margin-right:12px;padding-left:0!important;padding-right:0!important}.statistic_item_container .statistic_2 .left_item .title{margin-top:15px;color:#676767;font-size:16px;margin-bottom:0}.statistic_item_container .statistic_2 .left_item .value{color:#27c737;font-family:roboto-medium;font-size:17px;margin-bottom:15px;color:#f03738}.statistic_item_container .statistic_2 .right_item{border-radius:5px;background-color:#f4fcf3;padding-left:0!important;padding-right:0!important}.statistic_item_container .statistic_2 .right_item .title{margin-top:15px;color:#676767;font-size:16px;margin-bottom:0}.statistic_item_container .statistic_2 .right_item .value{color:#27c737;font-family:roboto-medium;font-size:17px;margin-bottom:15px}.date-picker-home{display:flex;margin-top:2rem;justify-content:flex-end}@media screen and (max-width:768px){.date-picker-home{display:block}.date-picker-home form{margin:1rem 0}.date-picker-home form div{width:100%!important}}.demo-item canvas{width:100%!important;height:100%!important}.mt-20px{margin-top:20px}.btn-add{background-color:#47b842!important;width:50px;color:#fff!important}.text-danger{color:red!important}.text-primary{color:#0d6efd!important}.text-center{text-align:center!important}.label{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:5px;font-size:13px;color:#fff;padding:7px 13px;background-color:#067ac1}.btn-add-view{border:none!important;height:40px;width:40px!important;border-radius:5px!important;background-color:#e0e0e0!important;font-size:20px!important;box-shadow:none!important}#btn-add-view .MuiPopover-paper{top:50px!important}.btn-search{background-color:#47b842!important;width:50px;color:#fff!important;margin-top:15px!important;min-width:0!important}.title-modal{width:100%}.text-center{text-align:center}.text-right{text-align:right}.footer-modal{height:100px;padding:5px;display:flex;align-items:center;justify-content:center;clear:both}.btn{color:#fff!important;margin:5px!important;width:140px}.btn-success{background-color:#47b842!important}.btn-danger{background-color:red!important}.content-modal{width:100%!important}.marginTop20px{margin-top:20px}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.checkbox-color{display:flex;cursor:pointer;height:26px;width:33px;color:#fff;border-radius:4px;text-align:center;padding-top:9px;float:left;justify-content:center;align-items:center;margin:2px 8px 2px 2px}.order-root{margin-top:78px}.order-root,.order-root-cs{display:flex;flex-grow:1;background-color:#fff;flex-direction:column}.order-root-cs{margin-top:66px}.user-content-wrapper{padding:0 1%}.paper{padding:20;text-align:center}.order-title{padding:15px 20px;display:flex!important;justify-content:center;text-align:center}.search-code-container{display:flex;justify-content:center;flex-direction:row;width:450px}.search-code-container .MuiFilledInput-root{background-color:#fff;border:1px solid #ededed;border-radius:5px;color:#898989;font-size:16px;line-height:19px;padding-left:15px}.search-code-container .MuiFilledInput-input{padding:18.5px 14px}.search-code-container .MuiFilledInput-underline:before{display:none}.search-input-container{display:flex;flex:1 1;padding:0 10px;margin:0 10%}.search-date-container{display:flex;flex:1 1;flex-direction:row;justify-content:center}.select-date-container{display:flex;flex:1 1;padding:0 10px}.filter-search-code-container,.filter-search-container{display:flex;flex-grow:1;padding:10px 20px;background-color:#fff;margin:90px 25px 10px}.order-content-container{height:930px}.code-content-container,.order-content-container{display:flex;flex-grow:1;margin:10px 25px;background-color:#fff;width:97%!important}.code-content-container{height:900px;overflow-y:scroll}.MuiList-root{height:10%}.tab_group_container{padding:10px}.role_page_content_container{padding:10px;margin:10px;background-color:#fff;flex-direction:column}.role_function_item_container{padding:10px;border:1px solid #e9e9e9;border-radius:5px;margin:5px 0}.header{font-weight:800;padding-left:10px}.btn-add-role{text-transform:none!important;background-color:#47b842!important}.btn-add-role-mobile{display:none!important}@media screen and (max-width:788px){.btn-add-role-mobile{display:inline!important}.add-role-btn-desktop{display:none!important}}.flex,.flex-1{display:flex}.flex-1{flex:1 1}.title{background-color:#fff}.flex-grow-1{display:flex;flex-grow:1}.flex_column{display:flex;flex:1 1;flex-direction:column}.content{margin-left:20%}.flex_column_center{display:flex;flex:1 1;flex-direction:column;justify-content:center;align-items:center}.flex_row{display:flex;flex-direction:row}.flex_row_center{justify-content:center}.flex_row_center,.flex_row_space_evenly{display:flex;flex:1 1;flex-direction:row;align-items:center}.flex_row_space_evenly{justify-content:space-evenly}.pd_h_10{padding:10px 0}.sized_box_h_10{height:10px}.sized_box_w_10{width:10px}.btn-tags-mobile{display:none!important}.buttons-user{display:flex;justify-content:space-evenly}@media only screen and (max-width:395px){.buttons-user{flex-direction:column;text-align:center}}@media screen and (max-width:645px){.tags-desktop{display:none}.btn-tags-mobile{display:block!important}}.tabs-user-root .MuiTabs-scrollable{width:100px!important}.styles_btnMoreOption__14rTl{width:183px;background-color:#47b842!important;color:#fff!important;font-family:roboto-medium;line-height:18px!important}.styles_btnFilterUser__1tQc_,.styles_btnMoreOption__14rTl{height:42px;border-radius:5px;font-size:15px!important;border:none!important;font-weight:700!important;text-transform:none!important}.styles_btnFilterUser__1tQc_{margin-left:10px!important;font-family:roboto-medium!important;width:150px!important}.styles_ksButton__1jzT1{padding:5px;border:none;width:100%;color:#000;font-weight:700}.styles_btnAddView__2Zltb{border:none!important;height:40px;width:40px!important;border-radius:5px;background-color:#ededed!important;font-size:20px!important;box-shadow:none!important;margin-left:150px!important;font-weight:700!important}.styles_headerUserList__13e1o{padding:20px}.styles_marginTop30__1cxZl{margin-top:30px!important}.styles_optionItem__3SLXP{border-bottom:solid #ededed!important}.styles_tblContainer__3xPJJ{margin-top:30px}.styles_imageUser__3rRIR{float:left;margin-right:5px;margin-top:5px}.styles_customLabel__29saF{padding:0 5px!important}.styles_formControl__1KPDA{min-width:120px;margin:1px}.styles_mt-20px__3YmoR{margin-top:20px}.styles_btn-add__1B8m6{background-color:#47b842!important;width:50px;color:#fff!important}.styles_text-danger__3VF4c{color:red!important}.styles_text-primary__29ydl{color:#0d6efd!important}.styles_text-center__2W1hu{text-align:center!important}.styles_label__1P6lW{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:5px;font-size:13px;color:#fff;padding:7px 13px;background-color:#067ac1}.styles_btn-add-view__3HwYP{border:none!important;height:40px;width:40px!important;border-radius:5px!important;background-color:#e0e0e0!important;font-size:20px!important;box-shadow:none!important}#styles_btn-add-view__3HwYP .styles_MuiPopover-paper__2IWNh{top:50px!important}.styles_btn-search__1uf65{background-color:#47b842!important;width:50px;color:#fff!important;margin-top:15px!important;min-width:0!important}.styles_title-modal__1fef2{width:100%}.styles_text-center__2W1hu{text-align:center}.styles_text-right__3pGSc{text-align:right}.styles_footer-modal__q713m{height:100px;padding:5px;display:flex;align-items:center;justify-content:center;clear:both}.styles_btn__3cbl0{color:#fff!important;margin:5px!important;width:140px}.styles_btn-success__1Ve9E{background-color:#47b842!important}.styles_btn-danger__qfyEc{background-color:red!important}.styles_content-modal__1hg9_{width:100%!important}.styles_marginTop20px__vyCcN{margin-top:20px}.styles_glyphicon__3u0SU{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.styles_checkbox-color__3zO8t{cursor:pointer;height:26px;width:33px;color:#fff;border-radius:4px;text-align:center;padding-top:9px;float:left;margin:2px 8px 2px 2px}.not-found-wrapper,.styles_checkbox-color__3zO8t{display:flex;justify-content:center;align-items:center}.not-found-wrapper{flex-direction:column;height:100vh}.not-found-wrapper .txt-not-found{font-size:24px;font-weight:700}.not-found-wrapper .txt-not-found .number{font-size:48px}.not-found-wrapper a{font-size:24px;color:#3f51b5}