body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.app-container{height:100%;display:flex;font-family:Source Sans Pro,sans-serif}.app-container .login{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}.app-container .login .header{text-align:left;justify-content:left;width:60%}.app-container .login .header h3{margin:0}.app-container .login .text-field{margin:20px 0;width:60%}.app-container .login .text-field .MuiFormControl-root{width:100%}.app-container .login .btn-holder{text-align:center}.app-container .page-header{font-weight:600;color:#48375e;font-size:18px;margin-bottom:10px}.app-container .btn{padding:10px 20px;background:#fff;border:.5px solid #eae6e6;font-size:12px;border-radius:4px;margin:0 10px;align-items:center}.app-container .btn.primary{background:#462365;color:#fff}.app-container .btn:before{content:"";display:inline-block;width:1px;height:100%;margin-left:-5px;vertical-align:middle}.app-container .d-flex{display:flex;flex-wrap:wrap}.app-container [class*=-card]{background:#fff;box-sizing:border-box;border-radius:4px;box-shadow:1px 1px 5px 1px hsla(0,8.7%,91%,.81);padding:10px 15px}.app-container .Data-Table{background:#fff;margin:15px;width:calc(100% - 30px);box-shadow:2px 2px 7px 1px #efebeb;border-collapse:collapse;border-radius:5px}.app-container .Data-Table thead{color:#98aec7}.app-container .Data-Table thead th{width:12.5%;font-weight:600;font-size:12px;padding:20px 15px;text-align:left}.app-container .Data-Table tbody td{padding:15px;color:#45598f;font-size:15px;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app-container .Data-Table tbody tr:hover{background-color:#f7f8f9}.app-container .Data-Table tr{border-bottom:1px solid #ecf1f9}.loader{margin:auto;text-align:center;overflow:hidden;z-index:998}.loader,.loader:before{position:absolute;top:0;left:0;width:100%;height:100%}.loader:before{background-color:hsla(0,0%,100%,.75);z-index:1}.loader:after,.loader:before{content:"";display:inline-block}.loader:after{position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);margin-top:-.5em;width:8px;height:8px;vertical-align:middle;font-size:10px;background:transparent;-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;border-radius:100%;z-index:2}@-webkit-keyframes spinner{0%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.8),1.1em 1.1em 0 0 rgba(0,0,0,.1),0 1.5em 0 0 rgba(0,0,0,.2),-1.1em 1.1em 0 0 rgba(0,0,0,.3),-1.5em 0 0 0 rgba(0,0,0,.4),-1.1em -1.1em 0 0 rgba(0,0,0,.5),0 -1.5em 0 0 rgba(0,0,0,.6),1.1em -1.1em 0 0 rgba(0,0,0,.7)}14.3%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.7),1.1em 1.1em 0 0 rgba(0,0,0,.8),0 1.5em 0 0 rgba(0,0,0,.1),-1.1em 1.1em 0 0 rgba(0,0,0,.2),-1.5em 0 0 0 rgba(0,0,0,.3),-1.1em -1.1em 0 0 rgba(0,0,0,.4),0 -1.5em 0 0 rgba(0,0,0,.5),1.1em -1.1em 0 0 rgba(0,0,0,.6)}28.6%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.6),1.1em 1.1em 0 0 rgba(0,0,0,.7),0 1.5em 0 0 rgba(0,0,0,.8),-1.1em 1.1em 0 0 rgba(0,0,0,.1),-1.5em 0 0 0 rgba(0,0,0,.2),-1.1em -1.1em 0 0 rgba(0,0,0,.3),0 -1.5em 0 0 rgba(0,0,0,.4),1.1em -1.1em 0 0 rgba(0,0,0,.5)}42.9%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.5),1.1em 1.1em 0 0 rgba(0,0,0,.6),0 1.5em 0 0 rgba(0,0,0,.7),-1.1em 1.1em 0 0 rgba(0,0,0,.8),-1.5em 0 0 0 rgba(0,0,0,.1),-1.1em -1.1em 0 0 rgba(0,0,0,.2),0 -1.5em 0 0 rgba(0,0,0,.3),1.1em -1.1em 0 0 rgba(0,0,0,.4)}57.2%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.4),1.1em 1.1em 0 0 rgba(0,0,0,.5),0 1.5em 0 0 rgba(0,0,0,.6),-1.1em 1.1em 0 0 rgba(0,0,0,.7),-1.5em 0 0 0 rgba(0,0,0,.8),-1.1em -1.1em 0 0 rgba(0,0,0,.1),0 -1.5em 0 0 rgba(0,0,0,.2),1.1em -1.1em 0 0 rgba(0,0,0,.3)}71.5%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.3),1.1em 1.1em 0 0 rgba(0,0,0,.4),0 1.5em 0 0 rgba(0,0,0,.5),-1.1em 1.1em 0 0 rgba(0,0,0,.6),-1.5em 0 0 0 rgba(0,0,0,.7),-1.1em -1.1em 0 0 rgba(0,0,0,.8),0 -1.5em 0 0 rgba(0,0,0,.1),1.1em -1.1em 0 0 rgba(0,0,0,.2)}85.8%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.2),1.1em 1.1em 0 0 rgba(0,0,0,.3),0 1.5em 0 0 rgba(0,0,0,.4),-1.1em 1.1em 0 0 rgba(0,0,0,.5),-1.5em 0 0 0 rgba(0,0,0,.6),-1.1em -1.1em 0 0 rgba(0,0,0,.7),0 -1.5em 0 0 rgba(0,0,0,.8),1.1em -1.1em 0 0 rgba(0,0,0,.1)}to{box-shadow:1.5em 0 0 0 rgba(0,0,0,.1),1.1em 1.1em 0 0 rgba(0,0,0,.2),0 1.5em 0 0 rgba(0,0,0,.3),-1.1em 1.1em 0 0 rgba(0,0,0,.4),-1.5em 0 0 0 rgba(0,0,0,.5),-1.1em -1.1em 0 0 rgba(0,0,0,.6),0 -1.5em 0 0 rgba(0,0,0,.7),1.1em -1.1em 0 0 rgba(0,0,0,.8)}}@keyframes spinner{0%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.8),1.1em 1.1em 0 0 rgba(0,0,0,.1),0 1.5em 0 0 rgba(0,0,0,.2),-1.1em 1.1em 0 0 rgba(0,0,0,.3),-1.5em 0 0 0 rgba(0,0,0,.4),-1.1em -1.1em 0 0 rgba(0,0,0,.5),0 -1.5em 0 0 rgba(0,0,0,.6),1.1em -1.1em 0 0 rgba(0,0,0,.7)}14.3%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.7),1.1em 1.1em 0 0 rgba(0,0,0,.8),0 1.5em 0 0 rgba(0,0,0,.1),-1.1em 1.1em 0 0 rgba(0,0,0,.2),-1.5em 0 0 0 rgba(0,0,0,.3),-1.1em -1.1em 0 0 rgba(0,0,0,.4),0 -1.5em 0 0 rgba(0,0,0,.5),1.1em -1.1em 0 0 rgba(0,0,0,.6)}28.6%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.6),1.1em 1.1em 0 0 rgba(0,0,0,.7),0 1.5em 0 0 rgba(0,0,0,.8),-1.1em 1.1em 0 0 rgba(0,0,0,.1),-1.5em 0 0 0 rgba(0,0,0,.2),-1.1em -1.1em 0 0 rgba(0,0,0,.3),0 -1.5em 0 0 rgba(0,0,0,.4),1.1em -1.1em 0 0 rgba(0,0,0,.5)}42.9%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.5),1.1em 1.1em 0 0 rgba(0,0,0,.6),0 1.5em 0 0 rgba(0,0,0,.7),-1.1em 1.1em 0 0 rgba(0,0,0,.8),-1.5em 0 0 0 rgba(0,0,0,.1),-1.1em -1.1em 0 0 rgba(0,0,0,.2),0 -1.5em 0 0 rgba(0,0,0,.3),1.1em -1.1em 0 0 rgba(0,0,0,.4)}57.2%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.4),1.1em 1.1em 0 0 rgba(0,0,0,.5),0 1.5em 0 0 rgba(0,0,0,.6),-1.1em 1.1em 0 0 rgba(0,0,0,.7),-1.5em 0 0 0 rgba(0,0,0,.8),-1.1em -1.1em 0 0 rgba(0,0,0,.1),0 -1.5em 0 0 rgba(0,0,0,.2),1.1em -1.1em 0 0 rgba(0,0,0,.3)}71.5%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.3),1.1em 1.1em 0 0 rgba(0,0,0,.4),0 1.5em 0 0 rgba(0,0,0,.5),-1.1em 1.1em 0 0 rgba(0,0,0,.6),-1.5em 0 0 0 rgba(0,0,0,.7),-1.1em -1.1em 0 0 rgba(0,0,0,.8),0 -1.5em 0 0 rgba(0,0,0,.1),1.1em -1.1em 0 0 rgba(0,0,0,.2)}85.8%{box-shadow:1.5em 0 0 0 rgba(0,0,0,.2),1.1em 1.1em 0 0 rgba(0,0,0,.3),0 1.5em 0 0 rgba(0,0,0,.4),-1.1em 1.1em 0 0 rgba(0,0,0,.5),-1.5em 0 0 0 rgba(0,0,0,.6),-1.1em -1.1em 0 0 rgba(0,0,0,.7),0 -1.5em 0 0 rgba(0,0,0,.8),1.1em -1.1em 0 0 rgba(0,0,0,.1)}to{box-shadow:1.5em 0 0 0 rgba(0,0,0,.1),1.1em 1.1em 0 0 rgba(0,0,0,.2),0 1.5em 0 0 rgba(0,0,0,.3),-1.1em 1.1em 0 0 rgba(0,0,0,.4),-1.5em 0 0 0 rgba(0,0,0,.5),-1.1em -1.1em 0 0 rgba(0,0,0,.6),0 -1.5em 0 0 rgba(0,0,0,.7),1.1em -1.1em 0 0 rgba(0,0,0,.8)}}.d-flex-center{display:flex;justify-content:center;align-items:center}.c-icon{width:1.65em;height:1.65em;overflow:hidden}.c-icon .icon{margin-top:3px;display:inline-block;width:calc(100% - 13px);height:calc(100% - 6px);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.c-icon .bg-color{background:#a8a8c1}.c-icon .selected{background:#fff}.sidebar{background:#040849;width:60px;height:100%;padding:10px 0;-webkit-transition:width .5s;transition:width .5s}.sidebar .header{height:17%}.sidebar .header .toggle-side-menu{position:relative;right:-15px;top:10px;float:right}.sidebar .header .toggle-side-menu .c-icon{background:#6559ff;border-radius:15px;width:1.2em;height:1.2em;margin:unset;border:3px solid #fff}.sidebar .header .toggle-side-menu .c-icon .icon{width:calc(100% - 12px);height:calc(100% - 6px)}.sidebar .side-menu-holder .side-menu{display:flex}.sidebar .side-menu-holder .side-menu.selected{background:#1c205b}.sidebar .side-menu-holder .side-menu.selected .c-icon{background:#6559ff}.sidebar .side-menu-holder .side-menu.selected .c-icon .bg-color{background:#fff}.sidebar .side-menu-holder .side-menu .menu-item-header{padding-top:16px;color:#fff;font-weight:600;font-size:15px}.sidebar .side-menu-holder a{text-decoration:none}.sidebar .customized-sidebar-icon{background:#292c64;text-align:center;margin:13px 16.7px;border-radius:5px}.Navbar{width:100%;height:50px;box-shadow:0 1px 5px 0 rgba(0,0,0,.23);display:flex}.Navbar .header{color:#4c6094;font-size:18px;padding:13px 18px;letter-spacing:2px}.Navbar .logout,.Navbar .username{font-size:14px;color:#4964a8;display:flex;position:absolute;right:80px;top:13px}.Navbar .logout .c-icon,.Navbar .username .c-icon{margin-left:5px}.Navbar .logout{position:absolute;right:30px;top:13px;cursor:pointer}.dashboard{height:100%}.dashboard .status-holder{display:flex}.dashboard .status-holder .status-element-holder{width:25%;padding:15px}.dashboard .status-holder .status-element-holder .status-element{height:100%;box-shadow:2px 2px 7px 1px #efebeb;border-radius:5px;background:#fff;height:60px;padding:15px}.dashboard .status-holder .status-element-holder .status-element .status-header{color:#98aec7;font-size:12px;font-weight:600}.dashboard .status-holder .status-element-holder .status-element .status-value{color:#43588f;font-weight:700;font-size:30px;margin-top:4px;padding-bottom:10px}.dashboard .filter-holder{display:flex;background:#fff;padding:20px 15px;margin:15px}.dashboard .filter-holder .MuiFormControl-root{margin-left:15px}.id-holder{width:550px}.id-back,.id-front{background:#fff;box-sizing:border-box;border-radius:4px;box-shadow:1px 1px 5px 1px hsla(0,8.7%,91%,.81);margin:20px}.id-header{text-align:center;background-color:#552f0e;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:4px 4px 0 0;padding:5px 0}.address>p,.id-header>h2,.id-header>h5{margin:0;letter-spacing:0}.address{text-align:center;border-bottom:.3px solid #4d4dab}.address>p{color:#4d4dab;font-size:11px;font-weight:600}.image-holder>img{width:90%}.image-holder{width:20%;display:flex;justify-content:center;align-items:center}.w-75{width:78%;margin-left:2%}.id-values-holder,.w-75{display:flex;flex-wrap:wrap}.id-values-holder{padding:10px}.w-50{width:50%;margin:10px 0}.id-back>.id-values-holder>.w-50{margin:5px 0}.w-100{width:100%}.label{color:#626567;font-size:12px}.value{font-size:14px;color:#4d4dab;margin-left:5px}.center{text-align:center}.center.label{font-size:14px;font-weight:600}.brd-btm{border-bottom:.5px solid #ebedef}.pagination{display:flex;padding:20px}.pagination li{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#fff;border-radius:3px;color:purple;cursor:pointer}.pagination li:not(:first-child){margin-left:10px}.pagination li.break-me{border:none;background:none}.pagination li.break-me:hover{border:none;background-color:#f6f7fc}.pagination li.active{background-color:#040849;color:#fff}.pagination li.active:hover{background-color:#f6f7fc}.pagination li.nav{padding:0 10px}.pagination .icon{border:#d3d3d3}.pagination .icon-selected{border:1px solid #a4a5b5;background-color:#f6f7fc}.pagination .icon:hover{border:#d3d3d3;background-color:#f6f7fc}.pagination .ellipses{border:#d3d3d3}.pagination .ellipses:hover{background-color:#fff}.pagination .disabled{opacity:.7}.pagination .disabled:hover{background-color:#fff}.Toastify__toast-container{min-width:500px}.Toastify__toast-container--top-center{top:4em}.Toastify__toast{min-height:0!important;height:40px!important;padding:0!important;min-width:500px;border-radius:5px}.Toastify__toast-body{margin:0!important}.toast{height:100%;background:-webkit-gradient(linear,left top,right top,from(#19a4ff),to(#1e80f4));background:linear-gradient(90deg,#19a4ff,#1e80f4)}.toast,.toast .toast--center{display:flex;align-items:center}.toast .toast__message{width:83%;padding:0 10px;font-size:14px;color:#fff}.toast .c-icon{width:1.3em;height:1.3em}.toast .c-icon .icon{background:#fff}.toast.info{background:-webkit-gradient(linear,left top,right top,from(#4f547f),to(#222960));background:linear-gradient(90deg,#4f547f,#222960)}.toast.error{background:-webkit-gradient(linear,left top,right top,from(#ff5050),to(red));background:linear-gradient(90deg,#ff5050,red)}.toast .toast--close{width:10%}.user-detail{margin:5px 15px}.user-detail .breadcrumb{display:flex;width:100%;font-size:14px;font-weight:600;padding-bottom:12px;border-bottom:.5px solid #e8e3e3;align-items:center}.user-detail .breadcrumb .breadcrumb-value{align-items:center;width:30%;display:flex}.user-detail .breadcrumb .breadcrumb-value a{text-decoration:none;color:#6459ff}.user-detail .breadcrumb .breadcrumb-value .c-icon.next-icon{margin-left:8px}.user-detail .breadcrumb .breadcrumb-value .username{color:#77797b;position:relative;left:-4px}.user-detail .breadcrumb .tools-holder{width:70%;align-items:center}.user-detail .breadcrumb .tools-holder .edi-profile{float:right;display:flex;padding:2px 11px;font-size:11px;color:#77797b;font-weight:600}.user-detail .breadcrumb .tools-holder .edi-profile .c-icon{font-size:16px}.user-detail .user-content-holder{padding:20px 0;display:flex}.user-detail .user-content-holder .profile-holder .profile-image-card{color:#273547;height:300px;text-align:center}.user-detail .user-content-holder .profile-holder .profile-image-card .image-holder{margin-left:25%;margin-top:20px}.user-detail .user-content-holder .profile-holder .profile-image-card .image-holder img{width:115px;height:115px}.user-detail .user-content-holder .profile-holder .profile-image-card .profile-name{font-size:18px;font-weight:600;margin-top:10px}.user-detail .user-content-holder .profile-holder .profile-image-card .occupation-data{margin:20px 0;font-weight:600}.user-detail .user-content-holder .profile-holder .profile-image-card .occupation-data .first-child{box-sizing:border-box;border-right:.5px solid #d6d4d4}.user-detail .user-content-holder .profile-holder .profile-image-card .side-header{color:#b4bac1;font-size:14px;margin-top:2px;font-weight:400}.user-detail .user-content-holder .profile-holder .meta-header{color:#98a2ab;font-size:12px}.user-detail .user-content-holder .profile-holder .meta-value{font-size:14px;color:#525b67}.user-detail .user-content-holder .profile-holder .profile-details-card{margin-left:1%;padding-left:25px}.user-detail .user-content-holder .profile-holder .profile-details-card .meta-holder{height:60px;font-weight:600;margin-top:19px}.user-detail .user-content-holder .profile-holder .profile-details-card .meta-holder .border-bottom{border:.5px solid hsla(0,0%,92.5%,.52);margin-top:20px}.user-detail .user-content-holder .profile-holder .user-log-card{margin-top:15px;height:300px}.user-detail .user-content-holder .profile-holder .user-log-card .toggle-holder{background:#f0f1f7;border-radius:3px;padding:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:5px;height:24px}.user-detail .user-content-holder .profile-holder .user-log-card .toggle-holder .toggle-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 10px;font-size:12px;border-radius:3px;margin-right:5px;color:#8d9398;cursor:pointer}.user-detail .user-content-holder .profile-holder .user-log-card .toggle-holder .toggle-button.selected{color:#447bfc;background:#fff}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details{background:#f0f1f7;height:224px;margin-top:15px;border-radius:3px;padding:0 10px;box-sizing:border-box;overflow:scroll}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details .log-holder{height:100px}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details .log-holder .side-line-holder{height:100%;display:flex;justify-content:center;align-items:center}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details .log-holder .side-line-holder .line{height:inherit;border:1px solid #4382fa;box-sizing:border-box;width:1px;position:relative;left:-8px}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details .log-holder .side-line-holder .circle{width:10px;height:10px;background:#f0f1f7;border-radius:10px;border:2px solid #4382fa;z-index:10}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details .log-holder .log-data-holder{padding:10px 0}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details .log-holder .log-data-holder .log-data-card{height:100%;border-radius:0}.user-detail .user-content-holder .profile-holder .user-log-card .user-log-details .log-holder .log-data-holder .log-data-card .log-value-holder{padding:5px 20px}.user-detail .user-content-holder .other-holder{padding-left:15px;min-height:300px}.user-detail .user-content-holder .other-holder .files-card .files-header{font-weight:600}.user-detail .user-content-holder .other-holder .files-card .files-header .add-file{font-size:16px}.add-user{padding:1em 2%;max-height:80vh;margin:0 auto}.add-user .content-area{display:flex;flex-direction:column}.add-user .content-area .form-navbar{width:100%;margin-bottom:1em}.add-user .content-area .form-navbar .navbar-info{color:#a5a5a5;font-size:.8em;padding-bottom:.5em;border-bottom:.5px solid #ececec}.add-user .content-area .form-navbar .csv-dropzone,.add-user .content-area .form-navbar .csv-dropzone-solid{height:10em;display:flex;align-items:center;justify-content:center;border:2px dashed #ddd}.add-user .content-area .form-navbar .csv-dropzone-solid img,.add-user .content-area .form-navbar .csv-dropzone img{max-width:80%;max-height:80%}.add-user .content-area .form-navbar .csv-dropzone-solid .close{background:#3f4054;padding:.4em;border-radius:50%;cursor:pointer;position:absolute;top:.5em;right:.5em}.add-user .content-area .form-navbar .csv-dropzone-solid .close .c-icon{width:1em;height:1em}.add-user .content-area .form-navbar .csv-dropzone .drop-zone{padding:2em 1em}.add-user .content-area .form-navbar .csv-dropzone .drop-zone .upload-instruction{font-size:.8em;margin-top:.5em}.add-user .content-area .form-area{width:100%;padding:0 .5em;overflow-y:auto;max-height:80vh}.add-user .content-area .form-area .form-holder{background:#fff;padding:1em;box-shadow:1px 1px 5px 1px hsla(0,8.7%,91%,.81);margin-bottom:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.add-user .content-area .form-area .form-holder .form-holder-header{color:#46305c;font-weight:600;font-size:.9em;padding-bottom:.8em;border-bottom:.5px solid #efefef;margin-bottom:.5em}.add-user .content-area .form-area .form-holder .MuiFormControl-root{width:100%;margin:.5em 0}.add-user .content-area .form-area .form-holder .MuiFormLabel-root{color:#959595;font-size:.8em}.add-user .content-area .form-area .form-holder .add-extra-value{width:100%;text-align:right}.add-user .content-area .form-area .form-holder .add-extra-value button{float:right}.add-user .button-holder{width:100%;margin-top:1em;text-align:center}.add-user .id__card{text-align:center;margin-top:.5em;cursor:pointer;color:#00f;text-decoration:underline;width:100%}@media (min-width:768px){.add-user{padding:10px 2%;height:80vh}.add-user .content-area{flex-direction:row}.add-user .content-area .form-navbar{width:30%;margin-bottom:0}.add-user .content-area .form-area{width:80%;padding:0 20px}.add-user .content-area .form-area .form-holder .MuiFormControl-root{width:48%;margin:2% 1%}.add-user .button-holder{width:70%;margin-left:30%;margin-top:1em}.add-user .id__card{width:70%}}@media (min-width:320px) and (max-width:700px){.add-user .content-area .form-area{max-height:49vh}}@media (min-width:1440px){.add-user .content-area .form-area{max-height:80vh}}.news-post-container{max-width:800px;margin:0 auto;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e9ecef}.news-post-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #f8f9fa}.news-post-header h2{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 10px;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.news-post-header p{color:#6c757d;font-size:1rem;margin:0;font-weight:500}.news-post-form .form-group{margin-bottom:25px}.news-post-form .form-group.checkbox-group{margin-bottom:35px}.news-post-form .form-label{display:block;font-weight:600;color:#2d3748;margin-bottom:8px;font-size:.95rem}.news-post-form .form-label .required{color:#e53e3e;margin-left:4px}.news-post-form .form-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fafafa}.news-post-form .form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.news-post-form .form-input.error{border-color:#e53e3e;background:#fff5f5}.news-post-form .form-input::-webkit-input-placeholder{color:#a0aec0}.news-post-form .form-input:-ms-input-placeholder{color:#a0aec0}.news-post-form .form-input::-ms-input-placeholder{color:#a0aec0}.news-post-form .form-input::placeholder{color:#a0aec0}.news-post-form .form-textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fafafa;resize:vertical;min-height:200px;font-family:inherit;line-height:1.6}.news-post-form .form-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.news-post-form .form-textarea.error{border-color:#e53e3e;background:#fff5f5}.news-post-form .form-textarea::-webkit-input-placeholder{color:#a0aec0}.news-post-form .form-textarea:-ms-input-placeholder{color:#a0aec0}.news-post-form .form-textarea::-ms-input-placeholder{color:#a0aec0}.news-post-form .form-textarea::placeholder{color:#a0aec0}.news-post-form .error-message{display:block;color:#e53e3e;font-size:.875rem;margin-top:6px;font-weight:500}.news-post-form .char-count{display:block;text-align:right;color:#718096;font-size:.8rem;margin-top:4px}.news-post-form .checkbox-group .checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#2d3748;padding:16px 20px;background:#f7fafc;border-radius:10px;border:2px solid #e2e8f0;-webkit-transition:all .3s ease;transition:all .3s ease}.news-post-form .checkbox-group .checkbox-label:hover{background:#edf2f7;border-color:#cbd5e0}.news-post-form .checkbox-group .checkbox-input{display:none}.news-post-form .checkbox-group .checkbox-input:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.news-post-form .checkbox-group .checkbox-input:checked+.checkbox-custom:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.news-post-form .checkbox-group .checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;margin-right:12px;position:relative;background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.news-post-form .checkbox-group .checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);color:#fff;font-size:12px;font-weight:700;opacity:0;-webkit-transition:all .2s ease;transition:all .2s ease}.news-post-form .checkbox-group .checkbox-text{font-size:.95rem}.news-post-form .form-actions{display:flex;grid-gap:15px;gap:15px;justify-content:flex-end;margin-top:40px;padding-top:25px;border-top:1px solid #e2e8f0}.news-post-form .form-actions .btn{padding:14px 28px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:none;display:inline-flex;align-items:center;grid-gap:8px;gap:8px;text-decoration:none}.news-post-form .form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.news-post-form .form-actions .btn.btn-secondary{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.news-post-form .form-actions .btn.btn-secondary:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.news-post-form .form-actions .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.news-post-form .form-actions .btn.btn-primary:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.news-post-form .form-actions .btn.btn-primary:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.news-post-container{margin:15px;padding:20px}.news-post-header h2{font-size:1.5rem}.news-post-form .form-actions{flex-direction:column}.news-post-form .form-actions .btn{width:100%;justify-content:center}}@media (max-width:480px){.news-post-container{margin:10px;padding:15px}.news-post-header{margin-bottom:25px}.news-post-header h2{font-size:1.3rem;flex-direction:column;grid-gap:5px;gap:5px}.news-post-header p{font-size:.9rem}.news-post-form .form-input,.news-post-form .form-textarea{padding:12px 14px;font-size:.95rem}.news-post-form .form-textarea{min-height:150px}}.ViewArea{height:100%}.ViewArea .route-area{padding:15px 18px;background-color:#f5f8fb;height:calc(100% - 50px);overflow:scroll}body{margin:0;padding:0;background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh}.news-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.news-header{text-align:center;margin-bottom:40px;padding:50px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 15px 40px rgba(102,126,234,.3);position:relative;overflow:hidden}.news-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3}.news-header h1{font-size:2.75rem;margin:0 0 12px;font-weight:800;position:relative;z-index:1;letter-spacing:-.5px}.news-header p{font-size:1.15rem;margin:0;opacity:.95;position:relative;z-index:1;font-weight:400}.error,.loading,.no-news{text-align:center;padding:50px 20px;font-size:1.1rem;color:#666;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.error{color:#dc3545;border-left:4px solid #dc3545;background:#fff5f5}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:28px;gap:28px;margin-top:20px;max-height:calc(100vh - 280px);overflow-y:auto;padding:10px}.news-grid::-webkit-scrollbar{width:10px}.news-grid::-webkit-scrollbar-track{background:hsla(0,0%,100%,.5);border-radius:10px}.news-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.news-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4292)}.news-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.06);cursor:pointer;-webkit-transition:all .35s cubic-bezier(.4,0,.2,1);transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.news-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1)}.news-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 12px 40px rgba(102,126,234,.2);border-color:#667eea}.news-card:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.news-card:hover .read-more{-webkit-transform:translateX(4px);transform:translateX(4px);color:#764ba2}.news-card-header{margin-bottom:18px}.news-card-header .news-title{font-size:1.35rem;font-weight:700;color:#1a202c;margin:0 0 10px;line-height:1.4;letter-spacing:-.3px;-webkit-transition:color .2s ease;transition:color .2s ease}.news-card-header .news-date{display:inline-flex;align-items:center;font-size:.875rem;color:#6c757d;font-weight:500;background:#f8f9fa;padding:6px 12px;border-radius:20px;grid-gap:6px;gap:6px}.news-card-header .news-date:before{content:"📅";font-size:.85rem}.news-content{margin-bottom:22px}.news-content p{color:#4a5568;line-height:1.7;margin:0;font-size:.975rem;letter-spacing:.2px}.news-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #e9ecef}.news-card-footer .news-author{display:inline-flex;align-items:center;font-size:.875rem;color:#667eea;font-weight:600;grid-gap:6px;gap:6px}.news-card-footer .news-author:before{content:"✍️";font-size:.9rem}.news-card-footer .read-more{font-size:.875rem;color:#667eea;font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease;display:inline-flex;align-items:center;grid-gap:4px;gap:4px}.load-more-container{text-align:center;margin-top:40px;padding:30px 20px}.load-more-container .load-more-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 40px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 6px 20px rgba(102,126,234,.3);text-transform:uppercase;letter-spacing:.5px}.load-more-container .load-more-button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.load-more-container .load-more-button:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.load-more-container .news-counter{margin-top:16px;font-size:.95rem;color:#6c757d;font-weight:500}.news-detail-container{max-width:900px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.news-detail-header{margin-bottom:30px}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-flex;align-items:center;grid-gap:10px;gap:10px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.back-button:before{content:"←";font-size:1.2rem;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.back-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 25px rgba(102,126,234,.4)}.back-button:hover:before{-webkit-transform:translateX(-3px);transform:translateX(-3px)}.back-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.news-detail-article{background:#fff;border-radius:16px;padding:45px;box-shadow:0 8px 30px rgba(0,0,0,.08);border:1px solid rgba(102,126,234,.1);max-height:calc(100vh - 180px);overflow-y:auto}.news-detail-article::-webkit-scrollbar{width:8px}.news-detail-article::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}.news-detail-article::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.news-detail-article::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4292)}.article-header{margin-bottom:35px;padding-bottom:25px;border-bottom:2px solid #e9ecef}.article-header .article-title{font-size:2.5rem;font-weight:800;color:#1a202c;margin:0 0 20px;line-height:1.3;letter-spacing:-.5px}.article-header .article-meta{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;font-size:.95rem;color:#6c757d}.article-header .article-meta span{font-weight:500;display:inline-flex;align-items:center;grid-gap:6px;gap:6px;background:#f8f9fa;padding:8px 14px;border-radius:20px}.article-header .article-meta .article-author{color:#667eea;font-weight:600}.article-content{margin-bottom:35px}.article-content p{font-size:1.125rem;line-height:1.8;color:#4a5568;margin:0 0 18px;text-align:justify;letter-spacing:.2px}.article-footer{padding-top:25px;border-top:1px solid #e9ecef}.article-footer .article-status .status-active{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px rgba(40,167,69,.3)}.article-footer .article-status .status-active,.article-footer .article-status .status-inactive{color:#fff;padding:8px 16px;border-radius:25px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-block}.article-footer .article-status .status-inactive{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 15px rgba(108,117,125,.3)}.news-detail-header-modern{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.news-detail-header-modern .modern-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;margin:0 0 8px}@media (max-width:768px){.news-detail-header-modern .modern-title{font-size:1.75rem}}@media (max-width:480px){.news-detail-header-modern .modern-title{font-size:1.5rem}}.news-detail-header-modern .modern-subtitle{font-size:1rem;color:#d4af37;font-weight:500}.modern-back-btn{font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:8px;background-color:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important}.modern-back-btn:hover{-webkit-transform:translateX(-3px);transform:translateX(-3px);box-shadow:0 4px 15px rgba(13,110,253,.3);background-color:#0b5ed7!important;border-color:#0a58ca!important}.modern-back-btn:active,.modern-back-btn:focus{background-color:#0a58ca!important;border-color:#0a53be!important}.modern-article-card{border:1px solid #e9ecef!important;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;height:auto}.modern-article-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15)!important}.modern-article-header .badge{font-size:.75rem;padding:6px 12px;font-weight:600;border-radius:6px}.modern-article-header .modern-article-title{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:#1a1a1a;line-height:1.4}@media (max-width:768px){.modern-article-header .modern-article-title{font-size:1.5rem}}@media (max-width:480px){.modern-article-header .modern-article-title{font-size:1.3rem}}.modern-article-header .modern-author-info{font-size:.95rem}.modern-article-body .modern-paragraph{font-size:1.05rem;line-height:1.7;color:#495057;font-family:Lora,Georgia,serif}@media (max-width:768px){.modern-article-body .modern-paragraph{font-size:1rem;line-height:1.6}}@media (max-width:480px){.modern-article-body .modern-paragraph{font-size:.95rem}}.modern-article-footer small{font-size:.85rem}@media (max-width:768px){.news-container,.news-detail-container{padding:15px}.news-header{padding:35px 20px}.news-header h1{font-size:2.25rem}.news-header p{font-size:1rem}.news-grid{grid-template-columns:1fr;grid-gap:20px;gap:20px;max-height:calc(100vh - 250px)}.news-card{padding:24px}.news-detail-article{padding:30px}.article-header .article-title{font-size:2rem}.article-meta{flex-direction:column;grid-gap:10px;gap:10px}}@media (max-width:480px){.news-header{padding:30px 15px}.news-header h1{font-size:1.85rem}.news-card{padding:20px}.news-detail-article{padding:24px}.article-header .article-title{font-size:1.65rem}.article-content p{font-size:1.05rem}}
/*# sourceMappingURL=main.398397e0.chunk.css.map */