@import url(https://fonts.googleapis.com/css?family=Anton&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.marge .tab-header{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.marge .tab-header button{border:1px solid #3f75ff}.marge .tab-header button.active{background-color:#3f75ff;color:#fff}.marge .marge-content .marge-content-dates{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:10px}.marge .marge-content .marge-content-dates input[type=date]{border:1px solid #3f75ff;border-radius:5px;color:#3f75ff;font-size:1rem;outline:none;padding:10px}.marge .marge-content .marge-content-values{display:flex;flex-wrap:wrap;gap:1rem;margin-top:20px;padding:10px}.marge .marge-content .marge-content-values-rates{align-items:start;display:flex;flex-direction:column;gap:1rem;justify-content:left;padding:10px}.marge .marge-content .marge-content-values-rates div{display:flex;gap:1rem}.marge .marge-content .marge-content-values-rates .converted-price{width:100px}.marge .marge-content .marge-content-calculate{margin-top:30px}.marge .marge-content .marge-content-result{margin-top:50px}.marge .marge-content .marge-details{align-items:flex-start;display:flex;justify-content:space-around}.marge .marge-content .marge-details-tables{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;margin-bottom:50px;width:48%}.marge .marge-content .marge-details-tables div{display:flex;flex-direction:column;gap:50px;width:100%}.marge .marge-content .marge-details-tables div th{background-color:#3d5a80;color:#fff;width:50%}.marge .marge-content .marge-details-tables div tr td{font-size:18px}.marge .marge-content .marge-details-tables div tr td.table-depenses-calcul{font-size:13px}.marge .marge-content .marge-details-tables div .table-depenses thead th,.marge .marge-content .marge-details-tables div .table-infos thead th{width:33%}.marge .marge-content .marge-details-tables div .table-depenses tbody tr:first-child{border-bottom:2px solid #000}@media (min-width:1200px){.marge .marge-content .marge-details-tables div.marge-details-tables{width:70%}}@media (max-width:1200px){.marge .marge-content .marge-details-tables div.marge-details-tables{width:90%}}.marge .marge-content .marge-content-history-details{display:flex;gap:30px;margin-bottom:50px;overflow:auto;padding:30px 30px 15px}.marge .marge-content .marge-content-history-details .mui-card{position:relative}.marge .marge-content .marge-content-history-details .mui-card.active{background-color:#3f75ff;color:#fff}.marge .marge-content .marge-content-history-details .mui-card.active .mui-typography{color:#fff}.marge .marge-content .marge-content-history-details .mui-card.active .mui-button{border:1px solid #fff;color:#fff}.marge .marge-content .marge-content-history-details .mui-card .mui-button{margin-left:0}.marge .marge-content .marge-content-history-details .mui-card .deleteItem{cursor:pointer;position:absolute;right:12px;top:16px}.marge .marge-content .marge-content-history-details div{display:flex;flex-direction:column;gap:30px}.navbar{background-color:#fff;box-shadow:0 .15rem 1.75rem rgba(33,40,50,.149);justify-content:space-between;padding:0 40px 0 12px}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{justify-content:center;text-align:center;width:200px}.navbar .nav,.navbar .nav .searchbar{display:flex;justify-content:space-between}.navbar .nav .searchbar{align-items:center;background-color:#eef2f8;border-radius:16px;gap:12px;padding:12px 24px}.navbar .nav .searchbar:focus-within{background:#fff}.navbar .nav .searchbar input{background-color:transparent;border:none;width:100%}.navbar .nav .searchbar input:focus{outline:none}.navbar .nav .searchbar img{width:20px}.navbar .nav .menu ul{display:flex;gap:30px;justify-content:space-between;list-style:none}.navbar .nav .menu ul li a img{width:20px}.sidebar{background-color:#fff;box-shadow:.15rem 0 1.75rem rgba(33,40,50,.149)!important}.sidebar,.sidebar .menu{display:flex;flex-direction:column}.sidebar .menu{height:-webkit-fill-available;justify-content:space-between;padding-top:20px}.sidebar .menu .right-arrow{width:10px}.sidebar .menu .icon{margin-right:8px;width:20px}.sidebar .menu div.ul.main-sidemenu{display:flex;flex-direction:column;gap:8px}.sidebar .menu div.ul.secondary-sidemenu{margin-top:8px}.sidebar .menu div.ul.secondary-sidemenu a:hover div{background-color:hsla(0,0%,76%,.717)}.sidebar .menu div.ul.secondary-sidemenu a.active div{background-color:#ff8c00;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;font-weight:600}.sidebar .menu div.ul a{background-color:#fff;color:#000;line-height:32px;text-decoration:none}.sidebar .menu div.ul div.li{margin-top:16px;text-align:left}.sidebar .menu div.ul div.li .item{align-items:center;display:flex;gap:8px;padding-left:12px}.sidebar .menu div.ul div.li .item .title{display:flex}.sidebar .menu div.ul div.li .item.secondary-item{padding-left:42px}.sidebar .menu .logout{cursor:pointer}.UserLayout{display:grid;grid-template-areas:"navbar navbar" "sidebar main";grid-template-columns:220px 4fr;grid-template-rows:76px 1fr}.UserLayout .sidebar{grid-area:sidebar;height:calc(100vh - 76px)}.UserLayout .navbar{grid-area:navbar}.UserLayout .main{background-color:#f5f5f5;grid-area:main;height:calc(100vh - 76px);overflow-y:auto}.main h1{font-size:1.2rem}.main .indicators-individual-vb-content-charts{display:flex}.main .indicators-individual-vb-content-charts div{display:flex;gap:50px;padding:20px;width:50%}.main .indicators-individual-vb-content-charts div canvas{background-color:#fff;padding:20px}.main .indicators-individual-vb-content-table{padding:20px}.main .indicators-individual-vb-content-table th{background-color:#3d5a80;color:#fff}.main .indicators-individual-vb-content-dates{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:10px}.main .indicators-individual-vb-content-dates input[type=date]{border:1px solid #3f75ff;border-radius:5px;color:#3f75ff;font-size:1rem;outline:none;padding:10px}.main-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:15px}.main-content{margin-top:40px;padding:40px}.main-content tr.total-row{border-left:1px solid #000}.main-content tr.grand-total-row td{color:#fff;font-weight:700}.main-content tr.empty-row{background-color:#f5f5f5}.main-content .detail-points{font-size:12px}.main-charts{background-color:#fff;border-radius:12px;margin:0 20px 20px;padding:40px 20px}.main-charts .main-charts-top{display:flex;flex-wrap:wrap;gap:80px;justify-content:center}.main-charts .main-charts-top .main-charts-total .chart{position:relative;width:150px}.main-charts .main-charts-top .main-charts-total .totalProgress{font-size:24px;font-weight:700;left:50%;position:absolute;top:61%;transform:translate(-50%,-50%)}.main-charts .main-charts-top .main-charts-profiles{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.main-charts .main-charts-top .main-charts-profiles .chart{position:relative;width:120px}.main-charts .main-charts-top .main-charts-profiles .totalProgress{font-size:24px;font-weight:700;left:50%;position:absolute;top:67%;transform:translate(-50%,-50%)}.main-charts .main-charts-bottom{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:50px;row-gap:30px}.main-charts .main-charts-bottom .chart{position:relative;width:100px}.main-charts .main-charts-bottom .chart span.chart-title{font-size:14px;font-weight:700;margin-bottom:10px}.main-charts .main-charts-bottom .chart .totalProgress{bottom:16px;font-size:20px;font-weight:700;left:52%;position:absolute;transform:translate(-50%,-50%)}.login{align-items:center;height:100vh;justify-content:center}.login,.login .login-bloc{display:flex;flex-direction:column}.login .login-bloc{background-color:#fbfbfb;border-radius:6px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);color:#000;padding:40px;width:fit-content}.login .login-bloc h1{color:#3f75ff;font-size:24px;font-weight:700;margin-bottom:40px;margin-top:0;position:relative;text-align:center;text-decoration:underline;text-transform:capitalize;-webkit-box-reflect:below -20px linear-gradient(transparent,rgba(0,0,0,.2))}.login .login-bloc h1 span{animation:waviy 3s infinite;animation-delay:calc(.15s*var(--i));display:inline-block;position:relative}.login .login-bloc h1 span:first-child{--i:1}.login .login-bloc h1 span:nth-child(2){--i:2}.login .login-bloc h1 span:nth-child(3){--i:3}.login .login-bloc h1 span:nth-child(4){--i:4}.login .login-bloc h1 span:nth-child(5){--i:5}.login .login-bloc h1 span:nth-child(6){--i:6}.login .login-bloc h1 span:nth-child(7){--i:7}.login .login-bloc h1 span:nth-child(8){--i:8}.login .login-bloc h1 span:nth-child(9){--i:9}.login .login-bloc h1 span:nth-child(10){--i:10}.login .login-bloc h1 span:nth-child(11){--i:11}.login .login-bloc h1 span:nth-child(12){--i:12}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-8px)}}.login .login-bloc form{gap:40px}.login .login-bloc form,.login .login-bloc form div{display:flex;flex-direction:column}.login .login-bloc form div label{display:block;font-size:16px;font-weight:500}.login .login-bloc form div input{border:none;border-bottom:2px solid rgba(65,141,255,.51);border-radius:3px;display:block;font-size:14px;font-weight:300;height:30px;padding:4px 8px;width:300px}.login .login-bloc form div input:focus{outline:none}.login .login-bloc form div input:focus,.login .login-bloc form div input:hover{border-bottom:2px solid rgba(65,141,255,.973)}.login .login-bloc form button{background-color:#418dff;border:2px solid #418dff;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:30px;overflow:hidden;padding:16px 0;position:relative;text-transform:uppercase;transition:.5s;width:100%;z-index:1}.login .login-bloc form button:active{transform:translateY(2px) scale(1.2)}.login .login-bloc form button:hover{color:#3685fc}.login .login-bloc form button:hover span{transform:translateY(0) scale(2)}.login .login-bloc form button span{background-color:#fff;border-radius:50%;height:100%;left:calc((var(--n) - 1)*25%);position:absolute;transform:translateY(150%);transition:.6s;transition-delay:calc((var(--n) - 1)*.1s);width:25%;z-index:-1}.login .login-bloc form button span:first-child{--n:1}.login .login-bloc form button span:nth-child(2){--n:2}.login .login-bloc form button span:nth-child(3){--n:3}.login .login-bloc form button span:nth-child(4){--n:4}.login .login-bloc form button:disabled{background-color:red;cursor:not-allowed}.login .login-bloc .login-bloc-footer .login-bloc-footer-link{color:#3f75ff;cursor:pointer;font-size:14px;font-weight:500;margin-left:5px;margin-top:20px;text-decoration:none;user-select:none}