/* accordion */

.accordion-container {
display: flex;
flex-direction: column;
padding: 0px 0px 0px 0px;
margin: 15px 0px 3px 0px;
}

.accordion-title {
position: relative;
display: block;
width: 100%;
color: #fff;
background-color: #696969;
border-width: 1px;
border-style: solid;
border-color: #696969;
text-align: center;
margin: 0px 0px 0px 0px;
text-decoration: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}

.accordion-container.accordion-closed > .accordion-heading > .accordion-title.active {
background-image: url("../images/icon-accordion-down.png");
background-position: right;
background-repeat: no-repeat;
background-size: 40px;
}

.accordion-container.promote-to-modal.accordion-closed > .accordion-heading > .accordion-title.active {
background-image: url("../images/icon-accordion-right.png");
}

.accordion-title.active:hover  {
background-color: #838383;
border-color: #838383;
}

.accordion-title.disabled {
cursor: default;
border-radius: 5px 5px 0px 0px;
}

.accordion-title.disabled:hover  {
background-color: #696969;
}

.accordion-title.disabled.close {
border-radius: 5px;
}

.accordion-container.accordion-open > .accordion-heading > .accordion-title.active {
background-image: url("../images/icon-accordion-up.png");
background-position: right;
background-repeat: no-repeat;
background-size: 40px;
border-radius: 5px 5px 0px 0px;
}

.accordion-heading + .accordion-content .accordion-title {
opacity: 0.8;
}

.accordion-title span {
display: block;
color: #fff;
font-size: 18px;
padding: 10px 40px 10px 40px;
}

.accordion-title.disabled span {
padding: 10px 10px 10px 10px;
}

.accordion-content {
display: none;
padding: 15px;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #a3a3a3;
margin: 0;
}

.accordion-container.no-padding .accordion-content {
padding: 0px;
}

.accordion-container > .accordion-content {
border-radius: 0px 0px 5px 5px;
flex-grow: 1;
}

.accordion-content > table.tablesorter {
margin: 0px;
}

.accordion-container.accordion-open > .accordion-content {
display: block;
}

.accordion-container.accordion-closed > .accordion-content {
display: none;
}

a.accordion-style {
position: relative;
display: block;
width: 100%;
color: #fff;
background-color: #696969;
border-radius: 5px;
text-align: center;
text-decoration: none;
margin: 15px 0px 10px 0px;
}

a.accordion-style:hover {
background-color: #838383;
}

a.accordion-style span {
display: block;
color: #fff;
font-size: 18px;
padding: 13px 40px 13px 40px;
}

form.accordion-style {
display: inline;
width: 100%;
}

form.accordion-style input[type=submit] {
display: block;
width: 100%;
color: #fff;
background-color: #696969;
border-radius: 5px;
text-align: center;
text-decoration: none;
margin: 15px 0px 10px 0px;
font-size: 18px;
padding: 13px 40px 13px 40px;
-webkit-appearance: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

form.accordion-style input[type=submit]:hover {
background-color: #838383;
color: #fff;
}

/* accordion changes to jquery-ui */
/* hopefully nobody will mind... */

body > .ui-widget-overlay {
opacity: 0.80;
}