:root {
  --color-footerbg: #f1f0f0;
  --color-active-menu-bg: #f4fbef;
  --color-active-menu: #22ab00;
  --color-theme: #14a800;
  --color-white: #ffffff;
}
body {
  overflow-x: hidden;
}
header.admin img.user-default-icon {
  width: 40px;
  height: 40px;
}
header.admin .account-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
header.admin .account-menu ul li {
  position: relative;
  cursor: pointer;
}
header.admin .account-menu ul li ul {
  position: absolute;
  top: 75px;
  right: 0;
  width: 200px;
  background: #fff;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
header.admin .account-menu ul li ul li a {
  display: block;
  padding: 8px;
  border-bottom: 1px dashed #f1f1f1;
}
header.admin .account-menu ul li.show-sub-menu ul {
  visibility: visible;
  opacity: 1;
  top: 55px;
}
.main-container {
  min-height: 95vh;
  margin-top: 70px;
  padding-left: 12px;
  padding-right: 12px;
}
.main-container .admin-left-menu {
  position: fixed;
  width: 24%;
  top: 80px;
  padding-right: 1%;
  border-right: 1px solid var(--color-footerbg);
  min-height: 95vh;
}
.main-container .admin-left-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-container .admin-left-menu ul li a {
  display: block;
  width: 100%;
  padding: 12px;
  padding-left: 34px;
  border-bottom: 1px dashed var(--color-footerbg);
}
.main-container .admin-left-menu ul li a.active,
.main-container .admin-left-menu ul li a:hover {
  background-color: var(--color-active-menu-bg);
  color: var(--color-active-menu);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.main-container .admin-left-menu ul li a.active svg {
  fill: var(--color-active-menu);
}
.main-container .dashboard-main-area {
  padding-top: 80px;
}
a.btn-manage-listing {
  background-color: var(--color-theme);
  color: var(--color-white);
  padding: 8px 20px;
  border-radius: 5px;
}
a.btn-manage-listing.outline {
  display: inline-block;
  background-color: transparent;
  border: 1px solid var(--color-theme);
  color: var(--color-theme);
  margin-bottom: 15px;
}
.footer {
  background: var(--color-footerbg);
  padding: 10px;
  font-size: 11px;
}
@media only screen and (max-width: 1100px) {
  header.admin .account-menu ul li ul {
    visibility: visible;
    opacity: 1;
  }
  header.admin .account-menu ul li ul {
    position: static;
    background: #fff;
    box-shadow: 0 0 0px rgb(0 0 0 / 20%);
  }
}

.my-business tbody tr {
  height: 76px;
  border-collapse: collapse;
  white-space: nowrap;
}

.my-business thead tr {
  height: 76px;
  border-collapse: collapse;
  white-space: nowrap;
}

.my-business tbody td,
thead th {
  padding-left: 24px;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  vertical-align: middle;
  height: 48px;
  box-sizing: border-box;
  overflow: hidden;
}

.verify-svg {
  height: 30px;
  padding-right: 8px;
  vertical-align: middle;
  width: 30px;
}
.FHLsdd {
  vertical-align: middle;

  color: #5f6368;
}

.ZLDuc {
  vertical-align: middle;
  fill: #5f6368;
}

a.btn-see-your-profile.outline {
  display: inline-block;
  background-color: transparent;
  border: 1px solid var(--color-outline);
  color: var(--color-theme);
}

a.btn-see-your-profile {
  padding: 8px 20px;
  border-radius: 5px;
}

a.btn-verify-now.outline {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #e2a789;
  color: #bb1910;
}

a.btn-verify-now {
  padding: 8px 20px;
  border-radius: 5px;
}
