@media (min-width: 767px) {

    .collapsing {
        transition: height 0.01s;
    }
}

/* Part for faq.ftl
should be moved to faq.css after */

button.list-group-item.panel-title {
    border-color: #e39a10;
    background-color: #e39a10;
    color: white;
}

button.list-group-item.panel-title.collapsed {
    border-color: #8a8778;
    background-color: #8a8778;
    color: white;
}

/* Part for faq.ftl
should be moved to faq.css after */

/*
 *FAQ
 */
.panel {
    box-shadow: none;
}

.panel-primary {
    border-color: transparent;
    display: flex;

}

.mobile-panel {
    border-color: transparent;
    display: block;

}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

div.panel-heading[aria-expanded=true] {
    background-color: #E49A11;
    border-color: #E49A11;

}

.panel-primary > .panel-heading {
    width: 100%;
    padding-right: 75px;
    position: relative;
    color: white;
    background-color: #898678;
    border-color: #898678;
    border-radius: 0px;

}

.panel-primary > .panel-heading[mobile=true] {
    width: 100%;
    padding-right: 75px;
    position: relative;
    color: white;
    background-color: #898678;
    border-color: #898678;
    border-radius: 0px;

}

.panel-collapse {
    border-color: #E49A11;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    /*border-color: #E49A11E49A11;*/
    border-color: black;

}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    /*border-color: #E49A11E49A11;*/
    border: 0px;
    border: 0px;
}

.panel-heading[data-toggle='collapse'] {
    cursor: pointer;
}

.collapse-indicator {
    position: absolute;
    right: 25px;
    top: 25px;
    transition: transform 200ms;
}

.middle-panel {
    border-color: #d1ccbf;
    border-right-width: 2px;
    border-right-style: solid;
}

.right-panel {
    padding-left: 100px;

}

.left-panel {

}