@import"https://fonts.googleapis.com/css2?family=Mohave:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Raleway:wght@100;400;500;600;700;800&display=swap";.Login-Page{width:100%;height:100%;display:flex}.Login-Page h3{margin-top:10px}.Login-Page .Logo{height:50px;margin-top:10px;margin-bottom:40px}.Login-Page .Logo img{height:50px;width:auto}.Login-Form{font-size:30px;padding:0 0 20px;width:400px;min-height:500px;justify-content:center;align-items:center;margin:auto;display:flex;flex-direction:column;background-color:#262626;color:#f1f5fe;border:1px solid white}.Login-renewPassword{font-size:13px;color:#d4062a;transform:translateY(-10px)}.Login-toSignUp{font-size:15px;width:290px;margin:30px 0 10px}.Login-toSignUp a{text-decoration:none;font-weight:700;color:#d4062a}.Login-errorMessage{font-size:15px;max-width:250px;max-height:150px;color:#e5e5e5;border:1px solid #e5e5e5;padding:10px;margin:10px 0}.Login-inputs{margin:15px 0 10px}.TextInputComponent{position:relative}.TextInputComponent input{padding:20px 15px;background-color:transparent;border:1px solid white;margin:10px 0;color:#fff}.TextInputComponent input:focus-visible,.TextInputComponent input :active,.TextInputComponent input :focus{outline:none}.TextInputComponent label{color:#d4062a;font-family:Mohave;clip-path:clipPath(10px);font-size:15px;align-items:center;display:flex}.TextInputComponent label svg{width:20px;height:20px;margin-left:5px}.TextInputComponent.filter label{padding:5px;clip-path:clipPath(5px);top:3px}.ButtonComponent{position:relative;height:fit-content}.ButtonComponent button{color:#e5e5e5;width:100%;height:100%;clip-path:clipPath(var(--clipPathValue));font-weight:700;font-size:1.3rem;cursor:pointer;box-sizing:content-box;border:none;z-index:3;position:relative;padding:0;display:flex;align-items:center;justify-content:center}.ButtonComponent button:disabled{background:#e5e5e5;color:#292929;cursor:initial}.ButtonComponent.primary:not(.disabled) button{background:#d4062a}.ButtonComponent.primary:not(.disabled):not(.disabled):hover:before{background-color:#d4062a}.ButtonComponent.green button{background:#096e06}.ButtonComponent.green:not(.disabled):hover:before{background-color:#096e06}.ButtonComponent.red button{background:#7a1c1c}.ButtonComponent.red:not(.disabled):hover:before{background-color:#7a1c1c}.ButtonComponent.secondary button{background:#1D4C78;box-sizing:border-box}.ButtonComponent.secondary:not(.disabled):hover:before{background-color:#1d4c78}.Dashboard{height:100%;display:flex}.Dashboard .recharts-surface{overflow:visible}.Dashboard .Left{width:30%;height:calc(100% - 80px);margin-top:80px;position:relative;display:flex;flex-direction:column;border-right:3px solid white}.Dashboard .Left .Global{flex:1 1 auto;display:flex;flex-direction:column}.Dashboard .Right{width:70%;height:100%;display:flex;flex-direction:column}.Dashboard .Right .Top{width:100%;height:50%;display:flex;border-bottom:3px solid white}.Dashboard .Header{position:absolute;bottom:100%;height:80px;display:flex;width:60vw}.Dashboard .Header img{height:100%}.Dashboard .Header .Title{display:flex;flex-direction:column;padding-bottom:10px;padding-right:10px}.Dashboard .Header .TitleValue{width:fit-content;font-family:Mohave,sans-serif;font-weight:700;font-style:italic;color:#fff;font-size:35px;overflow:hidden;white-space:nowrap;display:flex;justify-content:center;align-items:center;padding-top:5px;width:100%}.Dashboard .Header .Title .SubContainer{width:100%;display:flex;align-items:center}.Dashboard .Header .Logo{border:1px solid white;background-color:#d4062a;flex:1 1 auto;box-sizing:border-box;justify-content:center;display:flex}.Dashboard .Header .Logo img{filter:brightness(0) invert(1)}.Dashboard .HeaderTitle{background-color:#fff;color:#d4062a;font-family:Mohave;font-size:33px;font-style:italic;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box}.Dashboard .OfTheMonth{width:100%;display:flex;justify-content:space-between;border-top:3px solid white;padding-top:5px}.Dashboard .Container{display:flex;flex-direction:column;width:31.33%}.Dashboard .Container .Label{color:#d4062a;font-family:Mohave;font-size:20px;font-style:italic;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box}.Dashboard .Container .Value{font-family:Mohave;font-size:17.6px;font-style:italic;font-weight:700;color:#fff;margin:auto;height:48px;text-align:center;display:flex;align-items:center}.Dashboard .Container img{width:110px;margin:auto}.Dashboard .CashFlow{width:45%;height:calc(100% - 80px);margin-top:80px;border-right:3px solid white;position:relative;padding-top:50px;box-sizing:border-box}.Dashboard .CashFlow .HeaderTitle{width:fit-content;padding:0 20px;position:absolute;right:0;top:0}.Dashboard .CashFlowChart{width:100%;height:100%}.Dashboard .CashFlowChartBarCategories tspan{font-family:Mohave;font-weight:700;fill:#d4062a;font-size:21px}.Dashboard .CashFlowChart .recharts-cartesian-axis-tick-line{display:none}.Dashboard .CashFlowChart .lightBlue tspan{font-family:Mohave;fill:#69d1da;font-style:italic}.Dashboard .Accounts{width:40%;height:100%;position:relative;padding-top:50px;box-sizing:border-box}.Dashboard .Accounts .HeaderTitle{width:fit-content;padding:0 20px;position:absolute;left:0;top:0}.Dashboard .AccountsChart{width:100%;height:100%}.Dashboard .AccountsChartBarCategories tspan{font-family:Mohave;font-weight:700;fill:#d4062a;font-size:21px}.Dashboard .AccountsChart .recharts-cartesian-axis-tick-line{display:none}.Dashboard .AccountsChart .primary tspan{font-family:Mohave;fill:#fff;font-style:italic}.Dashboard .SideOfTheMonth{width:20%;height:100%;border-left:3px solid white;display:flex;flex-direction:column;align-items:center}.Dashboard .SideOfTheMonth .HeaderTitle{height:90px;font-size:30px}.Dashboard .SideOfTheMonth img{width:90px;margin:auto}.Dashboard .SideOfTheMonth .ValueLabel{font-family:Mohave;font-size:13px;font-style:italic;font-weight:700;color:#fff;margin:auto;height:48px;text-align:center;display:flex;align-items:center}.Dashboard .Chart{width:100%;flex:1 1 auto;height:500px;display:flex;justify-content:center;align-items:center}.Dashboard .Chart .recharts-surface{overflow:visible}.Dashboard .Chart .recharts-responsive-container{margin-right:auto}.Dashboard .ChartBarCategories tspan{font-family:Mohave;font-weight:700;fill:#d4062a;font-size:21px;font-style:italic}.Dashboard .Chart .white tspan{font-family:Mohave;fill:#fff;font-style:italic}.Dashboard .Chart .lightBlue tspan{font-family:Mohave;fill:#69d1da;font-style:italic}.Dashboard .Chart .recharts-cartesian-axis-tick-line{display:none}.Dashboard .Chart ul{display:flex;flex-direction:column;justify-content:start;margin:10px 0}.Dashboard .Chart ul li{margin-right:auto!important;margin-left:40px}.Dashboard .XAxisClass tspan{font-family:Mohave;fill:#fff}.Dashboard .Bottom{height:50%;width:100%;display:flex}.Dashboard .BottomRight{width:45%;height:100%;position:relative}.Dashboard .BottomRight .HeaderTitle{justify-content:start;position:absolute;width:100%;padding-left:5px}.Dashboard .BottomRight .Main{background-color:#d4062a;font-size:35px;color:#fff;font-family:Mohave;padding:0 10px;display:flex;justify-content:center;align-items:center;text-align:center;margin-right:10px}.Dashboard .BottomRight .ProjectRequestChart{height:100%}.Dashboard .PieLabel{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#38373c;position:relative;color:#fff}.Dashboard .PieLabel text{font-family:Mohave;font-weight:700;font-size:25px;font-style:italic}.Dashboard .PieLabel .LabelName{background-color:#38373c}.Dashboard .BottomLeft{width:60%;height:100%;border-right:3px solid white;display:flex;flex-wrap:wrap}.Dashboard .Customers{width:100%;height:45%;position:relative;border-bottom:3px solid white;padding-bottom:10px;margin-top:10px;box-sizing:border-box}.Dashboard .Customers .HeaderTitle{width:fit-content;padding:1px 10px;margin-left:auto;transform:translateY(-10px)}.Dashboard .Customers img{position:absolute;left:50%;top:33%;width:200px;transform:translate(-50%)}.Dashboard .Customers .Customer{position:absolute;font-family:Mohave;font-style:italic;color:#fff;font-size:18px;font-weight:700;transform:translate(-50%);width:200px;display:flex;justify-content:center;align-items:center}.Dashboard .Hype{width:40%;border-right:3px solid white;box-sizing:border-box;height:100%}.Dashboard .Hype .Container{width:100%}.Dashboard .Hype .Container .Label{margin-top:20px}.Dashboard .Hires{width:60%}.Dashboard .Hires .Container{width:100%}.Dashboard .Hires .Container img{width:200px}.Dashboard .Hires .Container .Label{margin-top:10px}.Dashboard .MiniLogo{position:absolute;right:0;bottom:0;display:flex}.Dashboard .UserSelector{width:30px;height:30px;background-color:#d4062a;box-sizing:border-box;padding:3px;display:flex;margin-left:20px;cursor:pointer}.Dashboard .UserSelector img{width:100%;height:100%}.Dashboard.SuperAdmin .Header{width:calc(65vw + 1px)}.Dashboard.SuperAdmin .Top{height:77%}.Dashboard.SuperAdmin .Top .CashFlow,.Dashboard.SuperAdmin .Top .Accounts{width:50%;margin-right:auto}.Dashboard.SuperAdmin .Top .CashFlowChart,.Dashboard.SuperAdmin .Top .AccountsChart{width:95%}.Dashboard.SuperAdmin .Bottom{height:23%}.Dashboard.SuperAdmin .BottomLeft{width:100%;border:0}.Dashboard.SuperAdmin .Bottom .Customers{height:100%;padding:0;width:40%}.Dashboard.SuperAdmin .Bottom .Customers .HeaderTitle{padding:0 10px}.Dashboard.SuperAdmin .Bottom .BottomRight{display:flex;flex-direction:column}.Dashboard.SuperAdmin .Bottom .BottomRight .HeaderTitle{position:initial}.Dashboard.SuperAdmin .Bottom .ProjectRequestChart{border-left:1px solid white;flex:1 1 auto}.Dashboard.SuperAdmin .Bottom .AdminLoanContainer{width:calc(25% - 2px);display:flex;flex-direction:column;border-left:1px solid white;align-items:center;gap:20px}.Dashboard.SuperAdmin .Bottom .AdminLoanContainer img{max-width:100px}.Dashboard.SuperAdmin .Bottom .AdminLoanContainer .ValueLabel{font-family:Mohave;font-size:14px;font-style:italic;font-weight:700;color:#fff;text-align:center;display:flex;align-items:center}.Dashboard.SuperAdmin .Bottom .AdminLoanContainer .HeaderTitle{width:100%}.Dashboard.SuperAdmin .Bottom .BottomRight{width:35%}.Dashboard.SuperAdmin .Bottom .BottomRight .PieLabel text{font-size:16px}.Dashboard .Global .Chart{width:90%}@media (max-width: 1600px){body *{border-width:2px!important}body .MiniLogo img{width:40px}body .Dashboard.SuperAdmin .Chart{height:300px}body .Dashboard.SuperAdmin .Right .Top{height:70%!important}body .Dashboard.SuperAdmin .Right .Bottom{height:30%!important}body .Dashboard.SuperAdmin .Customers img{width:200px}body .Dashboard .recharts-legend-item-text{font-size:15px}body .Dashboard .Chart ul li{width:calc(100% - 10px);margin-left:10px}body .Dashboard .Accounts,body .Dashboard .CashFlow{padding-top:25px!important}body .Dashboard .white,body .Dashboard .blue,body .Dashboard .lightBlue,body .Dashboard .primary tspan{font-size:14px}body .Dashboard .HeaderTitle{font-size:20px!important;line-height:25px}body .Dashboard .Global .HeaderTitle{padding:3px 10px!important}body .Dashboard .OfTheMonth{min-height:150px}body .Dashboard .Container .Label{font-size:15px}body .Dashboard .Container img{width:70px;margin:0 auto}body .Dashboard .Container .Value{font-size:10px;height:35px}body .Dashboard:not(.SuperAdmin) .Global{max-height:calc(100% - 158px)!important}body .Dashboard:not(.SuperAdmin) .Global .Chart{height:300px}body .Dashboard:not(.SuperAdmin) .CashFlow{padding-top:0!important}body .Dashboard:not(.SuperAdmin) .CashFlow .recharts-legend-wrapper{right:0px!important;top:30px!important}body .Dashboard:not(.SuperAdmin) .Customers .Customer{left:50%}body .Dashboard:not(.SuperAdmin) .Customers img{width:200px}body .Dashboard:not(.SuperAdmin) .BottomLeft .Hype img,body .Dashboard:not(.SuperAdmin) .BottomLeft .Hires img{height:60px;width:auto}body .Dashboard:not(.SuperAdmin) .SideOfTheMonth .HeaderTitle{width:100%}body .Dashboard:not(.SuperAdmin) .BottomRight{display:flex;flex-direction:column}body .Dashboard:not(.SuperAdmin) .BottomRight .HeaderTitle .Main{font-size:25px!important;padding-top:2px}body .Dashboard:not(.SuperAdmin) .ProjectRequestChart{height:75%;margin-top:auto;display:flex;justify-content:center;align-items:center}body .Dashboard:not(.SuperAdmin) .ProjectRequestChart .recharts-responsive-container{max-height:75%}body .Dashboard:not(.SuperAdmin) .ProjectRequestChart .recharts-wrapper{max-height:75%!important}}@media (max-width: 1300px){body #root .HeaderTitle{font-size:15px!important;line-height:18px!important}body #root .HeaderTitle .Main{font-size:15px!important}body #root .Container .Label{font-size:11px!important;line-height:14px!important}body #root .Dashboard .SideOfTheMonth .HeaderTitle{height:60px!important}body #root .recharts-legend-item-text{font-size:12px}body #root .ValueLabel{font-size:10px!important;line-height:14px!important}body #root .Dashboard .recharts-label-list,body #root .Dashboard .recharts-cartesian-axis-ticks text tspan{font-size:12px!important;line-height:14px!important}body #root .Title .Selector .MuiInputBase-root{width:120px!important}body #root .Customer{font-size:13px!important}body #root .recharts-legend-wrapper{width:100%!important}.Modale *{font-size:15px!important}}.Manage{height:100%;display:flex;position:relative}.Manage label{font-size:17px!important;background-color:#787878;color:#fff!important;width:fit-content;padding:0 3px}.Manage .HeaderDate{font-family:Mohave;color:#d4062a;font-weight:700;font-size:30px;display:flex;gap:5px}.Manage .Left{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:322px;height:calc(100% - 20px)}.Manage .Left p{max-width:100%;padding:3px;border:1px solid #d4062a;color:#d4062a;margin:0}.Manage .Left .Bottom{margin-top:auto;gap:10px;display:flex;flex-direction:column}.Manage .Left .Bottom img{width:40px}.Manage .Warning{color:#fff;font-size:19px;text-align:center;display:flex;justify-content:center;align-items:center;text-decoration:underline}.Manage .MuiDateCalendar-root{background-color:#555;border:1px solid white;color:#fff}.Manage .MuiPickersCalendarHeader-root{position:relative}.Manage .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer{z-index:1}.Manage .MuiPickersCalendarHeader-root:before{background-color:#d4062a;position:absolute;left:0;top:-50%;width:100%;height:175%;content:""}.Manage .Form{width:calc(100% - 380px);max-width:calc(100% - 380px);margin-left:380px;display:flex;justify-content:start;flex-direction:column;align-items:start;overflow:hidden auto;gap:10px;padding:10px}.Manage .Form h2{color:#d4062a}.Manage .Line{display:flex;gap:15px;flex-wrap:wrap}.Manage .Custom .MuiInputBase-root{background-color:transparent;border:1px solid white;margin:10px 0;color:#fff;height:42px;border-radius:0;padding:5px}.Manage .Custom .MuiInputBase-root input{padding:0;height:42px;border-radius:0}.Manage .Custom .MuiInputBase-root input:focus-visible,.Manage .Custom .MuiInputBase-root input :active,.Manage .Custom .MuiInputBase-root input :focus{outline:none}.Manage .Custom .Mui-focused{border:1px solid white;outline:0}.Manage .Custom label{color:#d4062a;font-family:Mohave;clip-path:clipPath(10px);font-size:15px;align-items:center;display:flex}.Manage .Custom label svg{width:20px;height:20px;margin-left:5px}.Manage .Tags{position:relative;width:100%}.Manage .Tags .ReactTags__tagInput{margin-right:80px}.Manage .TagsContainer{display:flex;align-items:center;gap:10px;width:100%;max-width:100%}.Manage .TagsContainer .Tag{border:1px solid #d4062a;color:#fff;padding:5px 10px;margin-bottom:5px;display:flex;align-items:center;white-space:nobreak;flex:0 0 auto}.Manage .TagsContainer .Tag .RemoveTag{background-color:transparent;outline:none;border:1px solid white;color:#fff;margin-left:10px;cursor:pointer;width:20px;height:20px;display:flex;justify-content:center}.Manage .TagsContainer .ReactTags__selected{display:flex;align-items:center}.Manage .TagsListContainer{display:flex;width:100%;overflow:auto;gap:10px;width:calc(100% - 360px)}.Manage .LoanDate{position:relative}.Manage .LoanDate .MuiOutlinedInput-root{padding-right:35px;box-sizing:border-box;width:240px}.Manage .LoanDate svg{fill:#fff}.Manage .LoanDate .ClearDate{position:absolute;z-index:10;top:42px;right:5px;cursor:pointer}@media (max-width: 1300px){body #root .ButtonComponent{scale:.8}.Modale *{font-size:15px!important}}.Loader-loader{width:300px;height:200px;display:flex;align-items:center}.Loader-loaderElement{position:relative;width:40px;height:40px;margin:auto;display:flex}.Loader-loaderElement:after{transform-origin:center;display:flex;content:"";margin:auto;width:25px;height:25px;background:#e5e5e5;animation:loaderAnimation infinite .5s alternate forwards;clip-path:clipPath(6px)}.Loader-loaderContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.Loader-loaderElement:nth-child(1):after{animation-delay:.125s}.Loader-loaderElement:nth-child(2):after{animation-delay:.25s}.Loader-loaderElement:nth-child(3):after{animation-delay:.375s}.Loader-loaderElement:nth-child(4):after{animation-delay:.5s}@keyframes loaderAnimation{0%{width:25px;height:25px}to{width:35px;height:35px}}body{margin:0;font-family:Mohave;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#38373c;overflow:overlay}body *{font-family:DM Sans,sans-serif}body *::-webkit-scrollbar{width:9px;height:9px}body *::-webkit-scrollbar-track{background-color:#292929}body *::-webkit-scrollbar-thumb{border-radius:0;background-color:#d4062a}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-thumb{border-radius:10px;background-color:#969696}#root{width:100vw;height:100vh;overflow:hidden}.main{min-height:100%}.content{width:100vw;height:100vh}.main-list{background:#de3d2b}.button{padding:15px;font-weight:400;font-size:17px;color:#377d6a;background:#efefef;border:0;border-radius:3px;box-sizing:border-box;outline:0;transition:all .3s ease-in-out;line-height:1.15;min-width:150px;cursor:pointer}.SnackbarItem-contentRoot{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;border-radius:0!important;clip-path:clipPath(10px);background-color:#d4062a!important;position:relative}.SnackbarItem-contentRoot>*{z-index:1}.SnackbarItem-contentRoot:after{content:"";width:calc(100% - 2px);left:1px;height:calc(100% - 2px);top:1px;clip-path:clipPath(10px);position:absolute;background-color:#161827}.MuiPaper-root{background-color:#38373c!important;border:1px solid white;color:#fff!important}.MuiPaper-root .ChangePass .ButtonComponent{margin:10px auto auto}a{text-decoration:none;color:inherit}body{font-size:17px}