/* Replace with your hex color value */
/* 50% opacity, change as needed */
.primary-color {
  color: var(--primary-color, #6100EE);
}

.primary-color-bg {
  background-color: var(--primary-color, #6100EE);
}

/*custom.css classes starts here*/
.primary-btn {
  color: #fff;
  background-color: var(--primary-color, #6100EE);
  padding: 8px 24px;
  border: none;
  border-radius: 3px;
}

.primary-btn:hover {
  background-color: var(--primary-color, #6100EE);
  color: #fff;
}

.outline-btn {
  color: var(--primary-color, #6100EE);
  background-color: #F7F2FF;
  border: 1px solid var(--primary-color, #6100EE) !important;
  height: 40px;
  padding: 4px 16px;
}

.outline-btn:hover {
  color: var(--primary-color, #6100EE);
}

.outline-btn:focus {
  color: var(--primary-color, #6100EE);
  box-shadow: 0 0 0 0.25rem #F5F3FD;
}

.outline-btn:active {
  color: var(--primary-color, #6100EE);
  box-shadow: 0 0 0 0.25rem #F5F3FD;
}

.no-of-records {
  height: 10px !important;
  width: 20px !important;
  border-radius: 20px;
  color: var(--primary-color, #6100EE);
  display: flex;
}

.custom-nav-link.active {
  color: var(--primary-color, #6100EE) !important;
}

.custom-nav-link.active::after {
  /* background-color: #DDEDFE !important; */
  /* border-bottom: 2px var(--primary-color, $primary-color) solid;
  color: var(--primary-color, $primary-color) !important;
  border-radius: 3px; */
  content: "";
  color: var(--primary-color, #6100EE) !important;
  background-color: var(--primary-color, #6100EE);
  display: block;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0px;
  height: 3px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.custom-nav-link:hover {
  /* background-color: #DDEDFE !important; */
  /* border-bottom: 2px var(--primary-color, $primary-color) solid; */
  color: var(--primary-color, #6100EE) !important;
  /* border-radius: 3px; */
}

.custom-tab-btn:focus {
  background-color: #F5F3FD !important;
  color: var(--primary-color, #6100EE) !important;
  border-radius: 5px !important;
}

.custom-tab-btn.active {
  background-color: #F5F3FD !important;
  color: var(--primary-color, #6100EE) !important;
  border-radius: 5px !important;
}

.custom-tab-btn.active .tab-batch {
  display: flex;
  width: 22px;
  height: 22px;
  border-radius: 24px;
  background-color: var(--primary-color, #6100EE);
  color: #ffffff;
}

.custom-tab-btn:focus .tab-batch {
  display: flex;
  width: 22px;
  height: 22px;
  border-radius: 24px;
  background-color: var(--primary-color, #6100EE);
  color: #ffffff;
}

.custom-admin-batch {
  height: 24px;
  background-color: var(--primary-color, #6100EE);
  border-radius: 20px;
  color: #ffffff;
}

/*custom.css classes starts here*/
.theme-switch .form-check-input:checked {
  background-color: var(--primary-color, #6100EE) !important;
  border-color: var(--primary-color, #6100EE) !important;
}

.custom-input {
  padding: 1px 8px;
  border-radius: 3px;
  border: 1px solid #E7E7E7;
  height: 40px;
}

.primary-btn:focus {
  box-shadow: none;
}

.custom-input:active {
  border: 1px solid var(--primary-color, #6100EE) !important;
  box-shadow: none;
}

.custom-input:focus {
  border: 1px solid var(--primary-color, #6100EE) !important;
  box-shadow: none;
}

.custom-input:focus-visible {
  border: 1px solid var(--primary-color, #6100EE) !important;
  box-shadow: none;
  outline: none;
}

.custom-input::-moz-placeholder {
  font-size: 14px;
}

.custom-input::placeholder {
  font-size: 14px;
}

.upload-btn {
  background-color: #ffffff !important;
  border-radius: 3px;
  border: 1px dashed var(--primary-color, #6100EE) !important;
  padding: 12px 31px;
}

.upload-btn-input {
  width: 136px;
  height: 48px;
  cursor: pointer;
}

.custom-filter.show {
  background-color: #F5F3FD !important;
  border-bottom: #6200EE !important;
}

.custom-filter.show:focus {
  box-shadow: none;
  border: 1px solid #6200EE !important;
}

.custom-filter.show img:nth-child(2) {
  display: none;
}

.custom-filter.show img:nth-child(1) {
  display: block;
}

.custom-filter img:nth-child(1) {
  display: none;
}

.custom-filter-active-img {
  height: 15px;
  width: 15px;
}

.custom-filter-img {
  height: 15px;
  width: 15px;
}

.custom-check-box.form-check-input:checked[type=checkbox] {
  background-image: url(../Images/checkbox-tick.svg);
  background-size: 8px;
}

.custom-check-box.form-check-input:checked {
  border-radius: 3px;
  border: 1px solid var(--primary-color, #6100EE);
  background-color: var(--primary-color, #6100EE);
}

.custom-check.form-check-input:checked {
  background-color: unset;
  border-color: var(--primary-color, #6100EE);
}

.custom-check.form-check-input:focus {
  box-shadow: unset;
}

.custom-check.form-check-input:checked[type=radio] {
  background-image: url(../Images/check-round.svg);
  background-size: 8px;
}

/*Header Css starts here*/
.outline-btn {
  color: var(--primary-color, #6100EE);
  background-color: #F7F2FF;
  border: 1px solid var(--primary-color, #6100EE);
  height: 40px;
  padding: 4px 16px;
}

.outline-btn:hover {
  color: var(--primary-color, #6100EE);
}

.outline-btn:focus {
  color: var(--primary-color, #6100EE);
  box-shadow: 0 0 0 0.25rem #F5F3FD;
}

.outline-btn:active {
  color: var(--primary-color, #6100EE);
  box-shadow: 0 0 0 0.25rem #F5F3FD;
}

.no-of-records {
  height: 10px !important;
  width: 20px !important;
  border-radius: 20px;
  color: var(--primary-color, #6100EE);
  display: flex;
}

.custom-nav-link {
  color: #586894;
  padding: 24px 16px;
}

.custom-nav-link.active {
  color: var(--primary-color, #6100EE) !important;
}

.custom-nav-link.active::after {
  /* background-color: #DDEDFE !important; */
  /* border-bottom: 2px var(--primary-color, $primary-color) solid;
  color: var(--primary-color, $primary-color) !important;
  border-radius: 3px; */
  content: "";
  color: var(--primary-color, #6100EE) !important;
  background-color: var(--primary-color, #6100EE);
  display: block;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0px;
  height: 3px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.custom-nav-link:hover {
  /* background-color: #DDEDFE !important; */
  /* border-bottom: 2px var(--primary-color, $primary-color) solid; */
  color: var(--primary-color, #6100EE) !important;
  /* border-radius: 3px; */
}

.custom-tab-btn.active {
  background-color: #F5F3FD !important;
  color: var(--primary-color, #6100EE) !important;
  border-radius: 5px !important;
}

.custom-tab-btn {
  color: #2C2C2C !important;
  background-color: #FFFfff !important;
  border-radius: 5px !important;
}

.primary-btn {
  color: #fff;
  background-color: var(--primary-color, #6100EE);
  padding: 8px 24px;
  border: none;
  border-radius: 3px;
}

.text-btn:hover {
  color: var(--primary-color, #6100EE) !important;
  /* cursor: pointer; */
}/*# sourceMappingURL=branding.css.map */