@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header nav{background-color:#fff;color:#fff;display:flex;justify-content:space-between;padding:1rem}header nav ul{display:flex;float:right;list-style-type:none;margin-top:-30;padding:0;z-index:100}header nav ul li{margin:0 1rem}header nav ul li a{color:#26475f;font-size:22px;font-style:bold;text-decoration:none;transition:color .3s ease}header nav ul li a:hover{color:#f2a900}footer{background-color:#333;color:#fff;font-size:.8rem;padding:1rem;position:block;text-align:center}.header_image{align-items:left;background-color:#fff;height:50px;margin-top:3px}.privacy-link{color:#fff}.header_user_avatar{align-items:left;background-color:#fff;border-radius:50%;height:50px;margin-right:5px;margin-top:3px;transition:box-shadow .25s ease-out,transform .1s ease-in;width:50px;&:hover{box-shadow:0 0 8px #3336;cursor:pointer;transform:translateY(1px)}}body{margin:0;padding:0}.images{padding-left:30px;padding-right:30px;text-align:center}.map_image{border-radius:10px;height:auto;width:100%}.column{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;float:left;margin-left:20px;padding:20px;width:50%}.row:after{clear:both;content:"";display:table}.about_section{align-items:center;background-color:#fff;display:flex}.about_section>div{flex:1 1;padding-right:50px}.about_words{color:#26475f;font-size:30px;text-align:center}.about_text{color:#26475f;font-size:20px;padding-left:50px}.button{border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:auto;padding:16px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.button1{background-color:#26475f;color:#fff}.button1:hover{background-color:#333;color:#fff}.button2{background-color:#26475f;color:#fff}.button2:hover{background-color:#fff;color:#26475f}.box{background-color:#939598;color:#fff;height:auto;width:auto}.box,.questions{border-radius:10px;font-size:25px;margin:20px;padding:50px;text-align:center}.questions{background-color:#7d93aa;color:#26475f}h1{font-size:80px;margin:0}.questions_text{color:#fff;font-size:20px;font-style:italic;padding:0 50px;text-align:center}.app{align-items:center;background-color:#939598;border-radius:10px;display:flex;justify-content:center;margin:20px;padding:20px;text-align:center}.app img{border:15px solid #fff;display:inline-block;height:auto;margin:20px;width:200px}.app_details{display:flex;flex-direction:column;justify-content:center;text-align:left}.title{color:#fff;font-size:50px}.mobile_app{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;margin:20px;padding:50px}.mobile_image{height:auto;padding-left:50px;width:40%}.mobile_details{flex:1 1;padding:20px;text-align:center}.mobile_app_header{color:#26475f;font-size:35px;margin-bottom:10px}.key_features_header{color:#26475f;font-size:30px;margin-bottom:20px}.key_features_columns{display:flex;justify-content:space-between}.key_features_list{font-size:22px;list-style-type:none;padding:0}.key_features_list li{align-items:center;display:flex;margin-bottom:10px}.arrow{color:#26475f;font-size:24px;margin-right:10px}.qr_code{height:auto;width:200px}.photo_center_login{align-items:center;display:flex;justify-content:center}.container_login{border-radius:8px;font-family:Poppins,sans-serif;margin:100px auto 0;max-width:600px;padding-bottom:250px;position:relative}.login-form{display:block;margin-top:30px;p{margin-block:30px;text-align:center}}.form-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;font-size:.9rem;padding:12px 20px}.btn,.form-input{margin:8px 0;width:100%}.btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:14px 20px}.btn-login{background-color:#26475f;font-size:medium}.btn-login:hover{background-color:#333}.sign-up-link{color:#4040bf;cursor:pointer;padding-top:10px;text-decoration:underline}.sign-up-link:hover{color:#292989}.privacy-container{padding-left:20px;top:20px}.dashboard{display:flex;min-height:100vh}.sidebar{background-color:#f0f0f0;padding:20px;width:200px}.sidebar-option{cursor:pointer;padding:10px;transition:background-color .3s;&:hover{background-color:#e0e0e0}}.sidebar-option.active{background-color:#e0e0e0}.main-content{flex:1 1;padding:20px}.overlay{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;top:0;width:100%}.overlay p{color:#fff;font-size:18px;margin-bottom:20px;text-align:center}.driver-request-modal{margin:0 auto;max-width:800px;padding:20px;text-align:left}.profile-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.user-profile-load-details img{height:150px;margin-bottom:20px;width:150px}.custom-rating-load-details{font-size:2em}.driver-info-columns{display:flex;justify-content:space-between;margin-top:20px;width:100%}.column{width:48%}.column p{font-size:1em;margin:5px 0}.column strong{color:#333}.column a{color:#007bff;text-decoration:none}.column a:hover{text-decoration:underline}.load_details_page{margin-bottom:50px}.back_button_text{font-size:20px;padding-top:4px}.load_details_header{align-content:center;display:flex;justify-content:space-around;margin-inline:20px;h1{font-size:24px}h1,h6{margin-block:auto}}.load_details_title{margin-block:auto}.load_details_posted_date{align-content:center;font-size:.7em}.load_details_flex_container{align-content:start;display:flex;gap:10px;justify-content:center;padding:10px}@media (max-width:900px){.load_details_flex_container{flex-direction:column}.load_details_header{display:block}.load_details_header_left{margin-bottom:10px}}.load_details_header_left{display:flex;gap:40px;justify-content:start}.load_details_container_col_left{flex-grow:2}.load_details_container_col_left,.load_details_container_col_right{display:flex;flex-basis:0;flex-direction:column;gap:10px;justify-content:start}.load_details_container_col_right{flex-grow:1}.load_details_interaction_item,.load_details_load_item,.load_details_owner_item,.load_details_requirements_item{border-radius:8px;box-shadow:0 0 20px #0000001a;padding:10px}.load_details_pane_header{border-radius:8px;color:#26475f;font-size:40px;padding-inline:10px}.load_details_section_header{border-radius:8px;color:#26475f;display:flex;justify-content:space-between;margin-top:8px;padding-inline:10px;h2{flex:4 1;margin-block:10px}}.load_details_accordian_button{background-color:#26475f;border:none;border-radius:5px;color:#fff;flex:1 1;font-size:20px;margin-block:auto;padding-block:5px;transition:transform .2s ease-in-out,background-color .2s ease-in-out;&:hover{background-color:#333;transform:scale(102%)}&:active{transform:translateY(1px)}}.load_details_table{background-color:#f0f1f2;border-collapse:initial;border-radius:8px;border-spacing:5px;text-align:left;width:100%;th{background-color:#f4f4f4;padding:10px 5px 10px 10px}td,th{border-radius:2px}td{background-color:#f9f9f9;padding:10px;&:hover{box-shadow:0 0 5px #26475f33}}}.load_details_table_container{max-height:400px;overflow-y:auto;width:100%}.load-details-back-button-container{margin-left:20px;margin-block:15px;position:block}body{background-color:#f4f4f4;font-family:Arial,sans-serif}.back-button{display:flex;gap:7px;transition:transform .3s ease}.status-refresh-container{align-items:center;display:flex;gap:2px;padding-bottom:8px}.status-value{background-color:#cddbe4;border-radius:8px;color:#26475f;font-size:1.3em;margin-left:6px;padding-block:5px;padding-inline:10px;&:not([title=new]){background-color:#f3d986;color:#5a5134}&[title=complete]{background-color:#c8eac8;color:#416341}&[title=pending]{background-color:#f7d4d6;color:#b02a38}}.review-button{text-wrap:nowrap;background-color:#26475f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;margin:auto;padding:14px 20px}.review-button:hover{background-color:#333}.user-profile-load-details{align-items:end;display:flex;justify-content:start;padding-inline:20px;padding-bottom:10px}.user-profile-load-details img{border-radius:50%;height:100px;margin-right:20px;width:100px}.btn-load-details{border:none;border-radius:4px;cursor:pointer;padding:14px 20px}.btn-load-details-copy{background-color:#a68721;&:hover{background-color:#333}}.btn-load-details-copy,.btn-load-details-edit{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin:auto;padding-block:14px;width:85px}.btn-load-details-edit{background-color:green}.btn-load-details-edit:hover{background-color:#333}.btn-load-details-delete{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin:auto;padding-block:14px;width:85px}.btn-load-details-delete:hover{background-color:#333}.button_container{display:flex;gap:10px}.btn-driver-accept,.btn-driver-reject{border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px}.btn-driver-accept{background-color:#26475f}.btn-driver-reject{background-color:#dc3545}.btn-driver-accept:hover,.btn-driver-reject:hover{background-color:#333}.button-container-requests{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:200px;width:100%}.btn-load-view_info{background-color:#ccc;border:none;border-radius:5px;cursor:pointer;margin:5px;padding:10px 20px;white-space:nowrap}.btn-load-view_info:hover{background-color:#333;color:#fff}.delivery-confirmation-container,.driver-request-container,.pickup-confirmation-container,.rate-confirmation-container{margin-bottom:80px;margin-top:20px;text-align:center}.driver-delivery-confirmation-section,.driver-pickup-confirmation-section,.driver-request-section,.rate-confirmation-section,.review-section,.shipper-delivery-confirmation-section,.shipper-pickup-confirmation-section{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:500px;padding:20px}.driver-delivery-confirmation-title,.driver-pickup-confirmation-title,.rate-confirmation-section h2,.rate-confirmation-section h3,.shipper-delivery-confirmation-title,.shipper-pickup-confirmation-title{color:#26475f}.file-upload-section{margin-bottom:20px}.selected-file{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.selected-file p{flex:1 1;margin:0;padding-right:10px;text-align:left}.additional-files-li{align-items:center;display:flex;justify-content:space-between}.btn-delete{background:none;border:none;color:red;cursor:pointer;font-size:1.5em;margin-left:10px;padding:0;transition:transform .3s ease}.btn-delete:hover{color:darkred;transform:scale(1.2)}.btn-request,.btn-upload{background-color:#26475f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 16px;width:50%}.btn-upload:disabled{background-color:#ccc;cursor:not-allowed}.btn-request:hover,.btn-upload:hover{background-color:#333}.document-link{color:#007bff;display:inline-block;text-decoration:none}.document-link:hover{text-decoration:underline}.driver-btn-confirm-pickup{background-color:#26475f;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.driver-btn-confirm-pickup:hover{background-color:#333}.shipper-delivery-confirmation-message,.shipper-pickup-confirmation-message{margin-top:15px}.modal-overlay{background-color:#000000bf;z-index:1000}.driver-modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;margin:0 auto;max-width:800px;padding:20px;position:relative;text-align:left;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding-bottom:10px}.modal-header h2{color:#26475f;font-size:24px;margin:0}.btn-close{background:none;border:none;cursor:pointer;font-size:24px}.modal-body{display:flex;flex-direction:column;gap:20px;padding-top:20px}.modal-body img{border-radius:50%;height:120px;object-fit:cover;width:120px}.modal-body .driver-details,.modal-body .driver-info{flex:1 1}.modal-body .driver-details p,.modal-body .driver-info p{margin:5px 0}.modal-body .driver-details p{font-size:14px}.modal-body .custom-rating-load-details{font-size:24px;margin:10px 0}button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.btn-close,button{transition:background-color .3s ease}.btn-close{background-color:#f5f5f5;color:#000}.btn-close:hover{background-color:#dc3545;color:#fff}.modal-body .document-link{color:#007bff;display:inline-block;text-decoration:none}.modal-body .document-link:hover{text-decoration:underline}.driver-request-container{margin-bottom:80px;margin-top:20px;text-align:center}.driver-request-section{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin:0 auto;max-width:250px;padding:20px}.btn-request{background-color:#26475f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 16px;width:50%}.btn-request:hover{background-color:#333}.custom-rating-load-details{text-wrap:nowrap;font-size:30px;margin-bottom:5px}.btn-submit{background-color:#26475f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-right:10px;padding:10px 20px}.btn-submit:hover{background-color:#333}.btn-cancel{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-left:10px;padding:10px 20px}.btn-cancel:hover{background-color:#333}.additional-files-list{list-style-type:none;margin:0;padding-left:0}.additional-files-li{margin-bottom:5px}.back-button-container{margin-left:20px;margin-top:20px;position:block}.back-button{position:inherit}.h1-custom{text-align:center}.form-edit-load{background-color:#f8f8f8;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:700px;padding:20px;input[type=date],input[type=number],input[type=text],select,textarea{border:1px solid #ddd;border-radius:3px;display:flex;font-size:16px;margin-bottom:15px;padding:10px;width:95%}textarea{font-family:inherit;max-width:95%}input[type=checkbox]{border-radius:3px;font-family:inherit;margin-top:5px;padding:10px}input[type=checkbox],input[type=time]{border:1px solid #ddd;font-size:16px;margin-bottom:15px}input[type=time]{border-radius:3px;display:flex;padding-block:7.5px;padding-inline:10px;width:95%}.account-type{margin-bottom:15px}.account-type label{font-size:16px;margin-right:10px}button[type=submit]{background-color:#26475f;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:95%}button[type=submit]:hover{background-color:#333}}.btn-cancel-edit{background-color:#c83745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:medium;margin:8px auto 15px;padding-block:10px;position:block;width:95%}.btn-cancel-edit:hover{background-color:#333}.sign_up_logo_center{align-items:center;display:flex;justify-content:center}.container-signup{border-radius:8px;font-family:Poppins,sans-serif;margin:100px auto 0;max-width:600px;padding-bottom:250px;position:relative}.signup-form{display:block;margin-top:30px;input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;font-size:.9rem;margin:8px 0;padding:12px 20px;width:100%}}.form-input-signup{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;font-size:.9rem;margin:8px 0;padding:12px 20px;width:100%}.btn-signup{background-color:#26475f;font-size:medium}.btn-signup:hover{background-color:#333}.user_type_signup{gap:15px;margin-block:30px}.user-account,.user_type_signup{display:flex;justify-content:center}.user-account{margin-bottom:120px;width:100%}.user-account-files{border-radius:5px;box-shadow:inset 0 0 5px #33333340;margin-inline:auto;margin-bottom:25px;margin-top:20px;padding-block:20px;width:100%;h1{margin-bottom:20px;text-align:center}}.user-account-form{border-radius:10px;margin:0 auto;max-width:600px;padding:20px;width:600px}.user-account-form h1{margin-bottom:20px;text-align:center}.radio-groups-container{grid-row-gap:5px;display:grid;grid-template-columns:50% 50%;row-gap:5px;width:100%}.radio-group{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px;label{display:block;font-weight:700;margin-bottom:5px;margin-right:10px}div label{font-weight:400;margin:2px}input{margin-right:6px}}.account-form-group{margin-bottom:15px}.account-form-group label{display:block;font-weight:700;margin-bottom:5px}.account-form-group input{border:1px solid #ccc;border-radius:5px;padding:10px;width:calc(100% - 22px)}.save-changes-button{background-color:#26475f;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin-inline:auto;margin-bottom:5px;margin-top:30px;padding:10px 20px}.save-changes-button:hover{background-color:#708090}.user-account img{border-radius:50%;display:block;height:150px;margin-inline:auto;min-width:150px;width:150px}.avatar-form-group{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;margin-bottom:40px;input[type=file]{border-radius:5px;box-shadow:inset 0 0 5px #33333340;cursor:pointer;font-size:16px;margin-inline:auto;&::-webkit-file-upload-button{background-color:#26475f;border:none;border-radius:5px;color:#fff;margin:10px 15px 10px 10px;padding:10px 20px;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out}&::file-selector-button{background-color:#26475f;border:none;border-radius:5px;color:#fff;margin:10px 15px 10px 10px;padding:10px 20px;transition:background-color .25s ease-out}&::-webkit-file-upload-button:hover{background-color:#333;cursor:pointer}&::file-selector-button:hover{background-color:#333;cursor:pointer}}}.back-button-container-account{margin:25px 25px 25px 35px;position:relative}.back-button{background-color:initial;border:none;cursor:pointer;font-size:28px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#000;height:16px;margin-left:10px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background:#fff;border-radius:8px;padding:20px;position:relative;text-align:center;width:300px}.modal-close{background:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modal-options{margin:20px 0}.modal-option{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;display:block;margin:10px 0;padding:10px;width:100%}.modal-option.selected,.modal-option:hover{background-color:gray;color:#fff}.file-upload-section{margin-top:20px}.upload-button{background-color:#26475f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:12px;padding:10px 15px}.upload-button:hover{background-color:#708090}.upload-button:disabled{background-color:gray;cursor:not-allowed}.pricing-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin-top:20px;min-height:75vh;padding:50px}.banner-container{background-color:#f8f9fa;border:2px solid #26475f;border-radius:25px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;max-width:600px;padding:10px;width:100%}.banner{align-items:center;display:flex;justify-content:center}.banner div{border-radius:25px;color:#26475f;cursor:pointer;flex:1 1;font-size:20px;font-weight:700;padding:10px 20px;text-align:center;transition:background-color .3s,color .3s}.banner div:first-child{border-radius:25px 0 0 25px}.banner div:last-child{border-radius:0 25px 25px 0}.banner div.active{background-color:#26475f;color:#fff}.banner div:hover:not(.active){background-color:#d3d3d3}.pricing-plans{display:flex;justify-content:space-around;max-width:800px;width:100%}.pricing-plan{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 10px;padding:20px;position:relative;text-align:left;width:45%}.pricing-plan h2{font-size:24px;margin-bottom:10px;text-align:center}.pricing-plan p.price{font-size:32px;font-weight:700;margin:10px 0;text-align:center}.pricing-plan p.price span{font-size:20px}.features-list{list-style:none;padding:0}.features-list li{align-items:center;display:flex;font-size:16px;margin:5px 0}.features-list li:before{color:green;content:"✔";margin-right:10px}.section-header{font-weight:700;margin-top:10px}.savings-banner{background-color:#fc0;border-radius:5px;color:#000;font-size:14px;font-weight:700;left:50%;padding:5px 10px;position:absolute;top:-20px;transform:translateX(-50%);z-index:1}@media (max-width:768px){.pricing-container{padding:20px}.pricing-plans{align-items:center;flex-direction:column;gap:8px}.pricing-plan{margin-bottom:20px;width:90%}}.signup_link_pricing{display:flex;margin-bottom:60px;margin-top:50px;min-width:200px;width:200px;.btn-signup-pricing{background-color:#26475f;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:medium;font-weight:700;margin:8px 0;padding:14px 20px;width:100%}.btn-signup-pricing:hover{background-color:#333}}body,html{background-color:#f4f6f8;font-family:Roboto,sans-serif;height:100%;margin:0;padding:0}.inbox-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:20px 20px 0;width:100%}.activity-indicator{align-items:center;color:#26475f;display:flex;flex:1 1;font-size:20px;justify-content:center;margin-top:250px}.container-mobile{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;max-width:900px;overflow:hidden;padding-bottom:10px;transition:box-shadow .3s ease;width:100%}.container-mobile:hover{box-shadow:0 4px 20px #00000026}.group-name-container{align-items:center;background-color:#26475f;border-radius:10px 10px 0 0;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;padding:20px;width:100%}.group-name{font-size:24px;font-weight:700;margin-left:20px}.go-back,.info-button{background:none;border:none;color:#fff;cursor:pointer}.list-mobile{max-height:78vh;overflow-y:auto;padding:0 20px}.item-container,.list-mobile{box-sizing:border-box;width:100%}.item-container{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 5px #0000000d;cursor:pointer;display:flex;justify-content:space-between;margin:10px 0;padding:15px;position:relative;transform:translateZ(0);transition:background-color .3s,box-shadow .3s,transform .3s,border-color .3s;will-change:transform}.item-container:hover{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#eaeaea;border-color:#0288d1;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px);will-change:transform}.item{color:#26475f;font-size:18px;font-weight:700}.item,.latest-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-message{color:gray;font-size:14px;font-style:italic}.preview-message-container{display:flex;flex-direction:column;gap:5px;justify-content:center;width:80%}.notification-dot{animation:pulsate 1.5s infinite;background-color:red;border-radius:50%;height:12px;position:absolute;right:15px;top:15px;width:12px}.chatScreen{align-items:center;background-color:#f4f6f8;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;padding:20px 0}.groupNameContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 20px;width:60%}.backButton,.closeButton,.settingsButton{background:none;border:none;cursor:pointer}.backButton:hover,.closeButton:hover,.settingsButton:hover{transform:scale(1.1)}.groupName{color:#26475f;font-size:24px;font-weight:700}.messagesContainer{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column-reverse;max-height:70vh;overflow-y:auto;padding:20px;width:60%}.messageContainer{display:flex;flex-direction:column;margin:10px 0}.messageBox,.myMessageBox{border-radius:10px;display:flex;flex-direction:column;max-width:80%;padding:10px 15px;position:relative}.messageBox{align-self:flex-start;background-color:#e0e0e0;color:#000}.myMessageBox{align-self:flex-end;background-color:#26475f;color:#fff}.username{padding-left:5px}.myUsername,.username{color:gray;font-size:12px;margin-bottom:5px}.myUsername{align-self:flex-end;padding-right:5px}.messageContent{word-wrap:break-word;padding-left:5px;padding-right:5px;word-break:break-word}.messageText{font-size:16px}.messageTextTimeStamp{align-self:flex-begin;color:gray;font-size:11px;margin-top:5px;padding-left:5px}.myMessageTextTimeStamp{align-self:flex-end;color:gray;font-size:11px;margin-top:5px;padding-right:5px}.inputContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 -2px 4px #0000001a;display:flex;margin-top:20px;padding:10px 20px;width:60%}.input{border:1px solid #ddd;border-radius:10px;flex:1 1;margin-right:10px;padding:10px}.sendButton{background-color:#26475f;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 15px}.sendButton:hover{border-color:#26475f;box-shadow:0 4px 15px #0003;transform:scale(1.02)}.overlay{background-color:#fff;border-radius:20px;box-shadow:0 0 10px #0000001a;height:200px;left:50%;padding:1em;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px}.overlayHeader{justify-content:space-between;margin-bottom:10px}.overlayContent,.overlayHeader{align-items:center;display:flex}.overlayContent{flex-direction:column}.settingsTitle{font-size:22px;font-weight:700;text-align:center}.settingsText{font-size:18px;margin-bottom:20px}.leaveGroupButton{background-color:#dc3545;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-bottom:10px;padding:10px;text-align:center;width:100%}.leaveGroupButton:hover{background-color:#dc3545;box-shadow:0 4px 15px #0003;transform:scale(1.02)}.toggleTimestampButton{background-color:#26475f;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;text-align:center;width:100%}.toggleTimestampButton:hover{background-color:#26475f;box-shadow:0 4px 15px #0003;transform:scale(1.02)}.leave-review-container{border-radius:8px;flex:100 1;font-family:Poppins,sans-serif;margin:2rem auto;max-width:400px;padding-bottom:100px}.photo-review-recipient{border:2px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding-bottom:16px;padding-top:30px}.photo-review-recipient h1{text-align:center}.photo-review-recipient img{align-items:center;border-radius:50%;display:flex;height:200px;margin:0 auto;object-fit:cover;width:200px}.custom-rating-review{font-size:30px;margin-top:10px}.review-required-marker{color:#dc3545;font-size:18px;height:30px;padding-left:4px}.review-rating-container{align-items:center;display:flex;padding-top:16px}.review-comment{margin-top:20px;max-width:100%}.btn-submit-review{background-color:#26475f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:medium;margin-top:15px;padding:14px 20px}.btn-submit-review:hover{background-color:#333}.review-input-error-message{color:#dc3545;font-weight:700;padding-top:1rem;text-align:center}.button-container{justify-content:left}.reviews-header{background-color:#26475f;color:#fff;margin:0 auto;padding:10px;text-align:center;width:100%}.reviews-container{border-radius:10px;font-family:Poppins,sans-serif;margin:1rem auto 200px;max-height:70vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding-bottom:10px;padding-inline:20px}.received-review-container{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 5px #0000000d;margin:10px 0;padding:15px}.review-submitter{font-size:16px;font-weight:700;margin-bottom:8px}.custom-rating-list-reviews{color:#ffc107;font-size:24px;margin-bottom:8px}.received-review-comment,.received-review-no-comment{word-wrap:break-word;margin-top:5px;padding-left:10px}.received-review-no-comment{color:#888;font-weight:700}.dropdown_menu_container{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;box-shadow:0 0 10px #e0e0e0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:30px 25px 40px 35px;position:absolute;right:15px;top:15px;transition:visibility .3s ease-out,opacity .3s ease-out,transform .3s ease-out;width:250px;z-index:3}.dropdown_menu_container.active{opacity:1;transform:translate(0);visibility:visible}.dropdown_menu_container.inactive{opacity:0;transform:translate(20px,-20px);visibility:hidden}.dropdown_menu_header{align-content:center;display:flex;justify-content:space-between;padding-block:10px;padding-inline:20px;.profile_identity{align-items:center;display:flex;justify-content:left}.dropdown_menu_user_avatar{align-items:left;background-color:#fff;border-radius:50%;height:55px;transition:outline .05s ease-in-out;width:55px;&:hover{outline:3px solid #26475f;outline-offset:-1px}}.dropdown_menu_close_icon{align-self:center;border:2px solid #e0e0e0;border-radius:50%;color:#cfcfcf;display:flex;padding:8px;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out;&:hover{background-color:#26475f;border-color:#26475f;color:#fff;cursor:pointer}}}a{color:#000;text-decoration:none}.profile_info{background-color:#f7f7f7;border-radius:8px;box-shadow:inset 0 0 5px #0000001a;margin-top:2px;padding-block:4px}.profile_name{padding-top:8px}.profile_name,.profile_username{overflow-wrap:anywhere;padding-inline:10px}.profile_username{color:#26475f;font-size:small;font-weight:700;padding-bottom:8px;padding-top:4px;&:hover{cursor:pointer;text-decoration:underline}}.dropdown_menu_main{margin-bottom:15px;padding-top:5px}.dropdown_menu_link{border-radius:5px;cursor:pointer;margin-block:5px;padding:10px;transition:background-color .3s ease-out;&:hover{background-color:#e0e0e0}}.dropdown_menu_link.active{background-color:#e0e0e0}.dropdown_menu_divider{background-color:#cfcfcf;height:1px;margin-block:16px;width:100%}.form-create-load{background-color:#f8f8f8;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:-10px auto 0;max-width:900px;padding:20px;input[type=date],input[type=number],input[type=text],select,textarea{border:1px solid #ddd;border-radius:3px;font-size:16px;margin-bottom:15px;padding:10px;width:100%}textarea{font-family:inherit}input[type=checkbox]{font-family:inherit;margin-top:5px}input[type=checkbox],input[type=time]{border:1px solid #ddd;border-radius:3px;font-size:16px;margin-bottom:15px}input[type=time]{padding-block:7.5px;padding-inline:10px;width:100%}.account-type{margin-bottom:15px}.account-type label{font-size:16px;margin-right:10px}button[type=submit]{background-color:#26475f;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}button[type=submit]:hover{background-color:#333}}.search-form{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;margin:0 auto;max-width:600px;padding:20px}.search-form h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;padding:10px;width:calc(100% - 22px)}.search_button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:10px;width:100%}button[tpye=submit]:hover{background-color:#333}.search-results-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;margin:20px auto;max-width:600px;padding:20px}.search-results-container h2{margin:20px;text-align:center}.pagination-container{display:flex;justify-content:space-around;padding-bottom:20px;padding-top:30px}.pagination-button{background-color:#26475f;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;padding-block:5px;padding-inline:30px}.pagination-button:disabled{background-color:#424242;cursor:auto;opacity:50%}.pagination-icon{padding-top:3px}.tabs{border-radius:5px;box-shadow:inset 0 0 8px #0000001a;display:flex;flex-direction:row;justify-content:center;margin-bottom:8px;margin-top:20px;width:100%}.tabs div{border-radius:6px;color:#26475f;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;transition:background-color .3s,color .3s}.tab_pending_action{position:relative}.tabs div.active{background-color:#26475f;color:#fff}.tabs div:hover:not(.active){background-color:#d3d3d3}.notification,.notification_header{vertical-align:middle;z-index:1}.notification_header{animation:pulsate 1.5s infinite;color:red;display:inline-block;font-size:16px;position:absolute;right:4px;top:-1px}.user-profile{align-items:center;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;padding:20px}.user-profile img{border-radius:50%;height:100px;margin-right:20px;min-width:100px}.user-details{display:flex;flex:1 1;flex-direction:column;position:relative}.user-details p{margin:0 0 10px}.custom-rating-account{font-size:24px}.button-container{display:flex;justify-content:flex-end;margin-top:auto}.account-button{background-color:#26475f;border-radius:8px;color:#fff}.no-account-info{padding:20px;text-align:center}.my_loads_completed_button{background-color:#f4f6f8;border-radius:6px;box-shadow:inset 0 0 8px #00000026;color:#26475f;cursor:pointer;font-size:16px;font-weight:700;margin-block:10px;min-width:230px;padding:12px 30px 10px;text-align:center;transition:background-color .3s,color .3s,border .3s}.my_loads_completed_button:hover{background-color:#d3d3d3;border-color:#d3d3d3}.my_loads_completed_button:active{background-color:#26475f;color:#fff}.my_loads_completed_button.selected{background-color:#26475f;box-shadow:none;color:#fff}.my_loads_completed_button.selected:hover{background-color:#3a5a73}.table-dashboard{border-collapse:initial;border-spacing:10px;width:100%}.table-dashboard th{background-color:#d3d3d3;border-radius:5px;padding:10px;text-align:left}.table-dashboard td{background-color:#f9f9f9;padding:10px;position:relative}.pill-row{transform:translateZ(0);transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,border .3s ease}.pill-row,.pill-row:hover{border-radius:5px;will-change:transform}.pill-row:hover{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 4px 8px #0003;cursor:pointer;transform:translateY(-2px)}.pill-row:hover td{background-color:#eaeaea;border-radius:5px}.table-container-dashboard{max-height:400px;overflow-y:auto;width:100%}.tabs_completed_loads{border-radius:5px;box-shadow:inset 0 0 8px #0000001a;display:flex;flex-direction:row;justify-content:center;margin-bottom:8px;margin-top:20px;width:100%}.tabs_completed_loads div{border-radius:6px;color:#26475f;flex:1 1;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;transition:background-color .3s,color .3s}.tabs_completed_loads div.active{background-color:#26475f;color:#fff}.tabs_completed_loads div:hover:not(.active){background-color:#d3d3d3}.pending{background-color:#ffebeb}.notification{animation:pulsate 1.5s infinite;color:red;display:inline-block;font-size:14px;position:absolute;right:-8px;top:-7px}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.load-status-container{align-items:center;display:inline-flex;position:relative}.load-status-text{margin-right:5px}.icon{margin-left:5px;position:relative}.icon-container{align-items:center;display:inline-flex;position:relative}Submit button styles button[type=text]{background-color:#26475f;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:10%}button[type=text]:hover{background-color:#333}.refresh-button{background-color:initial;border:none;cursor:pointer;font-size:20px;transition:transform .3s ease;vertical-align:middle}.refresh-button:hover{transform:scale(1.1)}.refresh-button:active{transform:scale(.9)}.refresh-button:focus{outline:none}
/*# sourceMappingURL=main.be61ec53.css.map*/