/*** Buttons ***/
.btn-primary {
    color: var(--light);
    background-color: var(--green);
    border-color: var(--green);
    color: var(--light) !important;
    font-family: Roboto-Bold, sans-serif;
    text-transform: uppercase;
}
.btn-primary:hover {
    color: var(--light);
    background-color: var(--green_dark);
    border-color: var(--green_dark);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: var(--light);
    background-color: var(--green_dark);
    border-color: var(--green_dark);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: var(--light);
}
.btn-primary.focus, .btn-primary:focus {
    color: var(--light);
    background-color: var(--green_dark);
    border-color: var(--green_dark);
    box-shadow: var(--light);
}

.btn-outline-primary {
    color: var(--green) !important;
    border-color: var(--green);;
    font-family: Roboto-Bold, sans-serif;
    text-transform: uppercase;
}
.btn-outline-primary:hover {
	color: var(--light) !important;
	background-color: var(--green_dark);
	border-color: var(--green_dark);
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
	color: var(--light);
	background-color: var(--green_dark);
	border-color: var(--green_dark);
}
.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: var(--light);
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
        color: var(--light);
	box-shadow: var(--light);
}

.btn-outline-light {
    color: var(--light) !important;
    border-color: var(--light);
    font-family: Roboto-Bold, sans-serif;
    text-transform: uppercase;
}
.btn-outline-light:hover {
	color: var(--green) !important;
	background-color: var(--light);
	border-color: var(--light);
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
	color: var(--green_dark) !important;
	background-color: var(--light);
	border-color: var(--light);
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
	box-shadow: var(--light);
}
.btn-outline-light.focus, .btn-light-primary:focus {
	box-shadow: var(--light);
}
  /*** End Buttons ***/