section.section-body {
    width: 100%;
    display: none;
    border-top: 1px solid #ddd;
}

.matrix-options-template input.tab {
    display: none
}

.matrix-options-template label.tab {
    color: #666;
    font-weight: 600;
    position: relative;
    text-align: center;
    padding: 15px 25px;
    display: inline-block;
    border: 1px solid transparent
}

.matrix-options-template label.tab:hover {
    color: #595959;
    cursor: pointer
}

.matrix-options-template input:checked+label.tab {
    color: #666;
    border: 1px solid #ddd;
    border-top: 2px solid #3f98e1
}

.matrix-options-template input:checked+label.tab:after {
    content: '';
    left: 0;
    width: 100%;
    height: 4px;
    bottom: -2px;
    z-index: 10;
    position: absolute;
    background-color: #fff
}

.matrix-options-template input:first-of-type:checked+label.tab {
    border-left: 0
}

[id^=tab1-]:checked~#content1,[id^=tab2-]:checked~#content2,[id^=tab3-]:checked~#content3,[id^=tab4-]:checked~#content4,[id^=tab5-]:checked~#content5,[id^=tab6-]:checked~#content6,[id^=tab7-]:checked~#content7,[id^=tab8-]:checked~#content8,[id^=tab9-]:checked~#content9,[id^=tab10-]:checked~#content10,[id^=tab11-]:checked~#content11,[id^=tab12-]:checked~#content12,[id^=tab13-]:checked~#content13,[id^=tab14-]:checked~#content14 {
    opacity: 1;
    display: block;
    min-height: 4em;
    visibility: visible;
    animation: fade 1s
}

@media screen and (max-width: 650px) {
    .matrix-options-template label {
        font-size:0
    }

    .matrix-options-template label:before {
        margin: 0;
        font-size: 18px
    }
}

@media screen and (max-width: 400px) {
    .matrix-options-template label {
        padding:15px
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

body.editMode .matrix-options-template .visible-admin {
    display: none
}

body:not(.editMode) .matrix-options-template .visible-edit {
    display: none
}

.matrix-options-template * {
    box-sizing: border-box
}

.matrix-options-template {
    color: #666;
    overflow: hidden;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    font-size: 12px
}

.matrix-options-template.section-split {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.matrix-options-template.section-split .section-body {
    width: 49%;
    border-top: 0;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.matrix-options-template.section-split .section-body:first-child {
    border-right: 1px solid #ddd;
    border-bottom-right-radius: 5px
}

.matrix-options-template.section-split .section-body:last-child {
    border-left: 1px solid #ddd;
    border-bottom-left-radius: 5px
}

.matrix-options-template .form-group {
    width: 100%;
    height: auto;
    position: relative;
    padding: 1em;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
    transition: background-color .25s ease;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center
}

.matrix-options-template .form-group:last-child {
    border-bottom: 0
}

.matrix-options-template .form-group:hover {
    background-color: #fff;
    transition: background-color .25s ease
}

.matrix-options-template .form-group label {
    width: 100%;
    display: block;
    font-weight: 700;
    margin-right: .5em;
    margin-bottom: .5em
}

.matrix-options-template .form-group label.required:after {
    content: '*';
    color: #c12525;
    position: absolute;
    font-weight: lighter
}

.matrix-options-template .form-group ul {
    margin: 0;
    list-style: none
}

.matrix-options-template .form-group ul li {
    display: flex;
    display: -ms-flexbox
}

.matrix-options-template .form-group ul label {
    margin: 0 0 0 .5em
}

.matrix-options-template .form-group input[type=radio],.matrix-options-template .form-group input[type=checkbox] {
    margin: 2px 2px 0
}

.matrix-options-template .form-group .sq-metadata-date-wrapper .sq-inline-fields-wrapper {
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.matrix-options-template .form-group .sq-metadata-date-wrapper .sq-inline-fields-wrapper b {
    width: auto !important;
    margin-right: .25em
}

.matrix-options-template .form-group .sq-metadata-date-wrapper .sq-inline-fields-wrapper select {
    width: auto;
    min-width: 5em
}

.matrix-options-template .form-group .sq-metadata-date-wrapper .sq-inline-fields-wrapper input[type=text] {
    width: auto;
    min-width: 5em
}

.matrix-options-template .form-group.form-group-inline>label {
    width: auto;
    max-width: 40%
}

.matrix-options-template .form-group.form-group-inline select,.matrix-options-template .form-group.form-group-inline input[type=tel],.matrix-options-template .form-group.form-group-inline input[type=url],.matrix-options-template .form-group.form-group-inline input[type=text],.matrix-options-template .form-group.form-group-inline input[type=email],.matrix-options-template .form-group.form-group-inline input[type=number],.matrix-options-template .form-group.form-group-inline input[type=password] {
    width: auto
}

.matrix-options-template .form-group select,.matrix-options-template .form-group textarea,.matrix-options-template .form-group input[type=tel],.matrix-options-template .form-group input[type=url],.matrix-options-template .form-group input[type=text],.matrix-options-template .form-group input[type=email],.matrix-options-template .form-group input[type=number],.matrix-options-template .form-group input[type=password] {
    width: 48%;
    color: #666;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 2.5em;
    padding: .5em;
    min-width: 10em;
    margin-right: .5em;
    margin-bottom: .25em
}

.matrix-options-template .form-group textarea {
    width: 100%;
    height: auto;
    min-width: 35em
}

.matrix-options-template .form-group select[disabled=disabled] {
    cursor: not-allowed;
    background-color: #e1e1e1
}

.matrix-options-template .form-group input:read-only {
    cursor: not-allowed;
    background-color: #e1e1e1
}

.matrix-options-template .form-group .plus input[type=tel],.matrix-options-template .form-group .plus input[type=url],.matrix-options-template .form-group .plus input[type=text],.matrix-options-template .form-group .plus input[type=email],.matrix-options-template .form-group .plus input[type=number],.matrix-options-template .form-group .plus input[type=password] {
    box-shadow: none;
    padding: .3em .75em;
    border: 1px solid #ddd;
    border-radius: 3px
}

.matrix-options-template .form-header {
    background-color: #ededed
}

.matrix-options-template .form-header h4 {
    margin: 0;
    padding: 1em
}

.matrix-options-template .form-header .form-group {
    background-color: #ededed
}

.matrix-options-template .form-header label {
    margin-bottom: 0
}

.matrix-options-template .form-row {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-align: start;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd
}

.matrix-options-template .form-row .form-group {
    border-bottom: 0
}

.matrix-options-template .form-row .form-group select,.matrix-options-template .form-row .form-group input[type=text] {
    width: 100%
}

.matrix-options-template .form-row .form-group label {
    min-width: 6em
}

.matrix-options-template .form-section {
    width: 100%;
    position: relative;
    margin: 2.5em .5em .5em;
    border-radius: 5px;
    border: 1px solid #ddd
}

.matrix-options-template .form-section:after {
    content: attr(data-title);
    left: .5em;
    top: -1.5em;
    height: 1em;
    font-size: 16px;
    font-weight: 600;
    position: absolute
}

.matrix-options-template .form-section .form-row:last-child {
    border-bottom: 0
}

.matrix-options-template .form-section .form-group:first-child {
    border-color: #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.matrix-options-template .form-section .form-group:last-child {
    border-color: #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.matrix-options-template .form-section .form-row:first-child .form-group:first-child {
    border-color: #ddd;
    border-top-left-radius: 5px
}

.matrix-options-template .form-section .form-row:first-child .form-group:last-child {
    border-color: #ddd;
    border-top-right-radius: 5px
}

.matrix-options-template .form-section .form-row:last-child .form-group:first-child {
    border-color: #ddd;
    border-bottom-left-radius: 5px
}

.matrix-options-template .form-section .form-row:last-child .form-group:last-child {
    border-color: #ddd;
    border-bottom-right-radius: 5px
}

.matrix-options-template .read-only-section {
    width: 100%;
    padding: .75rem;
    position: relative
}

.matrix-options-template .read-only-section ol,.matrix-options-template .read-only-section ul {
    margin-top: .5rem;
    padding-left: 1.25rem
}

.matrix-options-template .read-only-section h4 {
    font-size: 1rem
}

.matrix-options-template .read-only-section h5 {
    font-size: .9rem
}

.matrix-options-template .help-text {
    padding: 0;
    width: 100%;
    font-size: 90%;
    display: block;
    color: #999
}

.matrix-options-template .sq-metadata-char-limit {
    width: 100%
}

.matrix-options-template .sq-metadata-description,.matrix-options-template .sq-metadata-date-wrapper,.matrix-options-template .sq-metadata-thesaurus-wrapper,.matrix-options-template .sq-metadata-multitext-wrapper,.matrix-options-template .sq-metadata-multitext-wrapper,.matrix-options-template .sq-metadata-char-limit {
    padding-left: 0;
    font-style: normal
}

.matrix-options-template .form-group div[id*=_metadata_field_related_asset_] {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    margin-bottom: .5em;
    float: none !important
}

.matrix-options-template .form-group div[id*=_metadata_field_related_asset_] ul {
    margin: 0;
    list-style: none
}

.matrix-options-template .form-group .sq-multiple-asset-finder-wrapper {
    width: 100%;
    min-width: 660px
}

.matrix-options-template .form-group .sq-multiple-asset-finder-wrapper input[type=text] {
    width: 30%
}

.matrix-options-template .form-group .sq-multiple-asset-finder-wrapper input[type=button] {
    /*width: 10%;*/
    margin-bottom: .5em
}

.matrix-options-template .relatedMetadata.fieldContainer {
    width: auto
}

.matrix-options-template .ees_assetPicker .descriptionText {
    width: auto;
    max-width: calc(285px - 25%)
}

.matrix-options-template .ees_assetPicker .assetDescription {
    max-width: 285px
}

.matrix-options-template .ees_assetPicker .assetIcon {
    width: 90%
}

.matrix-options-template .ees_assetPicker .assetIcon.image {
    background-position: 0 0
}

.matrix-options-template .form-group .ui-sortable {
    width: 100%
}

.matrix-options-template .sq-metadata-wysiwyg-edit-wrapper {
    width: 100%
}

.matrix-options-template .ees_assetPicker .assetDescriptionWrap {
    height: 30px
}

.matrix-options-template .guiButton {
    height: 30px
}

.matrix-options-template .sq-wysiwyg-preview-wrapper,.matrix-options-template .with-viper {
    background-color: #fff
}

.matrix-options-template .section-body .form-section {
    width: auto
}

.plus .matrix-options-template .sq-metadata-wysiwyg-edit-wrapper {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px
}

.plus .matrix-options-template .sq-wysiwyg-preview-wrapper.htmlarea-div,.plus .matrix-options-template .content_type_wysiwyg .bodycopy_content {
    padding: 10px
}

.plus .matrix-options-template .sq-metadata-multitext-wrapper.multipleText {
    width: 100%
}

.plus .matrix-options-template .ees_directChildrenList.ui-sortable .child {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center
}

.plus .matrix-options-template .ees_directChildrenList.ui-sortable .assetDeleteOption {
    top: 0;
    margin: 0
}

.plus .matrix-options-template .ees_directChildrenList.ui-sortable .dragIcon {
    top: 0;
    margin: 0
}

.plus .matrix-options-template .ees_directChildrenList.ui-sortable input[type=text] {
    width: 90%
}

.form-group[data-multi="2"] .ees_directChildrenList.ui-sortable .child:nth-child(n+3) {
    display: none !important
}

.form-group[data-multi="3"] .ees_directChildrenList.ui-sortable .child:nth-child(n+4) {
    display: none !important
}

.form-group[data-multi="4"] .ees_directChildrenList.ui-sortable .child:nth-child(n+5) {
    display: none !important
}

.form-group[data-multi="5"] .ees_directChildrenList.ui-sortable .child:nth-child(n+6) {
    display: none !important
}

.matrix-options-template .form-toggle {
    margin: 1%;
    border: solid #ddd 1px;
    width: 98%;
    border-radius: 5px
}

.matrix-options-template .form-toggle .section-heading {
    display: flex;
    cursor: pointer;
    padding: .5em 2em;
    align-items: center;
    justify-content: space-between;
    background-color: #e1e1e1
}

.matrix-options-template .form-toggle .section-heading p {
    margin: 0;
    position: relative;
    padding-left: 1.5em
}

.matrix-options-template .form-toggle .section-heading p:before {
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    position: absolute;
    background-position: 0 12px
}

.matrix-options-template .form-toggle .section-heading.open p:before {
    background-position: 0 0
}

.matrix-options-template .form-toggle-btn {
    color: #404040;
    min-width: 130px;
    padding: 8px 25px;
    border-radius: 3px;
    background-color: #efefef;
    border: 1px solid #b3b3b3;
    box-shadow: inset 0 1px 0 0 #fff
}

body.editMode .matrix-options-template .form-toggle .form-toggle-body {
    display: none
}