/* =========== Primary Colour ============ */

.dataTable th {
  color: #fff !important;
  background-color: var(--primary-color) !important;
}

.green-bg {
  background-color: var(--primary-color) !important;
}

.fa-user-spl {
  color: var(--primary-color) !important;
  font-size: 21px;
  position: relative;
  top: -2px;
  right: 4px;
}

.mapview .main {
  background: var(--primary-color) !important;
  border-radius: 10px;
}

.wizard-heading {
  background: var(--primary-color) !important;
  color: #fff;
  padding: 10px;
  font-size: 20px;
}

.selectedCrops h5 {
  color: var(--font-color) !important;
  font-size: 17px !important;
}

.activepage {
  border-bottom: 2px solid var(--primary-color) !important;
}

.popup-farmer-name {
  color: var(--headingtext-color) !important;
  margin-bottom: 10px;
  font-size: 18px;
}

.btn-green {
  background: var(--primary-color) !important;
}

/* span#availableKG {
  color: var(--primary-color) !important;
} */

.fa-color-green {
  color: var(--primary-color) !important;
  text-decoration: none;
}

.userrole {
  color: var(--primary-color) !important;
}

.nav-link:hover {
  color: var(--primary-color) !important;
}

.dropdown-item:hover {
  color: var(--primary-color) !important;
}

.table-ssp th {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.pagination-controls button.active-page {
  background-color: var(--primary-color) !important;
  color: #fff;
}

.farmers-search-list-sidebar .card {
  background: var(--primary-color) !important;
  color: #fff;
  margin-top: 10px;
}

.color-org-name {
  color: var(--primary-color) !important;
}

.theme-color {
  /* color: var(--primary-color) !important; */
}

.theme-bg-color {
  background: var(--primary-color) !important;
}

footer {
  background: var(--footer-color) !important;
}

.dataTable-heading-green th {
  color: #fff !important;
  background-color: var(--primary-color) !important;
}

/* =========== Primary Button Colour ============ */

.active>.page-link {
  background: var(--button-primary-color) !important;
  border: 1px solid var(--button-primary-color) !important;
  color: #fff !important;
}

.btn-success {
  background: var(--button-primary-color) !important;
  border-color: var(--button-primary-color) !important;
}

.btn-primary {
  background: var(--button-primary-color) !important;
  border: var(--button-primary-color) !important;
}

.page-link {
  color: var(--font-color) !important;
}

.form-control-assigncrop-dd {
  color: var(--font-color) !important;
}

.selectedCrops h4 {
  color: var(--headingtext-color) !important;
}

.btn-lightgrey {
  color: var(--font-color) !important;
}

.chart-main h1 {
  color: var(--headingtext-color) !important;
}

.btn-pack {
  color: var(--font-color) !important;
}

.previous-ssp-btn {
  color: var(--font-color) !important;
}

.next-ssp-btn {
  color: var(--font-color) !important;
}

.modal-title {
  color: var(--headingtext-color) !important;
}

.card-add-crop-offtake h4 {
  color: var(--headingtext-color) !important;
}

#packhouseHeading {
  color: var(--headingtext-color) !important;
}

.chk-inp-img .card-title {
  color: var(--headingtext-color) !important;
}

table tr td {
  color: var(--font-color) !important;
}

.form-control {
  color: var(--font-color) !important;
}

.chart-main h1 {
  color: var(--headingtext-color) !important;
}

.agronomist-boxes-33 h2 {
  color: var(--headingtext-color) !important;
}

.agronomist-boxes-33 .date-h2 {
  color: var(--font-color) !important;
}

.form-label {
  color: var(--font-color) !important;
}

.btn-success {
  border-color: var(--button-primary-color) !important;
}

.dataTable-coverbox select {
  color: var(--font-color) !important;
}

.dataTable-coverbox label {
  color: var(--font-color) !important;
}

.repeat-dd-text {
  color: var(--font-color) !important;
}

.soiltest-checkbox label {
  color: var(--font-color) !important;
}

.repeating-dd {
  color: var(--font-color) !important;
}

.crop-dd {
  color: var(--font-color) !important;
}

.add-offtake-crop-form label {
  color: var(--font-color) !important;
}

#toggleTextTrace {
  color: var(--font-color) !important;
}

.sliding-div h5 {
  color: var(--headingtext-color) !important;
}

.sliding-div label {
  color: var(--font-color) !important;
}

.sliding-div select {
  color: var(--font-color) !important;
}

.sliding-div input {
  color: var(--font-color) !important;
}

.offtake-form select {
  color: var(--font-color) !important;
}

.card-add-crop-offtake label {
  color: var(--font-color) !important;
}

.offtake-crops-2 p {
  color: var(--font-color) !important;
}

.fa {
  color: var(--font-color) !important;
}

.fas {
  color: var(--font-color) !important;
}

.fas.fa-times {
  color: #fff !important;
}

.form-check-label {
  color: var(--font-color) !important;
}

.add-user-form select {
  color: var(--font-color) !important;
}

.nav-links a {
  color: var(--font-color) !important;
}

.nav-item {
  color: var(--font-color) !important;
}

.username-packhouse-dd li {
  color: var(--font-color) !important;
}

.dropdown-item {
  color: var(--font-color) !important;
}

.page-heading {
  color: var(--headingtext-color) !important;
}

.card-body-table label {
  color: var(--font-color) !important;
}

.card-body-table select {
  color: var(--font-color) !important;
}

.dataTables_info {
  color: var(--font-color) !important;
}

.estimations-heading {
  color: var(--headingtext-color) !important;
}

.form-wizard label {
  color: var(--font-color) !important;
}

.btn-select-files {
  background: var(--button-primary-color) !important;
}

.steps-names p {
  color: var(--font-color) !important;
}

.packhouse-results .card-title {
  color: var(--headingtext-color) !important;
}

.packhouse-results .card-text {
  color: var(--font-color) !important;
}

.modal-dialog select {
  color: var(--font-color) !important;
}

#sectionAddUser .search-results ul li {
  color: var(--font-color) !important;
}

#croplist .cropitem {
  color: var(--font-color) !important;
}

.assign-crop-tbl th {
  color: var(--headingtext-color) !important;
}

.selectedCrops span {
  color: var(--font-color) !important;
}

.fieldset-inside-box th {
  color: var(--headingtext-color) !important;
}

.offtake-details-tbl .control-label {
  color: var(--font-color) !important;
}

.offtake-details-tbl .control-label span {
  color: var(--font-color) !important;
}

#addmorefarmerspopup input {
  color: var(--font-color) !important;
}

#addmorefarmerspopup .search-results ul li {
  color: var(--font-color) !important;
}

#addmorefarmerspopup .or-p {
  color: var(--font-color) !important;
}

.receiving-modalpictures h4 {
  color: var(--headingtext-color) !important;
}

.receiving-modalpictures h5 {
  color: var(--headingtext-color) !important;
}

.receiving-popup-tbl th {
  color: var(--font-color) !important;
}

.modal-add-agent-popup h5 {
  color: var(--headingtext-color) !important;
}

.headingtext {
  color: var(--headingtext-color) !important;
}

.allocation-h3-title {
  color: var(--headingtext-color) !important;
}

.card-body-viewagent .allocation-sml-tbl #availableKG {
  color: var(--font-color) !important;
}

.farmer-name-h5 {
  color: var(--headingtext-color) !important;
}

.gridview .active-inactive-label {
  color: var(--font-color) !important;
}

.offtake-details-tbl .color-org-name span {
  color: var(--font-color) !important;
}

.soiltest-mainbox label{
  color: var(--font-color) !important;
}
.font-color{
  color: var(--font-color) !important;
}
/* .table-ssp{
  color: #fff !important;
  background-color:  var(--button-primary-color) !important;
} */

/* 
.dataTable th {
    color: #fff !important;
    background-color: #228B22 !important;
  }

  .dataTable-heading-green th {
    color: #fff !important;
    background-color: #228B22 !important;
  }

  .active>.page-link {
    background: #228B22 !important;
    border: 1px solid #228B22 !important;
    color: #fff !important;
  }

  .fa-arrowdown-spl {
    color: #228B22;
  }

  .green-bg {
    background-color: #228B22 !important;
  }

  .fa-user-spl {
    color: #228B22;
    font-size: 21px;
    position: relative;
    top: -2px;
    right: 4px;
  }

  .mapview .main {
    background: #228B22;
    border-radius: 10px;
  }

  .wizard-heading {
    background: #228B22;
    color: #fff;
    padding: 10px;
    font-size: 20px;
  }

  .selectedCrops h5 {
    color: #228B22;
    font-size: 17px !important;
  }

  .activepage {
    border-bottom: 2px solid #228B22 !important;
  }

  .popup-farmer-name {
    color: #228B22;
    margin-bottom: 10px;
    font-size: 18px;
  }

  .btn-green {
    background: #228B22;
  }

  span#availableKG {
    color: #228B22;
  }

  .fa-color-green {
    color: #228B22;
    text-decoration: none;
  }

  .userrole {
    color: #228B22;
  }

  .nav-link:hover {
    color: #228B22 !important;
  }

  .dropdown-item:hover {
    color: #228B22 !important;
  }

  .table-ssp th {
    background-color: #228B22 !important;
    color: #fff !important;
  }

  .pagination-controls button.active-page {
    background-color: #228B22;
    color: #fff;
  }

  .farmers-search-list-sidebar .card {
    background: #228B22 !important;
    color: #fff;
    margin-top: 10px;
  }

  .color-org-name{color:#228B22;}

  .theme-color{color:#228B22;}

  .theme-bg-color{background:#228B22;}

  footer{background:#228B22;} */