.dashboard{width:100%}.dashboard__total{display:grid;grid-template-columns:repeat(4,200px);gap:16px;justify-content:center;margin-bottom:26px}@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:column;align-items:center;background-color:#fff;padding:20px 10px;gap:6px}.dashboard__total-label{font-size:15px!important}.dashboard__total-data{font-weight:600;color:#48bb78}.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:16px;gap:10px}@media screen and (max-width: 960px){.table__header{flex-wrap:wrap;gap:5px}}.table__filter-wrapper{display:flex;align-items:center;gap:10px}@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:#e8673d;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.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{height:64px;display:flex;align-items:center;max-width:250px;background-color:transparent;box-shadow:0 -17px 20px;-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% - 64px);overflow-y:auto}.sidebar-wrapper .sidebar__menu .nav{padding:0}.sidebar-wrapper .sidebar__menu .nav__icon{display:flex;justify-content:center}.sidebar-wrapper .sidebar__menu .nav__button{padding:0 10px;min-height:50px}.sidebar-wrapper .sidebar__menu .nav__button:hover{background-color:#f2f2f2}.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}.sidebar-wrapper .sidebar .dropdown-list__button:hover{background-color:#f2f2f2}.sidebar-wrapper .sidebar .dropdown-list a.active .dropdown-list__button{background-color:#f6a03d;color:#fff}.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:30px 15px 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}