:root { 
 --genier-color-1: #eb4623;
 --genier-navbar-1: #272727; 
  --fs-ballon-height: 128px;
    --fs-bg-color: rgba(255, 255, 255, 1);
    --fs-font-color: rgba(22, 22, 22, 1);
    --fs-border-color: rgba(206, 206, 206, 1);
	
	--fs-font-family: SimplonNorm-Regular, sans-serif;
    --fs-color: #171717;
	
	--bs-nav-link-color: #eb4623;
	--bs-link-hover-color:  darkgray; 
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #eb4623;;
	
	
}
.genier-invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #eb4623;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.genier-button-list {
	text-align: left;    background-color: #f6f6f6;    color: black;    border-color: #f6f6f6;    font-weight: 500;
}

.float-right {
	float:right; 
}
.accordion-button {
text-align: left;    background-color: #f6f6f6;    color: black;    border-color: #f6f6f6;    font-weight: 500;
}
.accordion 
{
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--fs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--genier-color-1);
    /* --bs-accordion-active-bg: var(--bs-primary-bg-subtle); */
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
	background-color: #f6f6f6; 
    /* box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
}

 .accordion-button:focus {
    z-index: 3;
    outline: 0;
       box-shadow: var(--bs-accordion-btn-focus-box-shadowX);
}
.card-body-no-padding {
    flex: 1 1 auto;
    /*padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    padding-top: ;
    padding-right: ;
    padding-bottom: ;
    padding-left: ;*/
    color: var(--bs-card-color);
}
 /* Styles for printing */
@media print {
  body * {
    visibility: hidden; /* Hide everything by default */
  }
 
  #printableArea, #printableArea * {
    visibility: visible;  /*Make the content and its children visible */
 
  }
  #printableArea {
    position: absolute; /* Needed for positioning */
    left: 0;
    top: 0;
  }
    #print-button{
        display: none;
    }
	
}
.print-only { display: none; }

.keskita {
	/*margin-left: auto;
	margin-right: auto;*/
	margin-left: 1%;
	margin-right: 1%;
}

.ylamargin {

margin-top: 120px; 
}

@media only screen and (max-width: 600px) {
.g-wh {
	width: 25px; height:25px;
}
.g-ih {
	border-block: none;    border: 0;    width: 22px;    font-weight: 900;  /*  font-size: large;     text-align: right;*/
}
.g-ih2 {
	border-block: none;    border: 0;    width: 22px;    font-weight: 900;  /*  font-size: large;     text-align: right;*/
}
.g-st {
	background: ##D9D9D9; align-items: center;   margin-top: 6px;
}
.g-ml20 {
	margin-left:5px; 
}
.card {
    --bs-card-spacer-y: 0rem;
	    --bs-card-spacer-x: 0rem;
}
.g-p000 {
padding: 0 0 0 0 ;
}
}
@media only screen and (min-width: 600px) {
.g-wh {
	width: 25px; height:25px;
}
.g-ih {
	border-block: none;    border: 0;    width: 35px;    font-weight: 900;    font-size: large;     text-align: right;
}
.g-ih2 {
	border-block: none;    border: 0;    width: 35px;    font-weight: 900;    font-size: large;     text-align: right;
}
.g-st {
	background: ##D9D9D9; align-items: center;   margin-top: 6px;
}
.g-ml20 {
	margin-left:20px; 
}
.g-h-50{
height:50%;
}
}