.yellow-text {
  color: #FFA500;
}

.blue-text {
  color: #4046A6;
}

.red-text {
  color: #E43734;
}

.main-red-color {
  color: #99181A !important;
}

.light-grey-color {
  color: #C2C2C2;
}

.height-calc-minus30 {
  height: calc(100% - 30px);
}

.action-list-header-block {
  padding: 0 20px !important;
}

.action-list-header-block .action-list-header-left {
  flex: 3;
}

.action-list-header-block .action-list-header-right {
  flex: 1.5;
}

.md-tabs.telematics-actionList-tab .nav-item {
  width: calc(100% / 2);
  font-weight: 600;
  color: #99181A;
}

.md-tabs.telematics-actionList-tab .nav-item .nav-link {
  padding: 17px 0 !important;
}

.md-tabs.telematics-actionList-tab .nav-item .nav-link img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.md-tabs.telematics-actionList-tab .nav-item .nav-link.active img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.md-tabs.telematics-actionList-tab .slide {
  width: inherit;
}

.watch-action-list-table td {
  padding: 10px 10px;
  text-align: center;
}

.watch-action-list-table thead {
  font-weight: 700;
}

.watch-action-list-table tbody {
  font-weight: 400;
  overflow-y: auto;
  display: block;
  max-height: 410px;
}

.watch-action-list-table tbody td {
  border-top: 1px solid #DDDDDD;
}

.watch-action-list-table tbody::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

.watch-action-list-table tbody::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #333333;
}

.watch-action-list-table tbody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.watch-action-list-table thead,
.watch-action-list-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.telematics-list-total {
  font-weight: 500;
}

.md-tabs.analytics-trends-tab .nav-item {
  background: transparent;
  width: calc(100% / 6);
}

.md-tabs.analytics-trends-tab .nav-item .nav-link {
  padding-top: 0 !important;
}

.analytics-outcome-col-margin:nth-child(n+4) {
  margin-top: 30px;
}

.analytics-grid-box {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  align-items: center;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  height: 100%;
  grid-gap: 5px;
}

.analytics-grid-box .analytics-speed-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border: 8px solid #EA2830;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  text-align: center;
  margin-right: 15px;
}

.analytics-grid-box .analytics-speed-circle .analytics-speed-num {
  font-size: 36px;
  line-height: 0.6;
  margin-bottom: 0;
  font-weight: 700;
}

.analytics-grid-box .analytics-speed-circle .analytics-speed-measure {
  font-size: 14px;
  text-transform: uppercase;
}

.analytics-grid-box .analytics-outcomes-block-left-time {
  font-size: 18px;
  font-weight: 600;
  color: #E82A31;
  margin-bottom: 0;
}

.analytics-grid-box .analytics-outcome-left-img {
  width: 80%;
}

.analytics-grid-box .analytics-outcomes-block-rht {
  font-weight: 500;
}

.analytics-grid-box .analytics-outcomes-block-rht .analytics-outcomes-block-rht-title {
  font-size: 22px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.analytics-grid-box .analytics-outcomes-block-rht .analytics-outcomes-block-rht-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background: #ddd;
}

.analytics-grid-box .analytics-outcomes-block-rht .analytics-outcomes-block-rht-title .green-text {
  color: #4E9400;
  font-weight: 700;
}

.analytics-grid-box .analytics-outcomes-block-rht .analytics-outcomes-block-rht-text {
  margin-bottom: 0;
  padding-top: 10px;
  font-size: 16px;
}

.analytics-outcome-btm-card {
  border: none;
  margin-bottom: 0;
}

.analytics-outcome-btm-card .overview-progress-div {
  margin-bottom: 30px;
}

.analytics-outcome-btm-card .overview-progress-div .progress {
  height: 10px;
  border-radius: 100px;
}

.analytics-outcome-btm-card .progress-text {
  margin-bottom: 0;
}

.analytics-btm-box-head {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
  margin: 20px 0;
}

.analytics-outcome-red-doughnut-chart {
  margin-top: -115px;
}

.outcome-chart-center-text {
  text-align: center;
  margin-top: -80px;
}

.outcome-chart-center-text .outcome-chart-center-text-title {
  font-size: 48px;
  font-weight: 700;
}

.outcome-chart-center-text .outcome-chart-center-para {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}

.outcome-chart-center-text .outcome-chart-center-para:first-child {
  border-bottom: 1px solid #DDDDDD;
  display: inline-block;
  padding-bottom: 10px;
}

.outcome-chart-center-text .outcome-chart-center-para:last-child {
  padding-top: 10px;
}

.analytics-btm-box-main .best-sellers {
  margin-top: 0;
}

.analytics-btm-box-main .analytics-grid-box {
  box-shadow: none;
  padding: 0;
}

.user-telematics-summary-box-title {
  font-size: 40px;
  font-weight: 700;
  color: #067D2B;
  margin-bottom: 0;
}

.user-telematics-summary-box-title .user-telematics-summary-box-subtitle {
  font-size: 24px;
}

.user-telematics-grid-box {
  grid-template-columns: 0.9fr 1.2fr;
}

.user-telematics-grid-box .gold-text {
  color: #C2B05D;
}

.user-telematics-grid-box .dark-red-text {
  color: #99181A;
}

.user-telematics-grid-box .purple-text {
  color: #6473DE;
}

.user-telematics-grid-box .analytics-outcomes-block-rht .analytics-outcomes-block-rht-title {
  font-size: 16px;
  text-align: right;
  padding-bottom: 0;
  margin-bottom: 0;
}

.user-telematics-grid-box .analytics-outcomes-block-rht .analytics-outcomes-block-rht-title:after {
  display: none;
}

.summary-overall-score .progress-circle-text-block {
  top: 45%;
  transform: translate(-50%, -55%);
}

.summary-overall-score .circle-inner-text {
  font-size: 24px;
}

.summary-overall-score .progress-circle-text {
  font-size: 48px;
}

.analytics-trends-chart-box {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.analytics-trends-chart-box .analytics-trends-chart-box-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 10px;
}

.analytics-trends-chart-box .analytics-trends-chart-box-text {
  font-size: 16px;
  color: #333;
  margin-bottom: 0;
  font-weight: 600;
}

.analytics-trends-chart-box-rht {
  border: none;
  padding: 0;
}

.analytics-trends-chart-box-rht .analytics-trends-chart-box-title {
  font-size: 32px;
  margin-bottom: 0;
}

.analytics-trends-chart-box-rht .analytics-trends-chart-box-text {
  color: #c2c2c2;
}

.analytics-trends-chart-box-rht .analytics-trends-chart-car-img {
  vertical-align: top;
  margin-right: 5px;
}

.analytics-grey-box-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}

.analytics-trends-main.analytics-grey-box {
  background: #E3E8EE;
  padding: 20px;
  margin-top: 20px;
}

.analytics-trends-main .analytics-grey-box-in:nth-child(2) {
  border-left: 1px solid #333333;
  border-right: 1px solid #333;
}

.analytics-trends-main .analytics-grey-box-in-title {
  font-size: 32px;
  font-weight: 700;
}

.analytics-trends-main .analytics-grey-box-in-text {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
}

.view-all-text {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
}

.view-all-text .view-all-angle-arrow {
  transform: rotate(-90deg);
}

.analytics-trends-request-main .card-body {
  min-height: inherit;
  height: initial;
}

.analytics-trends-request-main .card-body .analytics-trends-tab-main .nav-item {
  padding: 0 20px;
  border-bottom: 1px solid #ffebeb;
  width: calc(100% / 2);
}

.analytics-trends-request-main .card-body .analytics-trends-tab-main .nav-link {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid transparent;
  padding: 15px 10px;
}

.analytics-trends-request-main .card-body .analytics-trends-tab-main .nav-link.active {
  color: #9d0918;
  border-bottom: 2px solid #ea2830;
}

.analytics-trends-request-main .card-body .analytics-trends-tab-content-main .analytics-trends-tab-content-list {
  display: block;
}

.analytics-trends-request-main .card-body .analytics-trends-tab-content-main .analytics-trends-tab-content-day {
  font-size: 14px;
}

.expiring-lease-chart-center-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 130px;
}

.expiring-lease-chart-center-text .analytics-trends-chart-box-title {
  font-weight: 700;
}

.expiring-lease-chart-center-text .analytics-trends-chart-box-text {
  font-size: 16px;
  font-weight: 500;
}

.analytics-right-btm-box-head {
  font-size: 20px;
}

.analytics-rht-btm-box-num-block {
  border-left: 2px solid #99181A;
}

.analytics-trends-btm-right-block {
  margin-top: 20px;
}

.expiring-lease-legend-block {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
}

.expiring-lease-legend-block .expiring-lease-legend-box {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-top: 5px;
}

.expiring-lease-legend-block:nth-child(1) .expiring-lease-legend-box {
  background: #E43734;
}

.expiring-lease-legend-block:nth-child(2) .expiring-lease-legend-box {
  background: #FFA500;
}

.expiring-lease-legend-block:nth-child(3) .expiring-lease-legend-box {
  background: #4046A6;
}

.analytics-telematics-score-btm-main {
  border-top: 1px solid #C4C4C4;
  padding-top: 20px;
}

.analytics-telematics-score-btm-main .col-md-3:last-child .analytics-telematics-score-btm-box {
  border-right: 0;
}

.analytics-telematics-score-btm-main .analytics-telematics-score-btm-box {
  border-right: 1px solid #c4c4c4;
  padding: 0 30px;
}

.analytics-telematics-score-btm-main .analytics-telematics-score-btm-box-text {
  margin-bottom: 5px;
  color: #969696;
  font-weight: 500;
  font-size: 16px;
}

.analytics-telematics-score-btm-main .analytics-telematics-score-btm-score {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

.analytics-telematics-score-btm-main .analytics-telematics-score-btm-score.blue-text {
  color: #09619D;
}

.analytics-telematics-score-btm-main .analytics-telematics-score-btm-score.yellow-text {
  color: #FFA500;
}

.analytics-telematics-score-btm-main .analytics-telematics-score-btm-score.green-text {
  color: #389101;
}

.analytics-telematics-score-btm-main .analytics-telematics-score-btm-score.red-text {
  color: #E43734;
}

.trends-telematics-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
}

.client-fleet-overview-dashboard-btm .col-md-3:nth-child(4n+4) .analytics-telematics-score-btm-box {
  border-right: 0;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgOverallData {
  color: #FFB400;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgSpeedingData {
  color: #E92A31;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgAccelerationData {
  color: #FFB7B7;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgBrakingData {
  color: #9D0917;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgCorneringData {
  color: #4046A6;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgTimeData {
  color: #389101;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgDistanceData {
  color: #82BF96;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgIdlingData {
  color: #00670A;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgEnvironmentData {
  color: #999999;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgFatigueData {
  color: #00D3BA;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgDrivingBehaviourData {
  color: #7B007D;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgDistractionsData {
  color: #D400A6;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgMaintenanceData {
  color: #0097B8;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgLicenceEventsData {
  color: #AC5F17;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgCameraData {
  color: #92E892;
}

.client-fleet-overview-dashboard-btm .analytics-telematics-score-btm-score#avgMpgFuelData {
  color: #8A76CF;
}

.analytics-outcomes-block-rht .custom-tooltip .tooltiptext {
  left: inherit;
  right: 30px;
}

.analytics-outcomes-block-rht .custom-tooltip .tooltiptext:after {
  left: 100%;
  right: inherit;
  transform: rotate(180deg);
}

.user-telematics-grid-box .watch-intervention {
  color: #f7c813;
}

@media (max-width: 1460px) {
  .analytics-grid-box {
    padding: 10px;
  }

  .user-telematics-summary-box-title {
    font-size: 32px;
  }

  .card .card-block .time_text {
    line-height: 1.3;
  }
}