@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.navbar .links li{text-align:center}.navbar .links li a{font-family:Poppins,sans-serif;color:#006f77;font-weight:500;text-decoration:none;font-size:20px}.logoHome{font-family:Poppins,sans-serif;font-size:12px}.logoHome .accroche{font-weight:200;font-style:italic}.formParticipant,.formDrinks{font-family:Poppins,sans-serif;color:#006f77;font-weight:600}.labelPart input,.labelDrinks input,.labelPartNumber input{font-family:Poppins,sans-serif;color:#006f77;font-weight:400}.participantButtonsValidate,.participantButtonValidate{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:#fff}.participantButtonsValidate .check,.participantButtonValidate .check,.backToDrinks .drinkIcon{color:#fff;font-size:20px}.deletePool{display:flex;color:#fff;font-family:Poppins,sans-serif;font-weight:400}.deletePool .trash{color:#fff;font-size:20px}.errorList{font-family:Poppins,sans-serif;color:#fff;font-weight:400;font-size:14px;margin:4vh 2vh}.errorList h2 a{color:#ffd900}.validateDrink{font-family:Poppins,sans-serif;color:#fff;font-weight:600;font-size:16px}.drinksPrice{font-family:Poppins,sans-serif;color:#fff;font-weight:400;line-height:.5;font-size:20px}.drinksPrice p{line-height:0}.drinksAmount,.remaining,.totalParticipant{font-family:Poppins,sans-serif;color:#fff;font-weight:400;line-height:0}.errorState{color:#ad3200;border-radius:5px;padding:0 2vw}.deleteConfirmation,.homeErrorMsg,.listConfig,.lessDrinks,.deleteDrink{font-family:Poppins,sans-serif;color:#fff;font-weight:400;font-size:16px}.homeErrorMsg{font-family:Poppins,sans-serif;color:#fff;font-weight:400;font-size:14px}.deleteConfirmation{text-align:center;font-family:Poppins,sans-serif;color:#006f77;font-weight:600}.displayDrink,.detailsDrink{font-family:Poppins,sans-serif;font-weight:400;color:#fff}.deleteOrNotDelete .cancel{color:#ad3200;font-size:20px}.deleteOrNotDelete .validateDelete{color:#fff;font-size:20px}.lessParticipants .minus,.lessMoney .minus{color:#006f77;font-size:18px}.moreParticipants .plus,.moreMoney .plus,.moreDrinks .plus,.participantButtons .plus{color:#ad3200;font-size:18px}.drinkQuantity{border:1.5px solid rgb(0,111,119);border-radius:15px;padding:.5vh 7vh;font-family:Poppins,sans-serif;font-weight:400;color:#fff}.createDrink{color:#ad3200;font-size:18px}.addAndCalculate{margin-top:2vh}.addAndCalculate .createNewDrink{color:#ad3200;font-size:14px;font-family:Poppins,sans-serif;font-weight:600}.calculatePool .validate{color:#00818a;font-size:14px;font-family:Poppins,sans-serif;font-weight:600}.errorDiv{color:#ad3200;font-size:14px;font-family:Poppins,sans-serif;font-weight:600}.back,.addNewParticipant{color:#ad3200;font-size:18px;font-family:Poppins,sans-serif;font-weight:600}.modifyNewParticipant{color:#fff;font-size:18px;font-family:Poppins,sans-serif;font-weight:600}table thead tr .name,table tbody tr .name{color:#fff;font-size:16px;font-family:Poppins,sans-serif;font-weight:600}table thead tr .numberUser,table thead tr .given,table tbody tr .numberUser,table tbody tr .given{color:#fff;font-size:16px;font-family:Poppins,sans-serif;font-weight:400}.title404{color:#ad3200;font-size:28px;font-family:Poppins,sans-serif;font-weight:600}.text404{color:#00818a;font-size:22px;font-family:Poppins,sans-serif;font-weight:600}.redirectHome{color:#fff;font-size:16px;font-family:Poppins,sans-serif;font-weight:400}.budgetPage .OrderPage{color:#fff;font-size:14px;font-family:Poppins,sans-serif;font-weight:600}.budgetPage .OrderPage .errorOrder{margin:4vh 2vh;color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:18px}.budgetPage .OrderPage .errorOrder a{color:#ffdd12}.budgetPage .OrderPage .orders .detailOrder{line-height:.4;color:#fff;font-size:14px;font-family:Poppins,sans-serif;font-weight:400}.errorDrink,.errorOrder,.errorOrderNoEvent{font-family:Poppins,sans-serif;color:#fff;font-weight:600;font-size:22px;margin:4vh 2vh}.errorDrink a,.errorOrder a,.errorOrderNoEvent a{color:#ffdd12}.buttonsAddByFive .addTo{font-family:Poppins,sans-serif;font-weight:500;font-size:14px}.addAmountParticipants{font-family:Poppins,sans-serif;font-weight:600;font-size:18px;color:#ad3200}.explainAddAmount{color:#006f77;font-family:Poppins,sans-serif;font-size:18px;margin-bottom:3vh}.about h3{font-family:Poppins,sans-serif;color:#fff;font-weight:400;font-size:16px;margin:4vh 2vh;line-height:1.9}.about h2{font-family:Poppins,sans-serif;color:#ffdd12;font-weight:500;font-size:20px;margin:4vh 2vh;line-height:2}.title{font-family:Poppins,sans-serif;color:#fff;font-weight:600;font-size:28px}.createBudget{position:absolute;left:50%;transform:translate(-50%,-50%);padding:5vw;background-color:#ffdd12;border:none;border-radius:15px;cursor:pointer;color:#ad3200;width:85%;height:12vh;font-size:26px}.icon-container{background-color:#fff;border-radius:100%;border:1px solid rgb(171,171,171);width:50px;height:50px}.icon-container .config-icon{font-size:25px;color:#ababab}.modalContent{display:flex;justify-content:center;align-items:center}.modalContent .closeModal{background-color:#fff;border-radius:100%;border:1px solid rgb(171,171,171);width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modalContent .closeModal .fa{pointer-events:auto;color:#ababab;padding:16px;border-radius:100%}.participantButtons{background-color:#ffdd12;border:none;cursor:pointer;border-radius:5px;padding:4vw}.participantButtonsValidate,.backToDrinks{padding:4vw 14vw;background-color:#006f77;border:none;border-radius:5px;cursor:pointer;width:100%;display:flex;gap:10%;align-items:center;justify-content:center}.participantButtonValidate{padding:4vw 14vw;background-color:#006f77;border:none;border-radius:5px;cursor:pointer;width:100%;display:flex;gap:10%}.deletePool{background-color:#004e53;border:none;cursor:pointer;border-radius:5px;padding:4vw;align-items:center;justify-content:center;gap:3%;width:100%}.deletePoolHome{background-color:#ffdd12;border:none;cursor:pointer;border-radius:5px;padding:4vw 14vw;align-items:center;justify-content:center;gap:3%;width:100%}.deletePoolHome .trash{color:#ad3200;font-size:20px}.back{background-color:#ffdd12;border:none;cursor:pointer;border-radius:50%;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;margin:2vh 0 0}.createParticipant{display:flex;justify-content:center;gap:5vw}.createParticipant .modifyNewParticipant{background-color:#006f77;border:none;cursor:pointer;border-radius:5px;padding:4vw 7vw;width:100%}.createParticipant .addNewParticipant{background-color:#ffdd12;border:none;cursor:pointer;border-radius:5px;padding:4vw 7vw;width:100%}.errorAddMoney{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:5%}.errorAddMoney .modifyNewParticipant{padding:2vh 7.08vw;background-color:#ad3200;border:none;border-radius:5px;color:#fff;flex:1;font-size:12px;margin:.7vh 2vw;font-weight:500;cursor:pointer}.errorAddMoney .addAmountParticipants{padding:2vh 1vw;background-color:#ad3200;border:none;border-radius:5px;color:#fff;flex:1;font-size:12px;font-weight:500;margin:.7vh 2vw;cursor:pointer}.lessDrinks,.deleteDrink{border-radius:5px;background-color:#006f77;cursor:pointer;border:none;display:flex;align-items:center;padding:0;justify-content:center}.lessDrinks .minus,.lessDrinks .trashDrink,.deleteDrink .minus,.deleteDrink .trashDrink{pointer-events:auto;padding:1vh;border-radius:100%}.moreDrinks{border-radius:5px;background-color:#ffdd12;border:none;padding:0;cursor:pointer}.moreDrinks .plus{pointer-events:auto;padding:1vh;border-radius:100%}.validate{display:flex;justify-content:center;align-items:center;gap:10%}.validate .validateDrink{display:flex;gap:10%;justify-content:center;align-items:center;padding:4vw 14vw;background-color:#006f77;border:none;border-radius:5px;cursor:pointer}button.validate.disabled{background-color:#ccc;cursor:not-allowed}.deleteOrNotDelete{display:flex;justify-content:center;align-items:center;gap:10vw;margin-top:10vw}.deleteOrNotDelete .cancel{background-color:#ffdd12;border:none;cursor:pointer;border-radius:5px;padding:4vw}.deleteOrNotDelete .validateDelete{padding:4vw;background-color:#006f77;border:none;border-radius:5px;cursor:pointer}.lessParticipants,.lessMoney{border-radius:5px;border:1.5px solid rgb(231,231,231);padding:0vh 1vh;cursor:pointer}.moreParticipants,.moreMoney{border-radius:5px;background-color:#ffdd12;border:none;padding:0vh 1vh;cursor:pointer}.moreParticipants:hover,.moreMoney:hover{background-color:#ffd900}.addAndCalculate{width:100%}.addAndCalculate .createNewDrink{border-radius:5px;background-color:#ffdd12;border:none;padding:2vh 2.5vh;cursor:pointer;width:100%}.addAndCalculate .createNewDrink:hover{background-color:#ffd900}.calculatePool .validate{padding:2vh 10vw;background-color:#fff;border:none;border-radius:5px;cursor:pointer}.createDrinkable{display:flex;justify-content:center}.createDrinkable .createDrink{padding:2vh 11vw;background-color:#ffdd12;border:none;border-radius:5px;cursor:pointer}.reorderButton{padding:2.5vw;background-color:#006f77;border:none;border-radius:5px;cursor:pointer;color:#fff}.buttonsAddByFive{display:flex;flex-direction:row;gap:5%;align-items:center;justify-content:center;margin:2vh 0;cursor:pointer}@media screen and (max-width: 320px){.buttonsAddByFive{gap:2%}}.buttonsAddByFive .addTo{flex-grow:1;width:100%;height:8vh;border-radius:10px;border:none;cursor:pointer}.buttonsAddByFive .addTo:hover,.buttonsAddByFive .selected{background-color:#006f77;color:#fff}.addAmountParticipants{display:flex;justify-content:center;align-items:center;width:90%;margin:4vh 3vh;padding:3vh 1vw;background-color:#ffdd12;border:none;border-radius:5px;cursor:pointer}.deleteParticipant{border:none;padding:1vh 2vw;background-color:inherit;color:#9f9f9f;font-size:16px;cursor:pointer}.modifyIndividualParticipant{background-color:#006f77;border:none;color:#fff;cursor:pointer}.addAndCalculate{display:flex;flex-direction:row;gap:5%}.labelDrinks{margin:0 0 3vh}.labelDrinks input{border-radius:5px;width:95%;height:4vh}.labelDrinks .inputNumber{-moz-appearance:textfield}.listOfDrinks{max-height:49dvh;overflow-y:auto;margin:4vh 0 0vh;background-color:#00464a;border-radius:15px}.listOfDrinks .setOfDrink{border-bottom:solid 1px rgb(0,111,119);margin:1vh 3vh 0}.listOfDrinks .setOfDrink:last-child{border-bottom:none}.listOfDrinks .setOfDrink .displayDrink{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20vw}.listOfDrinks .setOfDrink .displayDrink h2,.listOfDrinks .setOfDrink .displayDrink p{line-height:0}.listOfDrinks .setOfDrink .NumberOfDrinks{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.customDropdown{width:100%;border:1px solid rgb(231,231,231);border-radius:4px;padding:10px;background-color:#fff;z-index:1;max-height:200px;overflow-y:auto}.customDropdown option{padding:10px;cursor:pointer}.customDropdown option:hover{background-color:#006f77}.budgetPage .OrderPage{margin:2vh 2vw;height:60dvh}.budgetPage .OrderPage .orders{background-color:#00464a;padding:1vh 4vh;border-radius:15px}.budgetPage .OrderPage .orders .tableOrders:last-child .detailOrder{border-bottom:none}.budgetPage .OrderPage .orders .tableOrders .detailOrder{padding:0 2vh 2vh;border-bottom:solid 1px rgb(0,111,119)}.budgetPage .OrderPage .orders .tableOrders .detailOrder .listOrder,.budgetPage .OrderPage .orders .tableOrders .detailOrder .totalOrder{display:flex;flex-direction:row;justify-content:space-between}.budgetPage .OrderPage .orders .tableOrders .reorder{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-right:2vh}.budgetPage .poolBudgetPage{background-color:#006f77;border-radius:10px;position:fixed;bottom:0;right:0;left:0;margin:2vh}.poolRemaining{display:flex;flex-direction:row;justify-content:center;align-items:center}.poolRemaining .remaining{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5vw;padding:0 4vw;background-color:#00818a;border-radius:7px;width:26vw;height:4vh}.poolRemainingBudget{display:flex;flex-direction:row;justify-content:center;align-items:center;height:12vh}.poolRemainingBudget .remaining{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5vw;padding:0 4vw}.logoHome{display:flex;justify-content:center;align-items:center;height:60vh;flex-direction:column;color:#fff}.logoHome .ChoppinLogo{width:25vh}.homeErrorMsg{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:7vw 4vw}.homeErrorMsg .buttons{display:flex;flex-direction:row;gap:10vw}.events{display:flex;justify-content:center}.events .createEvent{background-color:#fff;margin-top:4vw;padding:5%;border-radius:15px;width:75%;border:10px solid rgb(233,233,233)}.events .createEvent .validateParticipant{display:flex;flex-direction:row;gap:5%;margin:5% 0}.events .createEvent .form{background-color:#f9f9f9;padding:4vw 2vh 2vw 2vh;margin-top:4vh;border-radius:10px;position:relative}.events .createEvent .form .deleteParticipant{position:absolute;top:0;right:0}.events .createEvent .form .labelPart{display:flex;flex-direction:column;margin:0 0 3vh}.events .createEvent .form .labelPart input{height:4vh;width:95%;border-radius:5px}.events .createEvent .form .labelPartNumber{display:flex;flex-direction:column;margin:0 0 3vh}.events .createEvent .form .labelPartNumber .number{display:flex;flex-direction:row;gap:2%}.events .createEvent .form .labelPartNumber .number input{height:4vh;width:95%;border-radius:5px}.events .createEvent .form .labelPartNumber .number .inputNumber::-webkit-inner-spin-button,.events .createEvent .form .labelPartNumber .number .inputNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.events .createEvent .form .labelPartNumber .number .inputNumber{-moz-appearance:textfield}.formNewPart .validateParticipant{display:flex;flex-direction:row;gap:5%;margin:5% 0}.formNewPart .formParticipant{background-color:#f9f9f9;padding:2vw;margin-top:5vh;border-radius:10px}.formNewPart .formParticipant .labelPart{display:flex;flex-direction:column;margin:0 0 3vh}.formNewPart .formParticipant .labelPart input{height:4vh;width:95%;border-radius:5px}.formNewPart .formParticipant:first-child{margin-top:2vh}.formNewPart .formParticipant .labelPartNumber{display:flex;flex-direction:column;margin:0 0 3vh}.formNewPart .formParticipant .labelPartNumber .number{display:flex;flex-direction:row;gap:2%}.formNewPart .formParticipant .labelPartNumber .number input{height:4vh;width:95%;border-radius:5px}.formNewPart .formParticipant .labelPartNumber .number .inputNumber::-webkit-inner-spin-button,.formNewPart .formParticipant .labelPartNumber .number .inputNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.formNewPart .formParticipant .labelPartNumber .number .inputNumber{-moz-appearance:textfield}body{background-color:#004e53;margin:2vh}.totalPool .bill{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:0;background-color:#006f77;border-radius:15px;margin:0 2vh 2vh;height:20vh}.totalPool .bill .drinksPool{display:flex;flex-direction:column;gap:2vh}.totalPool .bill .total{display:flex;flex-direction:column;justify-content:left;align-items:center;gap:2vh}.drinksPrice{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3vw}.drinksAmount,.totalParticipant{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5vw;padding:0 4vw;background-color:#00818a;border-radius:7px;width:26vw;height:4vh}.errorState{background-color:#ffdd12}.errorDiv{background-color:#ffdd12;border-radius:5px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:2vh}.listDrinkConfig{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header{height:12vh;border-radius:25px;display:flex;justify-content:center;align-items:center}.header .logoAndTitle{display:flex;flex-direction:row;justify-content:center;align-items:center}.header .logoAndTitle .ChoppinLogo{width:9vh;left:3.5vh;position:absolute}.header .burger-menu{position:absolute;right:8vw;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;z-index:10;transform:translate(0);transition:transform .3s ease-out}.header .burger-menu .burger{width:2rem;height:.25rem;background-color:#fff;transition:all .3s linear}.header .burger-menu.open .burger:nth-child(1){transform:rotate(45deg) translate(.51rem,.45rem);background-color:#006f77}.header .burger-menu.open .burger:nth-child(2){opacity:0}.header .burger-menu.open .burger:nth-child(3){transform:rotate(-45deg) translate(.5rem,-.48rem);background-color:#006f77}.navbar{display:flex;flex-direction:column;justify-content:space-between;z-index:10;align-items:center}.navbar .ChoppinLogoNav{width:11vh}.navbar .links{list-style:none;display:flex;flex-direction:column;gap:5vw;padding:0}.navbar .links li{padding-bottom:10px;border-bottom:1px rgb(231,231,231) solid}.navbar .links li:last-child{border-bottom:none}.config{list-style:none;padding:0;position:absolute;bottom:0;width:90%}.homepage{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:20vh}.homepage .logo{width:25vh}.charging{display:flex;align-items:center;justify-content:center}table{margin:5vw 0;border-collapse:collapse;border-spacing:0;width:100%}table thead tr,table tbody tr{display:flex;flex-direction:row;margin-bottom:2vw}table thead tr .name,table tbody tr .name{display:flex;flex:1;align-items:center;width:40vw;height:5vh}table thead tr .name:first-child,table tbody tr .name:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px;padding-left:2vh}table thead tr .numberUser,table thead tr .given,table tbody tr .numberUser,table tbody tr .given{flex:.5;display:flex;align-items:center;width:10vw}table thead tr .modify,table tbody tr .modify{flex:.5;display:flex;align-items:center}table thead tr .modify:last-child,table tbody tr .modify:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}table thead tr td,table tbody tr td{background-color:#006f77}.labelParticipants{margin:0 0 3vw}.labelParticipants input{border-radius:5px;border-color:#f6e0c5}.modifyDelete{display:flex;justify-content:end}