/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/*Fix Accordion Window scroll effect*/
.mce-largemce-panel {
    top: 22% !important;
    max-height: 500px !important;
}
.mce-largemce-panel .mce-reset {
    height: 500px !important;
    overflow: auto !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
}

.mce-largemce-panel .mce-window-head {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mce-largemce-panel .mce-foot {
    margin-left: 15px !important;
}


/* Container Step 1 of 2 */

.mce-container-option {
    width: 25% !important;
    float: left !important;
    clear: none !important;
    position: relative !important;
    top: 0 !important;
    padding-top: 20px !important;
}

.mce-container-fluid-option {
    width: 30% !important;
    float: left !important;
    clear: none !important;
    position: relative !important;
    top: 0 !important;
    padding-top: 21px !important;
}

.mce-container-row-option {
    width: 20% !important;
    float: left !important;
    clear: none !important;
    position: relative !important;
    top: 0 !important;
    padding-top: 21px !important;
}

.mce-container-items-panel > .mce-reset > .mce-container-body > .mce-container > .mce-container-body > .mce-container {
    top: 70px !important;
}


/* Container Step 2 of 2 */

/*Fix Accordion Window scroll effect*/
.mce-largemce-container-panel {
    top: 22% !important;
    max-height: 500px !important;
}
.mce-largemce-container-panel .mce-reset {
    height: 500px !important;;
    overflow: auto !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
}

.mce-largemce-container-panel .mce-window-head {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mce-largemce-container-panel .mce-foot {
    margin-left: 15px !important;
}

.mce-column-content-wrap {
    position: relative !important;
    top: auto !important;
    height: auto !important;
}

.mce-column-content-wrap > .mce-container-body {
    height: auto !important;
    width: 566px !important;
}

.mce-column-content-wrap > .mce-container-body > .mce-abs-layout-item {
    position: relative !important;
    width: 20% !important;
    float: left !important;
    margin-bottom: 4px !important;
    left: auto !important;
    top: auto !important;
    min-height: 60px;
}

.mce-column-content-wrap > .mce-container-body > .mce-abs-layout-item.mce-first {
    width: 100% !important;
    clear: both !important;
    min-height: 32px;
}

.mce-column-content-wrap > .mce-container-body > .mce-abs-layout-item.mce-first + .mce-formitem {
    width: 100% !important;
    clear: both !important;
}

.mce-column-content-wrap > .mce-container-body > .mce-abs-layout-item > .mce-container-body {
    width: auto !important
}

.mce-column-content-wrap > .mce-container-body > .mce-abs-layout-item.mce-last {
    padding-bottom: 32px;
}

.mce-width-20 {
    clear: both;
    position: relative !important;
    width: 48px !important;
    top: auto !important;
    left: auto !important;
    margin-top: 28px !important;
}

.mce-largemce-container-panel > .mce-reset > .mce-container-body {
    height: auto !important;
    padding-top: 20px !important;
    padding-left: 15px !important;
}

.mce-largemce-container-panel > .mce-reset > .mce-container-body:after {
	display: table;
	content: "";
	clear: both;
}

.mce-largemce-container-panel > .mce-reset > .mce-container-body > .mce-abs-end {
    top: auto !important;
}

.mce-largemce-container-panel > .mce-reset > .mce-container-body > .mce-container {
    height: auto !important;
    position: relative !important;
}

.mce-largemce-container-panel > .mce-reset > .mce-container-body > .mce-container > .mce-container-body {
    height: auto !important;
}