.custom-div {
  display: flex;
  padding: gap/sm;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  margin-bottom: 2rem;
}
.card-style {
  display: flex;
  justify-content: space-between;
  height: 108px;
  padding: 8px 16px;
  flex-direction: row;
  gap: 20px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
  width: -webkit-fill-available;
}
.card-dealerInfo {
  display: flex;
  height: 108px;
  padding: 8px 14px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: var(--rounded, 4px);
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
  width: 328px;
  justify-content: space-evenly;
  border-radius: 4px;
  border: 1.5px solid var(--Color-Success-Success-500, #28c76f);
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
}
.card-dealerInfo-inactive {
  display: flex;
  height: 108px;
  padding: 8px 14px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: var(--rounded, 4px);
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
  width: 328px;
  justify-content: space-evenly;
  border-radius: 4px;
  border: 1.5px solid var(--Danger-500, #ef4444);
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
}
.topinfo-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-1, 4px);
  flex: 1 0 0;
  align-self: stretch;
}
.topinfo-box-smallName {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
}
.dealername-box {
  color: #656565;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
}
.rtoCode-box {
  display: flex;
  color: var(--Grey-600, #4b5563);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-wrap: wrap;
}
.rtoCode-address {
  color: var(--Grey-500, #6b7280);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* max-width: max-content; */
}
.dealerInfo-box {
  display: flex;
  height: max-content;
  padding: gap/sm;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.dealerInfo-box1 {
  display: flex;
  padding: gap/sm;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-1, 4px);
  align-self: stretch;
  margin-right: 0;
}
.infoHeader {
  color: var(--Grey-600, #4b5563);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 137.5% */
}
.dealerInfo-row {
  display: flex;
  padding: gap/sm;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: max-content;
}
.dealerInfo-data {
  color: #4b5563;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
}
.dealerInfo-dataId {
  color: #727272;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.dealerInfo-view {
  color: #4b5563;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
  cursor: pointer;
  display: flex;
  padding: gap/sm;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.dealerInfo-viewOem {
  color: #4b5563;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
  cursor: pointer;
  display: flex;
  padding: gap/sm;
  align-items: center;
  gap: 8px;
  /* align-self: stretch; */
  justify-content: center;
  margin-top: 8px;
  /* margin-left: -60px; */
}
.oemBox {
  display: flex;
  padding: gap/sm;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-1, 4px);
  flex: 1 0 0;
  align-self: stretch;
}
/* .oemList {
  display: flex;
  padding: gap/sm;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
} */
.oemList {
  display: flex;
  width: max-content;
  padding: gap/sm;
  align-self: stretch;
  flex-direction: column;
  font-size: 12px;
  font-weight: 600;
}
.oemListBox {
  display: flex;
  gap: 100px;
}
.oemName {
  color: #4b5563;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
}
.userStatisticsCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.userStatisticsRow {
  display: flex;
  padding: gap/sm;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.userStatisticsCol {
  display: flex;
  width: 190px;
  padding: gap/sm;
  align-items: center;
  gap: 6px;
}
.userStatsText {
  color: var(--1-theme-color-heading-display-text, #5e5873);
  font-feature-settings:
    "clig" off,
    "liga" off;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.userStatsTitle {
  color: #353535;
  font-feature-settings:
    "clig" off,
    "liga" off;
  font-family: Montserrat;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  width: max-content;
}
.userStatsValue {
  color: var(--1-theme-color-heading-display-text, #5e5873);
  font-feature-settings:
    "clig" off,
    "liga" off;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.userIconBox {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  gap: var(--spacing-2-5, 10px);
  border-radius: 2px;
  background: #eff6ff;
}
.listDetails {
  display: flex;
  padding: gap/sm;
  flex-direction: column;
  align-items: flex-start;
  gap: gap/sm;
  flex: 1 0 0;
}
.modalRow {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.modalCol {
  display: flex;
  width: 236px;
  padding: gap/sm;
  flex-direction: column;
  align-items: flex-start;
  gap: gap/sm;
}
.modalColTitle {
  color: var(--Primary-600, #2563eb);
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  text-transform: uppercase;
}
.modalColValue {
  color: var(--Grey-600, #4b5563);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.56px;
}
.dealerDetailModalBody {
  display: flex;
  padding: gap/sm;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}
.dealerDetailColTitle {
  color: var(--Grey-600, #4b5563);

  /* Text/text-16/medium-16 */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 22px; /* 137.5% */
}
.dealerDetailDataRow {
  display: flex;
  padding: gap/sm;
  align-items: center;
  gap: 10px;
  width: max-content;
}
.dealerDetailRowTitle {
  color: var(--Grey-600, #4b5563);
  /* Text/text-14/regular-14 */
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.dealerDetailRowData {
  color: var(--Grey-500, #6b7280);

  /* Text/text-14/regular-14 */
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.editDealerDetails {
  max-width: fit-content;
  cursor: pointer;
  margin-top: -1px;
  margin-right: 6px;
}