#tabs {
    max-width: 960px
}

.ui-tabs-nav {
    border-bottom: solid 1px #CCC;
    margin-bottom: 0;
}

.ui-tabs-nav li {
    display: inline;
    margin: 0 5px;
}

.ui-tabs-nav a {
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    font-weight: 300;
    color: #444;
    padding: 10px;
    border: solid 1px #CCC;
    border-width: 1px 1px 0;
    display: inline-block;
}

.ui-tabs-active a {
    padding-bottom: 11px;
    margin-bottom: -1px;
    z-index: 3;
    background: #f1f1f1;
}

.ui-tabs-panel {
    padding: 10px;
    border: solid 1px #CCC;
    border-width: 0;
}

.clear {
    clear: both
}

.option {
    padding: 10px;
    margin: 0 -10px;
}

.separator {
    line-height: 0;
    font-size: 24px;
    font-weight: 100;
    color: #CCC;
    letter-spacing: -3px;
}

#helium_theme_options .option:nth-child(2n) {
    background: #f1f2f5;
}

#helium-options-footer {
    padding: 10px;
    background: red;
    margin: 10px -10px -10px;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.options-status {
    line-height: 46px !important;
    display: none;
    font-weight: lighter;
    font-size: 24px;
    text-transform: capitalize;
}

.options-status:before {
    font-family: dashicons;
    font-size: 46px;
    line-height: 1em;
    float: left;
    margin-right: 5px
}

#options-changed {
    color: orange;
}

#options-changed:before {
    content: "\f534";
}

#options-saved,
#can-write {
    color: green;
}

#options-saved:before,
#can-write:before {
    content: "\f147";
}

#options-save-error,
#can-not-write {
    color: red;
}

#options-save-error:before,
#can-not-write:before {

    content: "\f158";
}

.about {
    font-size: 16px;
    line-height: 26px;
    color: #444;
}

/*.about h2:before {content: "\f487";font-family: dashicons;color:rgb(0, 122, 255);padding-right: 10px}*/
.about h2 {
margin-bottom: 10px;
    font-weight: 400;
}

/**/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}