#dashboard-content {
  display: flex;
  flex-direction: column;
}
#dashboard-content .weather-report-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
}
#dashboard-content .weather-report-section .weather-card {
  min-width: 10%;
  height: 35px;
  display: flex;
  align-items: center;
}
#dashboard-content .weather-report-section .weather-card .weather-country {
  padding: 0px 10px;
}
#dashboard-content .weather-report-section .weather-card .weather-temperature {
  padding: 0px 10px;
}
#dashboard-content
  .weather-report-section
  .weather-card
  .weather-temperature
  i {
  margin-right: 10px;
}
#dashboard-content
  .weather-report-section
  .weather-card
  .weather-temperature.sunny
  i {
  color: #f9a62c;
}
#dashboard-content
  .weather-report-section
  .weather-card
  .weather-temperature.cloudy
  i {
  color: #a5adb9;
}
#dashboard-content
  .weather-report-section
  .weather-card
  .weather-temperature.rainy
  i {
  color: #3cc480;
}
#dashboard-content .weather-report-section .weather-card .weather-country-time {
  padding: 0px 10px;
}
#dashboard-content
  .weather-report-section
  .weather-card
  .weather-country-time
  i {
  margin-right: 10px;
}
#dashboard-content .dashboard-main-section {
  flex: 1;
  padding-bottom: 15px;
}
#dashboard-content .dashboard-main-section .inner-wrapper {
  background-color: #fff;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section {
  height: 60%;
  overflow: hidden;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .map-section {
  padding: 7px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .map-section
  .filter-buttons-section {
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .map-section
  .filter-buttons-section
  .block-btn {
  margin-right: 15px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .map-section
  .dashboard-map-section {
  flex: 1;
  width: 100%;
  overflow: hidden;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .map-section
  .dashboard-map-section
  img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .map-section
  .dashboard-map-section
  #googleMap {
  height: 100%;
  width: 100%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section {
  display: flex;
  flex-direction: column;
  border-top-right-radius: 5px;
  height: 100%;
  overflow: hidden;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .total-spent-amount-section {
  height: 35%;
  background-color: #e84f14;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px 15px 15px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .total-spent-amount-section
  .amount-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .total-spent-amount-section
  .amount-wrapper
  .total-spent-amount {
  font-size: 28px;
  font-weight: 500;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .total-spent-amount-section
  .amount-wrapper
  .total-spent-amount
  sub {
  font-size: 12px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .total-spent-amount-section
  .total-amount-spent-graph
  img {
  height: 70px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail {
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all 0.3s ease;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .left-border-line {
  width: 5px;
  height: 100%;
  background-color: #e84f14;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .detail-wrapper {
  margin: 8px 0;
  margin-left: 25px;
  width: 100%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .detail-wrapper
  .content-margin-btm {
  margin-bottom: 12px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .detail-wrapper
  .marg-top-extr {
  margin-top: 15px;
  line-height: 1.3;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .detail-wrapper
  .marg-btm-extr {
  margin-bottom: 15px;
  line-height: 1.3;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .detail-wrapper
  .location-dist-img {
  height: 50px;
  margin: 5px 0px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .detail-wrapper
  .location-dist-img
  img {
  height: 100%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail
  .close-detail-icon {
  position: absolute;
  top: 10px;
  right: 15px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .map-total-spent-section
  .total-spent-section
  .dashboard-shipment-detail.show {
  visibility: visible;
  transform: translateX(0%);
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .trips-topdestination-section {
  height: 40%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .trips-topdestination-section
  .total-trips-section {
  height: 100%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .trips-topdestination-section
  .total-trips-section
  .total-trips {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .trips-topdestination-section
  .total-trips-section
  .total-trips
  .heading-text {
  margin-bottom: 10px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .trips-topdestination-section
  .total-trips-section
  .total-trips
  .total-trip-chart {
  flex: 1;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .destination-progress-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  padding-bottom: 10px;
  height: 100%;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .destination-progress-wrap
  .heading-text {
  padding: 10px 0px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .destination-progress-wrap
  .destination-spent-items-wrapper {
  flex: 1;
  height: 0;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .destination-progress-wrap
  .destination-spent-items-wrapper
  .destination-spent-item {
  margin-top: 5px;
  padding-right: 15px;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .destination-progress-wrap
  .destination-spent-items-wrapper
  .destination-spent-item
  .destination-spent-progress {
  display: flex;
  align-items: center;
}
#dashboard-content
  .dashboard-main-section
  .inner-wrapper
  .destination-progress-wrap
  .destination-spent-items-wrapper
  .destination-spent-item
  .destination-spent-progress
  .spent-amount-wrap {
  padding-left: 10px;
}
@media only screen and (min-width: 1025px) {
  .weather-report-section {
    margin: 0.73vw 0px !important;
  }
  .weather-report-section .weather-card {
    height: 2.56vw !important;
  }
  .weather-report-section .weather-card .weather-country {
    padding: 0 0.73vw !important;
  }
  .weather-report-section .weather-card .weather-temperature {
    padding: 0 0.73vw !important;
  }
  .weather-report-section .weather-card .weather-temperature i {
    margin-right: 0.73vw !important;
  }
  .weather-report-section .weather-card .weather-country-time {
    padding: 0 0.73vw !important;
  }
  .weather-report-section .weather-card .weather-country-time i {
    margin-right: 0.73vw !important;
  }
  .dashboard-main-section {
    padding-bottom: 1vw !important;
  }
  .dashboard-main-section .inner-wrapper {
    border-radius: 0.366vw !important;
  }
  .dashboard-main-section .inner-wrapper .map-total-spent-section .map-section {
    width: 75%;
    padding: 0.51vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .map-section
    .filter-buttons-section {
    margin-bottom: 0.51vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .map-section
    .filter-buttons-section
    .block-btn {
    margin-right: 1.09vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .total-spent-amount-section {
    padding: 1.09vw 0.73vw 1.09vw 1.09vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .total-spent-amount-section
    .amount-wrapper
    .total-spent-amount {
    font-size: 2.04vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .total-spent-amount-section
    .amount-wrapper
    .total-spent-amount
    sub {
    font-size: 0.87vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .total-spent-amount-section
    .total-amount-spent-graph
    img {
    height: 5.12vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .dashboard-shipment-detail
    .left-border-line {
    width: 0.366vw !important;
    border-top-right-radius: 0.73vw !important;
    border-bottom-right-radius: 0.73vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .dashboard-shipment-detail
    .detail-wrapper {
    margin: 0.58vw 0 !important;
    margin-left: 1.83vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .dashboard-shipment-detail
    .detail-wrapper
    .content-margin-btm {
    margin-bottom: 0.87vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .dashboard-shipment-detail
    .detail-wrapper
    .marg-top-extr {
    margin-top: 1.09vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .dashboard-shipment-detail
    .detail-wrapper
    .marg-btm-extr {
    margin-bottom: 1.09vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .dashboard-shipment-detail
    .detail-wrapper
    .location-dist-img {
    height: 3.66vw !important;
    margin: 0.366vw 0 !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .dashboard-shipment-detail
    .close-detail-icon {
    top: 0.73vw !important;
    right: 1.09vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .trips-topdestination-section
    .total-trips-section
    .total-trips {
    padding: 1.09vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .trips-topdestination-section
    .total-trips-section
    .total-trips
    .heading-text {
    margin-bottom: 0.73vw !important;
  }
  .dashboard-main-section .inner-wrapper .destination-progress-wrap {
    padding-left: 1.09vw !important;
    padding-bottom: 0.73vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .destination-progress-wrap
    .heading-text {
    padding: 0.73vw 0px !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .destination-progress-wrap
    .destination-spent-item {
    margin-top: 0.366vw !important;
    padding-right: 1.09vw !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .destination-progress-wrap
    .destination-spent-item
    .destination-spent-progress
    .spent-amount-wrap {
    padding-left: 0.73vw !important;
  }
}
@media only screen and (max-width: 1024px) {
  .weather-report-section {
    display: none !important;
  }
  .dashboard-main-section .inner-wrapper {
    border: none !important;
  }
  .dashboard-main-section .inner-wrapper .map-total-spent-section {
    min-height: 700px !important;
  }
  .dashboard-main-section .inner-wrapper .map-total-spent-section .map-section {
    height: 350px !important;
    border: none !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .map-section
    .filter-buttons-section {
    margin: 7px;
    flex-wrap: wrap;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .map-section
    .filter-buttons-section
    .block-btn {
    margin: 5px !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section {
    border-top-right-radius: 0px !important;
    min-height: 150px !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .map-total-spent-section
    .total-spent-section
    .total-spent-amount-section {
    height: 110px !important;
    border-top-right-radius: 0px !important;
  }
  .dashboard-main-section .inner-wrapper .trips-topdestination-section {
    flex-direction: column-reverse;
  }
  .dashboard-main-section
    .inner-wrapper
    .trips-topdestination-section
    .total-trips-section
    .total-trips {
    height: 250px !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .trips-topdestination-section
    .total-trips-section
    .total-trips.vehicle-wise-graph {
    border-top: 1px solid rgba(107, 121, 131, 0.2);
  }
  .dashboard-main-section .inner-wrapper .destination-progress-wrap {
    min-height: 100px !important;
  }
  .dashboard-main-section
    .inner-wrapper
    .destination-progress-wrap
    .destination-spent-items-wrapper {
    height: auto !important;
  }
}
@media only screen and (max-width: 480px) {
  #dashboard-content .weather-report-section {
    flex-direction: column !important;
  }
  #dashboard-content .weather-report-section .weather-card {
    width: 100%;
    margin: 5px 0px;
    justify-content: space-around;
  }
}