.dashboard{width:100%}.dashboard__total{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;justify-content:center;margin-bottom:16px}.dashboard__total .dashboard-icon{font-size:50px;color:#0000008a}@media screen and (max-width: 960px){.dashboard__total{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.dashboard__total{grid-template-columns:repeat(1,1fr)}}.dashboard__total-wrapper{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;background-color:#fff;padding:30px;gap:6px}.dashboard__total-label{font-size:15px!important;font-weight:600!important}.dashboard__total-data{font-weight:600!important;color:#48bb78!important}.dashboard__column{display:grid;grid-template-columns:repeat(2,49.5%);grid-gap:16px}@media screen and (max-width: 960px){.dashboard__column{grid-template-columns:repeat(1,100%)}}.dashboard__column-wrapper{padding:20px;background-color:#fff}.dashboard__column-label{font-size:15px!important;display:flex;justify-content:center;margin-bottom:16px!important}.table{width:90%}.table__header{justify-content:space-between;margin-bottom:30px;gap:10px}@media screen and (max-width: 960px){.table__header{flex-wrap:wrap;gap:5px}}.table__filter-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.table__filter-wrapper .dashboard-search-container{display:flex;gap:10px}.table__filter-wrapper .triptype-container{display:flex;width:100%}.table__filter-wrapper .searchby-container{width:100%;display:flex;gap:10px}@media screen and (max-width: 960px){.table__filter-wrapper .searchby-container{width:100%;flex-wrap:wrap}}.table__filter-wrapper .tripTypePicker.MuiAutocomplete-root{width:100%}@media screen and (max-width: 960px){.table__filter-wrapper{width:100%;flex-wrap:wrap}.table__filter-wrapper .filter-button{margin:unset;margin-bottom:10px;width:100%}.table__filter-wrapper .filter{width:100%;margin-bottom:10px;padding:unset}.table__filter-wrapper .filter-textfield{width:100%;margin-bottom:10px}}.table__button-wrapper{display:flex;align-items:center}@media screen and (max-width: 960px){.table__button-wrapper{width:100%;justify-content:flex-end}}.table__modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:620px;background-color:#fff;box-shadow:24px;border-radius:3px;padding:20px}.drawer{width:350px;height:100%;display:flex;flex-direction:column}@media screen and (max-width: 480px){.drawer{width:100%}}.drawer__title-wrapper{padding:15px;min-height:35px}.drawer__title-wrapper .drawer__title{font-weight:700}.drawer__form{display:flex;flex:1;overflow-y:auto;margin-bottom:10px}.drawer__form-wrapper{padding:15px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.drawer__form-image{display:flex;justify-content:center}.drawer__form-button{display:flex;justify-content:flex-end;margin:10px 0 10px 10px}@media screen and (max-width: 480px){.main-drawer div:nth-child(3){width:100%}}.map{width:100%;gap:12px;margin-bottom:10px;height:85%}.map__first{width:100%;gap:12px}.map__first__search-wrapper--label{margin-bottom:10px}.map__first__search-wrapper--form{display:flex;align-items:center;gap:10px}.map__first__trip-details{overflow:auto;border:1.5px solid #f6a03d;border-radius:10px;padding:16px;gap:4px;margin:10px}.map__first-label{display:grid;grid-template-columns:115px 1fr}.map__first-data{font-weight:600}.map__second{width:100%;min-height:300px;position:relative}@media screen and (max-width: 960px){.map__second{padding-bottom:25px}}.map__second-google{height:91%;width:100%}.map__second-legend{margin-bottom:10px;display:flex;align-items:center;gap:10px}.map__second-legend__label{display:flex;align-items:center;gap:5px}.map__second-legend__left{color:#f56565;background-color:#f56565;border-radius:5px}.map__second-legend__arrived{color:#48bb78;background-color:#48bb78;border-radius:5px}.map__second-legend__interval{color:#0096ff;background-color:#0096ff;border-radius:5px}.map__second-legend__diesel{color:#f6a03d;background-color:#f6a03d;border-radius:5px}.map__second-legend__path{color:#5abaff;background-color:#5abaff;border-radius:5px}.map__second-error{display:flex;justify-content:center;height:100%;color:#f56565}.uploader__container{width:fit-content}.uploader__placeholder{background:#f5f5f5;min-height:100px;min-width:100px;overflow:hidden;position:relative}.uploader__btn_wrapper{align-items:center;display:flex;justify-content:center;padding:0;position:absolute;right:0;top:4px;z-index:1}.uploader__btn{background:transparent;border:none;cursor:pointer}.uploader__file_input_label{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.uploader__file_input_label:hover{cursor:pointer}input.uploader__file_input{bottom:0;height:.1px;left:0;opacity:0;position:absolute;right:0;top:0;width:.1px;z-index:-1}img.uploader__file{display:block;height:100%;object-fit:cover;position:absolute;width:100%}.header{height:100%;max-height:64px;background-color:#ef5837;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.header .mui-icon-button.MuiIconButton-root:hover{background-color:#0000004d}.header .mui-icon-button.MuiIconButton-root{border-radius:10px}.sidebar-wrapper{background-color:#fff;height:100%;width:100%;max-width:250px;transition:all ease .2s}@media screen and (max-width: 480px){.sidebar-wrapper{position:absolute;right:0;left:0;width:100%;max-width:unset!important;z-index:999}}.sidebar-wrapper .sidebar{height:100%}.sidebar-wrapper .sidebar__image{display:flex;align-items:center;max-width:250px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 480px){.sidebar-wrapper .sidebar__image{justify-content:space-between;max-width:unset;padding:0 20px}}.sidebar-wrapper .sidebar__title{font-weight:700;white-space:nowrap;padding-left:10px}.sidebar-wrapper .sidebar .image{height:auto;max-width:70px;padding:0 5px}.sidebar-wrapper .sidebar__menu{height:calc(100% - 30px);display:flex;flex-direction:column}.sidebar-wrapper .sidebar__menu .nav{padding:0;overflow-x:hidden;overflow-y:auto}.sidebar-wrapper .sidebar__menu .nav__icon{display:flex;justify-content:center}.sidebar-wrapper .sidebar__menu .nav__button{padding:0 10px;min-height:50px;border-radius:10px}.sidebar-wrapper .sidebar__menu .nav__button:hover{background-color:#f2f2f2}.sidebar-wrapper .sidebar__menu .nav__button.active{background-color:#f6a03d;color:#fff}.sidebar-wrapper .sidebar__menu .nav__button.active .nav__icon{color:#fff}.sidebar-wrapper .sidebar__menu .nav a{text-decoration:none;color:unset}.sidebar-wrapper .sidebar__menu .nav a.active .nav__button{background-color:#f6a03d;color:#fff}.sidebar-wrapper .sidebar__menu .nav a.active .nav__icon{color:#fff}.sidebar-wrapper .sidebar .dropdown-list__button{padding-left:25px;border-radius:10px}.sidebar-wrapper .sidebar .dropdown-list__button:hover{background-color:#f2f2f2}.sidebar-wrapper .sidebar .dropdown-list a.active .dropdown-list__button{background-color:#2a2a2a;color:#fff}.smsTextArea{font-size:20px}.main{height:100vh;background-color:#eef5f9}.main__wrapper{display:flex;height:100%;width:100%}.main__wrapper .body-wrapper{height:100%;width:100%;overflow:hidden}.main__wrapper .body-wrapper__outlet{height:100%;max-height:calc(100% - 95px);padding:15px;overflow-y:scroll;display:flex;justify-content:center}*{padding:0;margin:0}p,div,span{font-family:Montserrat!important}h1,h2,h3,h4,h5,h6{font-family:Open Sans}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f1f1;margin:5px 0}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.login-main-container{background-image:url(/assets/login-main-bg2.f2934e5b.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.login-left-container.MuiPaper-root{background-image:url(/assets/metro-login-bg-left.9728a404.png);background-size:cover;background-position:center;background-repeat:no-repeat}.login-right-container .copy-right-container{display:flex;margin-top:20px;justify-content:center;align-items:center;flex-direction:column;text-align:center}.login-right-container .copy-right-container span{font-size:10px}.login-text-title{color:#000}.login-text-title.MuiTypography-root{font-weight:700}.login-text-title span{color:#ef5837}