.form-style input[type=text],
.form-style input[type=password] {
  border: 0;
  height: 50px;
  border-radius: 0;
  border-bottom: 1px solid #9c9c9c;
}
.form-style input[type=text]:focus,
.form-style input[type=password]:focus {
  border-bottom: 1px solid #007bff;
  box-shadow: none;
  outline: 0;
}

.btn-class.show {
  transform: translate3d(0, 38px, 0px) !important;
  min-width: 4rem !important;
}

@media (min-width: 768px) {
  .farmer-form div:first-child.col-md-3 {
    height: 70px;
    display: block;
  }
}
.col-3-5 {
  width: 60%;
}

.col-1-5 {
  width: 20%;
}

.card-content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.card-row-wrapper {
  margin-top: 30px;
}

.section-wrapper {
  margin-top: 26px;
}

.widget-wrapper {
  margin-top: 22px;
  margin-bottom: 30px;
}

.header-wrapper {
  margin-top: 22px;
  margin-bottom: 22px;
}

.dashboard-header-wrapper {
  margin-top: 18px;
  margin-bottom: 22px;
}

.full-width-card-wrapper {
  margin-bottom: 6px;
}

.dataTables_filter {
  position: relative;
  text-align: center;
}
.dataTables_filter input {
  position: relative;
  border-radius: 5px;
  background-color: #EAEAEA;
  border: none;
  padding-left: 37px;
  width: 430px;
}
.dataTables_filter input:focus {
  background-color: #EAEAEA;
}
.dataTables_filter::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24'%3E%3Cpath d='M10.2254 20.7663C12.2101 20.7659 14.1448 20.1835 15.7946 19.1002C16.2 18.834 16.7425 18.8628 17.0851 19.2061L21.4253 23.5546C21.7997 23.9298 22.4075 23.9298 22.7819 23.5546L23.2352 23.1004C23.6086 22.7263 23.6086 22.1205 23.2352 21.7464L18.8902 17.3931C18.5486 17.0508 18.5199 16.51 18.7849 16.1054C19.868 14.4515 20.4504 12.5115 20.4509 10.5211C20.4509 4.87222 15.8635 0.276001 10.2254 0.276001C4.58739 0.276001 0 4.87222 0 10.5211C0 16.17 4.58739 20.7663 10.2254 20.7663ZM10.2254 2.83728C14.4549 2.83728 17.8945 6.28349 17.8945 10.5211C17.8945 14.7588 14.4549 18.205 10.2254 18.205C5.99594 18.205 2.55636 14.7588 2.55636 10.5211C2.55636 6.28349 5.99594 2.83728 10.2254 2.83728Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 38px;
  background-color: #EAEAEA;
  z-index: 1;
  border-radius: 5px 0 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dataTables_filter ::-moz-placeholder {
  color: black;
  font-style: italic;
}
.dataTables_filter ::placeholder {
  color: black;
  font-style: italic;
}

.before-bg-transparent::before {
  background-color: transparent !important;
}

@media only screen and (min-width: 200px) {
  .filters-form {
    width: 210px;
  }
}
@media only screen and (min-width: 350px) {
  .filters-form {
    width: 300px;
  }
}
@media only screen and (min-width: 600px) {
  .filters-form {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) {
  .filters-form {
    width: 400px;
  }
}
@media only screen and (min-width: 900px) {
  .filters-form {
    width: 600px;
  }
}
@media only screen and (min-width: 1200px) {
  .filters-form {
    width: 600px;
  }
}
.d-print-none.text-right {
  display: flex;
  justify-content: end;
  align-items: start;
  text-align: left !important;
}
.d-print-none.text-right > * + * {
  margin-left: 5px;
}
.d-print-none .rounded-10 {
  border-radius: 10px;
}

.datatable_filter_stack {
  display: flex;
}

.c-hover:hover {
  cursor: pointer;
}

.remind-dropdown button:focus {
  outline: none !important;
  border-radius: 0;
}

.c-gap-2 {
  gap: 10px;
}

.c-filter-dropdown .form-group {
  margin-bottom: 0.5rem;
}

.c-table .c-sorting {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-table .c-sorting:active {
  font-weight: bolder;
}
.c-table thead th,
.c-table tbody td {
  white-space: nowrap;
}
.c-table .la-sm {
  font-size: 0.7rem;
}

.custom-pagination .entries-per-page {
  width: 60px;
}
.custom-pagination .page-item.active .page-link {
  border-radius: 5px;
}
.custom-pagination .page-item.disabled .page-link {
  color: #d9e2ef;
}
.custom-pagination .page-link {
  border: none;
}

.c-tab button:not(:disabled):not(.disabled):active:focus,
.c-tab button:not(:disabled):not(.disabled):focus {
  box-shadow: none !important;
}
.c-tab button + button {
  border-left: 2px solid grey !important;
}
.c-tab button {
  font-size: 18px;
  opacity: 0.7;
  white-space: nowrap;
}
.c-tab button.active {
  font-weight: bold;
  opacity: 1;
}

.livewire-template + .row {
  display: none;
}

.item-selected {
  background-color: #f2f0fd !important;
}