@charset "UTF-8";
/*
Name: 			theme-elements.css
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	9.8.0
*/
/* Accordion */
.accordion .card {
	margin-top: 5px;
}

.accordion .card:first-child {
	margin-top: 0;
}

.accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type {
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: .25rem;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: .25rem;
}

.accordion .card-title {
	font-size: 16px;
}

.accordion .card-header {
	padding: 0;
	border-radius: .25rem;
	border-bottom: 0;
	margin: -1px;
}

.accordion .card-header a {
	cursor: pointer;
	display: block;
	padding: 10px 20px;
}

.accordion .card-header a:hover, .accordion .card-header a:focus {
	text-decoration: none;
}

.accordion .card-header a [class^="icon-"] {
	margin-right: 4px;
	position: relative;
	top: 1px;
}

.accordion .card-header a [class*="fa-"], .accordion .card-header a .icons {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.accordion .card-header a .icons {
	top: 1px;
}

.accordion.accordion-sm .card-header a {
	padding: 5px 15px;
	font-size: 0.85em;
}

.accordion.accordion-sm .card-body {
	font-size: 0.9em;
}

.accordion.accordion-lg .card-header a {
	padding: 15px 15px;
	font-size: 1em;
	font-weight: 600;
}

.accordion.without-bg .card-default {
	background: transparent !important;
}

.accordion.without-bg .card-default > .card-header {
	background: transparent !important;
}

.accordion.without-bg .card-body {
	padding-top: 0;
}

.accordion.without-borders .card {
	border: 0 !important;
	box-shadow: none;
	border-radius: 0;
}

.accordion.without-borders .card-header a {
	padding-left: 0;
	padding-right: 0;
}

.accordion.without-borders .card-body {
	padding: 0;
}

.accordion.accordion-modern .card:first-of-type, .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern .card:last-of-type {
	border: 4px solid #F7F7F7;
}

.accordion.accordion-modern .card .card-header {
	background-color: #F7F7F7;
	border-radius: 0;
}

.accordion.accordion-modern-2 > .card {
	border: 1px solid transparent !important;
	transition: ease border-color 300ms;
}

.accordion.accordion-modern-2 > .card .card-header a {
	position: relative;
	padding: 23px 30px;
	background-color: #f4f4f4;
	transition: ease background-color 300ms, ease color 300ms;
	border-radius: 4px;
}

.accordion.accordion-modern-2 > .card .card-header a:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 25px;
	font-size: inherit;
	font-weight: inherit;
	transform: translate3d(0, -50%, 0) rotate(45deg);
	transform-origin: 50% 50%;
	transition: ease transform 300ms;
}

.accordion.accordion-modern-2 > .card .card-header a.collapsed:after {
	transform: translate3d(0, -50%, 0) rotate(0deg);
}

.accordion.accordion-modern-2 > .card .card-header + .collapse.show,
.accordion.accordion-modern-2 > .card .card-header + .collapsing {
	border: 1px solid transparent;
	border-top: 0;
}

.accordion.accordion-modern-2 > .card + .card {
	margin-top: 17px;
}

.accordion.accordion-modern-status > .card {
	border: 1px solid transparent !important;
	transition: ease border-color 300ms;
}

.accordion.accordion-modern-status > .card .card-header a {
	position: relative;
	padding: 23px 30px;
	background-color: #f4f4f4;
	transition: ease background-color 300ms, ease color 300ms;
}

.accordion.accordion-modern-status > .card .card-header a:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 25px;
	font-size: inherit;
	font-weight: inherit;
	transform: translate3d(0, -50%, 0) rotate(45deg);
	transform-origin: 50% 50%;
	transition: ease transform 300ms;
}

.accordion.accordion-modern-status > .card .card-header a.collapsed:after {
	transform: translate3d(0, -50%, 0) rotate(0deg);
}

.accordion.accordion-modern-status > .card .card-header + .collapse.show,
.accordion.accordion-modern-status > .card .card-header + .collapsing {
	border: 0;
}

.accordion.accordion-modern-status > .card + .card {
	margin-top: 17px;
}

.accordion.accordion-modern-status.accordion-modern-status-borders > .card {
	border: 1px solid rgba(0, 0, 0, 0.085) !important;
}

.accordion.accordion-modern-status.accordion-modern-status-borders > .card .card-header {
	background: transparent !important;
}

.accordion.accordion-modern-status.accordion-modern-status-borders > .card .card-header a {
	background: transparent !important;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {
	transform: translate3d(0, -50%, 0) rotate(180deg);
	font-family: 'Font Awesome 6 Free';
	content: "\f107";
	font-weight: 900;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a.collapsed:after {
	transform: translate3d(0, -50%, 0) rotate(0deg);
}

.accordion.accordion-modern-grey-scale-1 .card:first-of-type, .accordion.accordion-modern-grey-scale-1 .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern-grey-scale-1 .card:last-of-type {
	border-color: #EDEDED;
}

.accordion.accordion-modern-grey-scale-1 .card .card-header {
	background-color: #EDEDED;
}
