body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7f7!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.main-menu-container{width:90vw!important;margin:20px auto auto!important;height:100vh;align-items:center}.main-menu-icon-button{width:100%;height:80%;margin:auto}.main-menu-icon-button>*{color:#ddd}.main-menu-icon-button:hover{background-color:transparent!important}.main-menu-icon-button:hover>*{color:#ccc}.main-menu-button-text{width:80%;margin:auto!important;text-align:center;font-size:1.5vw!important;color:#ddd}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link,.link:link,.link:visited,.link:hover,.link:active,.link:focus{text-decoration:none;color:inherit}.custom-form-main{position:relative!important;width:80vw!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important;top:10vh!important;height:80vh!important}.custom-form-paper{padding:16px!important;height:100%!important;width:100%!important}.custom-stepper-form-main{position:relative!important;width:800px;margin-left:auto!important;margin-right:auto!important;top:10vh!important;height:80vh!important}.custom-stepper-form-paper{padding:16px!important;min-height:500px!important;max-height:80vh!important;min-width:50vw!important;overflow-x:hidden!important;overflow-y:auto!important}.custom-form-close{position:absolute!important;right:10px!important;top:0!important;font-size:30px!important;font-family:Courier New!important;cursor:pointer!important}.custom-form-buttons{display:flex!important;justify-content:flex-end!important}.custom-form-button{margin-top:24px!important;margin-left:8px!important}.loader-container{display:flex;justify-content:center!important;align-items:center!important;height:100%}.loader{width:40%!important;height:40%!important;margin:auto}.tw-form-btn{position:fixed!important;right:50px!important;top:100px!important;z-index:18}.calendar-popover{background-color:#1f2426;color:#f1f1f1;padding:15px;width:300px;height:auto;overflow-y:auto;overflow-x:hidden}.tw-report-modal{padding:0!important;margin:0!important;display:flex;justify-content:center}.calendar-filter-element{position:absolute;top:5px;right:250px;z-index:10;width:300px}.filter-bar-container{background-color:#051628;height:60px;margin-top:-1px;width:100%;z-index:14px;color:#fff}.filter-bar-flex-container{display:flex;flex-direction:row;justify-content:flex-end;gap:20px;height:30px;margin:auto;position:relative;top:15px;right:10px}.filter-bar-flex-container .Mui-disabled{background-color:#aaa!important}.filter-bar-flex-container .MuiOutlinedInput-notchedOutline,.filter-bar-flex-container .Mui-focused .MuiOutlinedInput-notchedOutline{color:#fff!important;border-color:#fff!important}.filter-bar-flex-container .MuiSvgIcon-root{fill:#fff!important}.filter-bar-date-picker input{color:#fff;padding:5px;width:170px}.table-view-header{background-color:#1976d2;color:#fff}.MuiDrawer-root{margin-top:0!important}.form-container{background-color:#eee;border-radius:10px;max-height:60vh;width:50vw;padding:5vh 5vw;overflow:auto}.customer-form-container{border-radius:10px;max-height:60vh;width:50vw;padding:5vh 5vw;overflow:auto}.google-maps-search{position:absolute;top:0;left:0%;width:calc(100% - 60px)}.google-maps-item{width:100%;background-color:#fff;border-bottom:1px solid #212121}.scrollable{height:auto!important;width:auto!important;min-width:inherit!important;margin:auto auto 20px}.file-name-form{display:flex;position:absolute;justify-content:center;align-items:center;text-align:center;width:100%;height:100%}.file-name-form>p{width:80%;margin:auto;word-break:break-word;white-space:pre-line;overflow-wrap:break-word}.tw-grid-container{width:100%!important;margin:auto!important}.warrant-form-btn{z-index:17;width:5vw}.warrant-form-btn-container{position:absolute;bottom:20px}.twItems-scrollable{max-height:120px;width:90%;margin:10px auto auto;overflow-x:hidden;overflow-y:auto}.calendar-vehicle-card-text{overflow:hidden;height:18px;min-width:inherit;text-overflow:ellipsis;white-space:nowrap}.graph-driver-card-container{height:40px;display:flex}.graph-driver-card-text{height:40px;width:calc(100% - 50px)}@media only screen and (max-width: 1200px){.graph-driver-card-container{width:25vw}}@media only screen and (min-width: 1200px){.graph-driver-card-container{width:12vw}}.card-img{height:100px!important;width:100%!important;object-fit:cover}.calendar-card-img{height:40px!important;width:50px!important;object-fit:cover}.card-img-loader{margin:auto;height:100px;width:100px}.calendar-card-img-loader{margin:auto;height:50px!important;width:50px!important}.calendar-shipment-card-text{overflow:hidden;height:18px;min-width:inherit;text-overflow:ellipsis;white-space:nowrap;color:#fff}.calendar-shipment-text-white{color:#fff;font-size:15px}.calendar-shipment-text-gray{color:#ffffffb3}.calendar-shipment-element{height:60px;width:100%;max-width:200px;padding:5px;background-color:#1976d2;border-radius:5px;cursor:pointer}.calendar-shipment-element-animated{animation:pulse 2s infinite;box-shadow:0 0 #616bf3}.calendar-shipment-menu-item-container{width:300px;word-wrap:initial}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #616bf300}50%{transform:scale(.95);box-shadow:0 0 #616bf3b3}to{transform:scale(1);box-shadow:0 0 0 7px #616bf300}}::-webkit-scrollbar{height:6px}.shipments-underbar-container{transition:width .3s;height:81px;background-color:#051628;overflow-x:auto}.shipments-underbar-flex-container{display:flex;justify-content:flex-start;gap:20px;padding-left:20px;padding-right:20px;padding-top:10px}.shipments-underbar-container-full-width{width:100%}.shipments-underbar-container-70{width:calc(100% - 500px)}.shipment-loading-date-picker input{padding:5px;width:170px}.shipment-loading-element{height:110px;transition:background-color .1s ease-in-out;transition:height .5s ease-in-out}.shipment-loading-element:hover{background-color:#d5e1f383;height:200px}.half-a-border-on-top:after{padding:0;margin:0;display:block;content:"";width:5px;height:15.5px;background-color:#fff;position:absolute;right:-3px;top:0}.half-a-border-on-bottom:after{padding:0;margin:0;display:block;content:"";width:5px;height:20.5px;background-color:#fff;position:absolute;right:-3px;bottom:0}.directions-map-container{display:flex;height:calc(100vh - 320px)}.directions-map-controls{width:20%;padding:1rem;background:#14161a;color:#fff}.directions-map-controls input{border:none}.directions-map-map-container{width:100%;height:inherit;border-radius:13px!important;border:1px solid #3277d5}.del-imp-doc-modal{padding:0!important;margin:100px 0 0!important;display:flex;justify-content:center!important;text-align:center}.delete-modal-container{background-color:#eee;border-radius:10px;max-height:250px;width:400px;padding:5vh 5vw;overflow:auto}.card{background-color:#fff;color:#111;height:100%;width:200px;margin:0}.calendar-card{background-color:#fff;padding:1px!important;color:#111;height:100%!important;width:110px!important;margin:auto!important}.grid-container{width:70vw!important;margin:40px auto auto!important;justify-content:space-between}.catalogue-card-text{word-wrap:break-word;word-break:normal}.no-data-container{width:100vw;height:80vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:0}.no-data-img{width:30vw!important;height:auto}.no-data-img>img{width:30vw!important;height:auto;opacity:.2}.no-data-text{font-size:30px;text-align:center;color:#8f8f8fcc}.scrollable-feed{height:70vh;width:500px;overflow-y:scroll;overflow-x:hidden}.feed-search{width:300px;height:300px;padding:20px;z-index:10;background-color:#f7f7f7;border:1px solid black;border-radius:5px}.feed-expense-search{height:380px}.feed-tw-search{height:220px}.outter{position:relative;width:100%;height:calc(100vh - 150px);overflow-y:scroll;overflow-x:hidden}.inner{position:absolute;width:100%;height:calc(100vh - 150px)}.image-album-container{width:100%;height:100%;position:relative}.album-image{width:inherit;height:inherit;object-fit:cover;cursor:pointer}.profile-card{margin-top:20px;cursor:pointer}.profile-card-content{cursor:pointer}.profile-card-content-hovered{background-color:#f3f3f399}.profile-card-modal-style{padding:0!important;margin:0!important;display:flex;justify-content:center;position:relative}.last-image{display:flex;align-items:center;position:absolute;background-color:#00000085;width:100%;height:100%;justify-content:center;z-index:5;cursor:pointer}.last-image>p{font-size:40px;color:#ccc}.last-image-disabled{display:none}.file-name{display:flex;position:absolute;justify-content:center;text-align:center;width:100%;height:100%}.file-name-p{width:90px;margin:auto;word-break:break-word;white-space:pre-line;overflow-wrap:break-word;font-size:10px}.file-icon{width:inherit;height:inherit;margin:auto}.file-icon-container{width:100%;height:100%;display:flex}.carousel{background-color:#000c;border-radius:10px;min-height:480px;max-height:60vh;min-width:300px;width:50vw;padding:5vh 5vw;margin-top:100px}.carousel-container{display:flex;justify-content:center}.carousel-img{height:400px;margin:auto}.carousel-img>img{max-height:100%;width:100%}.file-name-carousel{display:flex;position:absolute;justify-content:center;align-items:center;text-align:center;width:100%;height:100%}.file-name-carousel>p{width:80%}.file-name-link{text-decoration:none;color:#000c;position:relative;height:100%;width:100%}.viber-request-modal{padding:0!important;margin:100px 0 0!important;display:flex;justify-content:center!important;text-align:center}.viber-modal-container{background-color:#eee;border-radius:10px;max-height:250px;width:400px;padding:50px;overflow:none}.table-profile-card{width:500px}.table-close-btn{position:fixed!important;top:105px!important;right:50vw!important;margin-right:-265px!important;height:40px!important;width:40px!important}.table-modalStyle{padding:0!important;margin:100px 0 0!important;display:flex;justify-content:center}.feed-table-element{background-color:#fff;border:1px solid rgb(206,206,206);border-bottom:none;padding:7px 7px 7px 30px}.feed-table-element:hover{background-color:#ebebeb}.feed-table-header-footer{background-color:#fff;border:1px solid rgb(206,206,206);padding:7px 7px 7px 30px}.profile{margin:auto!important;display:flex}.details-element{position:absolute;top:0;right:0;transition:ease all .5s;z-index:8}.feed-element{width:70vw!important;margin:auto}.vehicle-feed-selector{position:fixed;z-index:6;width:500px;margin:auto;margin-left:calc(35vw - 250px)}.feed{margin:80px auto auto;width:100%}.feed-tab{min-width:100px!important;width:100px!important}.important-docs-menu{max-height:500px;overflow-y:auto}.important-docs-menu-item{width:150px;word-wrap:initial}.important-docs-menu-item>p{width:150px}.tw-container{background-color:#fff;position:relative;overflow:auto;margin-bottom:50px}.transport-warrant-selector{z-index:1;width:500px}.tw-container p{font-size:16px}.tw-container p span{font-weight:700}.constrsite-scrollable{max-height:180px;width:80%;margin:auto;overflow-x:hidden;overflow-y:auto}.additions-btn{position:fixed!important;right:50px;bottom:50px;height:55px!important;width:55px!important}.add-record-btns{position:fixed!important;right:50px;bottom:50px}.edit-btn{position:fixed!important;right:50px;bottom:150px;height:60px!important;width:60px!important}.modalStyle{padding:0!important;margin:0!important}.close-btn{position:absolute;top:85px!important;right:25px!important;margin-right:-15px!important;height:40px!important;width:40px!important}.customer-close-btn{display:none!important}.travel-warrant-btn{position:fixed!important;right:50px;bottom:150px;height:80px!important;width:80px!important;padding:15px}@font-face{font-family:Roboto-Regular;src:url(/assets/Roboto-Regular-CmjnF39D.ttf)}.img-div{height:auto;width:100%;margin:auto;padding:5px}.img-div>img{width:inherit;height:inherit;object-fit:contain;margin:auto!important}.details{font-family:Roboto-regular;font-size:16px;width:100%;height:100%;padding:10px 30px;overflow-y:auto;overflow-x:hidden}.details .naming{width:100px!important;color:#0000009a;display:inline}.details .info{float:right;font-weight:700;width:100px!important;word-break:break-word;white-space:pre-line;overflow-wrap:break-word;display:inline;margin:0;text-align:end}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.arrow{width:100%;height:100%;display:inline-block;position:relative}.arrow>span{top:1rem;left:1rem;position:absolute;width:.75rem;height:.1rem;background-color:#303030;display:inline-block;transition:all .2s ease}.first-span{top:.75rem!important;left:.5rem!important;transform:rotate(45deg)}.second-span{top:.75rem!important;transform:rotate(-45deg)}.active.first-span{transform:rotate(-45deg)}.active.second-span{transform:rotate(45deg)}.icon{margin-right:15px}.event-description{max-height:80px;overflow:hidden;line-height:20px!important}.event-menu-item-container{width:300px;word-wrap:initial;position:relative}.tw-report-container{background-color:#e1e1e1;margin:auto;padding:0 10px 10px}.tw-report-scroll{overflow-y:scroll;width:100%;height:85vh;margin:10px auto auto!important}.tw-report-content-container{width:100%;height:100%}.tw-report-page{width:100%;height:100%;padding:3% 10% 10%;position:relative!important;background-color:#fff}.tw-report-content{width:100%;height:100%;padding:10%;position:relative!important;background-color:#fff}.tw-report-content>p{font-size:2vw}.tw-report-content>footer{font-size:2vw}.tw-report-content>span{font-size:2vw}.tw-report-info{display:inline}.nav-btn-list-root{width:100%!important;max-width:360px!important}.nav-btn-list-nested{padding-left:32px!important}.nav-btn-list-nonActive{border-left:3.5px solid transparent!important}.nav-btn-list-active{border-left:3.5px solid rgba(0,132,255,.8)!important;background-color:#0084ff4d!important}.nav-btn-list-activeMain{border-left:3.5px solid rgba(0,132,255,.8)!important;background-color:#0084ff80!important}.nav-btn-list-bold{font-weight:700!important;font-size:25px!important}.flex-container{display:flex;direction:row;justify-content:space-between;flex-wrap:wrap;margin:auto;width:90vw!important}.nav-icon{width:30px;height:30px}.login-form{background-color:#000000d9;z-index:600;position:absolute;width:100vw;height:100vh}.logout-modal{padding:15px;width:250px;overflow:hidden;display:flex;flex-direction:column}.user-icon{width:100%;text-align:center;margin-bottom:0}.info{margin-bottom:15px;width:100%;text-align:center}.user-name{font-size:20px}.user-name>p,.phonenumber>p{margin:0}.phonenumber{color:#85857c}hr{opacity:.3}.buttons{font-size:15px!important;width:100%}.buttons>Button{justify-content:flex-start!important}.change-pass-close-btn{position:absolute!important;top:85px;right:-15px;height:40px!important;width:40px!important}.notification-menu-item-container{width:300px;word-wrap:initial;position:relative}.notification-menu-item-container>p{width:300px}.notification-description{max-height:80px;overflow:hidden;line-height:20px!important}.notification-form-container{background-color:#fff;border-radius:10px;width:30vw!important;max-height:60vh;position:absolute;padding:5vh 5vw;overflow:auto}.notification-modal{padding-top:10vh;margin-left:35vw;width:100vw;height:100vh}.notification-close-btn{position:fixed!important;right:25vw;top:8.5vh;height:50px!important;width:50px!important}.notification-list-item{width:inherit;word-wrap:initial;white-space:normal}.notification-list-item>p{width:inherit;word-wrap:initial;white-space:normal}