body{justify-content:center;font-family:Roboto;padding-bottom:100px;background:#f4f4f4}@media (min-width: 300px){body{zoom:69%}}@media (min-width: 330px){body{zoom:75%}}@media (min-width: 380px){body{zoom:86%}}@media (min-width: 400px){body{zoom:93%}}@media (min-width: 450px){body{zoom:100%}}#root{max-width:400px;margin:auto}.noData{border:2px solid #aa2233;border-radius:5px;background:#fff;color:#000;padding:10px}.card{background:#fff;box-shadow:0 4px 25px #0000001a;border-radius:5px;padding:20px;margin-bottom:20px}.item-card{outline:1px solid #9d9d9d}.center{text-align:center;margin:auto}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.col{padding-left:8px;padding-right:8px;flex:1 0 0%}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width: 768px){.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width: 1024px){.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.m0{margin:0}.ant-btn{border-radius:20px;padding:20px;font-weight:500;font-size:16px}.ant-btn.ant-btn-circle{padding:10px 5px}.select-input-wrapper .ant-select-selector,.select-input-wrapper .ant-select,.select-input-wrapper input{cursor:pointer!important}.fetch-list-input-wrapper{width:100%;max-width:270px;margin-bottom:5px}.fetch-list-input-wrapper button{width:100%;text-align:left}.fetch-list-input-wrapper button span{width:100%}.checkbox-input-wrapper{width:100%;max-width:270px;height:33px;margin-top:23px;border:1px solid #d9d9d9;border-radius:5px}.checkbox-input-wrapper label{padding:4px 2px;margin-left:10px}form{width:100%}.text-input-wrapper{position:relative;margin-bottom:10px}.text-input-wrapper label{position:absolute;z-index:2;left:0;top:0;margin:7px 10px;color:#999;font-size:14px}.text-input-wrapper input{display:block;margin:auto;padding:30px 5px 5px 10px;font-size:18px}.select-input-wrapper{position:relative;margin-bottom:10px}.select-input-wrapper label{position:absolute;z-index:2;left:0;top:0;margin:7px 10px;color:#999;font-size:14px}.select-input-wrapper .ant-select{height:70px}.select-input-wrapper .ant-select-selection-item{margin-top:20px;font-size:16px}.select-input-wrapper input{caret-color:transparent}.select-input-wrapper input::placeholder{display:none}.time-input-wrapper{position:relative;margin-bottom:10px}.time-input-wrapper label{position:absolute;z-index:2;left:0;top:0;margin:7px 10px;color:#999;font-size:14px}.time-input-wrapper input{display:block;margin:auto;padding:30px 5px 5px 10px;font-size:18px}.time-input-wrapper .ant-picker{width:100%}.time-input-wrapper .ant-picker .ant-picker-input{padding:20px 10px 5px}.time-input-wrapper .ant-picker .ant-picker-input input{font-size:20px}.ClientsPage{position:relative}.ClientsPage .ant-collapse{background:#fff;box-shadow:0 4px 25px #0000001a;position:absolute;z-index:2;width:100%;top:0}.ClientsPage .Clients{padding-top:50px}.ClientsPage .Clients .add-client{padding:5px;background:#00bcd4;border-radius:50%;color:#fff;cursor:pointer}.ClientsPage .Clients .locations-list{background:#fff;box-shadow:0 4px 25px #0000001a}.ClientsPage .Clients .locations-list ul li{position:relative}.ClientsPage .Clients .locations-list ul li button{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ClientsDetails .edit-button{color:#fff;background:#00bcd4;border-radius:50%;margin-left:5px;padding:5px;cursor:pointer}.ClientsDetails .edit-button:hover{opacity:.7}.ClientsDetails .ant-divider{margin:10px 0}.ClientsDetails .locations{position:relative}.ClientsDetails .locations .add-button{position:absolute;right:10px;top:10px;font-size:25px;color:#00bcd4}.ClientsDetails .locations .location{outline:1px solid #9d9d9d}.ClientsDetails .locations .location h4{margin:5px 5px 10px}.ClientsDetails .special-prices{position:relative}.ClientsDetails .special-prices .SpecialPrices .add-button{position:absolute;right:10px;top:10px;font-size:25px;color:#00bcd4}.ClientsDetails .special-prices .SpecialPrices .item{margin-bottom:5px;border-bottom:1px solid #eee;padding-bottom:5px;display:flex;justify-content:space-between}.ClientsDetails .special-prices .SpecialPrices .item .name{width:220px;display:inline-block}.ClientEdit{position:relative;padding-top:50px}.ClientEdit .sync-client-button{margin:5px auto;display:block;padding:0 10px}.SyncClient-Popup{width:300px!important}.HeaderFromMenu{height:45px;position:fixed;z-index:10;top:0;left:0;right:0;width:100%;display:flex;background:#2abee1;justify-content:center;align-items:center}.HeaderFromMenu button{font-size:25px;border:0;background:transparent}.HeaderFromMenu h2{margin:0 20px;font-size:18px;font-weight:600}.LocationEdit{padding-top:50px}.Wallet-Module .wallet-form{display:flex;justify-content:center}.Wallet-Module .wallet-form input{display:block;margin:auto}.Wallet-Module .wallet-movement-list ul li{display:flex}.Wallet-Module .wallet-movement-list ul li .point{width:12px;height:12px;border-radius:50%;float:left;margin-right:15px;margin-top:5px}.Wallet-Module .wallet-movement-list ul li .point.green{background:#2a2}.Wallet-Module .wallet-movement-list ul li .point.red{background:#a22}.Wallet-Module .wallet-movement-list ul li .cash{font-weight:800}.Wallet-Module .wallet-movement-list ul li .cash.green{color:#2a2}.Wallet-Module .wallet-movement-list ul li .cash.red{color:#a22}.Wallet-Module .saldo{display:flex;justify-content:space-evenly;align-content:flex-end;margin-top:10px}.Wallet-Module .saldo h3{margin:-10px 0 0 7px}.Wallet-Module .saldo h3 span{font-weight:400}.RoutesList p{margin:0}.RoutesList p.important-info{color:#c22;font-weight:800}.RoutesList .documents-report strong{color:#2a2}.RoutesList .location-list{position:relative}.RoutesList .location-list .open-button{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.SpecialPriceEdit{padding-top:50px}.RoutesEditor{text-align:right}.RoutesEditor .routes-actions{display:flex;justify-content:space-between;width:calc(100% + 40px);margin-left:-40px;transform:translate(20px,-20px)}.RoutesEditor .add-template{padding:5px 10px;border-radius:0 15px 15px}.RoutesEditor .add-route{padding:5px 10px;border-radius:15px 0 15px 15px}.RoutesEditor .day{width:100%}.RoutesEditor .day h4{width:100%;background:#f0f0f0;padding:10px;box-sizing:border-box;border-radius:15px 15px 0 0;text-align:center;margin-bottom:0}.RoutesEditor .day .route-cards{display:flex;justify-content:space-between;flex-wrap:wrap}.RoutesEditor .day .route-cards .route-card{font-size:14px;width:49%;border-radius:0;margin-bottom:10px;background-color:#52c41a;color:#fff;padding-top:5px;height:50px;cursor:pointer}.RoutesEditor .day .route-cards .route-card .route-name{text-align:center;font-weight:600;margin:5px}.RoutesEditor .day .route-cards .route-card .driver-name{text-align:center}.RoutesEditor .day-selector{text-align:center;font-weight:700}.RoutesEditor .day-selector .radius-icon{background:#64666f;color:#fff;padding:5px;border-radius:50%;margin:0 10px}.LocationOrder .back-button{margin-bottom:20px}.LocationOrder .add-button{padding:10px;background:#38a727;color:#fff;font-size:20px;border-radius:10px;margin-bottom:20px;cursor:pointer}.LocationOrder .section-title{background:#00bcd4;color:#fff;padding:10px;width:calc(100% + 20px);margin-left:-20px;margin-top:-20px;text-align:center}.LocationOrder .location-description .location-name{font-weight:800;color:#00bcd4;font-size:20px}.LocationOrder .location-description .client-name,.LocationOrder .location-description .address{color:#777}.LocationOrder .location-description .address b{color:#000}.LocationOrder .location-description .additional-info{text-align:center;color:#c22}.LocationOrder .location-description .additional-info .icon{padding:10px;margin-left:-30px}.LocationOrder .sale-item{background:#d1eaf1;border-radius:15px;padding:10px;margin-bottom:20px}.LocationOrder .sale-item>.row{margin:0}.LocationOrder .sale-item h4{margin:2px 0 10px;font-size:18px;color:#0190a2}.LocationOrder .sale-item .gross{font-size:25px}.LocationOrder .sale-item .action-column{display:flex;align-items:flex-end;flex-direction:column}.LocationOrder .sale-item .action-column .remove-button{padding:10px;background:#d70000;color:#fff;font-size:20px;border-radius:10px;margin-bottom:20px;cursor:pointer}.LocationOrder .sale-item .action-column input{width:70px;height:50px;font-size:30px;border-radius:15px;border:1px solid #c7cce7;text-align:center}.LocationOrder .price-summary b{color:#00bcd4;font-size:30px;font-weight:400}.LocationOrder .action-button-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}.LocationOrder .date-picker{padding:10px 20px;margin:auto;display:block;width:200px}.LocationOrder .pay-type-select{flex-wrap:wrap}.LocationOrder .pay-type-select.MultiButtonSelect .ant-btn{width:fit-content;margin-bottom:30px}.LocationOrder .pay-partial-input{background:#fff;border-width:1px;border-style:solid;border-color:#d9d9d9;padding:10px 20px;margin:auto;display:block;width:200px;border-radius:5px}.LocationOrder .change-invoice-warning{width:calc(100% - 20px);color:#d70000;padding:10px}.LocationOrder .barrels-container{display:flex;justify-content:center;align-items:center;margin-top:-40px}.LocationOrder .barrels-container label{margin-right:10px}.LocationOrder .barrels-container input{width:70px;height:50px;font-size:30px;border-radius:15px;border:1px solid #c7cce7;text-align:center}.AddProduct .product-list{height:60vh;overflow-y:auto}.AddProduct .product-list .item{width:320px;padding:20px;margin-bottom:10px}.MultiButtonSelect{display:flex;justify-content:space-evenly}.MultiButtonSelect .ant-btn{padding:5px 10px;margin:0 10px;height:25px;width:80px}.MultiButtonSelect .disactive{background:gray}.SingleRoute{margin-top:50px}.SingleRoute .duplicate-route-button{padding:5px 15px;display:block;margin:15px auto 0}.SingleRoute .add-button{position:absolute;right:5px;top:5px;font-size:25px;color:#00bcd4;padding:0;border:0px}.SingleRoute .add-button-bottom{color:#00bcd4;font-size:30px;margin:auto;border:0;display:block;height:30px;padding:0}.SingleRoute .header-form label{width:30%;display:block;float:left}.SingleRoute .header-form .ant-select,.SingleRoute .header-form .ant-picker,.SingleRoute .header-form .ant-input{width:70%}.SingleRoute .header-form .clear{width:100%;margin-bottom:10px}.SingleRoute .Surplus,.SingleRoute .Wallet{position:relative}.SingleRoute .Surplus h4,.SingleRoute .Wallet h4{margin:0 0 15px}.SingleRoute .Surplus .ant-table-cell,.SingleRoute .Wallet .ant-table-cell{padding:2px!important}.SingleRoute .Surplus .ant-table-cell .ant-btn,.SingleRoute .Wallet .ant-table-cell .ant-btn{font-size:14px;padding:0;width:15px;height:30px}.SingleRoute .Surplus .add,.SingleRoute .Wallet .add{background:#d7ff99}.SingleRoute .Surplus .subtract,.SingleRoute .Wallet .subtract{background:#ff999f}.SingleRoute .Points{position:relative}.SingleRoute .Points .add-template-button{padding:5px 10px;margin-top:-10px}.SingleRoute .Points .row{margin:0}.SingleRoute .Points .point-container{margin-bottom:20px;border:1px solid #d4d4d4;padding:5px;border-radius:5px;background:#e2f5ff}.SingleRoute .Points .point-container .client-name{margin:0;width:100%}.SingleRoute .Points .point-container .header{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.SingleRoute .Points .point-container .header h2,.SingleRoute .Points .point-container .header h3,.SingleRoute .Points .point-container .header h4{padding:0;margin:0}.SingleRoute .Points .point-container .header h2{font-size:14px;width:calc(50% - 10px);color:#00bcd4}.SingleRoute .Points .point-container .header .location-address{text-align:right;width:calc(50% - 10px)}.SingleRoute .Points .point-container .header .location-address h3{font-size:14px;font-weight:400}.SingleRoute .Points .point-container .header .location-address h4{font-size:13px;font-weight:400}.SingleRoute .Points .point-container .driver-info-container .col-6:nth-child(2) textarea{margin-left:5px}.SingleRoute .Points .point-container .driver-info-container .col-6:nth-child(2) span{text-align:right}.SingleRoute .Points .point-container .driver-info-container span{font-size:12px;color:#525252;display:block;width:100%;margin-top:5px}.SingleRoute .Points .point-container .driver-info-container textarea{width:calc(100% - 10px);margin:2px auto 0;border-radius:5px;height:auto;resize:none;overflow-y:hidden}.SingleRoute .Points .point-container .pay-types-container{cursor:pointer;border:1px solid #ccc;background:#fff;padding:5px;border-radius:5px;margin:5px 0 10px}.SingleRoute .Points .point-container .pay-types-container b{font-size:12px}.SingleRoute .Points .point-container .pay-types-container span{color:#00bcd4;font-weight:800}.SingleRoute .Points .point-container ul{list-style-type:none;padding:0;margin:0}.SingleRoute .Points .point-container ul li{width:100%;display:flex;margin-bottom:10px;background:#f5fdff;color:#212d51;padding:5px 5px 5px 10px;box-sizing:border-box}.SingleRoute .Points .point-container ul li .product-name{width:250px;font-size:13px;margin-top:3px}.SingleRoute .Points .point-container ul li input{width:30px;height:24px;margin-left:5px;border-radius:3px;border:1px solid #212d51}.SingleRoute .Points .point-container ul li .change-price-button{padding:0 10px;height:28px;border-radius:5px;border:1px solid #000;margin:0 0 0 5px;font-weight:400;font-size:14px}.SingleRoute .Points .point-container ul li .radius-button{width:20px;height:20px;padding:13px;font-size:13px;margin-left:5px}.SingleRoute .Points .point-container ul li.header-list{display:flex;justify-content:flex-end;padding-right:45px;font-size:14px;margin-bottom:3px}.SingleRoute .Points .point-container ul li.header-list div{margin-left:10px}.SingleRoute .Points .point-container .product-buttons{position:relative;text-align:right;height:37px;display:flex;justify-content:space-between}.SingleRoute .Points .point-container .product-buttons button{font-size:14px;font-weight:400;padding:0 10px}.SurplusAddForm,.WalletAddForm{margin-top:30px}.AddPointList .locations-list li{position:relative}.AddPointList .locations-list li button{padding:15px;position:absolute;right:5px;top:15px}.MovePopup-Component .active{background:#d7ff99}.MovePopup-Component .active:hover{background:#d7ff99!important}.MovePopup-Component .free-place,.MovePopup-Component .free-place:hover{background:#00bcd4}.AddProduct-Module{padding-top:30px}.AddProduct-Module button{width:90%;margin:auto auto 10px}.ChangeProductPrice-Popup{text-align:center}.ChangeProductPrice-Popup .button-container button{padding:5px 15px;margin:5px 20px}.ChangeProductPrice-Popup .button-container button:first-child{margin-top:25px}.ChangeProductPrice-Popup input{text-align:center;width:120px;font-size:30px}.RoutesEditorTemplates .templates-header{display:flex;justify-content:space-between;align-items:center}.RouteTemplateEdit{margin-top:50px}.RouteTemplateEdit .route-template-info-editor{display:flex;flex-direction:column;gap:12px}.RouteTemplateEdit .route-template-info-actions{display:flex;justify-content:flex-end}.RouteTemplateEdit .template-actions{display:flex;justify-content:flex-end;margin-bottom:12px;margin-top:40px}.RouteTemplateEdit .template-actions button{margin-bottom:-12px;margin-right:10px;border-radius:10px 10px 0 0}.RouteTemplateEdit .ant-list-item{flex-direction:column}.RouteTemplateEdit .template-location{width:100%}.RouteTemplateEdit .template-location-actions{display:flex;gap:6px}.RouteTemplateEdit .template-location-actions button{padding:5px 10px}.RouteTemplateEdit .template-delete{margin-top:16px}.Login-Form{max-width:400px;margin:0 auto;padding:2rem}.Login-Form .form-field{margin-bottom:1rem}.Login-Form .form-field label{display:block;margin-bottom:.25rem;font-weight:700}.Login-Form .form-field .error{color:red;font-size:.85rem}.BottomMenu{position:fixed;bottom:0;left:0;width:100%;height:70px;background-color:#424246;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #ddd;z-index:1000}.BottomMenu .menu-item{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#ccc;text-decoration:none;transition:all .2s ease}.BottomMenu .menu-item .icon{font-size:20px}.BottomMenu .menu-item.active,.BottomMenu .menu-item.active .icon{color:#1677ff}.notification-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000000;align-items:flex-end}.global-notification{min-width:250px;padding:15px 40px 15px 15px;border-radius:8px;color:#000;font-size:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px #0000001a;animation:slideIn .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:relative;background:#fff}.global-notification.info{color:#2196f3;border:2px solid #2196f3}.global-notification.info button{color:#2196f3}.global-notification.success{color:#4caf50;border:2px solid #4caf50}.global-notification.success button{color:#4caf50}.global-notification.warning{color:#ffc107;border:2px solid #ffc107}.global-notification.warning button{color:#ffc107}.global-notification.error{color:#f44336;border:2px solid #f44336}.global-notification.error button{color:#f44336}.global-notification button{background:transparent;border:none;font-size:18px;cursor:pointer;position:absolute;margin:0;right:5px;top:5px;padding:0;width:25px;height:25px!important}.global-notification.fade-out{opacity:0;transform:translate(100%)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}