:root {
  --primary-clr: #194721;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#dot {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.ant-steps-item-icon {
  background-color: #194721;
}

.react-tel-input .flag {
  display: none;
}

.react-tel-input {
  background-color: #f2f2f2;
}

/* for the phone input on admin page */
.PhoneInputInput {
  padding: 0.2rem 0.5rem;
  background: white;
}

/* for the search bar on admin page */
.search-container {
  top: 5px;
}

@media screen and (max-width: 767px) {
  .dashboard-container {
    overflow: hidden;
    background-color: black;
  }
}

@media screen and (min-width: 768px) {
  .dashboard-container {
    overflow: hidden;
  }
}

#agenda-2063::after {
  background-color: rgb(209 213 219);
}

.dashbord-nav-user-menu::before {
  background-color: #ffff;
  content: "";
  height: 20px;
  position: absolute;
  right: 7px;
  transform: rotate(45deg);
  top: -5px;
  width: 15px;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  border: 5px 2px 5px 0 solid #d1d5db;
}

:where(.css-dev-only-do-not-override-1km3mtt).ant-steps
  .ant-steps-item-process
  .ant-steps-item-icon {
  background-color: #194721;
  border-color: #194721;
}

:where(.css-dev-only-do-not-override-1km3mtt).ant-switch.ant-switch-checked {
  background: #194721 !important;
}

:where(.css-dev-only-do-not-override-1km3mtt).ant-pagination
  .ant-pagination-item-active {
  font-weight: 600;
  background-color: #ffffff;
  border-color: #194721 !important;
}

:where(.css-dev-only-do-not-override-1km3mtt).ant-pagination
  .ant-pagination-item-active
  a {
  color: #194721 !important;
}

:where(.css-dev-only-do-not-override-1km3mtt).ant-input-affix-wrapper {
  position: relative;
  display: inline-flex;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.5714285714285714;
  background-color: #ffffff;
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-color: #194721;
  border-radius: 6px;
  transition: all 0.2s;
}

/* search container */
:where(.css-dev-only-do-not-override-1km3mtt).ant-btn-primary:not(
    :disabled
  ):hover {
  background-color: #194721 !important;
}

:where(.css-dev-only-do-not-override-1km3mtt).ant-btn-primary {
  color: #fff;
  background-color: #194721 !important;
  box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
}

/* @overide ant form selector */

.form-select-primary:where(.css-dev-only-do-not-override-1km3mtt)
  > .ant-select-selector {
  background-color: var(--primary-clr) !important;
  color: white !important;
  border-color: var(--primary-clr) !important;
}
.form-select-primary:where(.css-dev-only-do-not-override-1km3mtt)
  .ant-select-selection-placeholder,
.form-select-primaryt:where(.css-dev-only-do-not-override-1km3mtt)
  .ant-select-selection-item,
.ant-select-arrow {
  color: white !important;
}
/* for editable table */
.editable-row.ant-form-item-explain {
  position: absolute;
  top: 100%;
  font-size: 12px;
}

/* Typography */
a:where(.css-dev-only-do-not-override-1km3mtt).ant-typography,
:where(.css-dev-only-do-not-override-1km3mtt).ant-typography a {
  color: #194721;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}