body{font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:14px;height:100%;min-height:100vh;background:#fbfcfd;overflow:hidden}*,a,a:active,a:focus,a:visited,button,input{outline:none}.page-body-wrapper{min-height:100%;display:flex;flex-direction:column;padding-left:0;padding-right:0}.content-wrapper{display:flex;flex-direction:row;flex:1 1;width:100%}section.login-page{display:flex;-ms-flex-align:center;padding-top:30px;padding-bottom:50px;background-color:#fbfcfd;min-height:100vh}.login-logo-box{width:100%;display:block;text-align:center;padding:10px 0 30px;height:80px}.login-logo-box img{width:160px;height:80px}.login-box{width:100%;display:block;padding:24px;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:10px}.login-box-title{width:100%;display:block;text-align:center;padding:10px 0 15px;font-weight:500;font-size:22px;line-height:26px;color:#191d21}.login-box-form{width:100%;display:block;padding:15px 0}.login-box-link-text,a.forgot-link{font-size:14px;line-height:25px;color:#484848}.login-box-link-text{width:100%;display:block;padding:15px 0 0;text-align:center}.login-box-link-text a{color:#484848;font-weight:700}.login-box-form-btn{padding:15px 0 0}.login-box-form-btn button.filled-btn{width:100%}.error{color:red;margin-top:5px}.rn-backgroundColor-ysccxm{background-color:#dcf8c6!important;margin:10px}.image{width:32px;height:32px}.login-input{display:block;padding:8px 0}.login-input label{display:block;font-style:normal;font-weight:700;font-size:12px;line-height:15px;color:#484848}.login-input input[type=password]{background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:4px;height:48px;width:100%;padding:10px}.login-box-form-btn{width:100%;display:block}.login-box-form-btn .login-button{width:100%;display:block;border:0;background:linear-gradient(232.25deg,#19d7a5 20.97%,#08a37a 78.18%);height:48px;color:#fff;font-size:16px;line-height:48px;border-radius:5px;margin-bottom:0;text-align:center;text-decoration:unset}.side-menu{background-color:#232f3e;z-index:2;display:flex;overflow:auto;flex:0.28 1;flex-direction:column;height:90vh}.side-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#11212e}.side-menu::-webkit-scrollbar{width:12px;background-color:#11212e}.side-menu::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#50d7a5}.header-box{background-color:#fff;width:100%;display:flex;height:60px}.App:first-child{height:60vh!important}@media screen and (max-height:600px){.App:first-child{height:52vh!important}}.right-content-box{display:flex;flex-direction:column;flex:1 1;overflow:hidden;height:90vh;background-color:#fbfaf8}.logo-side{min-width:250px;padding:10px;background:#fcfcfc;display:flex;text-align:center;height:80px;align-items:center;justify-content:center;align-self:center}.logo-side svg{max-width:100%;width:100px}header.header-box{width:100%;background:#fff;border-bottom:1px solid #e5e5e5;display:flex}.aside-searchbar{width:100%;padding:15px 10px;display:block;border-bottom:1px solid #1d2c37;text-align:right}.aside-searchbar-box{width:100%;padding:0 0 10px;display:block;text-align:left;position:relative}.aside-searchbar-box input[type=text]{width:100%;padding:8px 8px 8px 30px;display:block;background:#fff;border-radius:37px;height:40px;color:#333;font-size:14px;font-weight:400;border:0}.aside-searchbar button{width:auto;display:inline-block;color:#fff;padding:5px 15px;background:#19d7a5;border-radius:19px;font-size:12px;border:0;line-height:18px}.aside-chat::-webkit-scrollbar{width:10px;height:3px}.aside-chat::-webkit-scrollbar-track{background-color:#c9cfd6}.aside-chat::-webkit-scrollbar-track-piece{background-color:#5e7687}.aside-chat::-webkit-scrollbar-thumb{height:50px;background-color:#375469}.aside-chat{width:100%;padding:15px 0 15px 15px;display:block;overflow-y:auto}.aside-chat ul{width:100%;padding:0;margin:0;display:block}.chat-fliter-box{padding:1px 10px 0}.aside-chat ul li{width:100%;padding:8px 20px;margin:5px 0;display:block;list-style:none;cursor:pointer}.driver-name{width:100%;font-weight:700;font-size:16px;line-height:24px;color:#fff;display:block;position:relative;padding-right:20px}.driver-active-time{width:100%;font-weight:400;font-size:12px;line-height:18px;color:#a3bfd7;display:block;margin-top:2px}span.driver-mob{color:#19d7a5;font-size:14px;display:inline-block}.driver-location{width:100%;font-weight:400;font-size:12px;line-height:18px;color:#a3bfd7;display:block;margin-top:2px}.aside-chat ul li.active,.aside-chat ul li:hover{background:rgba(78,95,105,.4);border-radius:100px 0 0 100px}span.lc{background-color:#f3d0e0;height:21px;color:#000;right:22px}span.count-notifi,span.lc{border-radius:20px;width:auto;padding:0 8px;display:inline-block;font-weight:500;font-size:13px;line-height:22px;position:absolute;top:0}span.count-notifi{background:#f17272;height:22px;color:#fff;right:-5px}.header-box-title{font-weight:500;font-size:20px;line-height:30px;letter-spacing:.15px;text-align:left;min-width:30%;color:#000}.header-box-right{width:100%;display:flex;align-items:center;padding:0 25px 0 0}.header-box-action{width:100%;text-align:right}.header-link-action{width:auto;display:inline-block;color:#000;padding:5px 15px;background:#e6e6e6;border-radius:22px;font-size:14px;border:0;line-height:22px;margin:0 3px;text-decoration:unset!important}.header-link-action.active{color:#fff;background:#19d7a5}.header-logout{width:auto;display:inline-block;color:#000;padding:4px 15px;background:#fff;border-radius:25px;font-size:14px;border:1px solid #000;line-height:22px;margin:0 3px;text-decoration:unset!important}.aside-location{width:100%;padding:15px 0 15px 15px;display:block}.aside-location ul{width:100%;padding:0;margin:0;display:block}.aside-location ul li{width:100%;padding:8px 10px 8px 20px;margin:5px 0;display:block;list-style:none}.aside-location ul li .driver-name{padding-right:0}.map-box{width:100%;display:block;border-radius:8px;padding:25px}.fieldset-box{display:block;padding:7px 0}.fieldset-box label{display:block;font-style:normal;font-weight:700;font-size:12px;line-height:15px;color:#484848}.fieldset-box input[type=text]{background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:5px;height:33px;width:100%;padding:6px}.fieldset-btn{display:block;padding:5px 0}.fieldset-btn button,.fliter-unread{width:auto;display:inline-block;color:#fff;padding:5px 25px;background:#4c86b0;border-radius:5px;font-size:13px;border:0;margin:0 3px}.fieldset-btn button.fliter-reset{background:none;padding:10px;color:#000}.fieldset-btn button.fliter-unread{background:#faeef4;padding:5px 10px;color:#000;border:1px solid #a7c5e8}.side-menu-close{display:none;width:26px;height:26px;position:relative;left:85%;top:20px;z-index:9}.side-menu-close:before{transform:rotate(-42deg)}.side-menu-close:after,.side-menu-close:before{width:100%;height:3px;display:block;background:#fff;content:"";border-radius:5px;position:absolute;top:0;left:0}.side-menu-close:after{transform:rotate(42deg)}.aside-menu-toggle{display:none;width:28px;height:22px;justify-content:center;align-items:center;position:absolute;top:3px;left:0}.aside-menu-toggle span{width:100%;height:4px;display:block;background:#4c86b0;border-radius:5px}.aside-menu-toggle:before{width:90%;top:0}.aside-menu-toggle:after,.aside-menu-toggle:before{height:4px;display:block;background:#4c86b0;content:"";border-radius:5px;position:absolute;left:0}.aside-menu-toggle:after{width:80%;bottom:0}.aside-searchbar-box label{color:#bababa;font-size:14px;margin:0;display:inline-block;width:auto;position:absolute;top:9px;left:9px}@media screen and (max-width:767px){.header-box-right,header.header-box{flex-direction:column}.header-box-right{padding:8px 10px;text-align:center}.header-box-action{margin:8px;text-align:center}.side-menu{display:none;top:0}.right-content-box{margin-left:0}.header-link-action,.header-logout{font-size:13px;padding:5px 10px;margin:0 2px}.logo-side{height:auto}.side-menu:before{content:"";top:0;bottom:0;left:250px;width:calc(100% - 250px);background:rgba(0,0,0,.4);position:fixed;z-index:1}.side-menu.active{display:block}.side-menu-close{display:inline-block}.aside-menu-toggle{display:flex}.header-box-title{width:100%;margin:3px 0 10px;padding-left:42px;position:relative}}.rn-backgroundColor-1oox17p{border-radius:0 16px 16px 16px;padding:10px}.chat-content-box{display:flex;box-shadow:0 3px 4px rgb(0 0 0/7%);background:#fff;flex:1 1}.rn-color-jwli3a{color:#121212!important}.rn-backgroundColor-ysccxm{border-radius:15px 0 15px 15px;padding:2px 10px 10px;color:#121212}.chat-content-box .app{height:calc(90vh - 175px)!important}.chat-content-box .app>div{border-width:0!important}header.header-box{z-index:25}.rn-flexDirection-18u37iz textarea{padding-top:12px!important}.sendIcon{width:50px;height:50px;vertical-align:middle;text-align:center;display:flex;align-items:center;justify-content:center;min-width:50px}.chl{border-bottom-left-radius:3px;border-top-left-radius:3px;border-radius:0 15px 15px 15px;padding:2px 10px 10px;background-color:#e4edf8;border:1px solid #c0d7ef;margin:10px}.fa{font-weight:700}.ca{background-color:#f8e4ed}.da{background-color:#fbfaf8!important}.messageStausView{font-size:12px;align-self:center;display:flex;align-items:center;margin-bottom:15px}.messageStausView input[type=checkbox]{border:1px solid #4c86b0}.rd{color:#03512b;float:right}.ld,.rd{font-size:12px;line-height:20px;padding-left:20px}.ld{color:#4c86b0}.textStyle{margin-top:25px;color:#12121d;font-size:15px;line-height:20px}.display_name{font-weight:500;font-size:12px;color:#55bd8b}.message{padding-left:5px;padding-top:2px}.checkbox{width:18px;height:15px;background:#fff;border:1px solid #4c86b0;box-sizing:border-box;border-radius:3px;margin:0 0 0 14px}.loader{position:absolute;top:295px;left:0;right:0;bottom:0;align-items:center;justify-content:center;background:transparent;flex:1 1;text-align:-webkit-center;vertical-align:middle;z-index:999}.rn-backgroundColor-ysccxm p.textStyle{text-align:right}.nameAndDateView{display:block;width:100%;float:left}.rn-alignItems-obd0qt{margin:10px 0;padding:0 10px}.rn-borderTopWidth-5kkj8d{height:auto!important}.typing{position:absolute;left:15px;bottom:50px;font-size:12px}.rightDate{float:right}.map-box{position:relative;height:90vh}li.listStyles{background:#35485f;border-radius:100px 0 0 100px}.loadEarlier{width:130px;display:inline-block;color:#fff;padding:5px 15px;background:#4c86b0;border-radius:20px;font-size:14px;border:0;line-height:22px;margin-top:20px;margin-right:3px;margin-bottom:10px!important;margin-left:3px;text-decoration:unset!important;text-align:center;align-self:center;position:absolute;top:10;bottom:1px;cursor:pointer}.infoBox img{display:none!important}.locationStyle{font-size:12px;align-self:"center";color:#fff;text-align:"center"}.infoWindow{background-color:#2c2c2c}.driverInfoWindow,.infoWindow{padding:4px 8px;border-radius:20px}.driverInfoWindow{background-color:#53a93f}.noChat{width:250px;max-width:100%;height:auto}.no-chat-box{width:100%;display:flex;justify-content:space-around;align-items:center;align-content:center;flex-wrap:nowrap}.infoBox{transform:translate(-50%,-50%)!important;margin-top:10px}.chat-window-container{padding:10px 25px 10px 10px;display:flex;flex:1 1;overflow:hidden}.chatting-container{padding-bottom:25px;background-color:#fff}.chat-not-available,.chatting-container{display:flex;flex:1 1;box-shadow:0 3px 3px 4px rgb(0 0 0/7%);border-radius:8px}.chat-not-available{height:calc(100vh - 10px);padding-bottom:0;background:#fff;align-items:center}.rn-alignItems-1oszu61{display:flex;flex:1 1;padding-top:2px}