/* custom primary buttons */

.btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}


.btn-outline-primary {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
}


.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  border-color: #28a745;
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  border-color: #28a745;
}

.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
  background-color: #28a745;
  border-color: #28a745;
}

.card-primary.card-outline {
    border-top: 3px solid #28a745;
}

.text-primary {
    color: #28a745 !important;
}

.page-link {
    color: #28a745;
}

.page-item.active .page-link {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

.nav-sidebar>.nav-item>.nav-link.active {
    background-color: #9eb85c !important;
}

a {
    color: #28a745
}

a:hover {
    color: #088735;
    text-decoration: none;
}

.bg-primary {
    background-color: #28a745 !important;
    color: #fff !important;
}

.mapEditRadio {
    border: 1px solid #28a745 !important;
}

.mapEditRadioWidget {
    background-color: rgba(80, 80, 80, 0.5) !important;
}

.layerSwitch {
    accent-color: #28a745;
}


.content-wrapper {
    background-color: #f2f1e6 !important;
}

.navbar-white {
    background-color: #c8c5a2 !important;
}


.SumoSelect:focus>.CaptionCont,
.SumoSelect:hover>.CaptionCont,
.SumoSelect.open>.CaptionCont {
    border-color: #9eb85c !important;
    outline: 0 !important;
    box-shadow: inset 0 0 0 transparent !important;
}

.form-control:focus {
    border-color: #9eb85c !important;
}

.form-control:hover {
    border-color: #9eb85c !important;
}

/* Change the background color of the selected range */
.daterangepicker td.in-range {
    background-color: #eef8ec !important; /* Muted green */
    color: black !important;
}

/* Change the start & end date color */
.daterangepicker td.active, 
.daterangepicker td.active:hover {
    background-color: #9eb85c !important; /* Darker green */
    color: white !important;
}

/* Change the hover effect */
.daterangepicker td:hover {
    background-color: #a8b98e !important;
    color: black !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff !important;
    border-color: transparent !important;
    color: #999 !important;
}

/* Change disabled or unavailable date color */
.daterangepicker td.off {
    color: #a3a3a3 !important; /* Grayish */
}

.datepicker table tr td span.active.active {
    background-image: linear-gradient(to bottom, #9eb85c, #28a745) !important;
    background-color: #28a745 !important;
}