@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";#root{margin:0 auto}body{background-color:#f8f8f8;margin:0;padding:0;font-family:Montserrat,Helvetica,Arial,serif!important}.main-section{display:flex;overflow-y:auto}.content{transition:margin-left .5s;margin-top:30px;width:100%}.section{display:flex;flex-direction:column;margin:0 20px}.section h2{margin:0;padding:0;font-size:1.5em;font-weight:600}input,select{background-color:#fff!important}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header button{padding:10px 20px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1em;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer}.section-header button:hover{background-color:#4f3ff0}.section-container{margin:20px 0;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;height:70vh;overflow:hidden}.section-container input,select{font-family:Montserrat,sans-serif;font-weight:600;font-size:.9em;padding:10px}.section-container select option{font-size:1em}.list-filter{display:flex;justify-content:space-between;align-items:center;height:15%}.list-filter div{background-color:#fff;border:1px solid #bfbfbf;border-radius:5px;padding-left:5px}.list-filter input,.list-filter select{padding:10px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1em;color:#000;border-radius:5px;border:none}.list-filter select option{font-family:Montserrat,sans-serif}.list-filter span{font-size:1.1em;font-weight:600;margin-right:5px}.mobile-menu-icon{padding:5px;cursor:pointer;display:none!important;position:fixed;top:10px;left:10px;width:25px;height:25px;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0000001a}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#a7a5a5;border-radius:6px}::-webkit-scrollbar-track{background-color:initial;border-radius:6px}@media (max-width: 768px){.section-container{height:unset;min-height:70vh;width:95%;padding:10px}.list-filter{display:flex;flex-direction:column;height:unset}.list-filter div{width:90%;display:flex;align-items:center;margin-bottom:10px}.list-filter div select,.list-filter div input{flex:1;font-size:.9em}.list-filter span{font-size:.9em}.list-filter input{padding:5px;font-size:.9em}.content{margin-top:50px}.section{margin:0 10px}.section h2{font-size:1em}.section-header button{padding:10px;font-size:.8em;width:40%}.mobile-menu-icon{display:block!important}}.add-car-section{display:flex;flex-direction:column;align-items:center;height:100%;margin-top:20px}.add-car-section .add-car-section-row{width:90%}.add-car-section button{font-family:Montserrat,sans-serif;font-weight:600}.add-car-section span{font-family:Montserrat,sans-serif}.form-step{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}.form-row{display:flex;flex-direction:row;align-items:center;width:100%}.form-row div{width:32%;display:flex;flex-direction:column;margin-top:10px}.form-row label{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:5px}.form-row input,.form-row select{width:70%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1.2rem;color:#333}@media (max-width: 768px){.add-car-section .add-car-section-row{width:100%}}.sidebar{width:60px;height:100vh;transition:width .5s;background-color:#fff}.sidebar.open{width:200px}.toggle-btn{padding:10px;display:flex;justify-content:space-between}.toggle-btn img{width:50px;height:50px}.sidebar-items{padding:5px;margin:0}.sidebar-items .sidebar-item{display:flex;align-items:center;padding:10px;cursor:pointer;color:#000;border-radius:10px;margin-bottom:5px}.sidebar-items .sidebar-item .icon{margin-right:10px}.sidebar-item.active,.sidebar-item:hover{background-color:#695cfe;color:#fff}.sidebar-item.active .icon,.sidebar-item:hover .icon{color:#fff}.text{display:none}.sidebar.open .text{display:inline}.submenu{padding-left:20px}.submenu-item{padding:10px;cursor:pointer;color:#000;border-radius:10px;margin-bottom:5px}@media (max-width: 768px){.sidebar{display:none}}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;max-height:80%;padding:30px;background-color:#fff;border:none;border-radius:15px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;outline:none}.choose-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;padding:30px;background-color:#fff;border:none;border-radius:15px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;outline:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;padding:0;font-size:1.5em;font-weight:600}.modal-header button,.modal-btn button{padding:10px 20px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1em;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer}.modal-header button:hover,.modal-btn button:hover{background-color:#4f3ff0}.modal-btn{display:flex;justify-content:center;margin-top:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{margin-bottom:10px;font-size:1.2em;font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:10px;border-radius:5px;border:1px solid #000;font-family:Montserrat,sans-serif;font-size:1em;font-weight:600}.choose-modal-container{display:flex;flex-direction:row;justify-content:space-between}.choose-modal .choose-modal-item{background-color:#4f3ff0;border-radius:5px;padding:20px;color:#fff;cursor:pointer;transition:all .3s}.choose-modal .choose-modal-item:hover{background-color:#695cfe}.choose-modal .choose-modal-item h3{margin:0;padding:0;font-size:1.2em;font-weight:600}@media (max-width: 768px){.choose-modal{width:70%;height:70%}.choose-modal-container{flex-direction:column;justify-content:space-evenly;height:80%}.modal{width:80%;max-height:90%}.modal-header h2{font-size:1.2em}.modal-header button,.modal-btn button{padding:5px 10px;font-size:1em}.form-group label{font-size:1em}.form-group input,.form-group select,.form-group textarea{padding:5px;font-size:1em}}.car-list{overflow-y:auto;height:85%}.car-list-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px;background-color:#f7f7f7;border-radius:5px}.car-list-item img{margin:5px 20px;border-radius:5px;width:150px}.car-list-item p{font-size:1em;font-weight:600;color:#000;margin:10px 0}.car-list-item span{font-size:1em;font-weight:500;color:#3b3a3a}.car-list-item-info{display:flex;flex-direction:row;justify-content:space-between;width:40%}.car-list-item-action{display:flex;flex-direction:column}.car-list-item-action button{border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer;margin:5px}.car-list-item-action button:hover{background-color:#4f3ff0}@media (max-width: 768px){.car-list-item{flex-direction:column;padding:unset;padding-bottom:5px}.car-list-item img{width:75%}.car-list-item-info{width:90%;margin-top:10px}.car-list-item-action{flex-direction:row}}.add-client-form{height:100%;overflow-y:auto}.add-client-form .form-content{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.add-client-form .form-content div{display:flex;flex-direction:column}.add-client-form label{margin:10px 5px 10px 0;font-size:1em;font-weight:600}.add-client-form input{padding:10px;border-radius:5px;border:1px solid #ccc;font-family:Montserrat,sans-serif}.add-client-form select{padding:10px;border-radius:5px;font-family:Montserrat,sans-serif}.add-client-form select option{font-family:Montserrat,sans-serif}.add-client-form button{padding:10px 20px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1em;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer;width:20%}.add-client-form button:hover{background-color:#4f3ff0}.add-client-form .cancel-btn{background-color:#fff;border:1px solid #ccc;color:#000;margin-right:10px}.add-client-form .cancel-btn:hover{background-color:#e7e1e1}@media (max-width: 768px){.add-client-form .form-content{grid-template-columns:1fr;gap:unset}.add-client-form button{width:100%}.add-client-form label{margin:10px 5px 10px 0;font-size:1em;font-weight:600}.add-client-form input,.add-client-form select{padding:10px;border-radius:5px;border:1px solid #ccc;font-family:Montserrat,sans-serif;width:90%}.add-client-form select option{font-family:Montserrat,sans-serif}}.client-list{overflow-y:auto;height:85%;width:100%;border-collapse:collapse}.client-list th,.client-list td{text-align:left;padding:8px;border-bottom:1px solid #ddd}.client-list th{background-color:#f4f4f4;color:#333;font-weight:400;font-size:14px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #ddd;padding:12px;position:sticky;top:0;z-index:1}.client-list tr:hover{background-color:#f5f5f5}.client-list td{color:#555;font-size:1em;font-weight:600;padding:12px;border-bottom:1px solid #ddd;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;text-align:left;position:relative}.client-list .MuiSvgIcon-root{fill:#695cfe;transition:fill .3s;margin:0 5px}.client-list .MuiSvgIcon-root:hover{fill:#4f3ff0}.cursor-pointer{cursor:pointer}@media (max-width: 768px){.client-list{overflow-x:auto;display:block;margin-top:10px}.client-list th,.client-list td{font-size:12px;padding:8px}.client-list th{padding-top:10px;padding-bottom:10px}}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tabs button{background-color:#e9ecef;border:none;padding:10px 20px;margin:0 5px;cursor:pointer;border-radius:4px;display:flex;align-items:center;color:#495057;font-weight:700;transition:background-color .3s}.tabs button.active,.tabs button:hover{background-color:#695cfe;color:#fff}.tabs button svg{margin-right:8px}.car-details{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center}.car-details .car-details-img{width:50%;display:flex;justify-content:center;align-items:center}.car-details .car-details-img img{border-radius:8px;width:80%}.car-details-info{display:flex;align-items:center;justify-content:space-between}.car-details-content{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;width:50%}.car-details-content h3{margin-top:0;color:#695cfe}.car-details-content-left-content p{display:flex;justify-content:space-between;margin:8px 0}.car-details-content-left-content p span{font-weight:700;margin-right:10px;color:#495057}.car-doc{display:flex;flex-direction:column}.car-doc p{margin:8px 0;padding:8px;background-color:#e9ecef;border-radius:4px;cursor:pointer}.car-doc p:hover{background-color:#f1f3f5}@media (max-width: 768px){.car-details{flex-direction:column-reverse}.car-details .car-details-img{width:100%;margin-bottom:10px}.car-details-content{width:80%}.tabs{margin-top:10px;width:100%;flex-wrap:wrap;gap:10px}}.client-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.detail{background-color:#fff;padding:10px;border-radius:5px;box-shadow:0 0 5px #0000001a}.detail strong{margin-right:5px}.client-document{margin-top:10px}.client-document button{padding:10px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1em;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer;margin:10px;width:150px;display:flex;align-items:center;justify-content:center;gap:5px}.client-details-btn{padding:10px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1em;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer;width:20%}.client-details-btn:hover{background-color:#4f3ff0}.related-info-container{margin-top:20px;padding:10px}.related-info-container h2{font-size:1.2em;font-weight:600}.client-info-section{display:flex;justify-content:space-between;align-items:center;background-color:#695cfe;padding:10px;box-shadow:0 0 5px #0000001a;border-radius:10px}.client-info-card{width:15%;border-radius:15px;padding:10px;box-shadow:0 0 5px #0000001a;background-color:#fff;display:flex;flex-direction:column;align-items:center}.client-info-card h2{font-size:1.2em;font-weight:600;color:#695cfe;margin-bottom:10px}.client-info-card h3{font-size:1em;margin-bottom:10px}@media (max-width: 768px){.client-info-section{flex-wrap:wrap;gap:10px}.client-info-card{width:20%}.client-info-card h2{font-size:.8em}.client-info-card h3{font-size:.8em;text-align:center}.client-details-btn{width:unset}.client-details .detail{padding:5px}.client-details .detail p{margin-right:5px;font-size:.8em}.client-document{width:100%}.client-document button{padding:5px;font-size:.8em;margin:5px;width:90%}.related-info-container{padding:unset}.relatedInfo-section{padding:unset!important}}.relatedInfo-section{margin-top:20px;padding:10px;border-radius:5px}.relatedInfo-header{display:flex;justify-content:space-between;align-items:center;background-color:#695cfe;padding:10px;box-shadow:0 0 5px #0000001a;border-top-left-radius:5px;border-top-right-radius:5px}.relatedInfo-header h2{font-size:1em;font-weight:600;color:#fff;width:19%}.relatedInfo-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #ccc;padding:0 10px;border-left:1px solid #695cfe;border-right:1px solid #695cfe}.relatedInfo-item h3{font-size:1em;font-weight:600;width:19%}.relatedInfo-item div{width:19%}@media (max-width: 768px){.relatedInfo-header h2,.relatedInfo-item h3{font-size:.7em;text-align:center}.relatedInfo-item div{font-size:.8em;display:flex;flex-wrap:wrap;justify-content:space-between}}.car-availability-table{margin:20px 0;overflow:scroll}.car-availability-header{display:flex;justify-content:space-between;align-items:center;background-color:#695cfe;padding:10px;box-shadow:0 0 5px #0000001a;border-top-left-radius:5px;border-top-right-radius:5px}.car-availability-header h2{font-size:1em;font-weight:600;color:#fff;width:19%}.car-availability-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #ccc;padding:0 10px}.car-availability-item h3{font-size:1em;font-weight:600;width:19%}.car-availability-item div{width:19%}.car-availability-item .MuiSvgIcon-root{fill:#695cfe;transition:fill .3s;margin:0 5px}.car-availability-item .MuiSvgIcon-root:hover{fill:#4f3ff0}@media (max-width: 768px){.car-availability-header h2,.car-availability-item h3{font-size:.7em;text-align:center}.car-availability-item div{font-size:.8em;display:flex;flex-wrap:wrap;justify-content:space-between}.car-availability-item .MuiSvgIcon-root{margin:0}}.reservation-table{margin:20px 0;overflow:scroll}.reservation-header{display:flex;justify-content:space-between;align-items:center;background-color:#695cfe;padding:10px;box-shadow:0 0 5px #0000001a;border-top-left-radius:5px;border-top-right-radius:5px}.reservation-header h2{font-size:1em;font-weight:600;color:#fff;width:19%}.reservation-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #ccc;padding:0 10px;border-left:1px solid #695cfe;border-right:1px solid #695cfe}.reservation-item button{background-color:#695cfe;color:#fff;border:none;padding:5px;border-radius:5px;cursor:pointer;margin-right:10px}.reservation-item button:hover{background-color:#4f44d6}.reservation-item h3{font-size:1em;font-weight:600;width:19%}.reservation-item div{width:19%}@media (max-width: 768px){.reservation-header h2,.reservation-item h3{font-size:.8em}.reservation-item div{font-size:.8em;display:flex;justify-content:center}.reservation-item button{font-size:.8em;padding:2px;margin-right:2px}}.add-reservation-form{padding:0 20px;overflow-y:auto;overflow-x:hidden;max-height:100%}.add-reservation-form .form-item{margin-bottom:20px}.add-reservation-form .form-item span{display:block;margin-bottom:5px}.add-reservation-form .form-item input,.add-reservation-form .form-item select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.add-reservation-form .form-row{display:flex;justify-content:space-between}.add-reservation-form .form-row div{width:48%}.add-reservation-form .form-btn{display:flex;justify-content:center;margin-top:20px}.add-reservation-form .form-btn button{padding:10px 20px;border:none;border-radius:5px;background-color:#4f3ff0;color:#fff;font-weight:600;font-size:1.2em;font-family:Montserrat,sans-serif;cursor:pointer;width:30%}.add-reservation-form .form-btn button:hover{background-color:#695cfe}.add-reservation-form label{font-size:1rem;font-weight:600;color:#333;margin-bottom:5px}.add-reservation-form input,.add-reservation-form select{font-size:1em}.client-select input{width:100%!important;border:none!important}.client-select div{width:100%!important}.client-select div div div div{flex-direction:row!important;justify-content:flex-end!important}@media (max-width: 768px){.add-reservation-form{padding:0 0 0 5px}.add-reservation-form .form-row{flex-direction:column;align-content:flex-start}.add-reservation-form .form-row div{width:90%}.add-reservation-form .form-btn button{width:100%}.client-select div{width:50%!important}}.add-contrat-section{display:flex;flex-direction:column;align-items:center;height:100%;margin-top:20px}.add-contrat-section-row{width:90%}.add-contrat-section button{font-family:Montserrat,sans-serif;font-weight:600}.add-contrat-section span{font-family:Montserrat,sans-serif}.form-step{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;overflow:scroll}.form-row,.form-row-doc{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.form-row div,.form-row-doc .form-row-doc-col{width:45%;display:flex;flex-direction:column;margin-top:10px}.form-row label{font-size:.9rem;font-weight:600;color:#333;margin-bottom:5px}.form-row input,.form-row select,.form-row textarea{width:70%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#333}.form-row select{width:75%}@media (max-width: 768px){.add-contrat-section-row{width:100%}.form-row,.form-row-doc{justify-content:space-between;flex-wrap:wrap}.form-row input,.form-row select,.form-row textarea{width:99%}}.relatedInfo-item .list-item-action button{border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer;margin:5px}.relatedInfo-item .list-item-action button:hover{background-color:#4f3ff0}@media (max-width: 768px){.relatedInfo-item .list-item-action button{width:40%;margin:1px;padding:5px}}.add-infraction{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}.add-infraction div{display:flex;flex-direction:column}.add-infraction label{margin:10px 5px 10px 0;font-size:1.1em;font-weight:600}.add-infraction input{padding:10px;border-radius:5px;border:1px solid #ccc;font-family:Montserrat,sans-serif}.add-infraction-form button{padding:10px 20px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1em;font-weight:600;color:#fff;background-color:#695cfe;cursor:pointer;width:50%}.add-infraction-form button:hover{background-color:#4f3ff0}.entretien-list{margin:20px 0;overflow:scroll}.entretien-header{display:flex;justify-content:space-between;align-items:center;background-color:#695cfe;padding:10px;box-shadow:0 0 5px #0000001a;border-top-left-radius:5px;border-top-right-radius:5px}.entretien-header h2{font-size:1em;font-weight:600;color:#fff;width:19%}.entretien-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #ccc;padding:0 10px;border-left:1px solid #695cfe;border-right:1px solid #695cfe}.entretien-item h3{font-size:1em;font-weight:600;width:19%}.entretien-item div{width:19%}.entretien-item button{background-color:#695cfe;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.entretien-item button:hover{background-color:#4f44d6}@media (max-width: 768px){.entretien-header h2,.entretien-item h3{font-size:.7em;text-align:center}.entretien-item div{font-size:.8em;display:flex;flex-wrap:wrap;justify-content:space-between}}.speed-dial{position:fixed;bottom:16px;right:16px}@media (max-width: 768px){.speed-dial{bottom:8px;right:8px}.speed-dial button{width:50px;height:50px}}.mobile-menu-items ul{list-style:none;padding:0;margin:0;width:70vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center}.mobile-menu-items ul li{padding:10px 10px 5px;cursor:pointer;color:#000;width:80%;margin-bottom:10px;border-bottom:1px solid #c3c3c3}.mobile-menu-items ul li .mobile-menu-item{display:flex;align-items:center}.mobile-menu-item h3{margin:0 0 0 10px;font-weight:500}