.ui-accordion {
    color: #4d4d4d;
    margin: 15px 0;
}

@media screen and (min-width: 600px) {
    .ui-accordion {
        margin: 10px 0;
    }
}

.ui-widget-content {
    color: #4d4d4d;
    border-radius: 0;
    border-color: #f8f8f8;
}

.ui-accordion .ui-accordion-header {
    border-radius: 0;
    border: 0;
    padding: 15px;
}

.ui-accordion .ui-accordion-content {
    padding: 10px 20px;
}

@media screen and (min-width: 600px) {
    .ui-accordion .ui-accordion-content {
        padding: 20px 30px;
    }
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background-color: #f8f8f8;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-active span {
    background-color: #f8f8f8;
    color: #000;
}

.ui-accordion-header .ui-accordion-header-icon  {
    display: none;
}

.ui-accordion-header-active .ui-accordion-header-icon  {
    background-image: url(../media/1046/close.png?v=1);
    background-position: center;
    background-repeat: no-repeat;
    right: 15px;
    position: absolute;
    top: 19px;
    display: block;
}

.ui-accordion-header-collapsed .ui-accordion-header-icon  {
    background-image: url(../media/1047/open.png?v=1);
    background-position: center;
    background-repeat: no-repeat;
    right: 15px;
    position: absolute;
    display: block;
    top: 19px;
}
