
:root{
	--color-white:#ffffff;
	--color-black:#212529;
	--color-primary:#3d6a70;
	--color-primary-opacity:rgba(61, 106, 112, .98);
	--color-primary-opacity-90:rgba(61, 106, 112, .9);
	--color-primary-opacity-80:rgba(61, 106, 112, .8);
	--color-primary-opacity-60:rgba(61, 106, 112, .6);
	--color-primary-opacity-40:rgba(61, 106, 112, .4);
	--color-primary-opacity-20:rgba(61, 106, 112, .2);
	--color-primary-opacity-10:rgba(61, 106, 112, .1);
	--color-primary-opacity_soft:rgba(61, 106, 112, .50);
	--color-primary-dark:#31595e;
	--color-secondary:#99c5b6;
	--color-mix:#5f8a8d;
	--color-contrast:#B86646;
	--color-cintrast-light:#f4d69f;
	--color-danger:#D00;
	--widget-shadow:0 0 0 .25rem rgba(61, 106, 112, .2);
	--gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)) !important;
}

header nav a.nav-link{
	color:var(--color-white);
}
header nav a.nav-link:focus{
	box-shadow:0 0 0 .25rem var(--color-primary-dark);
}

table.table thead th{
	background-color:var(--color-primary);
	color:var(--color-white);
}

a{
	color:var(--color-primary-dark);
}
a:hover{
	color:var(--color-primary);
}

.form-control:focus{
	border-color:var(--color-primary);
	box-shadow:var(--widget-shadow);
}
.form-check-input:focus{
	box-shadow:var(--widget-shadow);
	border-color:var(--color-primary);
}
.btn:focus, .btn:first-child:active:focus-visible{
	box-shadow:var(--widget-shadow);
}
.form-check-input:checked[type=checkbox]{
	background-color:var(--color-primary-opacity-80);
	border-color:var(--color-primary-opacity-80);
}
.form-check-input:checked[type=radio]{
	background-color:var(--color-primary-opacity-80);
	border-color:var(--color-primary-opacity-80);
}
.form-select:focus{
	box-shadow:var(--widget-shadow);
	border-color:var(--color-primary-opacity-80);
}
.btn.btn-outline-primary.active{
	background-color:var(--color-primary);
	color:var(--color-white);
}
.btn.btn-outline-primary{
	border-color:var(--color-primary);
	color:var(--color-primary);
	background-color:var(--color-white);
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:hover:active{
	background-color:var(--color-primary);
	color:var(--color-white);
	background-image:var(--gradient);
}
.btn.btn-outline-primary:active{
	background-color:var(--color-primary);
	border-color:var(--color-primary);
	color:var(--color-white);
}
.btn.btn-outline-primary:focus{
	background-color:var(--color-white);
	color:var(--color-primary);
}
.btn.btn-primary{
	border-color:var(--color-primary);
	background-color:var(--color-primary);
	color:var(--color-white);
	background-image:var(--gradient);
}
.btn.btn-primary:hover, .btn.btn-primary:hover:active{
	background-color:var(--color-primary-opacity-80);
	color:var(--color-white);
}
.btn.btn-primary:active{
	background-color:var(--color-white);
	color:var(--color-primary);
	border-color:var(--color-primary);
}
.btn.btn-outline-danger{
	border-color:var(--color-danger);
	color:var(--color-danger);
	background-color:var(--color-white);
}
.btn.btn-outline-danger:hover, .btn.btn-outline-danger:hover:active{
	background-color:var(--color-danger);
	color:var(--color-white);
	background-image:var(--gradient);
}
.btn.btn-outline-danger:active{
	background-color:var(--color-danger);
	border-color:var(--color-danger);
	color:var(--color-white);
}
.btn.btn-outline-danger:focus{
	background-color:var(--color-white);
	color:var(--color-danger);
}
.btn.btn-outline-dark, .btn.btn-outline-success{
	background-image:var(--gradient);
}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:hover:active{
	background-color:var(--color-black);
	color:var(--color-white);
}
.btn.btn-outline-dark:active{
	background-color:var(--color-white);
	color:var(--color-black);
}
.btn.btn-outline-success:active{
	background-color:var(--color-white);
	color:var(--color-success);
}

.dropdown-item.active, .dropdown-item:active{
	background-color:var(--color-primary);
}
.nav-link{
	color:var(--color-primary);
}
.nav-tabs .nav-link:hover{
	color:var(--color-primary-dark);
}
.nav-tabs .nav-link:active{
	color:var(--color-primary-dark);
}
.nav-tabs .nav-link:focus{
	color:var(--color-primary-dark);
	box-shadow:none;
}
.nav-tabs .nav-link:focus-visible{
	box-shadow:none;
}
