/*******************************************************************************/
/* BOOTSTRAP ACORDION   */
/******************************************************************************/

.accordion-button {
	font-size: 1.2rem;
}

.accordion-button:not(.collapsed) {
	color: #fff;
	background-color: #20683D;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


@media screen and (max-width: 1000px) { 
 	
}

@media screen and (max-width: 680px) { 
 
 }


@media screen and (max-width: 500px) { 

}



/*******************************************************************************/
/* BOOTSTRAP TABS    */
/******************************************************************************/
.nav-tabs {
	border-bottom:none !important; 
}

.nav-tabs button h2 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0px; 
	line-height: 100%;
}

.nav-tabs .nav-link  {
    border-color: #dee2e6 #dee2e6 #F2F2F2;
    isolation: isolate;
    outline:none !important; 
	margin-right: -1px;
	margin-bottom:0px;
}

.nav-tabs .nav-link.active {
	border-color: #dee2e6 #dee2e6 #F2F2F2 #dee2e6;
}

.nav-link {
	color: #111;
}
.nav-tabs .nav-link.active {
	background-color:#F2F2F2;
}

.tab-content {
    border:1px solid; 
    border-color:#dee2e6  #dee2e6 #dee2e6 #dee2e6;
    background-color:#F2F2F2;
    padding:20px; 
}



/*******************************************************************************/
/* BOOTSTRAP TABLES   */
/******************************************************************************/

.table-bordered td, .table-bordered th {
	border: 1px solid rgb(117, 117, 117) !important; 
}

.table thead th {
	border-bottom: 1px solid rgb(117, 117, 117) !important; 
	/* border-top: none !important; */
}

.table thead th {
	vertical-align: top;
}
.table p {
	margin-bottom:0px !important; 
}


.table.schnuppertable > :not(caption) > * > * {
	padding: .6rem 0rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.schnuppertable {
	border-top: 1px solid rgb(222, 226, 230);
}

.schnuppertable td:last-of-type {
	text-align:right;
}

.schnuppertable td {
	vertical-align:middle;
}





/*******************************************************************************/
/* BOOTSTRAP CARDS  */
/******************************************************************************/

.card-body p, .card-body h4 {
	color:#111 !important; 
}




/*******************************************************************************/
/* BOOTSTRAP MODAL WINDOW   */
/******************************************************************************/
body.modal-open {
    overflow: auto;
}
.modal-backdrop {
   background-color: #4d4d4d !important;
}

.modal-backdrop.show {
	opacity: .7 !important;
}

.modal-dialog {
  width: auto !important;
  max-width: 1020px !important;
}
.modal-content {
  margin: auto !important;
  height: fit-content !important;
}
.modal-body {
	padding: 25px 25px 20px 25px !important;
}
.modal-dialog .csc-default::after {
	height: 0px !important;
}
.modal-footer {
	border-top: none !important;
	padding: 0px 20px 20px;
}
.modal-dialog p {
	line-height:130% !important;
	margin-bottom:18px !important;
}
.modal-dialog h2 {
 /*  color: #FFA602 !important;   */
}
.modal-dialog a {
	color:#09410f !important;
	text-decoration:underline;
}
.modal-dialog a:hover {
	color:#489552 !important;
}
.modal-dialog button.close {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 2000;
}

.modal-header {
	border-bottom: none!important;
    padding: 0px 1rem;
}

.btn-close {
	top: 20px;
	position: absolute;
	right: 20px;
	z-index: 100;
}




/*******************************************************************************/
/* BOOTSTRAP BUTTONS  */
/******************************************************************************/

.btn-color-1 {
    background-color:#C34F5A;
    color:#fff;
}

.btn-color-1:hover {
    color:#F9AA16 !important;
}




  

/*******************************************************************************/
/* BOOTSTRAP HELPERS   */
/******************************************************************************/
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}


.vertical-center {
	align-items: center;
	display:flex;
}

.halign-right {
	text-align:right
}




/*******************************************************************************/
/* RESET BOOTSTRAP GUTTER   */
/******************************************************************************/
.row {
	margin-bottom:var(--bs-gutter-y);
}

.g-0, .gy-0 {
	--bs-gutter-y: 0.00001px;
  }
 .g-0, .gx-0 {
	--bs-gutter-x: 0.00001px;
 }

.g-1,
.gx-1 {
    --bs-gutter-x: 0.5rem;
}
.g-1,
.gy-1 {
    --bs-gutter-y: 0.5rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 1rem;
}
.g-2,
.gy-2 {
    --bs-gutter-y: 1rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 2rem;
}
.g-3,
.gy-3 {
    --bs-gutter-y: 2rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 4rem;
}
.g-4,
.gy-4 {
    --bs-gutter-y: 4rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 8rem;
}
.g-5,
.gy-5 {
    --bs-gutter-y: 8rem;
}

.g-6,
.gx-6 {
    --bs-gutter-x: 12rem;
}
.g-6,
.gy-6 {
    --bs-gutter-y: 12rem;
}

.g-7,
.gx-7 {
    --bs-gutter-x: 18rem;
}
.g-7,
.gy-7 {
    --bs-gutter-y: 18rem;
}



/*******************************************************************************/
/* FULLSCREEN SPLIT   */
/******************************************************************************/
.fullscreen-split {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0px;
	padding-right: 0px;
}

.fsc-2 > div {
	max-width:calc(((100vw / 12 * 2) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-3 > div {
	max-width:calc(((100vw / 12 * 3) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc4 > div {
	max-width:calc(((100vw / 12 * 4) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-5 > div {
	max-width:calc(((100vw / 12 * 5) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-6 > div {
	max-width:calc(((100vw / 12 * 6) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-7 > div {
	max-width:calc(((100vw / 12 * 7) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}  

.fsc-8 > div {
	max-width:calc(((100vw / 12 * 8) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-9 > div {
	max-width:calc(((100vw / 12 * 9) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-10 > div {
	max-width:calc(((100vw / 12 * 10) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-re > div {
	/* padding-right:calc(var(--bs-gutter-x) /2); */
	padding-right:0.75rem;
}

.fsc-li > div {
	margin-left: auto;  /* float right */
	/* padding-left:calc(var(--bs-gutter-x) /2); */
	padding-left:0.75rem;
}

/* Grid 5 Columns */
@media screen and (min-width: 1200px) { 
	.col-xl-s5 {
		flex: 0 0 auto;
		width: 20%;
	}
}


@media screen and (max-width: 767px) { 
	
	/* Container */ 
	.container .row {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}

	.container .row > div[class*="col-"]  {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	
	/*no Container */
	.no-container .row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.no-container .row > div[class*="col-"]  {
		padding-right: 0px;
		padding-left: 0px;
	}


	/* Fullscreen Split */
	.fullscreen-split .row  {
		margin-right: 0px;
		margin-left: 0px;
	}

	.fullscreen-split .row > div[class*="col-"] {
		padding-right: 0px;
		padding-left: 0px;
	}

	.fullscreen-split .row .fsc-re,
	.fullscreen-split .row .fsc-li  {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.fsc-re > div {
		padding-right: 0;
	}

	.fsc-li > div {
		padding-left: 0;
	}

	
		
	.g-1,
	.gx-1 {
		--bs-gutter-x: 0.5rem;
	}
	.g-1,
	.gy-1 {
		--bs-gutter-y: 0.5rem;
	}

	.g-2,
	.gx-2 {
		--bs-gutter-x: 1.25rem;
	}
	.g-2,
	.gy-2 {
		--bs-gutter-y: 1.25rem;
	}

	.g-3,
	.gx-3 {
		--bs-gutter-x:1.25rem;
	}
	.g-3,
	.gy-3 {
		--bs-gutter-y: 1.25rem;
	}

	.g-4,
	.gx-4 {
		--bs-gutter-x: 1.25rem;
	}
	.g-4,
	.gy-4 {
		--bs-gutter-y: 1.25rem;
	}

	.g-5,
	.gx-5 {
		--bs-gutter-x:1.25rem;
	}
	.g-5,
	.gy-5 {
		--bs-gutter-y:1.25rem;
	}

	.g-6,
	.gx-6 {
		--bs-gutter-x:1.25rem;
	}
	.g-6,
	.gy-6 {
		--bs-gutter-y:1.25rem;
	}

	.g-7,
	.gx-7 {
		--bs-gutter-x:1.25rem;
	}
	.g-7,
	.gy-7 {
		--bs-gutter-y:1.25rem;
	}

		
}



