@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e7ebed;font-family:Poppins!important;margin:0}#root,body{height:100%;width:100%}#root{display:flex;justify-content:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.restau-section{display:flex;flex-direction:column;margin:5%}.restau-main-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.restau-form{background-color:#fff;border-radius:10px;padding:30px 50px}.restau-form h1{border-bottom:.5px groove #0003;color:#003671;font-size:22px;font-weight:700;margin-top:0;padding-bottom:10px}.restau-column{align-items:flex-start;color:#101010;display:flex;flex-direction:column;font-size:13px;font-style:normal;font-weight:600;width:30%}.restau-column .label-restau{margin-top:10px}.restau-column .text-restau{border:1px solid #0003;border-radius:5px;color:#000;font-family:Poppins;font-size:15px;line-height:30px;margin-top:10px;opacity:.8;padding:2px 0 2px 7px;width:98%}.restau-column2{display:flex;flex-direction:row}.restau-column #btnDiv button{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-family:Poppins;font-weight:500;height:45px;margin-top:20px;width:48%}.restau-btn-clicked,.restau-column button:hover{background-color:#003671!important;color:#fff!important}.css-hyxlzm,.restau-column .custom-radio:checked{color:#1dc9a0!important}.restau-column3{display:flex;flex-direction:column;width:100%}.restau-column3 .row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.restau-column3 .row .column{width:30%}.restau-column3 .switch-column{display:flex;justify-content:center;width:30%}.restau-column3 .color-pallete{background-color:#fff;border:none;cursor:pointer;height:35px}.restau-column3 .color-pallete::-webkit-color-swatch{border:none;border-radius:15px}.restau-column3 .color-pallete::-moz-color-swatch{border:none;border-radius:15px}.restau-btn{background-color:#003671;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins;height:45px;margin-top:20px;width:100%}.radio-restau{flex-wrap:nowrap!important;justify-content:space-between}.radio-restau label{border:.5px solid #e3e1e1;border-radius:8px;height:30px;margin-left:0;margin-right:5px;padding:5px 3px 5px 0}.css-vqmohf-MuiButtonBase-root-MuiRadio-root:checked+.MuiTypography-root{background-color:#1dc9a01a}.radio-restau span{font-family:Poppins;font-size:13px}.restau-column input[type=date],.restau-column input[type=time]{border:1px solid gray;border-radius:5px;font-family:Poppins;font-size:14px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-select-container{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:flex;overflow:hidden;padding:5px;position:relative}.color-display{border-radius:5px;border-right:1px solid #ccc;height:20px;width:30px}.color-select{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;flex-grow:1;height:100%;margin-left:-5px;opacity:0;padding:5px;position:absolute;width:100%}.color-select-arrow{align-items:center;color:gray;display:flex;height:100%;justify-content:center;margin-left:5px;pointer-events:none;transform:rotate(90deg)}.restau-color-option{font-family:Poppins;font-size:13px}.restau-add-btn{background-color:#003671;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:17px;height:37px;width:37px}.restau-submit-div{display:flex;justify-content:flex-end}.restau-btn-submit{width:30%}@media (max-width:1100px){.restau-form{padding:30px 20px}}@media (max-width:1000px){.restau-main-container{flex-wrap:wrap;justify-content:space-around}.restau-column{min-width:230px;width:40%}}@media (max-width:650px){.restau-column{width:100%}.restau-submit-div{justify-content:center}.restau-btn-submit{width:60%}.radio-restau{flex-wrap:wrap!important}}.modal-restau{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;height:85vh;left:50%;overflow-y:auto;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}.modal-restau h1{border-bottom:.5px groove #0003;color:#003671;font-size:23px;font-weight:700;margin-top:0;padding-bottom:10px;text-align:center}.modal-restau h2{font-size:14px;margin:5px}.modal-restau h3{font-size:12px;font-weight:500;margin:5px}.modal-restau input,.modal-restau textarea{background-color:#d9d9d9b0;border:1px solid #0003;border-radius:5px;color:#000;font-family:Poppins;font-size:13px;line-height:22px;margin-top:0;padding:2px 0 2px 7px;width:100%}.modal-close-btn{background-color:#003671;border:none;border-radius:30px;color:#fff;cursor:pointer;margin:10px;position:absolute;right:0;top:0}.restau-modal-btn{align-self:center;width:40%!important}.modal-restau-add{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;height:40vh;justify-content:space-around;left:50%;overflow-y:auto;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}.modal-restau-add h1{border-bottom:.5px groove #0003;font-size:20px;font-weight:600;margin-top:0;padding-bottom:10px;text-align:center}.modal-restau-tables{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;height:85vh;left:50%;overflow-y:auto;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}.modal-restau-tables h1{font-size:20px;font-weight:600;margin-top:0;padding-bottom:10px;text-align:center}.restau-table-container{background-color:#d9d9d933;border:1px solid #a9a9a9;padding:10px}.restau-table-row{align-items:center;display:flex;justify-content:space-between}.restau-table-row h4{color:#000000b3;font-size:14px;font-weight:500;margin:5px;text-decoration:underline}.modal-restau-add .text-restau{border:1px solid #636363;border-radius:5px;color:#000;font-size:15px;line-height:30px;margin-top:10px;padding:2px 0 2px 7px;width:98%}.pa-form input,.pa-form input:focus-visible{background-color:#fff;border:none;border-bottom:1px solid #0b4b92;border-radius:0;border-radius:initial;line-height:15px;margin-left:10px;outline:medium none invert;outline:initial;width:40%}.pa-form{width:40%!important}.pa-form-row{align-items:center;display:flex;margin-top:13px}.pa-form h2{font-weight:600;margin-bottom:0}.pa-form label{font-size:12px}.pa-form textarea{background-color:#fff;border:none;line-height:15px;padding:0 20px;width:90%}.pa-form .radio-restau{height:40px;justify-content:space-evenly;margin-top:10px}.pa-form .radio-restau span{font-size:12px}.pa-form .restau-modal-btn{border:none;margin-top:10px;padding:10px}.modal-restau-add input[type=date],.modal-restau-add input[type=time]{border:1px solid gray;border-radius:5px;font-family:Poppins;font-size:15px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:650px){.modal-restau-add{width:77%}.modal-restau{height:70%;width:70%}.modal-restau-tables{width:77%}}.restau-calendar-container{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;height:85vh;left:50%;overflow-y:auto;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.restau-calendar-header{display:flex;flex-direction:row;justify-content:space-between}.restau-calendar-header h1{color:#1d62af;font-size:23px;font-weight:700;margin-top:0;padding-bottom:10px;text-align:center}.restau-calendar-filter{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.restau-calendar-filter input{font-family:Poppins;height:7px}.restau-calendar-filter input[type=month]{border:1px solid #0000003b;border-radius:5px;color:#0009;font-family:Poppins;font-size:16px;height:40px;min-width:120px;padding:0 5px;width:210px}.restau-calendar{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.restau-calendar-day{background:#fff;border:1px solid #0003;border-radius:10px;box-shadow:0 4px 4px 0 #00000040;cursor:pointer;display:flex;flex-direction:column;height:100px;margin:10px;position:relative;width:100px}.restau-calendar-day h1{font-size:22px;margin-bottom:10px;margin-left:7px}.calendar-day-status{background:#fff;border:1px solid #0000001a;border-radius:5px;box-shadow:0 2px 2px 0 #0000001a;flex-shrink:0;height:117px;width:97px}.calendar-day-status h3{color:#0009;font-size:10px;font-style:normal;line-height:8.5px}.calendar-day-status-row{align-items:center;border-bottom:1px solid #0003;display:flex;flex-direction:row;justify-content:space-between;margin:0 7px}.restau-calendar-day span{font-size:13px;padding:0 3px;text-align:center}.restau-calendar-day-span{position:absolute;right:7px;top:7px}.day-status-span,.restau-calendar-day-span{background-color:#7f7f7f;border-radius:50%;cursor:pointer;flex-shrink:0;height:14px;width:11px}.restau-calendar-day-status-Fermé{background-color:#f003}.restau-calendar-day-span-Fermé{background-color:red}.restau-calendar-day-status-Privatisé{background-color:#00d1ff33}.restau-calendar-day-span-Privatisé{background-color:#00d1ff}.restau-calendar-day-status-Groupe{background-color:#95e2af33}.restau-calendar-day-span-Groupe{background-color:#95e2af}.restau-calendar-day-status-Complet{background-color:#ffa80033}.restau-calendar-day-span-Complet{background-color:#ffa800}.table-time-slots-modal{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;height:40vh;margin-bottom:10px;margin-left:50px;overflow-y:auto;padding:30px 30px 0;width:50%}.table-time-slots-modal h2{color:#000;font-size:18px;font-weight:700;letter-spacing:-.27px}.table-time-slots-modal h2,.table-time-slots-modal p{font-family:Poppins;font-style:normal;line-height:36px;margin:0}.table-time-slots-modal p{color:#00000080;font-size:14px;font-weight:600;letter-spacing:-.21px}.time-slots-container,.time-slots-container-key{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.time-slots-container-key{margin-top:10px;width:-webkit-max-content;width:max-content}.time-slots-container-key h3{color:#00000080;font-family:Poppins;font-size:15px;font-style:normal;font-weight:500;letter-spacing:-.225px;line-height:36px}.table-time-slot{align-items:center;display:flex;flex-direction:column-reverse}.table-time-slot span{background:#a0e295;border:0 solid #0000001a;border-radius:4px;height:54px;width:24px}.table-time-slot h3{color:#000;font-family:Poppins;font-size:18px;font-style:normal;font-weight:700;letter-spacing:-.27px;line-height:36px;margin:0}.table-time-slot-available span{background:#a0e295}.table-time-slot-full span{background:#f91f1f}.table-time-slot-few span{background:#f9951f}.time-slots-container-key-column{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-right:10px}.time-slots-container-key-column span{background:#a0e295;border:0 solid #0000001a;border-radius:4px;height:26px;margin-right:5px;width:24px}@media (max-width:900px){.restau-calendar-filter{flex-wrap:wrap;justify-content:space-evenly}}@media (max-width:650px){.restau-calendar-day{width:90px}.restau-calendar-filter{flex-direction:column}.table-time-slots-modal{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:10px;width:77%}.table-time-slot{margin-right:5px}}.service-container{display:flex;flex-direction:column;margin:5%}.service-container h1{color:#b3b3b3;font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:32.69px}.service-filter{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.service-filter fieldset{border:none}.service-filter-right{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.service-reservation-btn{background-color:#a0e295;color:#1d62af;font-family:Poppins;font-weight:500}.service-filtre-btn,.service-reservation-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px}.service-filtre-btn{background-color:#fff;color:#474646;font-weight:600}.service-body{background-color:#fff;border-radius:10px}.service-body-header{align-items:center;background-color:#1d62af;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:0 10px}.service-body-header h2{font-size:15px;font-weight:500}.service-body-table{display:flex;flex-direction:column}.service-body-table-header{align-items:center;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;padding:0 40px}.service-body-table-header h3{font-size:15px;font-weight:500}.service-body-table-row{align-items:center;background-color:#f7f7f7;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:space-between;margin:0 15px 10px;padding:0 5px;text-align:center}.service-body-table-row h3{font-size:14px;font-weight:500}.service-body-footer{margin-top:20px}.service-body-footer button{border:none;border-radius:5px;cursor:pointer;font-family:Poppins;font-size:14px;font-weight:500;margin-right:20px;padding:10px 20px}.service-body-table-row-details{color:#1d62af;padding:0 30px}.service-body-table-row-details h3{border-bottom:.5px groove #b3b3b3;font-size:14px;font-weight:500;padding-bottom:5px}.service-body-table-row-details button{background-color:#a0e295;border:none;border-radius:20px;color:#1d62af;cursor:pointer;font-family:Poppins;font-size:14px;font-weight:600;margin-bottom:10px;margin-right:20px;padding:10px 20px}@media (max-width:650px){.service-filter{flex-direction:column}.service-filter-right{flex-wrap:wrap;margin-bottom:10px}}.add-reservation-container{padding:20px;width:500px}.add-reservation-container h1{color:#1d62af;font-size:16px;font-style:normal;font-weight:700;margin-top:0}.add-reservation-header{align-items:baseline;border-bottom:1px solid #cbcbcb;display:flex;justify-content:space-between;margin-bottom:20px}.add-reservation-form{border-bottom:1px solid #cbcbcb;padding-bottom:15px}.add-reservation-row{display:flex;flex-direction:row;justify-content:space-between}.add-reservation-form label{color:#000;font-size:12px;font-style:normal;font-weight:600;letter-spacing:-.18px;line-height:36px}.add-reservation-form input,.add-reservation-form textarea{border:.6px solid #0006;border-radius:5px;font-family:poppins;font-size:14px;height:25px;opacity:.7}.add-reservation-form textarea{height:50px}.add-reservation-column{display:flex;flex-direction:column;width:30%}.add-reservation-column-ckeck{align-items:center;flex-direction:row;width:100%}.add-reservation-column-ckeck input{height:15px;margin-right:10px;width:15px}.add-reservation-column-ckeck label{color:#0009}.add-reservation-btn{background-color:#1d62af;border:none;color:#fff;cursor:pointer;font-family:Poppins;font-weight:500;height:45px;width:48%}.restau-form-header{align-items:center;border-bottom:.5px groove #0003;display:flex;flex-direction:row;justify-content:space-between}.restau-form-header h1{border-bottom:none}.restau-service-time{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:97%}.restau-add-date h4,.restau-service-time h4{font-weight:500;margin:12px;text-decoration:underline}.restau-add-date h4{color:#003671;cursor:pointer}.restau-service-container{background-color:#e9faf6;border-radius:10px;max-height:150px;overflow-y:auto}.restau-menu-container,.restau-periode-container{background-color:#e9faf6;border-radius:10px;max-height:120px;overflow-y:auto}.restau-table-container{background-color:#e9faf6;border:none;border-radius:10px;overflow-y:auto;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#a7a5a5;border-radius:6px}::-webkit-scrollbar-track{background-color:initial;border-radius:6px}.modal-restau-historique{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;height:85vh;left:50%;overflow-y:auto;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.modal-restau-historique h1{font-size:20px}.historique-filter{align-items:center;border-bottom:1px solid #0003;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding-bottom:20px}.historique-body{max-height:100%;min-height:300px;overflow-y:auto}.historique-body-header{display:flex;justify-content:space-between}.historique-body-header h2{font-size:16px;font-weight:600}.historique-body-row{align-items:center}.historique-body-row,.historique-mobile-body-row{background-color:#e9ecfa;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:5px;padding:0 7px}.historique-mobile-body-row{align-items:flex-start;flex-direction:column}.historique-mobile-body-row div{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:100%}.historique-body-row h2,.historique-mobile-body-row h2{font-size:14px;font-weight:500}.historique-mobile-body-row h2{font-weight:600;margin:0 5px}.historique-mobile-body-row h2,.historique-mobile-body-row h3{color:#000;font-family:Poppins;font-size:13px;font-style:normal;line-height:130%}.historique-mobile-body-row h3{font-weight:400;margin:0 5px 5px}.historique-mobile-body-row h4{color:#0009;font-family:Poppins;font-size:13px;font-style:normal;font-weight:400;line-height:130%;margin:5px 5px 0}.css-1pysi21-MuiFormLabel-root-MuiInputLabel-root,.css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root{font-family:poppins!important}.historique-filter input[type=date]{border:1px solid gray;border-radius:5px;font-family:Poppins;font-size:16px;padding:5px}.historique-ADD{background-color:#e9faf6}.historique-DELETE{background-color:#fae9e9}.historique-body-header h2,.historique-body-row h2{margin-right:10px;min-width:100px}@media (max-width:1000px){.historique-body-row{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:620px){.historique-filter{flex-direction:column;justify-content:flex-start}.modal-restau-historique{overflow-y:visible;overflow-y:initial;padding:10px;width:85%}.historique-body{min-height:200px}}.historique-mobile-filter input[type=date]{font-family:Poppins;width:100%}.historique-mobile-filter-row1,.historique-mobile-filter-row2{display:flex;flex-direction:row;justify-content:space-between;width:100%}.historique-mobile-filter-row2{align-items:center}.historique-mobile-filter-row2 button{align-items:center;background:#d9d9d98c;border:none;border-radius:20px;cursor:pointer;display:flex;flex-direction:row;font-family:Poppins;margin-left:5px;padding:3px 10px}.historique-mobile-filter-row2 h3{color:#00000080;font-family:Poppins;font-size:13px;font-style:normal;font-weight:600;line-height:32.69px;width:-webkit-max-content;width:max-content}.historique-mobile-filter-row3{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.historique-mobile-filter-row3 div{min-width:30%}.home-section{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;height:80vh;margin:0 5% 5%;padding:30px 50px}.home-section-column{width:50%}.home-section h1{color:#263238}.home-section p{color:#263238;opacity:.8}@media (max-width:768px){.home-section{flex-direction:column-reverse;height:auto}.home-section-column{width:100%}}.home-hr{border-bottom:1px solid #b3b3b3;height:1px;margin-left:10px;width:100%}.mailing-add-btn{align-items:center;background-color:#a0e295;border:none;border-radius:5px;color:#1d62af;cursor:pointer;display:flex;font-family:Poppins;font-size:14px;font-weight:500;padding:10px 20px}.mailing-body{align-items:flex-start;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;height:80vh;justify-content:space-between;margin:0 5% 5%;padding:30px 50px}.mailing-body h1{color:#1d62af;font-size:15px}.mailing-body h1,.mailing-box h2{font-family:Poppins;font-style:normal;font-weight:600;line-height:normal}.mailing-box h2{color:#000c;cursor:pointer;display:flex;font-size:13px;padding:10px}.mailing-box h2:hover{background:#1d62af1a;border-radius:40px;color:#1d62af}.mailing-column-header{border-bottom:2px solid #0000001a}.mailning-category h2{color:#000c;cursor:pointer;font-family:Poppins;font-size:13px;font-style:normal;font-weight:500;line-height:normal}.mailing-messages-container{height:100%;overflow-x:hidden;overflow-y:auto}.mailing-category-item{align-items:center;display:flex;flex-direction:row}.mailing-messages-item{align-items:flex-start;border-bottom:1px solid #0000001a;display:flex;flex-direction:row;justify-content:space-between;margin-right:5px}.mailing-messages-item h2{color:#0009;font-family:Poppins;font-size:11px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:5px}.mailing-messages-item h3{color:#000c;font-size:12px;font-weight:600}.mailing-messages-item h3,.mailing-messages-item h4{font-family:Poppins;font-style:normal;line-height:normal;margin:0}.mailing-messages-item h4{color:#0009;font-size:10px;font-weight:500}.mailing-column3-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;flex-direction:row;justify-content:space-between}.mailing-column3-header h2{color:#000c;font-size:12px;font-weight:600;margin-bottom:0}.mailing-column3-header h2,.mailing-column3-header h3{font-family:Poppins;font-style:normal;line-height:normal}.mailing-column3-header h3{color:#0009;font-size:11px;font-weight:500}.mailing-column3-subject{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.mailing-column3-body-delete-btn{background-color:#d9d9d966;border:none;border-radius:50px;color:#b3b3b3;cursor:pointer;padding:5px}.mailing-column3-body-delete-btn:hover{background-color:#ea2a33;color:#fff}.mailing-column3-message{height:80%;overflow-y:auto}.mailing-column3-message p{font-family:Poppins;font-size:14px}.navbar-section{background-color:#0b4b92;box-shadow:0 2px 4px #0000001a}.navbar-header{padding:10px 5%}.navbar-header,.navbar-header-col3,.navbar-header-user-profile{align-items:center;display:flex;justify-content:space-between}.navbar-header-user-profile{cursor:pointer;margin-left:20px;padding:0 5px}.navbar-header-user-profile:hover{background-color:#0000001a;border-radius:5px}.navbar-header-user-profile h4,.navbar-header-user-profile p{color:#fff;font-weight:500;margin:0}.navbar-header-user-profile p{font-size:14px;font-weight:400}.navbar-header-col3 span:first-child{background-color:#4d92b1;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;padding:5px}.navbar-header-col3 span{background-color:#95df88;color:#0b4b92;font-weight:600}.navbar-content{align-items:center;background-color:#fff;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-around;padding:20px 5%}.navbar-content-col{align-items:center;background-color:#f0f4f8;border-radius:5px;color:#0b4b92;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100px;justify-content:center;padding:10px}.navbar-content-col:hover{background-color:#e1e9f0}.navbar-content-col h3{font-size:15px;font-weight:500;margin-top:10px;text-align:center}.navbar-content-col svg{font-size:35px}.navbar-header-menu{display:none}.navbar-header-menu svg{color:#fff;cursor:pointer;font-size:1.5em}.mobile-drawer{width:200px}@media (max-width:768px){.navbar-content{flex-wrap:wrap;gap:10px}.navbar-content-col{flex:1 1 1;margin:5px 0}.navbar-header{padding:10px 5%}.navbar-header-col3{display:none}.navbar-header-menu{align-items:center;display:flex}.navbar-header-logo{width:25%}}.custom-date-picker{align-items:center;color:#fff;display:flex;justify-content:center;padding:8px 20px}.date-picker-arrow{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em}.date-picker-value{background-color:#ffffff1a;border-radius:15px;font-size:1em;margin:0 16px;padding:5px 30px}@media (max-width:768px){.custom-date-picker{padding:8px 10px}.date-picker-value{margin:0 5px;padding:5px}}.mail-sender-section button{background-color:#f5f5f5;border:1px solid #f5f5f5;border-radius:5px;color:#000;cursor:pointer;font-size:14px;font-weight:500;margin:0 10px;padding:10px 20px;transition:all .3s}.mail-sender-section button:hover{background-color:#000;color:#fff}