/*
This file is based on the ploneCustom.css.dtml shipped with Plone.


 (do not remove this)
 (not this either)
*/

.ui-tabs-nav.ui-widget-header {
    border: 1px #dfdfdf solid !important;
    background: #eee !important;
    margin: 0 !important;
    padding: 5px 5px 0 5px !important;
}

.ui-tabs-nav li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

.ui-tabs-nav li a {
    margin: 0 !important;
    display: block;
    color: #424242;
    border: 1px #dfdfdf solid;
    border-bottom: 0;
    background-color: #eaeaea;
    text-align: center;
}

#content .ui-tabs-nav li a {
    color: #424242;
}

#content .ui-tabs-nav li a:hover {
    text-decoration: none;
}

#content .ui-tabs-nav li.ui-tabs-active a {
    color: #0098e5;
    background-color: white;
}

.accordion-container {
    margin: 8px 0px 8px 0px;
}

.ui-accordion .ui-accordion-content {
    overflow: visible;
}

.ui-accordion .contentViews,
.ui-accordion .contentActions {
    display: none;
}

.ui-accordion .documentEditable #region-content {
    border: 0;
}

.ui-widget-content {
    background-image: none;
    background-color: #f9f9f9;
}

.ui-widget-content .ui-widget-content {
    background: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: default;
}

.ui-accordion-header.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #5c5c5c;
    border: 1px #ddd solid;
    background-image: none;
    background-color: #eeeeee;
    outline: none;
    transition: 0.33s;
}

.ui-accordion-header.ui-state-hover {
    color: #424242;
    background-color: #ddd;
}

.ui-accordion-header.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: white;
    border: 1px #737373 solid;
    background-image: none;
    background-color: #737373;
    /* background-image: linear-gradient(to bottom, #D9D9D9, #FFFFFF, #FFFFFF); */
    outline: none;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/*  */

/* Latest version of the documentation on pre-defined properties from Plone
can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */