*,:after,:before{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}body{background:#fff;justify-content:center;overflow:hidden}.page-wrapper,body{display:flex}.page-content{display:flex;justify-content:center;left:300px;position:absolute}.side-bar{background:#105069;box-shadow:0 0 8px 0 #7c7c7c;height:100%;left:0;position:fixed;width:300px}.nav-list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;text-decoration:none}.nav-container{background:#fff;width:auto}.nav-item{display:flex;justify-content:start;padding:20px;width:300px}.nav-item:hover{background:#105069!important;color:#fff;transition:.2s ease-in}.nav-link-item{color:#575757;text-decoration:none}.nav-item span{font-weight:700;margin-left:30px}.active{background:#105069!important;color:#fff;transition:.25s ease-in}.side-bar-header{align-items:center;background:#105069;display:flex;flex-direction:column;height:200px;justify-content:center;position:relative;width:auto}.side-bar-header h2{color:#fff;position:relative;top:-10px}.logout-button{align-items:center;background:#ff351c;bottom:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:20px;position:absolute;text-align:center;width:300px}.logout-button:hover{background:#fd533e}.nav-logo{margin:10px;position:relative;top:-15px;width:150px}.col{background:#f1e521;color:#105069}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{background:#105069}.record-item{display:flex;flex-direction:row}.record-cell{display:flex;flex:1 1;flex-direction:column;margin-bottom:20px}.bold{font-weight:700}.h1{font-size:29px}.h2{font-size:23px}.h3{font-size:24px}.h4,.h5{font-size:19px}.app-bar,.dash-app-bar,.record-app-bar{align-items:center;background:#105069;box-shadow:10px 4px 5px 0 #d5d5d5;display:flex;height:45px;position:absolute;width:100%;z-index:9999}.dash-app-bar{box-shadow:10px 4px 5px 0 #d5d5d5}.dash-container{display:flex;flex-wrap:wrap;margin-top:30px;padding:30px}.active-users-container{border-radius:10px;box-shadow:0 1px 2px 0 #2c2c2c;margin:5px;padding:20px;position:relative;width:45%}.active-users-container button,.records-container button{background:none;border:none;cursor:pointer;position:absolute;right:20px}.active-users-container button:active{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.records-container{border-radius:10px;box-shadow:0 1px 2px 0 #2c2c2c;margin:5px;padding:20px;position:relative;width:45%}.driver-chat-container{border-radius:10px;position:relative;width:500px}.active-user-item{background:#fff;border-radius:10px;box-shadow:0 1px 2px 0 #2c2c2c;display:flex;margin:3px;padding:10px;width:inherit}.active-user-item>div:first-child{margin-left:25px}.active-icon{background:#116910;border-radius:50%;height:10px;left:-10px;margin:5px;position:relative;width:10px}.active-users-scroll{height:200px;overflow:scroll;overflow-x:hidden}.login-wrapper{background:#105069;height:100%;left:0;position:absolute;width:100%}.login-card,.login-wrapper{align-items:center;display:flex;justify-content:center}.login-card{background:#fff;border:2px solid;border-radius:20px;flex-direction:column;height:340px;width:300px}.login-card,.login-card h2{padding:15px}.login-card input{margin:10px;padding:5px}.login-card button{background:#105069;border:none;border-radius:15px;box-shadow:0 4px 2px 0 #a8a8a8;color:#fff;cursor:pointer;margin-top:10px;padding:10px;width:85px}.notification{align-items:center;background:#105068;border-radius:20px 20px 0;bottom:20px;color:#fff;display:flex;height:85px;justify-content:center;position:absolute;right:20px;width:355px}.search-button{background:#fff;border:none;border-radius:6px;cursor:pointer;margin-left:20px;padding:4px}.dc-container{flex-direction:row;margin-left:10px;overflow:scroll}.dc-chatbox,.dc-container{display:flex;height:100%;width:80%}.dc-chatbox{border:1px solid #d5d5d5;border-radius:10px;box-shadow:0 1px 2px 0 #2c2c2c;flex:1 1;flex-direction:column;padding:15px}.dc-scroll{display:grid;flex-direction:column;top:-15px;width:inherit}.dc-receiver-message p,.dc-scroll{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.dc-receiver-message p{background:#105069b0;border:1px solid;border-radius:0 10px 10px 10px;justify-self:flex-start}.dc-receiver-message p,.dc-sent-message p{word-wrap:break-word;color:#fff;margin:5px;padding:10px;right:0;width:250px}.dc-sent-message p{background:#105069eb;border:1px solid;border-radius:10px 0 10px 10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.dc-sent-message{justify-self:flex-end;position:relative}.dc-receiver-message span,.dc-sent-message span{font-size:9px;letter-spacing:1px;padding:5px}.dc-send{bottom:-5px;position:relative}.dc-send input{border-radius:10px;margin:10px;padding:10px;width:385px}.dc-send button{background:#105069;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 20px}.dc-avatar{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 0 3px 0 #cacaca;cursor:pointer;display:flex;height:50px;justify-content:center;margin:6px;padding:10px;width:85px}.dc-avatar:active,.dc-avatar:visited{background:#00555c;color:#d9d9d9}.dc-avatar-container{display:flex;flex-direction:row;flex-wrap:wrap;width:410px}.dc-avatar-fs{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 0 3px 0 #cacaca;cursor:pointer;display:flex;height:50px;justify-content:center;margin:6px;padding:10px;width:265px}.dc-avatar-container-fs{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;overflow:scroll;width:265px}.dc-container-fs{border:1px solid;display:flex;height:100%;left:300px;padding:10px;position:fixed;width:100%}.lds-dual-ring{align-self:center;display:inline-block;height:80px;justify-self:center;width:80px}.lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#105069 transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fuel-records-container,.record-display-container{display:flex;overflow:scroll;overflow-x:hidden;padding:45px}.fuel-records-cell{border-bottom:1px solid #000;display:flex;padding:10px}.fuel-records-cell label{font-size:18px;font-weight:700}.fuel-records-cell span{font-size:16px}.fuel-records-heading{background:#105069;border-bottom:1px solid;border-radius:25px;border-top:1px solid;color:#fff;font-weight:700;margin-bottom:20px;margin-top:20px;padding:5px}table{border-collapse:collapse;margin-bottom:10px;table-layout:fixed;width:100%}td,th{border:1px solid #d5d5d5;padding:10px;text-align:center}.fuel-records-column{display:flex;flex:1 1;flex-direction:column;padding:10px}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #388de0;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.notification-bar{background:#00555c;height:100%;position:absolute;right:-300px;width:300px;z-index:9999}@media (max-width:1366px){.fuel-records-heading{background:#105069;border-bottom:1px solid;border-top:1px solid;color:#fff;font-weight:700;margin-bottom:5px;margin-top:5px;padding:5px}td,th{border:1px solid #d5d5d5;padding:5px;text-align:center}.dash-container{display:flex;flex-wrap:wrap;overflow:scroll;overflow-x:hidden;padding:30px;width:970px}.side-bar{box-shadow:0 0 8px 0 #7c7c7c;height:100%;left:0;position:fixed;width:300px}.nav-container{background:#fff;height:322px;scroll-behavior:smooth}.dc-avatar-container{display:flex;flex-direction:row;flex-wrap:wrap;width:330px}.nav-item{display:flex;justify-content:start;padding:11px;width:300px}.h1{font-size:22px}}.test-input{border:none}.test-input:focus{border:none;outline:none}