/* FORMS WITH ACCORDIONS CSS */

/* ACCORDIONS  ~~~~~~~~~~~~~~~~*/
.accordion-button {
	font-weight: bold;
	color: #224273;
}

.accordion-button:not(.collapsed) {
	background-color: rgba(207, 226, 255, 0.4);
}

.accordion label {
	color: #606060;
	padding-bottom: 5px;
}

.accordion-body {}

.accordion-body li {
	margin-bottom: 6px;
}

.alert-danger p {
	color: rgb(88, 21, 28);
}

.alert-success p {
	color: rgb(10, 54, 34)
}


/* ELEMENTS ~~~~~~~~~~~~~~~~*/
input.required,
select.required {
	border-color: #c6303e;
	background-color: rgba(198, 48, 62, 0.05);
}

.accordion-body a:not([href]):not([class]) {
	color: rgb(13, 110, 253) !important;
	font-weight: bold;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MEDIA QUERIES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MOBILE */
@media (max-width: 575px) {
	}

@media (min-width: 576px) {}


/* MOBILE TO TABLET */
@media (min-width: 576px) and (max-width: 767px) {}	

@media (min-width: 576px) and (max-width: 991px){}	


/* BEFORE TABLET BREAKPOINT */
@media (max-width: 767px) {}


/* TABLET */
@media (min-width: 768px) {}


@media (min-width: 768px) and (max-width: 991px) {}


@media (min-width: 992px) and (max-width: 1199px) {}


@media (max-width: 991px) {}


@media (min-width: 992px) {}


/* DEKSTOP AND LARGE SCREENS */
@media (max-width: 1199px) {}

@media (min-width: 1200px) {}