:root {
  --primary-color: #61A60E; /* pantone 369 */
  --primary-hover-color: #3D813E; /* pantone 7741*/
  --hover-color: #e9ffda;
}

a,
.nav-link, 
.btn-link, 
.text-hover-primary:hover {
	color: var(--primary-color)
}

.menu-link.active .menu-title, 
.menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, 
.menu-item .menu-link:hover:not(.disabled):not(.active), 
.menu-item .menu-link.active, 
.menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title, 
.menu-item.hover > .menu-link:not(.disabled):not(.active) {
	color: var(--primary-color) !important
}

/* Botões */
.btn.btn-primary {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}

.btn.btn-primary.show {
	background-color: var(--primary-hover-color) !important;
}

.btn.btn-primary:hover:not(.btn-active), 
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:active:not(.btn-active) {
	border-color: var(--primary-hover-color) !important;
    background-color: var(--primary-hover-color) !important;
}

.btn.btn-light-primary, 
.btn.btn-light-primary i {
	color: #518530;
}

.btn.btn-light-primary:hover:not(.btn-active) 
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:active:not(.btn-active) {
	border-color: #518530 !important;
    background-color: #518530 !important;
}

.btn.btn-light-primary:hover:not(.btn-active), 
.btn.btn-light-primary:focus:not(.btn-active), 
.btn.btn-light-primary:active:not(.btn-active) {
	border-color: var(--primary-hover-color);
    background-color: var(--primary-hover-color) !important;
}

.btn.btn-active-color-primary:hover:not(.btn-active), 
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:active:not(.btn-active), 
.btn.btn-active-color-primary:hover:not(.btn-active) i, 
.btn.btn-active-color-primary:focus:not(.btn-active) i,
.btn.btn-active-color-primary:active:not(.btn-active) i {
	color: #518530;
}

.form-check.form-check-solid .form-check-input:checked {
	background-color: var(--primary-color);
}

.nav-line-tabs .nav-item .nav-link.active, 
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled), 
.nav-line-tabs .nav-item .nav-link:focus:not(.disabled), 
.nav-line-tabs .nav-item .nav-link:active:not(.disabled) {
	border-color: var(--primary-color);
	color: var(--primary-color) !important;
}

.btn-outline-primary {
	color: var(--primary-color);
}

.btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
	border-color: var(--primary-color) !important;
}

.btn.btn-icon-primary i {
	color: var(--primary-color);	
}

.btn.btn-active-light-primary:hover:not(.btn-active), 
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:active:not(.btn-active) {
	color: var(--primary-color);
    background-color: var(--hover-color) !important;
}

.btn.btn-active-light-primary:hover:not(.btn-active) i, 
.btn.btn-active-light-primary:focus:not(.btn-active) i,
.btn.btn-active-light-primary:active:not(.btn-active) i {
	color: var(--primary-color);
}

.dropdown-item.active, .dropdown-item:active {
	background-color: var(--primary-color);
}

/* select2 */ 
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
	background-color: var(--primary-color);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
	background-color: var(--hover-color);
	color: var(--primary-color);
}

/* daterangepicker */
.daterangepicker .ranges li.active {
	background-color: var(--primary-color);
}

.daterangepicker .drp-calendar td.active {
	background-color: var(--primary-color) !important;
}

.daterangepicker .drp-calendar td.today, 
.daterangepicker .drp-calendar td.today.active, 
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
	background-color: var(--hover-color) !important;
	color: var(--primary-color) !important;
}

.daterangepicker .ranges li:hover, 
.daterangepicker .drp-calendar th.available:hover, 
.daterangepicker .drp-calendar td.available:hover {
	background-color: var(--hover-color);
    color: var(--primary-color);
}

/* datatables */ 

.page-item.active .page-link {
	background-color: var(--primary-color);
}

.page-link:hover, 
.page-item:hover:not(.disabled) .page-link i {
	color: var(--primary-color)
}