.invalid-feedback {
  display: block !important;
  width: 100%;
  margin-top: .25rem;
  font-size: 14px;
  color: var(--bs-form-invalid-color);
}







/*Forms*/
.form-control {
  line-height: normal;
}

select.form-control {
  /* appearance: auto; */
  padding: 6px 16px 6px 6px;
}






/*.custom-tabs-layout */
.nav-pills .nav-link {
  margin-right: 10px;
  border-radius: 5px 5px 0px 0px;
}

.nav-pills .nav-link:last-child,
.nav-pills .nav-link.visited:last-child,
.nav-pills .nav-link.active:last-child {
  margin: 0px;
}

.custom-tabs-layout .nav-pills {
  border-radius: 5px 5px 0px 0px;
}

/*Nested Tabs*/
/*remove below class if equally distributed */
.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: auto;
  flex-grow: unset;
}

/*equally distributed end*/
.custom-tabs-layout .nested-tabs.tab-content {
  border: 1px solid rgb(1, 135, 144);
  padding: 15px;
}

.custom-tabs-layout .tab-content.nested-tab-body {
  border: 1px solid rgb(1, 135, 144);
  padding: 15px;
}



/* 
.accordion.accordion-solid-danger .accordion-button:after {
  background-color: var(--custom-white);
  color: rgb(160, 115, 33);
}

.accordion.accordion-solid-danger .accordion-button.collapsed {
  background-color: var(--custom-white);
  color: #fff;
}

.accordion.accordion-solid-danger .accordion-button.collapsed:after {
  background-color: var(--default-background);
  color: #3b3b3b !important;
} */

/*check icon for tabs completed*/
/*<i :class="tab.icon" class="me-2 align-middle d-inline-block ri-checkbox-circle-line"></i>*/


/*Striped tables*/
table.table-striped thead tr:not(first-child),
table.table-striped thead tr:not(:first-child) th {
  /* background: #FDEFE9 !important; */
  background: #fff !important;
}

table.table-striped thead tr,
table.table-striped thead tr th {
  background: #595959;
  color: #fff;
}





/*table-icon-collapse*/
.table-icon-collapse {
  position: relative;
  width: 20px;
  height: 16px;
  float: left;
  cursor: pointer;
  margin-right: 10px;
  top: -1px;
}

.table-icon-collapse .ri-add-circle-line,
.table-icon-collapse .ri-indeterminate-circle-line {
  font-size: 18px;
}

.icon-collapse {
  position: relative;
  width: 20px;
  height: 16px;
  float: left;
  cursor: pointer;
  top: -1px;
}

.icon-collapse .ri-add-circle-line,
.icon-collapse .ri-indeterminate-circle-line {
  font-size: 18px;
}

.app-sidebar .side-menu__angle {
  color: white;
}



@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}