.alert {
	width: 100%;
	padding: 12px 16px;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 12px;
	font-size: 16px;
}

.alert.alert-success {
	background-color: rgba(227, 253, 235, 1);
	border-color: rgba(38, 179, 3, 1);
	color: rgba(60, 118, 61, 1);
}

.alert.alert-info {
	background-color: rgba(217, 237, 247, 1);
	color: rgba(49, 112, 143, 1);
	border-color: rgba(126, 182, 193, 1);
}


.alert.alert-warning {
	background-color: rgba(252, 248, 227, 1);
	border-color: rgba(177, 161, 129, 1);
	color: rgba(138, 109, 59, 1);
}

.alert.alert-danger {
	background-color: rgba(248, 215, 218, 1);
	border-color: rgba(220, 53, 69, 1);
	color: rgba(114, 28, 36,1);
}

.cs-required:after {
	content:" *";
	color: red;
}


.btn-q-accent {
	--bs-btn-color: #fff;
    --bs-btn-bg: #d40850;
    --bs-btn-border-color: #d40850;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d40850;
    --bs-btn-hover-border-color: #d40850;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    
	--bs-btn-active-color: #000000;
    --bs-btn-active-bg: #d40850;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-q-positive {
	--bs-btn-color: #fff;
    --bs-btn-bg: #21BA45;
    --bs-btn-border-color: #21BA45;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #21BA45;
    --bs-btn-hover-border-color: #21BA45;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;

    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #21BA45;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-q-negative {
	--bs-btn-color: #fff;
    --bs-btn-bg: #C10015;
    --bs-btn-border-color: #C10015;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C10015;
    --bs-btn-hover-border-color: #C10015;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;

    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #C10015;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-q-primary {
	--bs-btn-color: #fff;
    --bs-btn-bg: #2a4875;
    --bs-btn-border-color: #2a4875;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2a4875;
    --bs-btn-hover-border-color: #2a4875;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;

    --bs-btn-active-color: #aaaaaa;
    --bs-btn-active-bg: #2a4875;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}