.application_element{
	/*display: none;*/
    background-color: #F7F5F6;
    padding: 30px;
    margin-bottom: 30px;
}
.application_element::after{
    content: '';
    display: table;
    clear: both;
}


/* Styling FL */

select.application_dropdown {
    width: 100%;
    border: solid 1px #ccc;
    padding: 5px 8px;
    max-width:22rem;
}

.application_radios {
    margin-top: 35px;
}

.application_radios > div {
    margin:0 0 5px 0;
}

.application_radios input {
    margin-right: 10px;
}

.application_radios input {
    margin-right: 10px;
    -webkit-appearance:none;
    border:1px solid #d6d6d6;
    border-radius:1px;
    background:#fff;
    width:16px;
    height:16px;
    border-radius:50%;
    margin: 0 15px 0 0;
    position:relative;
    top:3px;
}
.application_radios input:checked {
    background:#fff url("../../Images/sprite.svg") 4px -596px;
}
.application_radios:not(:has(input:checked)) .application_reset{
  display: none
}

.frame-layout-600 {
    padding: 30px;
    /*background-color: #F7F5F6;*/
    margin:0 0 2rem 0;
}
.frame-layout-600 > .grid-row > .grid-col {
    max-width:calc(100% - 2rem);
    width:100%;
}
.frame-layout-600 > .grid-row > .grid-col .frame-type-image {
    width:320px;
    margin:0 4rem 0 0;
    float:left;
}
.frame-layout-600 > .grid-row > .grid-col .frame-type-text {
    width:calc(100% - 320px - 4rem);
    float:left;
}

.application_element img {
    width: 20em;
    float: left;
    margin-right: 5%;
}
.application_element .accordion-wrapper img {
    width:auto;
}

.application_element strong {
    font-weight: normal;
    font-size: 1.45rem;
    color: #565657;
    display: inline-block;
    margin-top: 20px;
}

.application_element .accordion-wrapper {
    border: 1px solid lightgray;
    float: left;
    width: 100%;
    background-color: white;
    margin-top: 2em;
    margin-bottom: 0;
}

.application_element .accordion-wrapper .ui-accordion-content {
    border-top: 1px solid lightgray;
    padding:1.5em;
}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic:first-child {
    width:calc(340px + 5%);
    max-width:100%;
    float:left;
}
.application_element .accordion-wrapper .ui-accordion-content .frame-type-text:nth-child(2) {
    width:calc(100% - 340px - 5%);
    float:left;
}

.application_element .accordion-wrapper h3 {
    display: block;
    background-color: #fff;
    font-size: 17px;
    color: #3d3d3d;
    margin: 0.5em 1.5em;
    line-height: 32px;
    text-transform: uppercase;
}

.application_element .accordion-wrapper h3 span.ui-icon-triangle-1-e{
    background-image: url(../../Images/triangle.svg);
    float: right;
    margin-top: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.application_element .accordion-wrapper h3 span.ui-icon-triangle-1-s{
    background-image: url(../../Images/triangle.svg);
    float: right;
    margin-top: 12px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

table

.application_element .accordion-wrapper .ui-accordion-content img {
    padding: 0;
}

.application_element .accordion-wrapper .ui-accordion-content table.contenttable {
	margin-bottom:0;
}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-text{
    padding: 1em 0;
}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-text h4{
    font-size: 1rem;
}
/*
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic .ce-bodytext p:last-child {
	display:none;
}
*/

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic th {text-align: center;}
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic td {text-align: center;}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic thead tr th{
    padding-top: 1em;
    padding-bottom: 0;
    color: white;
    font-weight: normal;
    white-space: nowrap;
    background-color: #008ad2;
    border-color: white;
    border-bottom: none;
}
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1){
    background-color: #008ad2;
    color: white;

}
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td{ border-color: white; border-top: none; padding-top: 0; }

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(1){ border-left: 1px solid #bdbdbd; }
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(11){ border-right: 1px solid #bdbdbd; }

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(4),
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(5),
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(6),
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(7),
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(8),
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(9) {
    font-size: 0.8em;
    vertical-align: middle;
}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(5){
    border-left: hidden;
    border-right: hidden;
}
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(1) td:nth-child(8){
    border-left: hidden;
    border-right: hidden;
}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic tbody tr:nth-child(even){background-color: #fbfbfb;}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic thead{background-color: #f7f5f6;}

.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic thead tr th:first-child{border-left: 1px solid lightgray;}
.application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic thead tr th:last-child{border-right: 1px solid lightgray;}

.application_element .accordion-wrapper .ui-state-focus { outline: none; }


@media (max-width:80rem) {
    .application_element .accordion-wrapper .ui-accordion-content .ce-bodytext {
        overflow:auto;
        width:100%;
    }
}

@media (max-width:64rem) {
    /*
    .frame-layout-0 .grid-col-3,
    .frame-layout-0 .grid-col-9 {
        flex-basis:calc(100% - 2rem);
        width:calc(100% - 2rem);
        margin-left:0;
        margin-right:0;
    }
    */
    .frame-layout-600 > .grid-row > .grid-col .frame-type-image {
        width:100%;
        margin:0 0 1rem 0;
    }
    .frame-layout-600 > .grid-row > .grid-col .frame-type-text {
        width:100%;
    }
    .application_element .frame-type-text,
    .application_element .accordion-wrapper .ui-accordion-content .frame-type-text {
        width:100%;
        float:left;
    }
}

@media (max-width:48rem) {
    .application_element .accordion-wrapper img {
        margin-right:0;
        width:100%;
    }
    .application_element .accordion-wrapper .ui-accordion-content .frame-type-text:nth-child(1),
    .application_element .accordion-wrapper .ui-accordion-content .frame-type-text:nth-child(2) {
        width:100%;
    }
}

@media (max-width:32rem) {
    .application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic th,
    .application_element .accordion-wrapper .ui-accordion-content .frame-type-textpic td {
        font-size:0.8rem;
    }
}




/*Scroll to top*/

#scroll-top{
    position: fixed;
    bottom: 1rem;
    left: 70px;
    background: #008ad2;
    width: 40px;
    height: 40px;
    display: flex;
    visibility: hidden;
    opacity: 0;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: opacity .25s ease,visibility .25s ease;
}
#scroll-top svg{
    fill: #fff;
    width: 20px;
    height: 20px;
}

#scroll-top.show{
    visibility: visible;
    opacity: 1;
}
