.App{align-content:start;box-shadow:0 0 25px #ddd;color:#666;font-family:Arial,sans-serif;grid-template-rows:auto auto 1fr;height:100vh;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:min(500px,100vw)}.App .Header{align-items:center;background-image:linear-gradient(90deg,#063c39,#0c827c,#063c39);color:#fff;gap:15px;grid-template-columns:auto 1fr;padding:15px 25px;z-index:50}.App .Header .headerTitle{font-size:18px;text-align:center;text-shadow:1px 1px 2px #000}.App .Header .profilBtn{cursor:pointer;z-index:0}.App .PageContent{background-color:#fff;height:calc(100% - 1px);overflow-y:auto;z-index:100}.Summary{grid-template-rows:auto 1fr;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:5}.Summary-header{background-color:#0c827c;background-image:linear-gradient(90deg,#032523,#0c827c,#032523);color:#fff;grid-template-columns:auto 1fr;padding:15px;text-align:center;text-shadow:2px 2px 2px #000}.Summary-header .Summary-icon{cursor:pointer}.Summary-main{place-items:center}.Summary-main .expense-stats{grid-gap:5px;background-color:#000;box-shadow:0 15px 15px -10px #aaa;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);width:100%}.Summary-main .expense-stats .expense-card{color:#fff;gap:10px;justify-items:center;padding:10px;text-align:center}.Summary-main .expense-stats .expense-card:not(:last-child){border-right:1px solid #ccc}.Summary-main .expense-stats .expense-card span{color:#fff;font-size:11px;white-space:nowrap}.Summary-main .expense-stats .expense-card p{font-size:13px;font-weight:700}.Summary-main .expense-stats .daily{color:orange}.Summary-main .expense-stats .error{color:red;font-size:1rem}.Footer{background-color:#fff;bottom:0;box-shadow:0 -5px 5px -5px #ccc,0 5px 5px -5px #ccc;grid-template-columns:repeat(4,1fr);position:fixed;width:100%;z-index:500}.Footer .MenuBtn{grid-gap:5px;align-items:center;background-color:#fff;cursor:pointer;display:grid;gap:5px;justify-items:center;padding:6px 10px;position:relative;white-space:nowrap}.Footer .MenuBtn.actif{box-shadow:0 -15px 15px -15px #0c827c;color:#0c827c}.Footer .MenuBtn.actif:before{background-color:#0c827c;content:"";display:none;height:4px;left:0;position:absolute;top:-5%;width:100%}.Footer .MenuBtn .icons{font-size:17px}.Footer .MenuBtn span{font-size:8.5px}.Main{animation:fadeIn .5s ease-in-out;gap:10px;grid-template-rows:auto 1fr auto;justify-items:center;overflow:hidden;position:absolute;top:100px;top:140px;width:100%}.Main *{color:#666;font-size:13px}.Main .main-title{color:#0c827c;font-size:22px;height:-webkit-max-content;height:max-content;text-align:center}.Main .Form{grid-gap:25px;align-content:start;background-color:#fff;border-radius:8px;display:grid;gap:25px;grid-template-columns:1fr;height:100%;max-width:max(90%,360px);overflow-y:auto;padding:25px;width:100%}.Main .Form .form-group{align-items:center;gap:10px 15px}.Main .Form .form-group:first-child{gap:25px;grid-template-columns:auto 1fr}.Main .Form .form-group:first-child input{text-align:center}.Main .Form .form-group:nth-child(4){grid-template-columns:auto 1fr}.Main .Form .myButton{width:120px!important}.Main .Form .message_main{font-size:12px;height:25px;text-align:center}.Main .Form .message_main.error{color:red}.Main .Form .message_main.succes{color:green}.custom-select-wrapper{align-content:start;font-family:Arial,sans-serif;font-size:15px;position:relative}.custom-select-wrapper .select-header{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#0c827c;cursor:pointer;font-weight:700;gap:10px;grid-template-columns:1fr auto;justify-content:space-between;overflow:hidden;padding:7px 10px;white-space:nowrap;width:inherit}.custom-select-wrapper .select-header .select-text{overflow:hidden;text-overflow:ellipsis}.custom-select-wrapper .select-header .arrow{font-size:12px}.custom-select-wrapper .select-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 0 15px #cfcfcf;grid-template-rows:auto 1fr;left:0;max-height:250px;overflow:hidden;position:absolute;right:0;top:45px;z-index:1000}.custom-select-wrapper .select-dropdown .search-zone{align-items:center;border:1px solid #ccc;border-radius:25px;gap:10px;grid-template-columns:auto 1fr;margin:10px;padding:2px 10px 2px 7px}.custom-select-wrapper .select-dropdown .search-zone .search-input{border:none;width:100%}.custom-select-wrapper .select-dropdown .options-list{border-top:1px solid #ccc;list-style:none;overflow:hidden;overflow-y:auto;padding:10px 5px}.custom-select-wrapper .select-dropdown .options-list *{white-space:nowrap}.custom-select-wrapper .select-dropdown .options-list .option{cursor:pointer;padding:8px 10px}.custom-select-wrapper .select-dropdown .options-list .option.active{background-color:#0e62b5;color:#fff}.custom-select-wrapper .select-dropdown .options-list .option:hover:not(.active){background-color:#f0f0f0}.custom-select-wrapper .select-dropdown .options-list .no-options{color:#666;padding:8px 10px}.Categorie{grid-template-rows:auto 1fr auto;overflow:hidden;width:100%}.Categorie.fadeIn{animation:fadeIn .3s ease-in-out}.Categorie.fadeOut{animation:fadeOut .3s ease-in-out}.Categorie .title_zone{position:relative}.Categorie .title_zone .title{color:#0c827c;font-size:18px;font-weight:700;justify-self:left;padding:25px;text-align:left;width:100%}.Categorie .title_zone .add_icon{color:#0c827c;cursor:pointer;font-size:35px;position:absolute;right:15px;top:15px}.Categorie .CategorieList{grid-template-rows:auto 1fr}.Categorie .CategorieList .listHeader,.Categorie .CategorieList .rowList{align-items:center;background-color:#34414d;color:#fff;gap:10px;grid-template-columns:70px 120px 1fr 90px;width:100%}.Categorie .CategorieList .listHeader .colHead,.Categorie .CategorieList .rowList .colHead{font-size:12px;height:100%;padding:5px 10px}.StatCategorie,.StatPeriode{animation:fadeIn .5s ease-in-out;padding:25px}.ExpDetail{align-content:start;animation:fadeIn .5s ease-in-out;gap:10px;grid-template-rows:auto 1fr;height:100%;overflow:hidden;padding-bottom:15px;width:100%}.ExpDetail .header{box-shadow:0 12px 12px -12px #ccc;padding:10px 15px}.ExpDetail .header .title{color:#0c827c;padding:10px;width:100%}.ExpDetail .header .periodeZone{gap:10px;grid-template-columns:1fr 1fr;justify-items:center}.ExpDetail .header .periodeZone .gr_data{align-items:center;font-size:12px;gap:7px;grid-auto-flow:column;justify-items:center}.ExpDetail .header .periodeZone .gr_data label{font-weight:700}.ExpDetail .header .periodeZone .gr_data input{font-size:12px;text-align:center}.ExpDetail .main{grid-template-rows:auto 1fr;height:100%;overflow:hidden;padding:10px}.ExpDetail .main .listBody{align-content:start;background-color:#fff;font-size:12px;gap:15px;height:calc(100vh - 270px);overflow-y:auto}.ExpDetail .main .listBody .dateGroup .dateLib{align-items:center;color:#0c827c;font-weight:700;grid-template-columns:1fr 50px;padding:5px 15px 5px 10px}.ExpDetail .main .listBody .dateGroup .dateLib .colTotal{text-align:right}.ExpDetail .main .listBody .dateGroup .dataRow{align-items:center;border-bottom:1px dotted #ddd;gap:5px;padding:7px 15px 7px 25px}.ExpDetail .main .listBody .dateGroup .dataRow .lig{grid-template-columns:1fr 50px}.ExpDetail .main .listBody .dateGroup .dataRow .lig .colAmount{font-weight:700;text-align:right}.ExpDetail .main .listBody .dateGroup .dataRow .category{font-size:11px;font-weight:700;text-transform:uppercase}@keyframes slideRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.modal_profil{background-color:rgba(0,0,0,.612);height:100vh;position:fixed;width:100vw;z-index:200}.modal_profil.fadeIn{animation:fadeIn .5s ease-in-out}.modal_profil.fadeIn .profilPage{animation:slideRight .7s}.modal_profil.fadeOut{animation:fadeOut 1.2s ease-in-out}.modal_profil.fadeOut .profilPage{animation:slideLeft .5s}.modal_profil .profilPage{background-color:#fff;box-shadow:12px 0 12px -12px #222;grid-template-rows:auto 1fr;height:100%;max-width:360px;position:relative}.modal_profil .profilPage .closeBtn{color:#fff;cursor:pointer;position:absolute;right:25px;top:15px;z-index:10}.modal_profil .profilPage .title{background-color:#08534f;color:#fff;font-size:25px;padding:10px 25px;text-align:center}.modal_profil .profilPage .profilContent{gap:15px;grid-template-rows:1fr auto;justify-items:center;padding:25px 25px 50px}.modal_profil .profilPage .profilContent .btnLogOut{grid-gap:10px;align-items:center;background-color:#fff;border:1px solid red;border-radius:25px;color:red;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto 1fr;height:-webkit-max-content;height:max-content;padding:10px 25px;width:-webkit-max-content;width:max-content}.modal_profil .profilPage .profilContent .btnLogOut:hover{background-color:red;border-color:#fff;color:#fff;transition:all .3s ease-in-out}.modal_profil .profilPage .profilContent .copyrights{color:#0c827c;font-size:10px;font-weight:700;text-align:center}*{border:none;box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-family:Arial Narrow,Arial,sans-serif;font-family:Poppins;margin:0;outline:none;padding:0}div,footer,header,main,nav,section{display:grid}input,select,textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}input:focus,select:focus,textarea:focus{border-color:#0c827c}input[type=number]{text-align:right}textarea{height:50px;resize:none}.myButton{background-color:#0c827c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;height:32px;justify-self:center;width:80px}.myButton:hover{background-color:#08534f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes scaleOut{0%{opacity:1;scale:1}to{opacity:0;scale:0}}.requis{position:relative;width:-webkit-max-content;width:max-content}.requis:after{color:red;content:"*";position:absolute;right:-10px;top:-5px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}.categoriePage{align-content:start;background-color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(100%);width:100%;z-index:500}.categoriePage.slideIn{animation:slideIn .5s ease-in-out forwards}.categoriePage.slideOut{animation:slideOut .5s ease-in-out forwards}.categoriePage .close_icon{color:#fff;cursor:pointer;font-size:22px;position:absolute;right:15px;top:15px}.categoriePage .title{background-color:#0c827c;color:#fff;font-size:18px;font-weight:700;padding:15px 25px;text-align:left;width:100%}.categoriePage .modal_form{grid-gap:25px;display:grid;gap:25px;justify-items:center;justify-self:center;padding:25px 15px;width:90%}.categoriePage .modal_form .form-group{align-content:center;gap:10px;width:100%}.categoriePage .modal_form .form-group input,.categoriePage .modal_form .form-group select{max-width:250px}.categoriePage .modal_form .buttonList{grid-auto-flow:column;justify-content:space-between;padding:10px 25px;width:100%}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.8d922048.css.map*/