/* ----------------------------------------------------------
    GLOBAL
----------------------------------------------------------*/

/* RESET! */

#structure-ui div, #structure-ui span,
#structure-ui h1, #structure-ui h2, #structure-ui h3,
#structure-ui h4, #structure-ui h5, #structure-ui h6, #structure-ui p,
#structure-ui a, #structure-ui img, #structure-ui strong,
#structure-ui dl, #structure-ui dt, #structure-ui dd,
#structure-ui ol, #structure-ui ul, #structure-ui li,
#structure-ui fieldset, #structure-ui form, #structure-ui label, #structure-ui legend,
#structure-ui table, #structure-ui caption, #structure-ui tbody,
#structure-ui tfoot, #structure-ui thead, #structure-ui tr, #structure-ui th, #structure-ui td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    background: transparent;
    }

#structure-ui {
    position: relative;
    *zoom: 1;
    }

#mainContent {
    overflow: hidden;
    }

.submit {
    cursor: pointer;
    }
ul.plain {
    margin-top: 0;
    list-style-type: none;
    }

/* ----------------------------------------------------------
    TREE HEADER
----------------------------------------------------------*/

#structure-ui #tree-header {
    height: 40px;
    }

/* tree switcher */
#structure-ui .tree-header-select #tree-switcher {
    float: left;
    display: inline-block;
    }

#structure-ui .tree-header-select #tree-switcher-select-box {
    float: left;
    display: inline-block;
    height: 40px;
    }

#structure-ui #tree-switcher {
    padding-top: 5px;
    text-align: center;
    }

#structure-ui #tree-switcher-select {
    margin-top: 5px;
    }

#structure-ui #tree-switcher li {
    display: inline;
    }

#structure-ui #tree-switcher a {
    font-size: 14px;
    padding: 5px 10px 19px 10px;
    }

#structure-ui #tree-switcher a:link, #structure-ui #tree-switcher a:visited {
    color: #9ea9b1;
    text-decoration: none;
    }

#structure-ui #tree-switcher a:hover {
    color: #5f6c75;
    text-decoration: none;
    }

#structure-ui #tree-switcher-select-box.here,
#structure-ui #tree-switcher li.here a:link,
#structure-ui #tree-switcher li.here a:visited,
#structure-ui #tree-switcher li.here a:hover {
    background: url(../img/tree-switcher-here.png) no-repeat bottom center;
    color: #5f6c75;
    font-weight: bold;
    }

/* tree controls */

#structure-ui #tree-controls {
    position: absolute;
    z-index: 1;
    margin-bottom: 25px;
    right: 0;
    top: -40px;
    }
.ee2 #structure-ui #tree-controls {
    top: -17px;
    }

#structure-ui #tree-controls li {
    /*background: url(../img/btn-bg.png) repeat-x 0 0;*/
    /*border: 1px solid #b5bfc2;*/
    /*-moz-border-radius: 3px;*/
    /*-webkit-border-radius: 3px;*/
    /*border-radius: 3px;*/
    /*-moz-box-shadow: 0px 1px 0px #f9f9f9;*/
    /*-webkit-box-shadow: 0px 1px 0px #f9f9f9;*/
    /*box-shadow: 0px 1px 0px #f9f9f9;*/
    display: block;
    float: left;
    height: 22px;
    margin-left: 4px;
    }

#structure-ui #tree-controls li a {
    display: block;
    padding: 0 10px;
    cursor: pointer;
    line-height: 22px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    /* Color styles - specific to each EE version */
    /* EE3 */
    color: #fff;
    border: 1px solid #4ba508;
    background-color: #4ba508;
    -moz-box-shadow: 0px 1px 0px #f9f9f9;
    -webkit-box-shadow: 0px 1px 0px #f9f9f9;
    box-shadow: 0px 1px 0px #f9f9f9;
    }

#structure-ui #tree-controls li a:hover {
    /*color: #555;*/
    text-decoration: none;
    background-color: #357406;
    }

#structure-ui #tree-controls li a:link, #structure-ui #tree-controls li a:visited {
    color: #fff;
    text-decoration: none;
    }

.ee2.box .tbl-ctrls h1 {
    font-size: 1.3rem;
    }
.ee2 #structure-ui #tree-controls li a {
    color: #5f6c74;
    border-color: #d0d9e1;
    background-color: #d0d9e1;
    }

.ee2 #structure-ui #tree-controls li a:hover {
    color: #fff;
    background-color: #e11842;
    }

#structure-ui #tree-controls li:hover {
    /*border: 1px solid #357406;*/
    }

#structure-ui #tree-controls li a:active {
    color: #000;
    }

.ee6 #structure-ui #tree-controls li a, 
.ee7 #structure-ui #tree-controls li a {

    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 20px!important;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 5px;
    color: var(--ee-button-primary-color);
    border: 1px solid var(--ee-button-primary-border);
    background-color: var(--ee-button-primary-bg);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    .ee6 #structure-ui #tree-controls li a:hover,
    .ee7 #structure-ui #tree-controls li a:hover {
        color: var(--ee-button-primary-color);
        background-color: var(--ee-button-primary-hover-bg);
        border-color: var(--ee-button-primary-hover-border);
    }

/* ----------------------------------------------------------
    TREE
----------------------------------------------------------*/

.ui-sortable {
    background: url(../img/left-pane.png) repeat-y 0 0;
    }

#structure-ui .hide-alt {
    /*position: absolute;*/
    /*left: -1000em;*/
    display: none;
    }

#structure-ui .page-ui {
    overflow: hidden;
    }

#structure-ui .page-ui,
#structure-ui #structure-assets ul.asset-list {
    background-color: #fff;
    border: 1px solid #b6c0c2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    margin-bottom: 25px;
    }

/* tree items */

#structure-ui .page-ui {
    padding-left: 18px;
    }

#structure-ui .page-ui ul {
    padding-left: 32px;
    }

#structure-ui .page-ui li {
    margin: 0;
    padding: 0;
    position: relative;
    list-style-type: none;
    }

#structure-ui .page-ui li .item-wrapper {
    border-bottom: 1px solid #e3e3e3;
    font-weight: bold !important;
    padding-left: 32px;
    *height: 38px;
    *zoom: 1;
    }

#structure-ui .page-ui li li .item-wrapper {
    font-weight: normal !important;
    }
#structure-ui .page-ui li div.item-inner {
    padding-left: 6px;
    line-height: 38px;
    }

#structure-ui .page-ui li .item-wrapper:hover,
#structure-ui .page-ui li .item-wrapper.hover .page-expand-collapse,
#structure-ui .page-ui li .item-wrapper:hover .page-expand-collapse {
    background-color: #f7f7fb;
    }

#structure-ui .page-ui li .item-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* drag and drop */
#structure-shadow span,
#structure-ui .page-ui .placeholder {
    position: relative;
    z-index: 203;
    display: block;
    height: 39px;
    background: transparent url(../img/page.png) no-repeat 38px 13px;
    color: #E7174B;
    }

/* hacks for IE 7: */
#structure-shadow span {
    background: none;
    *background: transparent url(../img/page.png) no-repeat 0 12px;
    }
#structure-ui .page-ui .ui-sortable-helper .page-handle {
    cursor: row-resize;
    }
#structure-ui .page-ui .ui-sortable-helper .page-handle a {
    visibility: hidden;
    }
/* end hacks for IE 7 */

#structure-ui .page-ui .ui-sortable-helper {
    height: 39px;
    }

#structure-ui .page-ui li.ui-sortable-helper .item-wrapper {
    border-bottom-width: 0;
    background-color: transparent !important;
    }

#structure-shadow {
    /* background-color: transparent;*/
    background-color: #f0f0f0;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #b6c0c2;
    border-right: 1px solid #b6c0c2;
    display: none;
    position: absolute;
    height: 38px;
    z-index: 202;
    }
.ui-sortable-helper ul {
    overflow: hidden;
    }

#structure-overlay {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    cursor: progress;
    background: transparent;
    }

/* expand collapse */

#structure-ui .page-ui li .page-expand-collapse {
    position: absolute;
    width: 40px;
    height: 39px;
    left: 2px;
    top: 0;
    margin-left: -20px;
    border-bottom: 1px solid #e3e3e3;
    }

#structure-ui .page-ui .ui-sortable-helper .page-expand-collapse {
    display: none;
    }

#structure-ui .page-ui li li .page-expand-collapse {
    margin-left: -52px;
    width: 70px;
    }

#structure-ui .page-ui li li li .page-expand-collapse {
    margin-left: -84px;
    width: 100px;
    }

#structure-ui .page-ui li li li li .page-expand-collapse {
    margin-left: -116px;
    width: 130px;
    }

#structure-ui .page-ui li li li li li .page-expand-collapse {
    margin-left: -148px;
    width: 160px;
    }

#structure-ui .page-ui li li li li li li .page-expand-collapse {
    margin-left: -180px;
    width: 190px;
    }

#structure-ui .page-ui li li li li li li li .page-expand-collapse {
    margin-left: -212px;
    width: 220px;
    }
#structure-ui .page-ui li li li li li li li li .page-expand-collapse {
    margin-left: -244px;
    width: 250px;
    }

#structure-ui .page-ui li li li li li li li li li .page-expand-collapse {
    margin-left: -276px;
    width: 280px;
    }
#structure-ui .page-ui li li li li li li li li li li .page-expand-collapse {
    margin-left: -308px;
    width: 310px;
    }

#structure-ui .page-ui .page-expand-collapse a {
    position: absolute;
    display: block;
    margin-top: -1px;
    width: 40px;
    height: 39px;
    border: 1px solid #c8cace;
    border-bottom: 0;
    border-left-width: 0;
    background: #EDEDED url(../img/btn-carrot-collapse-circle.png) no-repeat 0 0;
    text-indent: -9999px;
    }

#structure-ui .page-ui .page-expand-collapse a:active {
    background-position: 0 -39px;
    }

#structure-ui .page-ui .page-expand-collapse a.collapsed {
    background-image: url(../img/btn-carrot-expand-circle.png);
    }

#structure-ui .page-ui .page-expand-collapse a.collapsed:active {
    background-position: 0 -39px;
    }

#structure-ui .page-ui .ec-none a {
    cursor: default;
    background-image: none;
    }

ul.state-collapsed,
ul.state-sorting {
    display: none;
    }

/* page handles */

#structure-ui .page-ui .page-handle {
    display: block;
    float: left;
    height: 100%;
    margin: 0 15px 0 0;
    text-indent: -9999px;
    width: 12px;
    position: relative;
    z-index: 4;
    }

#structure-ui .page-handle a {
    background: url(../img/handle-inactive.png) no-repeat center center;
    display: block;
    height: 100%;
    width: 12px;
    }

#structure-ui .page-handle a:focus,
#structure-ui .page-handle a:active {
    outline: 0;
    border-width: 0;
    }

#structure-ui li ul li .page-handle a {
    background: url(../img/child-bg.png) no-repeat center center;
    }

#structure-ui li div.item-wrapper.hover .drag-handle a,
#structure-ui li div.item-wrapper:hover .drag-handle a {
    background: url(../img/handle.png) no-repeat center center;
    cursor: row-resize;
    }

#structure-ui .page-ui .ui-sortable-helper .page-handle a,
#structure-ui li .ui-sortable-helper div.item-wrapper.hover .page-handle a,
#structure-ui li .ui-sortable-helper div.item-wrapper:hover .page-handle a {
    background-image: none;
    }

/* page titles */

#structure-ui .page-ui .page-title {
    color: #a8a8a8;
    margin: 0 12px 0 0;
    padding: 10px 0 8px 0;
    }

#structure-ui .page-ui .page-title-disabled {
    background: url(../img/icon-lock.png) no-repeat right center;
    padding-right: 12px;
    }

#structure-ui .page-ui .page-title a.hidden-from-nav {
    background: url(../img/icon-lock.png) no-repeat right center;
    padding-right: 12px;
    }

#structure-ui .page-ui .page-title a:link, #structure-ui .page-ui .page-title a:visited {
    color: #666;
    }

/* listings */

#structure-ui .page-ui .page-listing {
    background: url(../img/icon-listing.png) no-repeat 0 0;
    color: #b0b0b0;
    font-weight: normal !important;
    padding: 10px 0 0 16px;
    }

#structure-ui .page-ui .page-listing a:link, #structure-ui .page-ui .page-listing a:visited {
    color: #666;
    }

/* assets */

#structure-ui ul#assets {
    background-color: #fff;
    border: 1px solid #b6c0c2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    margin-bottom: 25px;
    list-style-type: none;
    }

#structure-ui ul#assets li {
    color: #b0b0b0;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
    }

#structure-ui ul#assets li:last-child {
        border-bottom-width: 0;
    }

#structure-ui ul#assets li:hover {
    background-color: #f0f0f0;
    }

#structure-ui ul#assets span.listing-title {
    margin-right: 10px;
    }

#structure-ui #assets .page-listing {
    background: url(../img/icon-listing.png) no-repeat 0 0;
    color: #b0b0b0;
    font-weight: normal !important;
    padding: 10px 0 0 16px;
    }

#structure-ui ul#assets a:link, #structure-ui ul#assets a:visited {
    color: #666;
    }

/* page controls */

#structure-ui .page-ui div.page-controls {
    display: none;
    font-weight: normal !important;
    padding: 7px 8px 0 0;
    line-height: 1.3em;
    position: absolute;
    right: 0;
    top: 0;
    }

#structure-ui .page-ui li div.item-wrapper.hover div.page-controls,
#structure-ui .page-ui li div.item-wrapper:hover div.page-controls {
    display: block;
    }
#structure-ui .page-ui .ui-sortable-helper div.item-wrapper.hover div.page-controls,
#structure-ui .page-ui .ui-sortable-helper div.item-wrapper:hover div.page-controls {
    display: none;
    }

#structure-ui .page-ui div.page-controls span {
    background: url(../img/btn-bg.png) repeat-x 0 0;
    border: 1px solid #b5bfc2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    -moz-box-shadow: 0px 1px 0px #f9f9f9;
    -webkit-box-shadow: 0px 1px 0px #f9f9f9;
    box-shadow: 0px 1px 0px #f9f9f9;
    display: block;
    float: left;
    height: 22px;
    margin-left: 4px;
    }

#structure-ui .page-ui div.page-controls span a {
    display: block;
    height: 100%;
    padding: 4px 10px 0 10px;
    width: 100%;
    }

#structure-ui .page-ui div.page-controls span a:link, #structure-ui .page-ui div.page-controls span a:visited {
    color: #838383;
    text-decoration: none;
    }

#structure-ui .page-ui div.page-controls span a:hover {
    color: #555;
    text-decoration: none;
    }

#structure-ui .page-ui div.page-controls span:hover {
    border: 1px solid #8a969a;
    }

#structure-ui .page-ui div.page-controls span a:active {
    color: #000;
    }

/* ----------------------------------------------------------
    SETTINGS: TABLES
----------------------------------------------------------*/

.padder, .padder.box {
    padding: 10px;
    }
.padder.ee3 {
    padding: 0;
    }
.padder h1.table-header {
    font-size: 15px !important;
    margin-bottom: 20px;
    }

table.structure-table {
    background: #fff;
    border: 1px solid #b6c0c2;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 25px;
    text-align: left;
    width: 100%;
    overflow: hidden;
    }

table.structure-table th {
    background-color: #dee2e5;
    border-bottom: 1px solid #b6c0c2;
    color: #666;
    font-size: 10px;
    padding: 10px;
    text-transform: uppercase;
    }
table.structure-table tr:first-child th:first-child {
    border-radius: 0;
    }
table.structure-table tr:first-child th:last-child {
    border-radius: 0;
    }
table.structure-table td {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    /*color: #838383;*/
    padding: 10px;
    white-space: initial;
    }

table.structure-table td:last-child {
    border-right-width: 0;
    }

table.structure-table td em, table.structure-table td label {
    color: #838383;
    font-weight: normal;
    }

table.structure-table td.setting-options input {
    margin-right: 5px;
    }

table.structure-table tr:last-child td {
    border-bottom-width: 0;
    }

table.structure-table td.row-controls {
    padding-right: 5px;
    text-align: right;
    width: 15%;
    }

/* row reordering */

table.structure-table td.row-reorder {
    padding: 0;
    width: 30px;
    }

table.structure-table td.row-reorder a {
    background: url(../img/handle.png) no-repeat center center;
    cursor: row-resize;
    display: block;
    float: left;
    height: 40px;
    text-indent: -9999px;
    width: 40px;
    }

/* buttons */
.structure_btn {
    background-color: #22a456;
    border: 1px solid #22a456;
    color: #fff !important;
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
    padding: 6px 8px 5px;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 rgba(0,0,0,.09)inset;
    -webkit-box-shadow: 0 0 rgba(0,0,0,.09)inset;
    box-shadow: 0 0 rgba(0,0,0,.09)inset;
    }
.structure_btn.disable {
    background-color: #bc4848;
    border-color: #bc4848;
    color: #fff !important;
    cursor: not-allowed;
    -moz-box-shadow: 0 0 rgba(0,0,0,.08),0 0 0 0 rgba(255,255,255,.2)inset;
    -webkit-box-shadow: 0 0 rgba(0,0,0,.08),0 0 0 0 rgba(255,255,255,.2)inset;
    box-shadow: 0 0 rgba(0,0,0,.08),0 0 0 0 rgba(255,255,255,.2)inset;
    }
.structure_btn.action, .structure_btn.preview {
    background-color: #1f80bd;
    border-color: #1f80bd;
    color: #fff !important;
    }

table.structure-table td.row-controls a,
div.table-controls a {
    background: url(../img/btn-bg.png) repeat-x 0 0;
    border: 1px solid #b5bfc2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    -moz-box-shadow: 0px 1px 0px #f9f9f9;
    -webkit-box-shadow: 0px 1px 0px #f9f9f9;
    box-shadow: 0px 1px 0px #f9f9f9;
    display: block;
    float: right;
    margin-right: 4px;
    line-height: 22px;
    padding: 0 10px;
    }

div.table-controls {
    overflow: auto;
    }

div.table-controls a {
    float: left;
    }

table.structure-table td.row-controls a:link, table.structure-table td.row-controls a:visited,
div.table-controls a:link, div.table-controls a:visited {
    color: #838383;
    text-decoration: none;
    }

table.structure-table td.row-controls a:hover,
div.table-controls a:hover {
    border: 1px solid #8a969a;
    color: #555;
    text-decoration: none;
    }

table.structure-table td.row-controls a:active,
div.table-controls a:active {
    color: #000;
    }

/* form specifics */

table.structure-table tr.structure-form-fields input {
    border-color: #fff;
    color: #999;
    }

/* channel settings */

table.structure-table td.channel-titles {
    width: 33%;
    }

table.structure-table td.type-picker {
    width: 33%;
    }

table.structure-table td.setting-options {
    width: 33%;
    }

table.structure-table td.type-picker input {
    margin-right: 5px;
    }

table.structure-table td.type-picker select {
    margin-right: 10px;
    }

/* empty states */

div.empty-state {
    background: #fff;
    border: 1px solid #b6c0c2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    color: #838383;
    margin-bottom: 25px;
    padding: 20px;
    text-align: left;
    }

.structure-gui div.empty-state p {
    margin: 0;
    line-height: 1;
    }

.show-option {display: inline-block;}

.setting-options .option, .show-option .option { display: none; }

.setting-options .active, .show-option .active { display: block; }

/* help links */

table.structure-table th .structure-help-link {
    font-size: 11px;
    font-weight: normal;
    margin-left: 7px;
    text-transform: none;
    }

table.structure-table th a.structure-help-link:link,
table.structure-table th a.structure-help-link:visited {
    color: #999;
    }

table.structure-table th a.structure-help-link:hover {
    color: #333;
    }

.group-column {
    text-align:center;
    }

.settingsPermBoxes {
    width: 150px;
    text-align:center;
    }


/* ----------------------------------------------------------
    DIALOGS
----------------------------------------------------------*/

/* all structure-ui dialogs */

.structure-ui .ui-dialog {
    position: absolute;
    z-index: 10;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    /*border-radius: 6px;*/

    -webkit-box-shadow: 0 2px 4px 2px #bbb;
    -moz-box-shadow: 0 2px 4px 2px #bbb;
    -o-box-shadow: 0 2px 4px 2px #bbb;
    box-shadow: 0 2px 4px 2px #bbb;
    }
.structure-ui .ui-dialog .ui-dialog-titlebar .close {
    display: none;
    }
.structure-ui .ui-dialog div.ui-dialog-buttonpane {
    margin-top: 0;
    padding: 0;
    border-width: 0;
    background: transparent none;
    }
.structure-ui .ui-dialog .ui-dialog-buttonpane button {
    display: inline-block;
    height: 24px;
    margin: 1em 10px;
    padding: 2px 5px;
    color: #838383;
    background: url(../img/btn-bg.png) repeat-x 0 0;
    border: 1px solid #b5bfc2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    -moz-box-shadow: 0px 1px 0px #f9f9f9;
    -webkit-box-shadow: 0px 1px 0px #f9f9f9;
    box-shadow: 0px 1px 0px #f9f9f9;
    }

.structure-ui .ui-dialog .ui-dialog-buttonset {
    width:100%;
    }

.structure-ui .ui-dialog .ui-dialog-buttonpane button:hover {
    color: #555;
    border: 1px solid #8a969a;
    }

.structure-ui .ui-dialog .ui-dialog-buttonpane button:active {
    color: #000;
    }

.structure-ui .ui-dialog .ui-dialog-titlebar-close {
    display: none;
    }

/* DIALOG: add page */
#structure-page-selector {
    background: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /*border-radius: 6px;*/
    padding: 10px;
    text-align: center;
    }

#structure-page-selector .ui-dialog-titlebar {
    text-align: center;
    text-shadow: none;
    border: 1px solid #b6c0c2;
    -webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
    /*border-radius: 3px 3px 0 0 !important;*/
    background-color: #DEE2E5;
    background-image: none;
    border-bottom: 1px solid #B6C0C2;
    color: #666;
    font-size: 10px;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
    }
#structure-page-selector .ui-dialog-title {
    float: none;
    margin: 0;
    }
#structure-page-selector .ui-dialog-content {
    border: 1px solid #b6c0c2;
    border-width: 0 1px 1px;
    margin-bottom: 0;
    padding: 0;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    /*border-radius: 0 0 3px 3px;*/
    }

#structure-page-selector ul {
    margin: 0;
    padding: 0;
    }

#structure-page-selector ul li {
    border-bottom: 1px solid #e3e3e3;
    }

#structure-page-selector ul li.last {
    border-bottom-width: 0;
    }

#structure-page-selector ul a {
    display: block;
    padding: 10px 5px;
    }

#structure-page-selector ul a:link,
#structure-page-selector ul a:visited {
    color: #5f6c74;
    }

#structure-page-selector ul a:hover {
    background-color: #eee;
    color: #333;
    text-decoration: none;
    }

.structure-ui .ui-dialog a:focus, .structure-ui .ui-dialog button:focus {
    outline:none;
    }

/* DIALOG: DELETE page */

#structure-delete {
    border: 1px solid #b5bfc2;
    border-top-width: 20px;
    padding: 36px 12px 24px;
    width: 250px;
    }
#structure-delete .ui-dialog-titlebar {
    display: none;
    }

#structure-delete .ui-dialog-content,
#structure-delete .ui-dialog-buttonpane {
    background: transparent none;
    }
#structure-delete .ui-dialog-content {
    margin-top:-15px;
    }
#structure-delete .ui-dialog-buttonpane {
    padding: 0em 1em 0;
    }
#structure-delete p {
    margin-bottom: 25px;
    }

#structure-delete p strong {
    color: #333;
    }

#structure-delete button {
    float: left;
    margin-top: 0;
    padding: 2px 12px;
    }

#structure-delete button:first-child {
    float: right;
    }

/* ----------------------------------------------------------
    OOTB
----------------------------------------------------------*/

div.padder.get-started {
    padding: 20px;
    border: 1px solid #900;
    }

/* mian tree intro */

.structure-gui #tree-ootb {
    margin-top: -40px;
    }

.structure-gui #tree-ootb h1 {
    color: #333;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 5px;
    }

.structure-gui #tree-ootb p {
    color: #999;
    margin-bottom: 25px;
    }

#tree-ootb ul li {
    background-color: #fff;
    border: 1px solid #d5e0e2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    overflow: auto;
    padding: 20px 15px 20px 50px;
    list-style-type: none;
    }

#tree-ootb .ootb-page-types {
    background: #fff url(../img/ootb-page-types.png) no-repeat 20px 50%;
    }

#tree-ootb .ootb-settings {
    background: #fff url(../img/ootb-settings.png) no-repeat 20px 50%;
    }

#tree-ootb .ootb-navigation-tags {
    background: #fff url(../img/ootb-nav.png) no-repeat 20px 50%;
    }

#tree-ootb ul li span.ootb-intro {
    float: left;
    }

#tree-ootb ul li span.ootb-go {
    float: right;
    }

/* warning + instructions messages */
.notice-text {
    color: #ce0000;
    }
.note {
    margin: 15px 0 20px 0;
    padding: 15px;
    border: 1px solid #e9e9e9;
    background-color: #ffffe6;
    }
div.ootb-message {
    background-color: #fff9d0;
    border: 1px solid #b6c0c2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    margin-bottom: 25px;
    padding: 15px;
    }

.structure-gui div.ootb-message p {
    color: #777;
    margin: 0;
    }

.structure-gui div.ootb-message p span.ootb-message-go {
    float: right;
    }

/* message GO! */

div.ootb-message-go {
    background-color: #c9ffb9;
    border: 1px solid #b6c0c2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 15px;
    }

.structure-gui div.ootb-message-go p {
    color: #666;
    margin: 0 !important;
    }

.ootb-message-btn {
    background: url(../img/btn-bg.png) repeat-x 0 0;
    border: 1px solid #b5bfc2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border-radius: 3px;*/
    -moz-box-shadow: 0px 1px 0px #f9f9f9;
    -webkit-box-shadow: 0px 1px 0px #f9f9f9;
    box-shadow: 0px 1px 0px #f9f9f9;
    display: block;
    float: right;
    height: 22px;
    margin: -5px -5px 0 0;
    }

.ootb-message-btn a {
    display: block;
    padding: 0 10px;
    line-height: 22px;
    }

.ootb-message-btn a:link, .ootb-message-btn a:visited {
    color: #838383;
    text-decoration: none;
    }

.ootb-message-btn a:hover {
    color: #555;
    text-decoration: none;
    }

.ootb-message-btn:hover {
    border: 1px solid #8a969a;
    }

.ootb-message-btn a:active {
    color: #000;
    }

.ui-nestedSortable-error {
    background: url(../img/bg-error.png) repeat !important;
    }

/* Nav History */
.nav_history_table tr.current, .nav_history_table tr.current td {
    background-color: #C0E5C3;
    }
.nav_history_table tr.skipped, .nav_history_table tr.skipped td {
    color: #ccc;
    }
.nav_history_table tr.restored, .nav_history_table tr.restored td {
    background-color: #AFC9E3;
    }
.pagination strong {
    padding: 5px 10px;
    color: #fff;
    font-style: initial;
    background-color: #879BA8;
    }
.pagination a {
    padding: 5px 10px;
    text-decoration: none;
    background-color: #fff;
    }
table.zebra-striped tr:nth-child(even) td {
    background-color: #f5f5f5;
    }

/* EE2 Styles */
.ee2.padder.box {
    background-color: #fff;
    }
.ee2 table.validation-stats {
    border: 1px solid #ccc;
    border-spacing: 0;
    }

/* EE3 Styles */
.ee3.gui-box {
    background: #ECF1F4;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
    margin-bottom: 18px;
    margin-top: 9px;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    }
.ee3.gui-box > h2 {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #37444D;
    margin: 0;
    padding: 9px;
    font-size: 16px;
    font-weight: bold;
    }
.ee3.gui-box li {
    list-style-position: inside;
    }


 /*EE6 + 7 Styles */
body[data-ee-version^="6."] #structure-ui div, body[data-ee-version^="6."] #structure-ui span,
body[data-ee-version^="6."] #structure-ui h1, body[data-ee-version^="6."] #structure-ui h2, body[data-ee-version^="6."] #structure-ui h3,
body[data-ee-version^="6."] #structure-ui h4, body[data-ee-version^="6."] #structure-ui h5, body[data-ee-version^="6."] #structure-ui h6, body[data-ee-version^="6."] #structure-ui p,
body[data-ee-version^="6."] #structure-ui a, body[data-ee-version^="6."] #structure-ui img, body[data-ee-version^="6."] #structure-ui strong,
body[data-ee-version^="6."] #structure-ui dl, body[data-ee-version^="6."] #structure-ui dt, body[data-ee-version^="6."] #structure-ui dd,
body[data-ee-version^="6."] #structure-ui ol, body[data-ee-version^="6."] #structure-ui ul, body[data-ee-version^="6."] #structure-ui li,
body[data-ee-version^="6."] #structure-ui fieldset, body[data-ee-version^="6."] #structure-ui form, body[data-ee-version^="6."] #structure-ui label, body[data-ee-version^="6."] #structure-ui legend,
body[data-ee-version^="6."] #structure-ui table, body[data-ee-version^="6."] #structure-ui caption, body[data-ee-version^="6."] #structure-ui tbody,
body[data-ee-version^="6."] #structure-ui tfoot, body[data-ee-version^="6."] #structure-ui thead, body[data-ee-version^="6."] #structure-ui tr, body[data-ee-version^="6."] #structure-ui th, body[data-ee-version^="6."] #structure-ui td,
body[data-ee-version^="7."] #structure-ui div, body[data-ee-version^="7."] #structure-ui span,
body[data-ee-version^="7."] #structure-ui h1, body[data-ee-version^="7."] #structure-ui h2, body[data-ee-version^="7."] #structure-ui h3,
body[data-ee-version^="7."] #structure-ui h4, body[data-ee-version^="7."] #structure-ui h5, body[data-ee-version^="7."] #structure-ui h6, body[data-ee-version^="7."] #structure-ui p,
body[data-ee-version^="7."] #structure-ui a, body[data-ee-version^="7."] #structure-ui img, body[data-ee-version^="7."] #structure-ui strong,
body[data-ee-version^="7."] #structure-ui dl, body[data-ee-version^="7."] #structure-ui dt, body[data-ee-version^="7."] #structure-ui dd,
body[data-ee-version^="7."] #structure-ui ol, body[data-ee-version^="7."] #structure-ui ul, body[data-ee-version^="7."] #structure-ui li,
body[data-ee-version^="7."] #structure-ui fieldset, body[data-ee-version^="7."] #structure-ui form, body[data-ee-version^="7."] #structure-ui label, body[data-ee-version^="7."] #structure-ui legend,
body[data-ee-version^="7."] #structure-ui table, body[data-ee-version^="7."] #structure-ui caption, body[data-ee-version^="7."] #structure-ui tbody,
body[data-ee-version^="7."] #structure-ui tfoot, body[data-ee-version^="7."] #structure-ui thead, body[data-ee-version^="7."] #structure-ui tr, body[data-ee-version^="7."] #structure-ui th, body[data-ee-version^="7."] #structure-ui td {
    font-size:  12px;
}

body[data-ee-version^="6."] #structure-ui .page-ui li div.item-inner,
body[data-ee-version^="7."] #structure-ui .page-ui li div.item-inner { padding-left: 0; }

body[data-ee-version^="6."] #structure-ui #tree-header,
body[data-ee-version^="7."] #structure-ui #tree-header {
    margin-bottom: 0;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

body[data-ee-version^="6."] #structure-ui #tree-controls,
body[data-ee-version^="7."] #structure-ui #tree-controls {
    display: flex;
    position: static;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: row-reverse;
    margin-bottom: 5px;
}

body[data-ee-version^="6."] #structure-ui #tree-controls li,
body[data-ee-version^="7."] #structure-ui #tree-controls li {
    height: auto;
    margin-bottom: 5px;
}

body[data-ee-version^="6."] #structure-ui #tree-controls li.tree-expand a,
body[data-ee-version^="6."] #structure-ui #tree-controls li.tree-collapse a,
body[data-ee-version^="7."] #structure-ui #tree-controls li.tree-expand a,
body[data-ee-version^="7."] #structure-ui #tree-controls li.tree-collapse a
 {
    color: var(--ee-button-secondary-color);
    background-color: var(--ee-button-secondary-bg);
    border-color: var(--ee-button-secondary-border);
}

body[data-ee-version^="6."] #structure-ui #tree-controls li.tree-expand a:hover,
body[data-ee-version^="6."] #structure-ui #tree-controls li.tree-collapse a:hover,
body[data-ee-version^="7."] #structure-ui #tree-controls li.tree-expand a:hover,
body[data-ee-version^="7."] #structure-ui #tree-controls li.tree-collapse a:hover
{
    color: var(--ee-button-secondary-color);
    background-color: var(--ee-button-secondary-hover-bg);
    border-color: var(--ee-button-secondary-hover-border);
}


body[data-ee-version^="6."] #structure-ui #tree-switcher,
body[data-ee-version^="7."] #structure-ui #tree-switcher {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
}

body[data-ee-version^="6."] #structure-ui #tree-switcher li,
body[data-ee-version^="7."] #structure-ui #tree-switcher li {
    display: inline-block;
}

body[data-ee-version^="6."] #structure-ui #tree-switcher li a,
body[data-ee-version^="7."] #structure-ui #tree-switcher li a {
    -webkit-appearance: none;
    appearance: none;
    background: none !important;
    border: none;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 10px 0;
    margin-right: 15px;
    color: var(--ee-text-secondary);
    font-size: 15px;
}

body[data-ee-version^="6."] #structure-ui #tree-switcher-select-box.here,
body[data-ee-version^="6."] #structure-ui #tree-switcher li.here a:link,
body[data-ee-version^="6."] #structure-ui #tree-switcher li.here a:visited,
body[data-ee-version^="6."] #structure-ui #tree-switcher li.here a:hover,
body[data-ee-version^="7."] #structure-ui #tree-switcher-select-box.here,
body[data-ee-version^="7."] #structure-ui #tree-switcher li.here a:link,
body[data-ee-version^="7."] #structure-ui #tree-switcher li.here a:visited,
body[data-ee-version^="7."] #structure-ui #tree-switcher li.here a:hover
{
    color: var(--ee-accent);
    border-bottom: 2px solid var(--ee-accent);
    margin-bottom: -2px;
}

body[data-ee-version^="6."]  #structure-ui .page-ui,
body[data-ee-version^="6."] #structure-ui #assets,
body[data-ee-version^="6."] #structure-ui #structure-assets ul.asset-list,
body[data-ee-version^="7."]  #structure-ui .page-ui,
body[data-ee-version^="7."] #structure-ui #assets,
body[data-ee-version^="7."] #structure-ui #structure-assets ul.asset-list
{
    border: 1px solid var(--ee-panel-border);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background: var(--ee-panel-bg);
}

body[data-ee-version^="6."] #structure-ui .page-ui li .item-wrapper,
body[data-ee-version^="7."] #structure-ui .page-ui li .item-wrapper 
{
    border: none;
    background: none;
    margin-bottom: 0;
    border-radius:  0;
}


body[data-ee-version^="6."] #structure-ui #assets li,
body[data-ee-version^="6."] #structure-ui .page-ui li,
body[data-ee-version^="7."] #structure-ui #assets li,
body[data-ee-version^="7."] #structure-ui .page-ui li
{
    background: var(--ee-bg-0);
}

body[data-ee-version^="6."] #structure-ui #assets li,
body[data-ee-version^="6."] #structure-ui .page-ui li .item-wrapper,
body[data-ee-version^="7."] #structure-ui #assets li,
body[data-ee-version^="7."] #structure-ui .page-ui li .item-wrapper
{
    border-bottom: 1px solid var(--ee-list-item-border);
    height: 38px;
    padding-left: 15px;
}

body[data-ee-version^="6."] #structure-ui #assets li,
body[data-ee-version^="7."] #structure-ui #assets li
{
    padding: 0;
    border: none;
    border-bottom: 1px solid var(--ee-list-item-border);
}
body[data-ee-version^="6."] #structure-ui #assets li:last-child { border-bottom: none; }
body[data-ee-version^="7."] #structure-ui #assets li:last-child { border-bottom: none; }

body[data-ee-version^="6."] #structure-ui #assets li .listing-title,
body[data-ee-version^="6."] #structure-ui .page-ui .page-title,
body[data-ee-version^="7."] #structure-ui #assets li .listing-title,
body[data-ee-version^="7."] #structure-ui .page-ui .page-title
{
    height: 38px;
    display: inline-flex;
    align-items: center;
    color: var(--ee-text-normal);
    font-weight: 700;
    padding: 0;
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-title .hidden-page,
body[data-ee-version^="7."] #structure-ui .page-ui .page-title .hidden-page
{
    font-weight: 400;
    margin-left: 5px;
}

body[data-ee-version^="6."] #structure-ui .page-ui ul .page-title { font-weight: 400; }
body[data-ee-version^="7."] #structure-ui .page-ui ul .page-title { font-weight: 400; }

body[data-ee-version^="6."] #structure-ui #assets li .listing-title,
body[data-ee-version^="7."] #structure-ui #assets li .listing-title
{
    margin: 0;
    padding: 0 15px;
    font-weight: 400;
}

body[data-ee-version^="6."] #structure-ui #assets li .listing-title a,
body[data-ee-version^="7."] #structure-ui #assets li .listing-title a
{
    color: var(--ee-text-normal);
}

body[data-ee-version^="6."] #structure-ui .page-ui li .item-wrapper:hover,
body[data-ee-version^="6."] #structure-ui .page-ui li .item-wrapper.hover .page-expand-collapse,
body[data-ee-version^="6."] #structure-ui .page-ui li .item-wrapper:hover .page-expand-collapse,
body[data-ee-version^="6."] #structure-ui #assets li:hover,
body[data-ee-version^="7."] #structure-ui .page-ui li .item-wrapper:hover,
body[data-ee-version^="7."] #structure-ui .page-ui li .item-wrapper.hover .page-expand-collapse,
body[data-ee-version^="7."] #structure-ui .page-ui li .item-wrapper:hover .page-expand-collapse,
body[data-ee-version^="7."] #structure-ui #assets li:hover
{
    background-color: var(--ee-bg-5);
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-listing,
body[data-ee-version^="6."] #structure-ui #assets .page-listing,
body[data-ee-version^="7."] #structure-ui .page-ui .page-listing,
body[data-ee-version^="7."] #structure-ui #assets .page-listing
{
    padding-top: 0;
    background-position: 0 center;
    color: var(--ee-text-secondary);
    position: relative;
    display: inline-flex;
    align-items: center;
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-listing a,
body[data-ee-version^="6."] #structure-ui #assets .page-listing a,
body[data-ee-version^="7."] #structure-ui .page-ui .page-listing a,
body[data-ee-version^="7."] #structure-ui #assets .page-listing a
{
    color: var(--ee-link);
    margin: 0 3px;
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-listing a:hover,
body[data-ee-version^="6."] #structure-ui #assets .page-listing a:hover,
body[data-ee-version^="7."] #structure-ui .page-ui .page-listing a:hover,
body[data-ee-version^="7."] #structure-ui #assets .page-listing a:hover
{
    text-decoration: underline;
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-title a:link, #structure-ui .page-ui .page-title a:visited,
body[data-ee-version^="7."] #structure-ui .page-ui .page-title a:link, #structure-ui .page-ui .page-title a:visited
{
    color: var(--ee-text-normal);
}

body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls,
body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls
{
    padding: 7px 0 0 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 7px;
    z-index: 5;
}

body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls span,
body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span
{
    height: auto;
    background: none;
    box-shadow:  none;
    border-radius: 0;
    border:  none;
}


body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls span a,
body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span a
{
    padding: 2px 10px!important;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: 4px;
    color: var(--ee-button-primary-color);
    background-color: var(--ee-button-primary-bg);
    border-color: var(--ee-button-primary-border);
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls span a:hover,
body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span a:hover
{
    color: var(--ee-button-primary-color);
    background-color: var(--ee-button-primary-hover-bg);
    border-color: var(--ee-button-primary-hover-border);
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-handle,
body[data-ee-version^="7."] #structure-ui .page-ui .page-handle
{
    display: inline-block;
    float: none;
    margin: 0;
    width: 30px;
    text-align: center;
    height: auto;
    flex: 0 0 30px;
}

body[data-ee-version^="6."] #structure-ui .page-handle a,
body[data-ee-version^="7."] #structure-ui .page-handle a
{
    width: 15px;
    position: relative;
    background:  none;
    cursor: move !important;
    margin: 0 auto;
}

body[data-ee-version^="6."] #structure-ui .page-handle a:before,
body[data-ee-version^="7."] #structure-ui .page-handle a:before
{
    position: absolute;
    display: inline-block;
    content: "\f0c9";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--ee-text-secondary);
    text-indent: 0;
    font-size: 12px;
}

body[data-ee-version^="7."] #structure-ui .page-handle a:before {
    font-family: "Font Awesome 6 Pro";
}

body[data-ee-version^="6."] #structure-ui li ul li .page-handle a:before,
body[data-ee-version^="7."] #structure-ui li ul li .page-handle a:before
{
    opacity: 0;
    content: "\f0c9";
}

body[data-ee-version^="6."] #structure-ui li ul li .page-handle a:after,
body[data-ee-version^="7."] #structure-ui li ul li .page-handle a:after
{
    position: absolute;
    display: inline-block;
    content: "\f3bf";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--ee-text-secondary);
    text-indent: 0;
    font-size: 10px;
}

body[data-ee-version^="7."] #structure-ui li ul li .page-handle a:after
{
    font-family: "Font Awesome 6 Pro";
}

body[data-ee-version^="6."] #structure-ui li div.item-wrapper.hover .drag-handle a,
body[data-ee-version^="6."] #structure-ui li div.item-wrapper:hover .drag-handle a,
body[data-ee-version^="7."] #structure-ui li div.item-wrapper.hover .drag-handle a,
body[data-ee-version^="7."] #structure-ui li div.item-wrapper:hover .drag-handle a
{
    background: none;
}

body[data-ee-version^="6."] #structure-ui li div.item-wrapper.hover .drag-handle a:after,
body[data-ee-version^="6."] #structure-ui li div.item-wrapper:hover .drag-handle a:after,
body[data-ee-version^="7."] #structure-ui li div.item-wrapper.hover .drag-handle a:after,
body[data-ee-version^="7."] #structure-ui li div.item-wrapper:hover .drag-handle a:after
{
    opacity: 0;
}

body[data-ee-version^="6."] #structure-ui li div.item-wrapper.hover .drag-handle a:before,
body[data-ee-version^="6."] #structure-ui li div.item-wrapper:hover .drag-handle a:before,
body[data-ee-version^="7."] #structure-ui li div.item-wrapper.hover .drag-handle a:before,
body[data-ee-version^="7."] #structure-ui li div.item-wrapper:hover .drag-handle a:before
{
    opacity: 1;
}

body[data-ee-version^="6."] #structure-ui .page-ui li .page-expand-collapse,
body[data-ee-version^="7."] #structure-ui .page-ui li .page-expand-collapse {
    display: inline-block;
    height: 38px;
    top: 0;
    border-bottom: 1px solid var(--ee-list-item-border);
    border-radius: 0;
    background: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body[data-ee-version^="6."] #structure-ui .page-ui li .page-expand-collapse.ec-none a:before { display: none; }
body[data-ee-version^="7."] #structure-ui .page-ui li .page-expand-collapse.ec-none a:before { display: none; }

body[data-ee-version^="6."] #structure-ui .page-ui .page-expand-collapse a,
body[data-ee-version^="7."] #structure-ui .page-ui .page-expand-collapse a
{
    display: inline-block;
    margin-top: 0;
    width: 30px;
    height: 38px;
    background: var(--ee-secondary-sidebar-item-bg);;
    text-align: center;
    border: none;
    border-right: 1px solid var(--ee-list-item-border);
    border-bottom:  1px solid var(--ee-list-item-border);
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-expand-collapse a:before,
body[data-ee-version^="7."] #structure-ui .page-ui .page-expand-collapse a:before
{
    position: absolute;
    display: inline-block;
    content: "\f068";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--ee-text-secondary);
    text-indent: 0;
    font-size: 12px;
}

body[data-ee-version^="7."] #structure-ui .page-ui .page-expand-collapse a:before
{
    font-family: "Font Awesome 6 Pro";
}

body[data-ee-version^="6."] #structure-ui .page-ui .page-expand-collapse a.collapsed { background-image: none;}
body[data-ee-version^="7."] #structure-ui .page-ui .page-expand-collapse a.collapsed { background-image: none;}

body[data-ee-version^="6."] #structure-ui .page-ui .page-expand-collapse a.collapsed:before { content: '\f067'}
body[data-ee-version^="7."] #structure-ui .page-ui .page-expand-collapse a.collapsed:before { content: '\f067'}

body[data-ee-version^="6."] #structure-ui .page-ui .page-expand-collapse a.collapsed:active {background-position: center center;}
body[data-ee-version^="7."] #structure-ui .page-ui .page-expand-collapse a.collapsed:active {background-position: center center;}

body[data-ee-version^="6."] #structure-ui .page-ui li.final-child .item-wrapper,
body[data-ee-version^="6."] #structure-ui .page-ui li.final-child .item-wrapper .page-expand-collapse,
body[data-ee-version^="6."] #structure-ui .page-ui li.final-child .page-expand-collapse a,
body[data-ee-version^="7."] #structure-ui .page-ui li.final-child .item-wrapper,
body[data-ee-version^="7."] #structure-ui .page-ui li.final-child .item-wrapper .page-expand-collapse,
body[data-ee-version^="7."] #structure-ui .page-ui li.final-child .page-expand-collapse a
{ border-bottom: none; }

body[data-ee-version^="6."] #structure-ui .page-ui, body[data-ee-version^="6."] #structure-ui #assets,
body[data-ee-version^="7."] #structure-ui .page-ui, body[data-ee-version^="6."] #structure-ui #assets
{
  position: relative;
  overflow: visible;
  margin: 20px;
}

body[data-ee-version^="6."] #structure-ui .page-ui:before, body[data-ee-version^="6."] #structure-ui #assets:before,
body[data-ee-version^="7."] #structure-ui .page-ui:before, body[data-ee-version^="7."] #structure-ui #assets:before
{
  position: absolute;
  content: '';
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  left: -20px;
  top: -20px;
  border-radius: 6px;
  border: 1px solid var(--ee-panel-border);
  background: var(--ee-panel-bg);
  z-index: -1;
}

body[data-ee-version^="6."]  #structure-shadow,
body[data-ee-version^="7."]  #structure-shadow
{
    background-color: var(--ee-bg-0);
    border-color: var(--ee-list-item-border);
}

/*************************/

body[data-ee-version^="6."] table.structure-table,
body[data-ee-version^="7."] table.structure-table
{
    border: 1px solid var(--ee-panel-border);
    background: var(--ee-panel-bg);
    font-size: 15px;
}

body[data-ee-version^="6."] table.structure-table th,
body[data-ee-version^="7."] table.structure-table th
{
    background: var(--ee-panel-bg);
    color: var(--ee-text-secondary);
    white-space: nowrap;
    border-bottom: 1px solid var(--ee-panel-border);
    border-right: 1px solid var(--ee-panel-border);
    text-align: left;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    font-size:  14px;
    text-transform: capitalize;
}

body[data-ee-version^="6."] table.structure-table td,
body[data-ee-version^="7."] table.structure-table td
{
    border:1px solid var(--ee-panel-border);
}

body[data-ee-version^="6."] table.structure-table td.success,
body[data-ee-version^="6."] div.success,
body[data-ee-version^="6."] .nav_history_table tr.current,
body[data-ee-version^="6."] .nav_history_table tr.current td,
body[data-ee-version^="7."] table.structure-table td.success,
body[data-ee-version^="7."] div.success,
body[data-ee-version^="7."] .nav_history_table tr.current,
body[data-ee-version^="7."] .nav_history_table tr.current td
{
    background-color: var(--ee-success-light) !important;
    color: var(--ee-text-normal);
}

body[data-ee-version^="6."] table.structure-table td.error,
body[data-ee-version^="6."] div.error,
body[data-ee-version^="7."] table.structure-table td.error,
body[data-ee-version^="7."] div.error
{
    background-color: var(--ee-error-light) !important;
    color: var(--ee-text-normal);
}

body[data-ee-version^="6."] table.zebra-striped tr:nth-child(even) td,
body[data-ee-version^="7."] table.zebra-striped tr:nth-child(even) td
{
    background: var(--ee-panel-bg);
}

body[data-ee-version^="6."] table.structure-table th:first-child,
body[data-ee-version^="7."] table.structure-table th:first-child
{
    color: var(--ee-text-primary);
}

body[data-ee-version^="6."] table.structure-table select,
body[data-ee-version^="7."] table.structure-table select
{
    width: 100%;
}


body[data-ee-version^="6."] table.structure-table.validation-stats,
body[data-ee-version^="7."] table.structure-table.validation-stats
{
    border-collapse: collapse;
    border-radius: 0;
}

body[data-ee-version^="6."] table.structure-table.validation-stats thead tr:first-child,
body[data-ee-version^="7."] table.structure-table.validation-stats thead tr:first-child
{
    border-bottom: 1px solid var(--ee-panel-border);
}

body[data-ee-version^="6."] table.structure-table th.structure.total-divider,
body[data-ee-version^="7."] table.structure-table th.structure.total-divider
{
    border-right-color: var(--ee-panel-border);
}

body[data-ee-version^="6."] .tbl-ctrls .table-wrapper,
body[data-ee-version^="7."] .tbl-ctrls .table-wrapper
{
  width: 100%;
  overflow-x: auto;
}

body[data-ee-version^="6."] .license_status_warning,
body[data-ee-version^="7."] .license_status_warning
{
    color: var(--ee-error);
    border-color: var(--ee-error);
    background-color: var(--ee-error-light);
}

body[data-ee-version^="6."] .structure_btn,
body[data-ee-version^="7."] .structure_btn
{
    padding: 2px 10px;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body[data-ee-version^="6."] .structure_btn.disable,
body[data-ee-version^="7."] .structure_btn.disable
{
    color: var(--ee-button-danger-color)!important;
    border-color: var(--ee-button-danger-bg);
    background-color: var(--ee-button-danger-bg);
}

body[data-ee-version^="6."] .structure_btn.action,
body[data-ee-version^="6."] .structure_btn.preview,
body[data-ee-version^="7."] .structure_btn.action,
body[data-ee-version^="7."] .structure_btn.preview
{
    color: var(--ee-button-primary-color) !important;
    border-color: var(--ee-button-primary-border);
    background-color: var(--ee-button-primary-bg);
}

body[data-ee-version^="6."] #structure-delete,
body[data-ee-version^="7."] #structure-delete
{
    max-width: 550px;
    padding: 0;
    box-shadow: 0 8px 40px var(--ee-shadow-modal);
    border-radius: 5px;
    border: 1px solid var(--ee-border);
    background: var(--ee-bg-blank);
    width: auto !important;
}

body[data-ee-version^="6."] #structure-page-selector,
body[data-ee-version^="7."] #structure-page-selector {
    max-width: 550px;
    padding: 0;
    box-shadow: 0 8px 40px var(--ee-shadow-modal);
    border-radius: 5px;
    border: 1px solid var(--ee-border);
    background: var(--ee-bg-blank);
}

body[data-ee-version^="6."] #structure-page-selector ul li,
body[data-ee-version^="7."] #structure-page-selector ul li {
    border-bottom: 1px solid var(--ee-border);
}

body[data-ee-version^="6."] #structure-page-selector ul li.last,
body[data-ee-version^="7."] #structure-page-selector ul li.last{
    border-bottom: none;
}

body[data-ee-version^="6."] #structure-page-selector ul li a,
body[data-ee-version^="7."] #structure-page-selector ul li a {
    color: var(--ee-text-normal);
}

body[data-ee-version^="6."] #structure-page-selector ul li a:hover,
body[data-ee-version^="7."] #structure-page-selector ul li a:hover {
    background: var(--ee-bg-5);
}

body[data-ee-version^="6."] #structure-page-selector .ui-dialog-titlebar,
body[data-ee-version^="7."] #structure-page-selector .ui-dialog-titlebar {
    background: var(--ee-bg-blank);
    border: 1px solid var(--ee-border);
    color: var(--ee-text-normal);
}

body[data-ee-version^="6."] #structure-delete .ui-dialog-content,
body[data-ee-version^="7."] #structure-delete .ui-dialog-content,
body[data-ee-version^="6."] #structure-page-selector .ui-dialog-content,
body[data-ee-version^="7."] #structure-page-selector .ui-dialog-content
{
    margin-top: 0;
    font-size: 1rem;
    color: var(--ee-text-normal);
    padding: 20px 30px;
}

body[data-ee-version^="6."] #structure-page-selector .ui-dialog-content,
body[data-ee-version^="7."] #structure-page-selector .ui-dialog-content {
    border: 1px solid var(--ee-border);
    padding: 10px;
}

body[data-ee-version^="6."] #structure-delete .ui-dialog-buttonpane,
body[data-ee-version^="7."] #structure-delete .ui-dialog-buttonpane
{
    padding: 20px 30px;
    background-color: var(--ee-bg-0);

}

body[data-ee-version^="6."] #structure-page-selector .ui-dialog-buttonpane,
body[data-ee-version^="7."] #structure-page-selector .ui-dialog-buttonpane {
    padding: 10px;
    background-color: var(--ee-bg-0);
}

body[data-ee-version^="6."] #structure-page-selector .ui-dialog-buttonpane .ui-dialog-buttonset button,
body[data-ee-version^="7."] #structure-page-selector .ui-dialog-buttonpane .ui-dialog-buttonset button {
    margin: 0;
    -webkit-appearance: none;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 20px!important;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 5px;
    color: var(--ee-button-danger-color);
    background-color: var(--ee-button-danger-bg);
    border-color: var(--ee-button-danger-border);
    height: auto;
}

body[data-ee-version^="6."] .ui-dialog-buttonset:after,
body[data-ee-version^="7."] .ui-dialog-buttonset:after
{
    content: '';
    display: block;
    clear: both;
}

body[data-ee-version^="6."] #structure-delete button,
body[data-ee-version^="7."] #structure-delete button
{
    margin: 0;
    -webkit-appearance: none;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 20px!important;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 5px;
    color: var(--ee-button-danger-color);
    background-color: var(--ee-button-danger-bg);
    border-color: var(--ee-button-danger-border);
    height: auto;
}

body[data-ee-version^="6."] #structure-delete button:hover,
body[data-ee-version^="7."] #structure-delete button:hover {
    color: var(--ee-button-danger-color);
    background-color: var(--ee-button-danger-hover-bg);
    border-color: var(--ee-button-danger-hover-border);
}

body[data-ee-version^="6."] #tree-ootb h1,
body[data-ee-version^="7."] #tree-ootb h1 {
    color: var(--ee-text-normal);
}

body[data-ee-version^="6."] #tree-ootb ul li,
body[data-ee-version^="7."] #tree-ootb ul li,
body[data-ee-version^="6."] .note,
body[data-ee-version^="7."] .note {
    border: 1px solid var(--ee-panel-border);
    background: var(--ee-panel-bg);
    color: var(--ee-text-normal);
    font-size: 15px;
    position: relative;
}

body[data-ee-version^="6."] #tree-ootb ul li:before,
body[data-ee-version^="7."] #tree-ootb ul li:before {
    position: absolute;
    display: block;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 400;
    font-family: 'Font Awesome 5 Free';
}

body[data-ee-version^="7."] #tree-ootb ul li:before {
    font-family: 'Font Awesome 6 Pro';
}

body[data-ee-version^="6."] #tree-ootb ul li.ootb-settings:before,
body[data-ee-version^="7."] #tree-ootb ul li.ootb-settings:before {
    content: '\f013';
}

body[data-ee-version^="6."] #tree-ootb ul li.ootb-navigation-tags:before,
body[data-ee-version^="7."] #tree-ootb ul li.ootb-navigation-tags:before {
    content: '\f0ca';
}

body[data-ee-version^="6."] #tree-ootb ul li.ootb-page-types:before {
    content: '\f0c5';
}

body[data-ee-version^="7."] #tree-ootb ul li.ootb-page-types:before {
    content: '\e178';
}

.pro-frontend-modal.app-modal-inner #structure-ui ul#page-ui,
.pro-frontend-modal.app-modal-inner #structure-ui #assets { margin: 0 !important; }
.pro-frontend-modal.app-modal-inner #structure-ui ul#page-ui:before,
.pro-frontend-modal.app-modal-inner #structure-ui #assets:before { display: none; }

.pro-frontend-modal.app-modal-inner #structure-ui #tree-switcher-select-box.here,
.pro-frontend-modal.app-modal-inner #structure-ui #tree-switcher li.here a:link,
.pro-frontend-modal.app-modal-inner #structure-ui #tree-switcher li.here a:visited,
.pro-frontend-modal.app-modal-inner #structure-ui #tree-switcher li.here a:hover { z-index: 2; }

.pro-frontend-modal.app-modal-inner .ee6 #structure-ui #tree-controls li a,
.pro-frontend-modal.app-modal-inner .ee7 #structure-ui #tree-controls li a {
    font-size: 0.9rem;
    padding: 5px 10px!important;
}

body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls span i,
body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span i {
    display: none;
}

@media screen and (max-width: 767px) {
    body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls span a,
    body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span a {
        font-size: 0;
    }

    body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls span i,
    body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span i {
        width: 20px;
        height: 20px;
        position: relative;
        display: block;
        font-style: normal;
    }

    body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span i:before {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        color: var(--ee-button-primary-color);
        text-indent: 0;
        font-size: 12px;
    }

    body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span i.view_icon:before {
        content: '\f06e';
    }
    body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span i.add-icon:before {
        content: '\f067';
    }
    body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls span i.delete-icon:before {
        content: "\f1f8";
    }

    body[data-ee-version^="6."] #structure-ui .page-ui div.page-controls,
    body[data-ee-version^="7."] #structure-ui .page-ui div.page-controls {
        display: flex;
    }
}