@charset "UTF-8";*{box-sizing:border-box;font-family:Outfit,sans-serif;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size-adjust:from-font;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.label-input{color:#979696;font-size:14px}.mt-2{margin-top:.5rem}.mb-10{margin-bottom:10px}.ms-100{margin-left:100px}.ms-280{margin-left:280px}.text-align-end{text-align:end}.ps-12{padding-left:12px}.pe-12{padding-right:12px}.f-1{flex:1 1}.capitalize{text-transform:capitalize}.flex-col{flex-direction:column}.w-48{width:12rem}.h-110-px{height:110px}.h-2{height:.5rem}.h-28{height:7rem}.h-full{height:100%}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.font-semibold{margin:0}.p-4{padding:1rem}.z-50{z-index:50}.z-1100{z-index:1100}.z-2100{z-index:2100}.px-2{padding-left:.5rem;padding-right:.5rem}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.float-right{float:right}.tickValidation{color:#fb1c1c;padding-left:5px}.buttonContainer{padding-right:10px}.buttonRollBack{background-color:#ff4800;border-radius:5px;color:#f5f4f3;cursor:pointer;margin-left:10px;padding:5px}.buttonEditCell{background-color:#b0863b;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:20px;padding:5px 10px}.btn-icon{border-radius:5px;margin:0 5px;padding:5px}.btn-icon-lock{color:#a28d8d}.btn-icon-unlock{background-color:#faebd7;color:red}.btn-icon-switch{background-color:#c4e2cb}.btn-icon-reset{background-color:#b0dfe3}.ant-modal-root .ant-modal-content .ant-modal-title{color:red;font-size:25px}.main-container h2.ant-typography{color:red}.notificationSpeaker{color:red;margin-right:5px}.colorRed{color:red}.ant-drawer-body .ant-spin-container .ant-list-items a:hover{background-color:#8f8b8462}[role=button]{cursor:pointer}.pagination{display:flex;list-style:none;padding-right:0}.page-link{background-color:#fff;border:1px solid #dee2e6;color:#0d6efd;display:block;padding:.375rem .75rem;position:relative;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-item.disabled .page-link{background-color:#fff;border-color:#dee2e6;color:#6c757d;pointer-events:none}.page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd;color:#fff;z-index:3}.page-item:not(:first-child) .page-link{margin-left:-1px}.modalFormExport .ant-space-item{width:250px}.card{background:#fff;border-radius:5px;box-shadow:5px 5px 13px #ededed,-5px -5px 13px #fff;display:flex;flex-direction:column}.message{color:red;padding-bottom:10px}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;box-shadow:var(--tw-shadow)}.display-flex{display:flex}.color-red{color:red}.bg-search{background-color:#fdc5b9!important}.bg-green{background-color:green!important}.bg-yellow{background-color:#dfa005!important}.bg-lawngreen{background-color:#7cfc00!important}.bg-sienna{background-color:sienna!important}.bg-cadetblue{background-color:#5f9ea0!important}.border-red{border:1px solid red!important}.p-5{padding:5px}.m-5{margin:5px}.mb-0{margin-bottom:0}.mb-20{margin-bottom:20px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.background-site-active{background-color:#ecb3b3!important}.bg-1{background-color:#0a5da824!important}.bg-2{background-color:#2bdf5857!important}.display-none{display:none}.aspect-video{aspect-ratio:16/9}.overflow-hidden{overflow:hidden}.scroll-x{overflow-x:auto}.w-150{width:150px}.l-h-30{line-height:30px}.l-h-20{line-height:20px}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.bg-yellow-50{background-color:#fbfbf9}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.border-b{border-bottom:1px solid #e5e7eb}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-semibold{font-weight:600}.right-2{right:.5rem}.text-gray-500{color:#6b7280}.hover\:text-gray-900:hover{color:#111827}.text-gray-800{color:#1f2937}.flex{display:flex}.flex-1{flex:1 1}.p-6{padding:1.5rem}.gap-4{gap:1rem}.mb-6{margin-bottom:1.5rem}.gap-2{gap:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-600{color:#4b5563}.\!rounded-button{border-radius:.5rem!important}.whitespace-nowrap{white-space:nowrap}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.cursor-pointer{cursor:pointer}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-6{gap:1.5rem}.mb-8{margin-bottom:2rem}.max-w-4xl{max-width:56rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-200px{max-height:200px}.max-h-150px{max-height:150px}.text-center{text-align:center}.bg-red-50{background-color:#fef2f2}.border-0{border-width:0}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.text-red-600{color:#dc2626}.mb-2{margin-bottom:.5rem}.text-green-600{color:#16a34a}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.col-span-2{grid-column:span 2/span 2}.text-2xl{font-size:1.5rem;line-height:2rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-64{width:16rem}.w-65{width:18rem}.w-32{width:8rem}.bg-white{background-color:#fff}.border-l{border-left-width:1px}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.mb-4{margin-bottom:1rem}.font-medium{font-weight:500}.text-gray-700{color:#374151}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.top-2{top:.5rem}.inset-0{bottom:0;left:0;right:0;top:0}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.bg-opacity-75{--tw-bg-opacity:0.75;background-color:#000000bf}.opacity-0{opacity:0}.bg-gray-400{background-color:#9ca3af}.bg-blue-500{background-color:#3b82f6}.group-hover\:opacity-100{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.bg-red-600{background-color:#dc2626}.rounded-full{border-radius:9999px}.p-1{padding:.25rem}.hover\:bg-red-700:hover{background-color:#b91c1c}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn{background-color:initial;border:0;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;outline:0;overflow:hidden;padding:0 10px;pointer-events:auto;position:relative;text-align:center;touch-action:manipulation;transition:box-shadow .2s;user-select:none;-webkit-user-select:none;vertical-align:top;white-space:nowrap;z-index:0}.btn-edit{background-image:linear-gradient(-180deg,#e8da25,#dfa005);&:hover{box-shadow:0 3px 8px #fd4c0080}}.btn-delete{background-image:linear-gradient(-180deg,#ff7e31,#e62c03);&:hover{box-shadow:0 3px 8px #fd4c0080}}.btn-add{background-image:linear-gradient(-180deg,#2568e8,#055adf);&:hover{box-shadow:0 3px 8px #006ffd80}}.btn-reset{background-image:linear-gradient(-180deg,#b0dfe3,#2bd0df);&:hover{box-shadow:0 3px 8px #00c6fd80}}.btn-cancel{background-image:linear-gradient(-180deg,#8e9a9b,#394546);&:hover{box-shadow:0 3px 8px #646f7280}}.btn-switch{background-image:linear-gradient(-180deg,#b0e3b8,#2bdf34);&:hover{box-shadow:0 3px 8px #00c6fd80}}.btn-yellow{background-image:linear-gradient(-180deg,#e89c25,#df4205);&:hover{box-shadow:0 3px 8px #fdd30080}}.btn-unlock{background-image:linear-gradient(-180deg,#e3b0b0,#df2b2b);&:hover{box-shadow:0 3px 8px #00c6fd80}}.btn-lock{background-image:linear-gradient(-180deg,#979a9a,#494a4a);&:hover{box-shadow:0 3px 8px #00c6fd80}}.App{display:flex;flex-direction:column;height:100vh}.SideMenuAndPageContent{align-items:flex-start;background-color:#0000000d;display:flex;flex:1 1;justify-content:flex-start}.Card{display:flex;justify-content:space-between;width:100%}.CardItem{border-radius:10px;box-shadow:0 0 15px -10px #000000bf;cursor:pointer;flex:1 1;margin:0 20px;padding:30px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.header{align-items:center;border-bottom:1px solid #00000026;display:flex;height:50px;justify-content:space-between;padding:4px 20px 4px 12px}.logoStyle img{margin-left:10px;width:50px}.m-10{margin:10px}.side-menu,.side-menu-vertical{height:100%}.page-content{display:contents}.treemap-chart-container{background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;padding:15px}.treemap-chart-container h3{color:#333;margin-bottom:15px;margin-top:0;text-align:center}svg{display:block;font-family:Arial,sans-serif;margin:auto}.device-cell rect{transition:all .1s ease-in-out}.device-cell rect:hover{stroke:#000;stroke-width:1px;cursor:pointer}.device-cell text{pointer-events:none}.device-summary-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;overflow:hidden;padding:15px}.device-summary-table-container h3{color:#333;margin-bottom:15px;text-align:left}.table-fixed-header-footer{border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;height:auto;max-height:400px;overflow:hidden}.table-body-scroll table,.table-footer,.table-header{border-collapse:collapse;table-layout:fixed;width:100%}.table-body-scroll tbody td,.table-footer tfoot td,.table-header thead th{box-sizing:border-box;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.table-header thead th{background-color:#f2f2f2;border-bottom:1px solid #ddd;top:0}.table-footer tfoot td,.table-header thead th{font-weight:700;position:-webkit-sticky;position:sticky;z-index:10}.table-footer tfoot td{background-color:#e0e0e0;border-top:2px solid #ccc;bottom:0}.table-body-scroll{flex-grow:1;overflow-x:auto;overflow-y:auto}.table-body-scroll tbody tr:nth-child(2n){background-color:#f9f9f9}.table-body-scroll tbody td{border-bottom:1px solid #eee}.table-body-scroll td:first-child,.table-footer td:first-child,.table-header th:first-child{min-width:200px;text-align:left;width:200px}.table-body-scroll td:last-child,.table-footer td:last-child,.table-header th:last-child{min-width:80px;text-align:center;width:80px}.table-body-scroll td:not(:first-child):not(:last-child),.table-footer td:not(:first-child):not(:last-child),.table-header th:not(:first-child):not(:last-child){min-width:100px;text-align:center;width:100px}.table-body-scroll table{min-width:100%;width:-webkit-max-content;width:max-content}.left-panel{box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:20px;padding:15px;width:280px}.left-panel,.left-panel .branch-filter{background-color:#fff;border-radius:8px;flex-shrink:0}.left-panel .branch-filter{max-height:200px;overflow-y:auto}.left-panel .branch-filter h3{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:1.1em;font-weight:600;justify-content:space-between;margin-bottom:15px;margin-top:0;padding-bottom:10px}.left-panel .branch-filter h3:after{color:#666;content:"";font-family:Font Awesome\ 5 Free;font-size:.9em;font-weight:900}.left-panel .checkbox-item{align-items:center;cursor:pointer;display:flex;margin-bottom:8px}.left-panel .checkbox-item input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #ccc;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin-right:10px;position:relative;width:18px}.left-panel .checkbox-item input[type=checkbox]:checked{background-color:#3498db;border-color:#3498db}.left-panel .checkbox-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.left-panel .checkbox-item label{color:#555;cursor:pointer;flex-grow:1;font-size:.95em;text-align:left}.overlay{background:#0009;height:100%;position:fixed;top:0;width:100%;z-index:2100}.cv-spinner{align-items:center;display:flex;height:100%;justify-content:center}.loader{animation:rotation 1s linear infinite;border:5px solid;border-color:#fff #fff #ff3d00;border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;width:48px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btnUserEdit{background-color:#3bb077;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:10px;padding:5px 10px}.btnUserDelete{color:red}.btnAddUser{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px}.user{flex:4 1}.userTitleContainer{align-items:center;display:flex;justify-content:flex-start}.userTitle{color:#000000e0;font-size:20px;font-weight:600;line-height:1.4}.userAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px}.userContainer{display:flex;margin-top:20px}.userShow,.userUpdate{box-shadow:0 0 15px -10px #000000bf;flex:1 1;padding:20px}.userUpdate{margin-left:20px}.userShowTop{align-items:center;display:flex}.userShowImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.userShowTopTitle{display:flex;flex-direction:column;margin-left:20px}.userShowUsername{font-weight:600}.userShowUserTitle{font-weight:300}.userShowBottom{margin-top:20px}.userShowTitle{color:#afaaaa;font-size:14px;font-weight:600}.userShowInfo{align-items:center;color:#444;display:flex;margin:20px 0}.userShowIcon{font-size:16px!important}.userShowInfoTitle{margin-left:10px}.userUpdateTitle{font-size:24px;font-weight:600}.userUpdateForm{display:flex;justify-content:space-between;margin-top:20px}.userUpdateItem{display:flex;flex-direction:column;margin-top:10px}.userUpdateItem>label{font-size:14px;margin-bottom:5px}.userUpdateInput{border:none;border-bottom:1px solid gray;height:30px;width:250px}.userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.userUpdateUpload{align-items:center;display:flex}.userUpdateImg{border-radius:10px;height:100px;margin-right:20px;object-fit:cover;width:100px}.userUpdateIcon{cursor:pointer}.userUpdateButton{background-color:#129537;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px}.newUser{flex:4 1}.newUserTitle{color:#000000e0;font-size:20px;font-weight:600;line-height:1.4}.newUserForm{display:flex;flex-wrap:wrap}.newUserItem{display:flex;flex-direction:column;margin-right:20px;margin-top:10px;width:400px}.newUserItem>label{color:#979696;font-size:14px;font-weight:600;margin-bottom:10px}.newUserItem>input{border:1px solid gray;border-radius:5px;height:20px;padding:10px}.newUserGender>input{margin-top:15px}.newUserGender>label{color:#555;font-size:18px;margin:10px}.newUserSelect{border-radius:5px;height:40px}.newUserButton{background-color:#00008b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:40px;padding:7px 10px;width:200px}.inputAdd{border:1px solid gray;border-radius:5px;height:20px;padding:10px}.titleContainer{align-items:baseline;display:flex;justify-content:flex-start}.btnRollBack{background-color:#ff7c00;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-left:10px;margin-right:10px;padding:7px 10px}.inputEditCell{border:1px solid #939393;border-radius:5px;color:#8d8b8b;font-weight:400;line-height:20px;width:120px}.buttonViewCell{color:#dc9009;margin-right:10px}.buttonDeleteCell{color:#e00f0f;margin-right:10px}.buttonSwitchToBranch{color:#3586ff}.buttonModalCancel{border:1px solid #b1adad;border-radius:6px;cursor:pointer;font-size:14px;margin-right:10px;padding:8px 15px}.modalSwitchBranchContent{margin-top:15px}.formListHub p{font-size:12px}.addHubItem{margin-right:30px;margin-top:10px}.addBranchItem{display:flex;flex-direction:column;margin-top:10px}.addBranchItem>label{font-size:14px;margin-bottom:5px}.box-main .box-content{display:flex;flex-direction:row}.headerMenu{position:fixed;width:100%;z-index:100}.container{margin-left:20px;margin-right:20px}.bg-card-body{background-color:#becfde96}.m-0{margin:0}.align-item-center{align-items:center}.lblTitleSearch{width:25%}#tableDevice table{border-collapse:collapse;position:relative;text-align:left;z-index:0}#tableDevice th,td{padding:.25rem}tr.red th{background:red;color:#fff}#tableDevice tr.green th{background:green;color:#fff}#tableDevice tr.purple th{background:purple;color:#fff}#tableDevice thead th{background:#fff;top:40px}#tableDevice tbody th,#tableDevice thead th{box-shadow:0 2px 2px -1px #0006;position:-webkit-sticky;position:sticky}#tableDevice tbody th{text-align:center;top:128px}#tableDevice{margin-bottom:10px;margin-top:45px;width:100%}#tableDevice,#tableDevice td,#tableDevice th{border:1px solid #333;border-collapse:collapse;font-size:12px}#tableDevice thead th{background-color:#039616}.borderModalFooter{display:flex;justify-content:center;margin-right:10px;margin-top:10px}.clickRowStyle{background-color:#f3b9b9}.tick{color:red}.b-UPS{background-color:#b4c6e7}.b-B-UPS{background-color:#a48787}.b-MPD{background-color:#bdd7ee}.b-TD{background-color:#ffe699}.b-ML{background-color:#c6e0b4}.b-CLS{background-color:#c4bbe1}.b-Gray{background-color:#c9c9c9}.b-1,.b-red{background-color:#c41212}.b-blue{background-color:blue}.b-yellow{background-color:#f4ec04}.deviceTitle{background-color:#f37777}.buttonIconDelete{color:red;cursor:pointer;font-size:15px;margin-left:5px;margin-right:5px}.buttonIconRefresh{background-color:#e47015;border-radius:5px;color:#f3f3f3;margin-left:5px;padding:8px}.buttonIconEdit{color:#ffcc04;cursor:pointer}.buttonIconChangeManager,.buttonIconEdit{font-size:15px;margin-left:5px;margin-right:5px}.buttonIconChangeManager{color:#0424ff}.borderItem{display:flex;flex-direction:column;margin-right:10px;margin-top:10px}.borderItem p{font-size:12px;margin:0}.borderItem label{color:#979696;font-size:14px;font-weight:600}.borderItem input,.borderItem textarea{border:1px solid gray;border-radius:5px}.borderItem textarea{padding:10px}.buttonLink{padding:0}.borderItem .ant-form-item{margin:0}.modalForm .ant-space-item{width:450px}.ant-modal-content{display:flex;flex-direction:column;height:100%}.spanButton{background:#fefecf;color:#504f4f;cursor:pointer}.spanButton:hover{background:#f25858;border-radius:5px;color:#fff;padding-bottom:5px;padding-top:5px}.noData{font-size:24px;text-align:center}.justify-content-center{justify-content:center}.fix-search .boxSearch{justify-content:center;position:fixed;top:10px;z-index:100}.fix-search .boxSearch label{display:none}.boxSearch .ant-input,.boxSearch .ant-input:hover{background-color:#fff}.boxSearch{position:absolute;width:400px}.appBg,.boxSearch{align-items:center;display:flex}.appBg{background-color:#f0f8ff;height:100vh;justify-content:center;width:100vw}.loginForm{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#fff;border-radius:16px;box-shadow:0 8px 32px 0 #0000ff54;padding:0 16px 16px;z-index:2000}.loginForm h1{font-size:30px;margin-bottom:1em}.logoLogin{margin-top:20px}.logoLogin img{width:80px}.offscreen{left:-9999px;position:absolute}.errmsg{background-color:#ffb6c1;color:#b22222;font-weight:700;margin-bottom:.5rem;padding:.5rem}.bg{background:#0009;height:100%;position:fixed;top:0;width:100%;z-index:1100}.text-align-center{text-align:center}.w-50{width:50%}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.main-container{max-width:1200px}.main-container,.main-container-hub-detail{margin:auto;width:100%}.title-container{margin-bottom:20px;text-align:center}.space-align-start{align-items:flex-start}.main-content h5{margin-top:0}.boxShadow{box-shadow:0 7px 29px 0 #64646f33}.updateItem{display:flex;flex-direction:column;margin-top:10px}.updateItem>label{font-size:14px;margin-bottom:5px}.updateItem .ant-form-item{margin:0}.updateInput{border:none;border-bottom:1px solid gray;height:30px;width:250px}.bottomForm{margin-top:20px}.pe-50{padding-right:50px}.f-e{float:right}.cardShowTop{align-items:center;display:flex}.cardShowTopTitle{display:flex;flex-direction:column;margin-left:20px}.cardShowImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.cardShowName{font-weight:600}.cardShowTitle{font-weight:300}.cardShowBottom{margin-top:20px}.cardShowInfo{align-items:center;color:#444;display:flex;margin:20px 0}.cardShowTitle{color:#afaaaa;font-size:14px;font-weight:600}.cardShowInfoTitle{margin-left:10px}.cardShowIcon{font-size:16px!important}.buttonView{background-color:teal}.buttonSwitch,.buttonView{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:5px}.buttonSwitch{background-color:#ab9c21}.cardBody{border:1px solid #e5e4e4;border-radius:5px;padding:5px}.buttonAdd{background-color:#217aab}.buttonAdd,.buttonSave{border:1px solid #0000;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.buttonSave{background-color:#b1a053}.tableHistory{width:100%}.tableHistory thead{background-color:#333;color:#fff}.tableHistory tbody tr:nth-child(odd){background-color:#fff}.tableHistory tbody tr:nth-child(2n){background-color:#eee}[type=date]{background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat}[type=date]::-webkit-inner-spin-button{display:none}[type=date]::-webkit-calendar-picker-indicator{opacity:0}.datePicker{background-color:#fff;border:1px solid #c4c4c4;border-radius:5px;box-shadow:inset 0 3px 6px #0000001a;color:#636161;padding:5px;width:120px}.preview{max-width:100px}.box-img-wrap{border:1px solid red;display:inline-block;font-size:0;margin:0 5px;position:relative}.box-img-wrap .img-delete{border:1px solid;border-radius:4px;bottom:5px;color:#c01d1d;cursor:pointer;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);z-index:0}.box-img-wrap:hover .img-delete{opacity:1}.box-img-wrap .img-view{border:1px solid;border-radius:4px;bottom:30px;color:#c0bd1d;cursor:pointer;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);z-index:100}.box-img-wrap:hover .img-view{opacity:1}.btn-primary{background-color:#0c57fa;border:1px solid #0c57fa;border-radius:4px;color:#fff;padding:2px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:500px){.headerMenu{display:none}}@media (min-width:501px){.menuIcon{display:none}}.notiRight{align-items:center;display:flex;justify-content:space-between;padding:0 0 4px 12px;position:absolute;right:0;top:0}.bellFill{margin-right:10px}.bellFill .anticon{color:#fff;font-size:18px}.bellFill .ant-badge-count{font-size:10px;height:16px;line-height:16px;min-width:16px}.btnScroll span svg{width:.6em}.mainBanner{background:#ff8c00;display:flex;justify-content:center;margin-top:20px}.imgBanner{height:200px;width:1500px}.container-footer{background-color:#4e4c4cc7;color:#fff;margin-top:auto;padding:20px}.footerStyle{align-items:center;display:flex;flex-flow:column;justify-content:center;position:absolute}.copyright{font-size:12px;padding:10px;text-align:center}.ant-layout-footer{background:#111!important;color:#fff!important;padding:60px 0!important;text-align:center}.footerStyle .logo{align-items:center;display:flex}.footerStyle .logo img{margin:0 5px 0 0;width:60px}.footerStyle .logo span{font-size:15px;margin:0 0 20px;text-transform:uppercase}.footer .logo a{color:#fff}.footer .socials{align-items:center;display:flex;font-size:24px;justify-content:center;list-style:none;padding:0}.footer .socials li{margin:0 20px}.footer .socials a{color:#fff}.footer .socials a:hover{color:#1890ff}.footer .goTop:hover{opacity:.7}.mobileVisible{display:none}.mobileHidden{display:block}.footer{align-items:center;border-top:1 solid #00000026;font-size:12px;height:50px;justify-content:space-evenly;padding:20px}.footer,.staff-content{display:flex}.staff-content .item{padding:5px}.form-view-manager-hub .form-view-content .border-item-check-box .group-item{height:600px;margin-top:20px;overflow:auto}.border-item-check-box .item-box{display:flex;flex-direction:row}.border-item-check-box .item-box .item-box-left{margin-right:10px}.group-item .group-item-check-box .label-item-check-box{color:blue;font-size:15px;font-weight:500;padding-bottom:5px;text-decoration:underline}.buttonIconReset{color:#0424ff;font-size:15px;margin-left:5px;margin-right:5px}.item-select-box .ant-select{width:170px!important}.rpn-notification-holder{display:flex;flex-direction:column;position:fixed;z-index:100000}.rpn-notification-holder.top-left{left:10px}.rpn-notification-holder.top-middle{left:50%;transform:translateX(-50%)}.rpn-notification-holder.top-right{right:30px}.rpn-notification-holder.bottom-left{bottom:10px;left:10px}.rpn-notification-holder.bottom-middle{bottom:10px;left:50%;transform:translateX(-50%)}.rpn-notification-holder.bottom-right{bottom:10px;right:30px}.rpn-notification-card{animation:fadein .2s;display:flex;flex-direction:column;margin-top:15px;width:250px}.rpn-notification-card-top{background-color:#333;border-radius:5px 5px 0 0;color:#fff;display:flex;flex-wrap:wrap;font-size:11px;font-weight:700;justify-content:space-between;padding:10px;width:100%}.rpn-notification-card-bottom{align-items:flex-start;background-color:#3b3b3b;border-radius:0 0 5px 5px;box-shadow:0 5px 0 0 #000;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px 10px 15px;width:100%}.rpn-notification-card-bottom span{padding:3px 0}.rpn-notification-card-bottom .subtitle{font-size:12px;font-weight:700}.rpn-notification-card-bottom .message{font-size:14px}.rpn-notification-card-close{cursor:pointer;font-size:10px;height:100%}.rpn-notification-card-top.light{background-color:#f0f0f0;color:#000}.rpn-notification-card-bottom.light{background-color:#f5f5f5;box-shadow:0 5px 0 0 #dad9d9;color:#000}.rpn-notification-card-top.darkblue{background-color:#2d3542;color:#fff}.rpn-notification-card-bottom.darkblue{background-color:#394357;box-shadow:0 5px 0 0 #1f2b42;color:#fff}.rpn-notification-card-top.red{background-color:#bb2525;color:#fff}.rpn-notification-card-bottom.red{background-color:#d32f2f;box-shadow:0 5px 0 0 #910101;color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}.user-content{display:flex;width:100%}.user-content .main-content{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"left left right";margin-top:10px;width:100%}.user-content .main-content .main-content-left{grid-area:left;padding:10px}.user-content .main-content .main-content-left .header-main-content-left{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"button title title";margin-bottom:10px}.user-content .main-content .main-content-left .header-main-content-left .title-button{grid-area:button}.user-content .main-content .main-content-left .header-main-content-left .title-main-content{grid-area:title}.user-content .main-content .main-content-right{display:flex;grid-area:right;padding:10px}
/*# sourceMappingURL=main.5c4b527c.css.map*/