ElixirVault/www/js/tinymcenew/skins/oxide-dark-orign/skin.min.css

5610 lines
108 KiB
CSS

.tox, .tox :not(svg) {
background: 0 0;
border: 0;
box-sizing: content-box;
color: #222f3e;
cursor: auto;
direction: ltr;
float: none;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400;
height: auto;
line-height: normal;
margin: 0;
max-width: none;
outline: 0;
padding: 0;
position: static;
-webkit-tap-highlight-color: transparent;
text-align: left;
text-decoration: none;
text-shadow: none;
vertical-align: initial;
white-space: normal;
width: auto
}
.tox :not(svg) {
color: inherit;
cursor: inherit;
font-size: inherit
}
.tox-tinymce {
border: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
overflow: hidden;
padding: 0;
visibility: inherit !important
}
.tox-editor-container {
display: flex;
flex: 1 1 auto;
flex-direction: column;
overflow: hidden
}
.tox-tinymce-aux {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
.tox-tinymce :focus, .tox-tinymce-aux :focus {
outline: 0
}
.tox-silver-sink {
z-index: 100000
}
.tox .tox-button {
background-color: #3498db;
background-image: none;
background-position: none;
background-repeat: none;
border-color: #3498db;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: none;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 1;
line-height: 24px;
margin: 0;
outline: 0;
padding: 4px 16px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
white-space: nowrap
}
.tox .tox-button[disabled] {
background-color: #3498db;
background-image: none;
border-color: #3498db;
box-shadow: none;
color: rgba(255, 255, 255, .5);
cursor: not-allowed
}
.tox .tox-button:focus:not(:disabled) {
background-color: #258cd1;
background-image: none;
border-color: #258cd1;
box-shadow: none;
color: #fff
}
.tox .tox-button:hover:not(:disabled) {
background-color: #258cd1;
background-image: none;
border-color: #258cd1;
box-shadow: none;
color: #fff
}
.tox .tox-button:active:not(:disabled) {
background-color: #217dbb;
background-image: none;
border-color: #217dbb;
box-shadow: none;
color: #fff
}
.tox .tox-button--icon {
padding: 4px
}
.tox .tox-button--icon .tox-icon svg {
display: block;
fill: currentColor
}
.tox .tox-button-link {
background: 0;
border: none;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
margin: 0;
padding: 0;
white-space: nowrap
}
.tox .tox-button-link--sm {
font-size: 14px
}
.tox .tox-button--naked {
background-color: transparent;
border-color: transparent;
box-shadow: unset;
color: #fff
}
.tox .tox-button--naked:hover:not(:disabled) {
background-color: #466180;
border-color: #466180;
box-shadow: none;
color: #fff
}
.tox .tox-button--naked:focus:not(:disabled) {
background-color: #466180;
border-color: #466180;
box-shadow: none;
color: #fff
}
.tox .tox-button--naked:active:not(:disabled) {
background-color: #466180;
border-color: #466180;
box-shadow: none;
color: #fff
}
.tox .tox-button--naked .tox-icon svg {
fill: currentColor
}
.tox .tox-button--naked.tox-button--icon {
color: currentColor
}
.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
color: #fff
}
.tox .tox-button--secondary {
background-color: #3d546f;
background-image: none;
background-position: none;
background-repeat: none;
border-color: #3d546f;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: none;
color: #fff;
outline: 0;
padding: 4px 16px;
text-decoration: none;
text-transform: capitalize
}
.tox .tox-button--secondary[disabled] {
background-color: #3d546f;
background-image: none;
border-color: #3d546f;
box-shadow: none;
color: rgba(255, 255, 255, .5)
}
.tox .tox-button--secondary:focus:not(:disabled) {
background-color: #466180;
background-image: none;
border-color: #466180;
box-shadow: none;
color: #fff
}
.tox .tox-button--secondary:hover:not(:disabled) {
background-color: #466180;
background-image: none;
border-color: #466180;
box-shadow: none;
color: #fff
}
.tox .tox-button--secondary:active:not(:disabled) {
background-color: #466180;
background-image: none;
border-color: #466180;
box-shadow: none;
color: #fff
}
.tox .tox-checkbox {
align-items: center;
border-radius: 3px;
cursor: pointer;
display: flex;
height: 36px;
min-width: 36px
}
.tox .tox-checkbox__input {
height: 1px;
left: -10000px;
overflow: hidden;
position: absolute;
top: auto;
width: 1px
}
.tox .tox-checkbox__icons {
height: 24px;
width: 24px
}
.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
display: block;
fill: rgba(255, 255, 255, .2)
}
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
display: none;
fill: #3498db
}
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
display: none;
fill: #3498db
}
.tox .tox-checkbox__label {
margin-left: 4px
}
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
display: none
}
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
display: block
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
display: none
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
display: block
}
.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
border-radius: 3px;
box-shadow: inset 0 0 0 1px #3498db;
padding: calc(3px)
}
.tox .tox-bar .tox-checkbox {
margin-left: 4px
}
.tox .tox-slider {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
position: relative;
width: 100%
}
.tox .tox-slider__rail {
background-color: transparent;
border: 1px solid #000;
border-radius: 6px;
height: 6px;
min-width: 120px;
width: 100%
}
.tox .tox-slider__handle {
background-color: #3498db;
border-radius: 1.5px;
box-shadow: none;
height: 24px;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 3px
}
.tox .tox-spinner {
display: flex
}
.tox .tox-spinner > div {
animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
background-color: rgba(255, 255, 255, .5);
border-radius: 100%;
height: 8px;
width: 8px
}
.tox .tox-spinner > div:nth-child(1) {
animation-delay: -.32s
}
.tox .tox-spinner > div:nth-child(2) {
animation-delay: -.16s
}
.tox .tox-spinner > div:not(:first-child) {
margin-left: 4px
}
@keyframes tam-bouncing-dots {
0%, 100%, 80% {
transform: scale(0)
}
40% {
transform: scale(1)
}
}
.tox .tox-tooltip {
display: inline-block;
padding: 8px;
position: relative
}
.tox .tox-tooltip__body {
background-color: #3d546f;
border-radius: 3px;
box-shadow: 0 2px 4px rgba(34, 47, 62, .3);
color: rgba(255, 255, 255, .75);
font-size: 14px;
padding: 4px 8px
}
.tox .tox-tooltip__arrow {
position: absolute
}
.tox .tox-tooltip--down .tox-tooltip__arrow {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #3d546f;
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.tox .tox-tooltip--up .tox-tooltip__arrow {
border-bottom: 8px solid #3d546f;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%)
}
.tox .tox-tooltip--right .tox-tooltip__arrow {
border-bottom: 8px solid transparent;
border-left: 8px solid #3d546f;
border-top: 8px solid transparent;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.tox .tox-tooltip--left .tox-tooltip__arrow {
border-bottom: 8px solid transparent;
border-right: 8px solid #3d546f;
border-top: 8px solid transparent;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.tox .tox-anchorbar {
display: flex;
flex: 0 0 auto
}
.tox .tox-bar {
display: flex;
flex: 0 0 auto
}
.tox .tox-collection--toolbar .tox-collection__group {
display: flex;
padding: 0
}
.tox .tox-collection--grid .tox-collection__group {
display: flex;
flex-wrap: wrap;
max-height: 208px;
overflow-x: hidden;
overflow-y: auto;
padding: 0
}
.tox .tox-collection--list .tox-collection__group {
border-bottom-width: 0;
border-color: #1a1a1a;
border-left-width: 0;
border-right-width: 0;
border-style: solid;
border-top-width: 1px;
padding: 4px 0
}
.tox .tox-collection--list .tox-collection__group:first-child {
border-top-width: 0
}
.tox .tox-collection__item {
align-items: center;
color: #fff;
cursor: pointer;
display: flex;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tox .tox-collection__item.tox-collection__item--active {
background-color: #434e5b
}
.tox .tox-collection__item.tox-collection__item--state-disabled {
background-color: unset;
color: rgba(255, 255, 255, .5);
cursor: default
}
.tox .tox-collection--list .tox-collection__item {
padding: 4px 8px
}
.tox .tox-collection--toolbar .tox-collection__item {
border-radius: 3px;
padding: 4px
}
.tox .tox-collection--grid .tox-collection__item {
border-radius: 3px;
padding: 4px
}
.tox .tox-collection__item-icon {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px
}
.tox .tox-collection__item-icon svg {
fill: currentColor
}
.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
height: 48px;
width: 48px
}
.tox .tox-collection--list .tox-collection__item-icon:first-child {
margin-right: 8px
}
.tox .tox-collection__item[role=menuitemcheckbox]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
display: none
}
.tox .tox-collection__item-label {
color: currentColor;
display: inline-block;
flex: 1;
-ms-flex-preferred-size: auto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-transform: none
}
.tox .tox-collection__item-accessory {
color: rgba(255, 255, 255, .5);
display: inline-block;
font-size: 14px;
height: 24px;
line-height: 24px;
margin-left: 16px;
text-align: right;
text-transform: normal
}
.tox .tox-color-picker-container {
display: flex;
flex-direction: row;
height: 225px;
margin: 0
}
.tox .tox-sv-palette {
border: 1px solid #000;
display: flex;
height: 100%;
margin-right: 15px
}
.tox .tox-sv-palette-spectrum {
height: 100%
}
.tox .tox-sv-palette, .tox .tox-sv-palette-spectrum {
width: 225px
}
.tox .tox-sv-palette-thumb {
background: 0 0;
border: 1px solid #000;
border-radius: 50%;
height: 12px;
position: absolute;
width: 12px
}
.tox .tox-sv-palette-inner-thumb {
border: 1px solid #fff;
border-radius: 50%;
height: 10px;
position: absolute;
width: 10px
}
.tox .tox-hue-slider {
border: 1px solid #000;
height: 100%;
margin-right: 15px;
width: 25px
}
.tox .tox-hue-slider-spectrum {
background: linear-gradient(to bottom, red, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, red);
height: 100%;
width: 100%
}
.tox .tox-hue-slider, .tox .tox-hue-slider-spectrum {
width: 20px
}
.tox .tox-hue-slider-thumb {
background: #fff;
border: 1px solid #000;
height: 4px;
margin-left: -1px;
width: 100%
}
.tox .tox-rgb-form {
display: flex;
flex-direction: column;
justify-content: space-between
}
.tox .tox-rgb-form div {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 5px;
width: inherit
}
.tox .tox-rgb-form input {
width: 6em
}
.tox .tox-rgb-form input.tox-invalid {
border: 1px solid red !important
}
.tox .tox-rgb-form label {
margin-right: .5em
}
.tox .tox-rgb-form .tox-rgba-preview {
border: 1px solid #000;
flex-grow: 2;
margin-bottom: 0
}
.tox .tox-toolbar .tox-swatches {
margin: 2px 0 3px 4px
}
.tox .tox-swatches__row {
display: flex
}
.tox .tox-swatch {
height: 30px;
transition: transform .15s, box-shadow .15s;
width: 30px
}
.tox .tox-swatch:hover {
transform: scale(.8)
}
.tox .tox-swatch--outline:hover, .tox .tox-swatch--remove:hover {
box-shadow: 0 0 0 2px #000
}
.tox .tox-swatch--remove svg {
stroke: #e74c3c
}
.tox .tox-swatches__picker-btn {
align-items: center;
background-color: transparent;
border: 0;
cursor: pointer;
display: flex;
height: 30px;
justify-content: center;
margin-left: auto;
outline: 0;
padding: 0;
width: 30px
}
.tox .tox-swatches__picker-btn svg {
height: 24px;
width: 24px
}
.tox .tox-swatches__picker-btn:hover {
background: #434e5b
}
.tox .tox-swatches__picker-btn:active > svg {
transform: translateY(1px)
}
.tox .tox-comment {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 16px
}
.tox .tox-comment__item {
background: #2b3b4e;
border: 1px solid #000;
border-radius: 3px;
box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1);
padding: 8px
}
.tox .tox-comment__item + .tox-comment__item {
margin-top: 8px
}
.tox .tox-comment__body {
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
margin-top: 8px;
text-transform: initial
}
.tox .tox-comment__body p {
margin: 0
}
.tox .tox-comment__reply {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.tox .tox-comment__reply > :first-child {
margin-bottom: 8px;
width: 100%
}
.tox .tox-user {
align-items: center;
display: flex
}
.tox .tox-user__avatar svg {
fill: rgba(255, 255, 255, .5)
}
.tox .tox-user__name {
color: rgba(255, 255, 255, .5);
font-size: 12px;
font-style: normal;
font-weight: 700;
text-transform: uppercase
}
.tox .tox-user__avatar + .tox-user__name {
margin-left: 8px
}
.tox .tox-dialog-wrap {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 200
}
.tox .tox-dialog-wrap__backdrop {
background-color: rgba(34, 47, 62, .75);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 201
}
.tox .tox-dialog {
background-color: #2b3b4e;
border-color: #000;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 16px 16px -10px rgba(34, 47, 62, .15), 0 0 40px 1px rgba(34, 47, 62, .15);
max-height: 100%;
max-width: 480px;
overflow: hidden;
position: relative;
width: 95vw;
z-index: 202
}
.tox .tox-dialog__header {
align-items: center;
background-color: #2b3b4e;
border-bottom: none;
color: #fff;
display: flex;
font-size: 16px;
justify-content: space-between;
margin-bottom: 16px;
padding: 8px 16px 0 16px;
position: relative
}
.tox .tox-dialog__header .tox-button {
z-index: 1
}
.tox .tox-dialog__draghandle {
cursor: grab;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.tox .tox-dialog__draghandle:active {
cursor: grabbing
}
.tox .tox-dialog__dismiss {
margin-left: auto
}
.tox .tox-dialog__title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
margin: 0;
text-transform: normal
}
.tox .tox-dialog__body {
color: #fff;
display: flex;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
padding: 0 16px;
text-align: left;
text-transform: normal
}
.tox .tox-dialog__body-nav {
align-items: flex-start;
display: flex;
flex-direction: column;
margin-right: 32px
}
.tox .tox-dialog__body-nav-item {
border-bottom: 2px solid transparent;
color: rgba(255, 255, 255, .5);
display: inline-block;
font-size: 14px;
line-height: 1.3;
margin-bottom: 8px;
text-decoration: none
}
.tox .tox-dialog__body-nav-item--active {
border-bottom: 2px solid #3498db;
color: #3498db
}
.tox .tox-dialog__body-content {
flex: 1;
-ms-flex-preferred-size: auto;
max-height: 650px;
overflow: auto
}
.tox .tox-dialog__body-content > * {
margin-bottom: 0;
margin-top: 16px
}
.tox .tox-dialog__body-content > :first-child {
margin-top: 0
}
.tox .tox-dialog__body-content > :last-child {
margin-bottom: 0
}
.tox .tox-dialog__body-content > :only-child {
margin-bottom: 0;
margin-top: 0
}
.tox .tox-dialog--width-lg {
max-width: 1200px
}
.tox .tox-dialog--width-md {
max-width: 800px
}
.tox .tox-dialog--width-md .tox-dialog__body-content {
overflow: auto
}
.tox .tox-dialog__body-content--centered {
text-align: center
}
.tox .tox-dialog__body-content--spacious {
margin-bottom: 16px
}
.tox .tox-dialog__footer {
align-items: center;
background-color: #2b3b4e;
border-top: 1px solid #000;
display: flex;
justify-content: space-between;
margin-top: 16px;
padding: 8px 16px
}
.tox .tox-dialog__footer .tox-dialog__footer-end > *, .tox .tox-dialog__footer .tox-dialog__footer-start > * {
margin-left: 8px
}
.tox .tox-dialog__busy-spinner {
align-items: center;
background-color: rgba(43, 59, 78, .75);
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 203
}
.tox .tox-dialog__table {
border-collapse: collapse
}
.tox .tox-dialog__table thead th {
font-weight: 700;
padding-top: 8px
}
.tox .tox-dialog__table thead tr {
border-bottom: none
}
.tox .tox-dialog__table tbody tr {
border-bottom: 1px solid #000
}
.tox .tox-dialog__table tbody tr:last-child {
border-bottom: none
}
.tox .tox-dialog__table td {
padding-bottom: 8px;
padding-top: 8px
}
.tox .tox-dropzone-container {
display: flex
}
.tox .tox-dropzone {
align-items: center;
background: #fff;
border: 2px dashed #000;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: 100px;
padding: 10px
}
.tox .tox-dropzone p {
margin: 0
}
.tox .tox-edit-area {
border-color: #000;
border-radius: 0;
border-style: solid;
border-width: 1px;
display: flex;
flex: 1;
-ms-flex-preferred-size: auto;
margin-top: -1px;
overflow: hidden;
position: relative
}
.tox .tox-edit-area__iframe {
border: 0;
box-sizing: border-box;
flex: 1;
-ms-flex-preferred-size: auto;
height: 100%;
position: absolute;
width: 100%
}
.tox.tox-inline-edit-area {
border: 1px dotted #000
}
.tox .tox-label, .tox .tox-toolbar-label {
color: rgba(255, 255, 255, .5);
display: block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
padding: 0 8px 0 0;
text-transform: normal;
white-space: nowrap
}
.tox .tox-toolbar-label {
padding: 0 8px
}
.tox .tox-form {
display: flex;
flex: 1;
flex-direction: column;
-ms-flex-preferred-size: auto
}
.tox .tox-form > .tox-form__group:not(:last-child) {
margin-bottom: 4px
}
.tox .tox-form--2col {
display: -ms-grid;
display: grid;
grid-gap: 0 16px;
-ms-grid-columns:(1fr) [ 2 ];
grid-template-columns: repeat(2, 1fr)
}
.tox .tox-form__controls-h-stack {
align-items: center;
display: flex
}
.tox .tox-form__controls-h-stack > :not(:first-child) {
margin-left: 4px
}
.tox .tox-form__group--inline {
align-items: center;
display: flex
}
.tox .tox-selectfield {
cursor: pointer;
position: relative
}
.tox .tox-selectfield select {
padding-right: 24px
}
.tox .tox-selectfield select::-ms-expand {
display: none
}
.tox .tox-selectfield svg {
pointer-events: none;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%)
}
.tox .tox-selectfield select, .tox .tox-textarea, .tox .tox-textfield, .tox .tox-toolbar-textfield {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #2b3b4e;
border-color: #000;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: none;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
outline: 0;
padding: 5px 4.75px;
resize: none;
width: 100%
}
.tox .tox-textarea:focus, .tox .tox-textfield:focus {
border-color: #3498db;
box-shadow: none;
outline: 0
}
.tox .tox-toolbar-textfield {
border-width: 0;
margin-bottom: 3px;
margin-top: 2px;
max-width: 250px
}
.tox .tox-toolbar-textfield + * {
margin-left: 4px
}
.tox .tox-naked-btn {
background-color: transparent;
border: 0;
border-color: transparent;
box-shadow: unset;
color: #3498db;
cursor: pointer;
display: block;
margin: 0;
padding: 0
}
.tox .tox-naked-btn svg {
display: block;
fill: #fff
}
.tox .tox-image-tools {
width: 100%
}
.tox .tox-image-tools__toolbar {
align-items: center;
display: flex;
justify-content: center
}
.tox .tox-image-tools__image {
background-color: #666;
height: 380px;
overflow: auto;
position: relative;
width: 100%
}
.tox .tox-image-tools__image, .tox .tox-image-tools__image + .tox-image-tools__toolbar {
margin-top: 8px
}
.tox .tox-image-tools__image-bg {
background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)
}
.tox .tox-image-tools__toolbar > .tox-button + .tox-slider {
margin-left: 32px
}
.tox .tox-image-tools__toolbar > .tox-slider + .tox-button {
margin-left: 32px
}
.tox .tox-image-tools__toolbar > .tox-spacer {
flex: 1;
-ms-flex-preferred-size: auto
}
.tox .tox-croprect-block {
background: #000;
opacity: .5;
position: absolute;
zoom: 1
}
.tox .tox-croprect-handle {
border: 2px solid #fff;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px
}
.tox .tox-croprect-handle-move {
border: 0;
cursor: move;
position: absolute
}
.tox .tox-croprect-handle-nw {
border-width: 2px 0 0 2px;
cursor: nw-resize;
left: 100px;
margin: -2px 0 0 -2px;
top: 100px
}
.tox .tox-croprect-handle-ne {
border-width: 2px 2px 0 0;
cursor: ne-resize;
left: 200px;
margin: -2px 0 0 -20px;
top: 100px
}
.tox .tox-croprect-handle-sw {
border-width: 0 0 2px 2px;
cursor: sw-resize;
left: 100px;
margin: -20px 2px 0 -2px;
top: 200px
}
.tox .tox-croprect-handle-se {
border-width: 0 2px 2px 0;
cursor: se-resize;
left: 200px;
margin: -20px 0 0 -20px;
top: 200px
}
.tox .tox-insert-table-picker {
display: flex;
flex-wrap: wrap;
width: 169px
}
.tox .tox-insert-table-picker > div {
border-color: #000;
border-style: solid;
border-width: 0 1px 1px 0;
box-sizing: content-box;
height: 16px;
width: 16px
}
.tox .tox-insert-table-picker > div:nth-child(10n) {
border-right: 0
}
.tox .tox-menu .tox-insert-table-picker {
margin: -4px 0
}
.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
background-color: rgba(52, 152, 219, .5);
border-color: rgba(52, 152, 219, .5)
}
.tox .tox-insert-table-picker__label {
color: rgba(255, 255, 255, .5);
display: block;
font-size: 14px;
padding: 4px;
text-align: center;
width: 100%
}
.tox .tox-menu {
background-color: #2b3b4e;
border-color: #000;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1);
color: #fff;
display: inline-block;
overflow: hidden;
vertical-align: top
}
.tox .tox-menu.tox-collection.tox-collection--list {
padding: 0
}
.tox .tox-menu.tox-collection.tox-collection--toolbar {
padding: 4px
}
.tox .tox-menu.tox-collection.tox-collection--grid {
padding: 4px
}
.tox .tox-menu__label blockquote, .tox .tox-menu__label code, .tox .tox-menu__label h1, .tox .tox-menu__label h2, .tox .tox-menu__label h3, .tox .tox-menu__label h4, .tox .tox-menu__label h5, .tox .tox-menu__label h6, .tox .tox-menu__label p {
margin: 0
}
.tox .tox-menu__toolbar {
display: flex
}
.tox .tox-menu__toolbar-group {
align-items: center;
background: 0 0;
border: none;
border-radius: 0;
display: flex;
flex: 1;
-ms-flex-preferred-size: auto;
justify-content: center;
margin: 0;
padding: 0 4px
}
.tox .tox-menu__toolbar-group:not(:last-of-type) {
border-right: 1px solid #000
}
.tox .tox-menu__toolbar-group .tox-split-button, .tox .tox-menu__toolbar-group .tox-tbtn, .tox .tox-menu__toolbar-group .tox-toolbar-textfield {
margin: 0
}
.tox .tox-menubar {
background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") 0 0 #222f3e;
background-color: #222f3e;
border-color: #000;
border-radius: 0;
border-style: solid;
border-width: 1px 1px 0 1px;
display: flex;
flex: 0 0 auto;
flex-shrink: 0;
flex-wrap: wrap;
margin: 0;
padding: 0 4px
}
.tox .tox-mbtn {
align-items: center;
background: 0 0;
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
display: flex;
flex: 0 0 auto;
font-size: 14px;
font-style: normal;
font-weight: 400;
height: 34px;
justify-content: center;
margin: 2px 0 3px 0;
outline: 0;
overflow: hidden;
padding: 0 4px;
text-transform: normal;
width: auto
}
.tox .tox-mbtn:hover {
background: #434e5b;
box-shadow: none;
color: #fff
}
.tox .tox-mbtn:focus {
background: #434e5b;
box-shadow: none;
color: #fff
}
.tox .tox-mbtn--active {
background: #434e5b;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1) inset;
color: #fff
}
.tox .tox-mbtn__select-label {
cursor: default;
font-weight: 400;
margin: 0 4px
}
.tox .tox-mbtn__select-chevron {
align-items: center;
display: flex;
justify-content: center;
width: 16px;
display: none
}
.tox .tox-notification {
background-color: #fff;
border-color: #c5c5c5;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
margin-top: 5px;
opacity: 0;
padding: 5px;
transition: transform .1s ease-in, opacity 150ms ease-in
}
.tox .tox-notification--in {
opacity: 1
}
.tox .tox-notification--success {
background-color: #dff0d8;
border-color: #d6e9c6
}
.tox .tox-notification--error {
background-color: #f2dede;
border-color: #ebccd1
}
.tox .tox-notification--warning {
background-color: #fcf8e3;
border-color: #faebcc
}
.tox .tox-notification--info {
background-color: #d9edf7;
border-color: #779ecb
}
.tox .tox-notification__body {
-ms-grid-row-align: center;
align-self: center;
color: #31708f;
font-size: 14px;
grid-column-end: 3;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column-start: 2;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
text-align: center;
white-space: normal;
word-break: break-all;
word-break: break-word;
word-wrap: break-word
}
.tox .tox-notification__body > * {
margin: 0
}
.tox .tox-notification__body > * + * {
margin-top: 1rem
}
.tox .tox-notification__icon {
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: end;
grid-column-end: 2;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column-start: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
justify-self: end
}
.tox .tox-notification__right-icon {
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: end;
grid-column-end: 4;
-ms-grid-column-span: 1;
-ms-grid-column: 3;
grid-column-start: 3;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
justify-self: end
}
.tox .tox-notification__icon svg, .tox .tox-notification__right-icon svg {
display: block
}
.tox .tox-notification__dismiss {
-ms-grid-row-align: start;
align-self: start;
-ms-grid-column-align: end;
grid-column-end: 4;
-ms-grid-column-span: 1;
-ms-grid-column: 3;
grid-column-start: 3;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
justify-self: end
}
.tox .tox-notification .tox-progress-bar {
-ms-grid-column-align: center;
grid-column-end: 4;
-ms-grid-column-span: 3;
-ms-grid-column: 1;
grid-column-start: 1;
grid-row-end: 3;
-ms-grid-row-span: 1;
-ms-grid-row: 2;
grid-row-start: 2;
justify-self: center
}
.tox .tox-pop {
display: inline-block;
position: relative
}
.tox .tox-pop--resizing {
transition: width .1s ease
}
.tox .tox-pop--resizing .tox-toolbar {
flex-wrap: nowrap
}
.tox .tox-pop__dialog {
border: 1px solid #000;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
min-width: 0;
overflow: hidden
}
.tox .tox-pop__dialog > :not(.tox-toolbar) {
margin: 4px 4px 4px 8px
}
.tox .tox-pop::after, .tox .tox-pop::before {
border-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0
}
.tox .tox-pop.tox-pop--bottom::after, .tox .tox-pop.tox-pop--bottom::before {
left: 50%;
top: 100%
}
.tox .tox-pop.tox-pop--bottom::after {
border-color: #222f3e transparent transparent transparent;
border-width: 8px;
margin-left: -8px;
margin-top: -1px
}
.tox .tox-pop.tox-pop--bottom::before {
border-color: #000 transparent transparent transparent;
border-width: 9px;
margin-left: -9px
}
.tox .tox-pop.tox-pop--top::after, .tox .tox-pop.tox-pop--top::before {
left: 50%;
top: 0;
transform: translateY(-100%)
}
.tox .tox-pop.tox-pop--top::after {
border-color: transparent transparent #222f3e transparent;
border-width: 8px;
margin-left: -8px;
margin-top: 1px
}
.tox .tox-pop.tox-pop--top::before {
border-color: transparent transparent #000 transparent;
border-width: 9px;
margin-left: -9px
}
.tox .tox-pop.tox-pop--left::after, .tox .tox-pop.tox-pop--left::before {
left: 0;
top: calc(50% - 1px);
transform: translateY(-50%)
}
.tox .tox-pop.tox-pop--left::after {
border-color: transparent #222f3e transparent transparent;
border-width: 8px;
margin-left: -15px
}
.tox .tox-pop.tox-pop--left::before {
border-color: transparent #000 transparent transparent;
border-width: 10px;
margin-left: -19px
}
.tox .tox-pop.tox-pop--right::after, .tox .tox-pop.tox-pop--right::before {
left: 100%;
top: calc(50% + 1px);
transform: translateY(-50%)
}
.tox .tox-pop.tox-pop--right::after {
border-color: transparent transparent transparent #222f3e;
border-width: 8px;
margin-left: -1px
}
.tox .tox-pop.tox-pop--right::before {
border-color: transparent transparent transparent #000;
border-width: 10px;
margin-left: -1px
}
.tox .tox-pop.tox-pop--align-left::after, .tox .tox-pop.tox-pop--align-left::before {
left: 20px
}
.tox .tox-pop.tox-pop--align-right::after, .tox .tox-pop.tox-pop--align-right::before {
left: calc(100% - 20px)
}
.tox .tox-separator {
background-color: #000;
margin: 0;
width: 1px
}
.tox .tox-special-characters {
display: block;
padding-bottom: 24px
}
@supports (display:grid) {
.tox .tox-special-characters {
display: -ms-grid;
display: grid;
-ms-grid-columns:(minmax(24px, 1fr)) [ auto-fill ];
grid-template-columns: repeat(auto-fill, minmax(24px, 1fr))
}
}
.tox .tox-special-characters span {
border-radius: 6px;
cursor: pointer;
display: block;
font-size: 20px;
height: 24px;
line-height: 24px;
position: relative;
text-align: center;
transition: transform .05s
}
.tox .tox-special-characters span:hover {
background-color: #434e5b
}
.tox .tox-special-characters span:hover::after {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
content: attr(data-glyph);
font-size: 2.25em;
height: 1.25em;
left: 50%;
line-height: 1.25em;
pointer-events: none;
position: absolute;
top: 0;
transform: translateY(-1.15em) translateX(-50%);
width: 1.25em;
z-index: 9
}
.tox .tox-statusbar {
align-items: center;
background-color: #222f3e;
border-color: #000;
border-radius: 0;
border-style: solid;
border-width: 1px;
color: rgba(255, 255, 255, .5);
display: flex;
flex: 0 0 auto;
font-size: 12px;
height: 18px;
margin-top: -1px;
overflow: hidden;
padding: 0 8px;
position: relative;
text-transform: uppercase
}
.tox .tox-statusbar a {
color: rgba(255, 255, 255, .5);
text-decoration: none
}
.tox .tox-statusbar a:hover {
text-decoration: underline
}
.tox .tox-statusbar__text-container {
display: flex;
flex: 1 1 auto;
justify-content: flex-end;
overflow: hidden
}
.tox .tox-statusbar__path {
display: flex;
flex: 1 1 auto;
margin-right: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.tox .tox-statusbar__path > * {
display: inline;
margin-right: 4px;
white-space: nowrap
}
.tox .tox-statusbar__branding, .tox .tox-statusbar__wordcount {
flex: 0 0 auto;
margin-left: 1ch
}
.tox .tox-statusbar__resize-handle {
align-items: flex-end;
align-self: stretch;
cursor: nwse-resize;
display: flex;
flex: 0 0 auto;
justify-content: flex-end;
margin-right: -8px;
padding-left: 1ch
}
.tox .tox-statusbar__resize-handle svg {
display: block;
fill: rgba(255, 255, 255, .5)
}
.tox .tox-tbtn {
align-items: center;
background: 0 0;
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
display: flex;
flex: 0 0 auto;
font-size: 14px;
font-style: normal;
font-weight: 400;
height: 34px;
justify-content: center;
margin: 2px 0 3px 0;
outline: 0;
overflow: hidden;
padding: 0;
text-transform: normal;
width: 34px
}
.tox .tox-tbtn svg {
display: block;
fill: #fff
}
.tox .tox-tbtn + .tox-tbtn {
margin-left: 0
}
.tox .tox-tbtn--enabled {
background: #6f7882;
box-shadow: none;
color: #fff
}
.tox .tox-tbtn--enabled svg {
fill: #fff
}
.tox .tox-tbtn:hover {
background: #434e5b;
box-shadow: none;
color: #fff
}
.tox .tox-tbtn:hover svg {
fill: #fff
}
.tox .tox-tbtn:focus {
background: #434e5b;
box-shadow: none;
color: #fff
}
.tox .tox-tbtn:focus svg {
fill: #fff
}
.tox .tox-tbtn:active {
background: #434e5b;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1) inset;
color: #fff
}
.tox .tox-tbtn:active svg {
fill: #fff
}
.tox .tox-tbtn:disabled, .tox .tox-tbtn:disabled:hover {
background: 0 0;
box-shadow: none;
color: rgba(255, 255, 255, .5);
cursor: not-allowed
}
.tox .tox-tbtn:disabled svg, .tox .tox-tbtn:disabled:hover svg {
fill: rgba(255, 255, 255, .5)
}
.tox .tox-tbtn:active > * {
transform: translateY(1px)
}
.tox .tox-tbtn--md {
height: 51px;
width: 51px
}
.tox .tox-tbtn--lg {
flex-direction: column;
height: 68px;
width: 68px
}
.tox .tox-tbtn--return {
-ms-grid-row-align: stretch;
align-self: stretch;
height: unset;
width: 16px
}
.tox .tox-tbtn--labeled {
padding: 0 4px;
width: unset
}
.tox .tox-tbtn__vlabel {
display: block;
font-size: 10px;
font-weight: 400;
letter-spacing: -.025em;
margin-bottom: 4px;
white-space: nowrap
}
.tox .tox-tbtn--ipm-alert {
color: #f1c40f
}
.tox .tox-tbtn--ipm-alert:hover {
color: #fff
}
.tox .tox-tbtn--ipm-alert:active {
color: #fff
}
.tox .tox-tbtn--select {
margin: 2px 0 3px 0;
padding: 0 4px;
width: auto
}
.tox .tox-tbtn__select-label {
cursor: default;
font-weight: 400;
margin: 0 4px
}
.tox .tox-tbtn__select-chevron {
align-items: center;
display: flex;
justify-content: center;
width: 16px
}
.tox .tox-tbtn__select-chevron svg {
fill: rgba(255, 255, 255, .5)
}
.tox .tox-split-button {
border: 0;
border-radius: 3px;
box-sizing: border-box;
display: flex;
margin: 2px 0 3px 0;
overflow: hidden
}
.tox .tox-split-button:hover {
box-shadow: 0 0 0 1px #434e5b inset
}
.tox .tox-split-button > * {
border-radius: 0
}
.tox .tox-split-button__chevron {
width: 16px
}
.tox .tox-split-button__chevron svg {
fill: rgba(255, 255, 255, .5)
}
.tox .tox-pop .tox-split-button__chevron svg {
transform: rotate(-90deg)
}
.tox .tox-split-button .tox-tbtn {
margin: 0
}
.tox .tox-toolbar {
background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") 0 0 #222f3e;
background-color: #222f3e;
border: 1px solid #000;
border-bottom-width: 0;
border-radius: 0;
display: flex;
flex: 0 0 auto;
flex-shrink: 0;
flex-wrap: wrap;
margin: 0;
padding: 0
}
.tox .tox-pop .tox-toolbar {
border-width: 0;
margin-bottom: -1px
}
.tox .tox-toolbar--no-divider {
background-image: none
}
.tox .tox-menubar + .tox-toolbar {
margin-top: -1px
}
.tox .tox-toolbar__group {
align-items: center;
background: 0 0;
border: none;
border-radius: 0;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0 4px
}
.tox .tox-toolbar__group:not(:last-of-type) {
border-right: 1px solid #000
}
.tox .tox-toolbar__group--pull-right {
margin-left: auto
}
.tox .tox-well {
border: 1px solid #000;
border-radius: 3px;
padding: 8px;
width: 100%
}
.tox .tox-well > :first-child {
margin-top: 0
}
.tox .tox-well > :last-child {
margin-bottom: 0
}
.tox .tox-well > :only-child {
margin: 0
}
.tox-fullscreen {
border: 0;
height: 100%;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
top: 0;
width: 100%
}
.tox-fullscreen .tox-statusbar__resize-handle {
display: none
}
.tox-fullscreen .tox.tox-tinymce {
z-index: 1000
}
.tox-fullscreen .tox.tox-tinymce-aux {
z-index: 1001
}
.tox .word-wrap {
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto
}
.tox .tox-notification.tox-has-close {
padding-right: 15px
}
.tox .tox-notification .tox-ico {
margin-top: 5px
}
.tox .tox-notification .tox-progress {
display: none;
margin-right: 8px
}
.tox .tox-notification .tox-progress.tox-progress-indicator {
display: block
}
.tox .tox-notification .tox-progress .tox-text {
margin-top: 5px;
text-align: center
}
.tox .tox-notification *, .tox .tox-notification .tox-progress .tox-text {
color: #595959
}
.tox .tox-notification .tox-progress .tox-bar-container {
border-color: #c5c5c5
}
.tox .tox-notification .tox-progress .tox-bar-container .tox-bar {
background-color: #595959
}
.tox .tox-notification-success *, .tox .tox-notification-success .tox-progress .tox-text {
color: #3c763d
}
.tox .tox-notification-success .tox-progress .tox-bar-container {
border-color: #d6e9c6
}
.tox .tox-notification-success .tox-progress .tox-bar-container .tox-bar {
background-color: #3c763d
}
.tox .tox-notification-info *, .tox .tox-notification-info .tox-progress .tox-text {
color: #31708f
}
.tox .tox-notification-info .tox-progress .tox-bar-container {
border-color: #779ecb
}
.tox .tox-notification-info .tox-progress .tox-bar-container .tox-bar {
background-color: #31708f
}
.tox .tox-notification-warning *, .tox .tox-notification-warning .tox-progress .tox-text {
color: #8a6d3b
}
.tox .tox-notification-warning .tox-progress .tox-bar-container {
border-color: #faebcc
}
.tox .tox-notification-warning .tox-progress .tox-bar-container .tox-bar {
background-color: #8a6d3b
}
.tox .tox-notification-error *, .tox .tox-notification-error .tox-progress .tox-text {
color: #a94442
}
.tox .tox-notification-error .tox-progress .tox-bar-container {
border-color: #ebccd1
}
.tox .tox-notification-error .tox-progress .tox-bar-container .tox-bar {
background-color: #a94442
}
.tox .tox-sidebar-wrap {
display: flex;
flex-direction: row;
flex-grow: 1
}
.tox .tox-sidebar {
display: flex;
flex-direction: row;
justify-content: flex-end
}
.tox .tox-sidebar__slider {
display: flex;
overflow: hidden
}
.tox .tox-sidebar__pane-container {
display: flex
}
.tox .tox-sidebar__pane {
display: flex
}
.tox .tox-sidebar--sliding-closed {
opacity: 0
}
.tox .tox-sidebar--sliding-open {
opacity: 1
}
.tox .tox-sidebar--sliding-growing, .tox .tox-sidebar--sliding-shrinking {
transition: width .5s ease, opacity .5s ease
}
.tox .tox-dialog-loading::before {
background-color: rgba(0, 0, 0, .5);
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 999
}
.tox .tox-tab {
cursor: pointer
}
.tox .tox-textbox-field-invalid input, .tox .tox-textbox-field-invalid textarea {
outline: 1px solid red
}
.tox .tox-special-characters {
max-width: 200px
}
.tox .tox-menu__item.tox-selected-item {
background-color: red;
color: #fff
}
.tox .tox-menu__item:hover:not(.tox-selected-item) {
background-color: inherit !important;
color: inherit !important
}
.tox .tox-input-wrap {
align-items: center;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #222f3e;
border-color: #000;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: none;
box-sizing: border-box;
color: #fff;
display: flex;
flex-grow: 1;
margin: 0;
outline: 0;
padding: 0
}
.tox .tox-input-wrap .tox-textfield {
border: none
}
.tox .tox-input-wrap:not(.tox-status-invalid) .tox-status-icon__error, .tox .tox-input-wrap:not(.tox-status-unknown) .tox-status-icon__warning, .tox .tox-input-wrap:not(.tox-status-valid) .tox-status-icon__checkmark {
display: none
}
.tox .tox-status {
transform: scale(.8)
}
.tox .tox-status-icon__checkmark svg {
fill: green
}
.tox .tox-status-icon__warning svg {
fill: orange
}
.tox .tox-status-icon__error svg {
fill: red
}
.tox .tox-lock.tox-locked .tox-lock-icon__unlock, .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
display: none
}
.tox .tox-dialog__content-js {
display: flex;
flex: 1;
-ms-flex-preferred-size: auto
}
.tox .tox-dialog {
display: flex;
flex-direction: column
}
.tox .tox-dialog__body {
display: flex;
flex: 1;
-ms-flex-preferred-size: auto
}
.tox .tox-dialog__body-content {
display: flex;
flex: 1;
-ms-flex-preferred-size: auto;
flex-direction: column
}
.tox .tox-form__group--stretched {
display: flex;
flex: 1;
-ms-flex-preferred-size: auto;
flex-direction: column
}
.tox .tox-form__group--stretched .tox-textarea {
flex: 1;
-ms-flex-preferred-size: auto;
resize: none
}
.tox .tox-form__group--stretched .tox-navobj {
display: flex;
flex: 1;
-ms-flex-preferred-size: auto
}
.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
flex: 1;
-ms-flex-preferred-size: auto
}
.tox .tox-dialog--width-lg {
height: 650px
}
.tox .tox-dropzone-container {
display: flex;
flex: 1;
-ms-flex-preferred-size: auto
}
.tox .tox-dropzone {
justify-content: center
}
.tox .tox-dropzone p {
color: rgba(255, 255, 255, .5);
margin-bottom: 1em
}
.tox .tox-dialog__popups {
position: absolute;
width: 100%;
z-index: 200
}
.tox .tox-checkbox__icons {
border-radius: 3px;
box-shadow: 0 0 0 2px transparent;
padding: calc(3px)
}
.tox .tox-dialog__body-content .tox-collection {
display: flex;
flex: 1;
-ms-flex-preferred-size: auto
}
.tox .tox-form__group--collection {
display: flex
}
.tox .tox-color-input {
display: flex
}
.tox .tox-color-input input {
border-radius: 3px 0 0 3px;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-right: 0
}
.tox .tox-color-input span {
border-radius: 0 3px 3px 0;
border-left: 0;
border-color: #000;
border-style: solid;
border-width: 1px;
box-shadow: none;
box-sizing: border-box;
display: flex;
width: 35px
}
.tox .tox-color-input span:focus {
border-color: #3498db
}
.tox .tox-autocompleter {
max-width: 25em
}
.tox .tox-autocompleter .tox-menu {
max-width: 25em
}
.tox .tox-collection__item.tox-collection__item--state-disabled.tox-collection__item--active {
background-color: #434e5b
}
.tox .tox-selectfield select:focus {
border-color: #3498db
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 7em
}
.tox ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-padding-start: 40px;
padding-inline-start: 40px
}
.tox a {
cursor: pointer;
color: #2276d2
}
.tox .tox-custom-editor {
display: flex
}
.tox .tox-image-tools-edit-panel {
height: 60px
}
.tox .tox-image-tools__sidebar {
height: 60px
}
.tox .tox-collection__item--enabled {
background: #6f7882
}
.tox[dir=rtl] {
direction: rtl
}
.tox[dir=rtl] .tox-statusbar__resize-handle {
justify-content: flex-start;
margin-left: -8px;
margin-right: 0;
padding-left: 0;
padding-right: 1ch
}
.tox[dir=rtl] .tox-statusbar .tox-statusbar__path {
text-align: right
}
/*# sourceMappingURL=skin.min.css.map */
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top;
background: transparent;
text-decoration: none;
color: #ddd;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-shadow: none;
float: none;
position: static;
width: auto;
height: auto;
white-space: nowrap;
cursor: inherit;
-webkit-tap-highlight-color: transparent;
line-height: normal;
font-weight: normal;
text-align: left;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
direction: ltr;
max-width: none
}
.mce-widget button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mce-container *[unselectable] {
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none
}
.mce-fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.mce-fade.mce-in {
opacity: 1
}
.mce-tinymce {
visibility: inherit !important;
position: relative
}
.mce-fullscreen {
border: 0;
padding: 0;
margin: 0;
overflow: hidden;
height: 100%;
z-index: 100
}
div.mce-fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto
}
.mce-tinymce {
display: block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mce-wordcount {
font-size: inherit;
padding: 8px 0
}
div.mce-edit-area {
background: #FFF;
filter: none
}
.mce-statusbar {
position: relative
}
.mce-statusbar .mce-container-body {
position: relative
}
.mce-fullscreen .mce-resizehandle {
display: none
}
.mce-charmap {
border-collapse: collapse
}
.mce-charmap td {
cursor: default;
border: 1px solid #9e9e9e;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
padding: 2px
}
.mce-charmap td div {
text-align: center
}
.mce-charmap td:hover {
background: #868686
}
.mce-grid td.mce-grid-cell div {
border: 1px solid #d6d6d6;
width: 15px;
height: 15px;
margin: 0px;
cursor: pointer
}
.mce-grid td.mce-grid-cell div:focus {
border-color: #d6d6d6
}
.mce-grid td.mce-grid-cell div[disabled] {
cursor: not-allowed
}
.mce-grid {
border-spacing: 2px;
border-collapse: separate
}
.mce-grid a {
display: block;
border: 1px solid transparent
}
.mce-grid a:hover, .mce-grid a:focus {
border-color: #d6d6d6
}
.mce-grid-border {
margin: 0 4px 0 4px
}
.mce-grid-border a {
border-color: #d6d6d6;
width: 13px;
height: 13px
}
.mce-grid-border a:hover, .mce-grid-border a.mce-active {
border-color: #d6d6d6;
background: #de7133
}
.mce-text-center {
text-align: center
}
div.mce-tinymce-inline {
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.mce-colorbtn-trans div {
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 20px;
line-height: 16px;
color: #e7e7e7
}
.mce-monospace {
font-family: "Courier New", Courier, monospace
}
.mce-toolbar-grp {
padding-bottom: 2px
}
.mce-toolbar-grp .mce-flow-layout-item {
margin-bottom: 0
}
.mce-rtl .mce-wordcount {
left: 0;
right: auto
}
.mce-container b {
font-weight: bold
}
.mce-container p {
margin-bottom: 5px
}
.mce-container a {
cursor: pointer;
color: #2980b9
}
.mce-container a:hover {
text-decoration: underline
}
.mce-container ul {
margin-left: 15px
}
.mce-container .mce-table-striped {
border-collapse: collapse;
margin: 10px
}
.mce-container .mce-table-striped thead > tr {
background-color: #fafafa
}
.mce-container .mce-table-striped thead > tr th {
font-weight: bold
}
.mce-container .mce-table-striped td, .mce-container .mce-table-striped th {
padding: 5px
}
.mce-container .mce-table-striped tr:nth-child(even) {
background-color: #fafafa
}
.mce-container .mce-table-striped tbody > tr:hover {
background-color: #e1e1e1
}
.mce-statusbar > .mce-container-body {
display: flex;
padding-right: 16px
}
.mce-statusbar > .mce-container-body .mce-path {
flex: 1
}
.mce-branding {
font-size: inherit;
white-space: pre;
padding: 8px 0
}
.mce-branding a {
font-size: inherit;
color: inherit
}
.mce-croprect-container {
position: absolute;
top: 0;
left: 0
}
.mce-croprect-handle {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border: 2px solid white
}
.mce-croprect-handle-nw {
border-width: 2px 0 0 2px;
margin: -2px 0 0 -2px;
cursor: nw-resize;
top: 100px;
left: 100px
}
.mce-croprect-handle-ne {
border-width: 2px 2px 0 0;
margin: -2px 0 0 -20px;
cursor: ne-resize;
top: 100px;
left: 200px
}
.mce-croprect-handle-sw {
border-width: 0 0 2px 2px;
margin: -20px 2px 0 -2px;
cursor: sw-resize;
top: 200px;
left: 100px
}
.mce-croprect-handle-se {
border-width: 0 2px 2px 0;
margin: -20px 0 0 -20px;
cursor: se-resize;
top: 200px;
left: 200px
}
.mce-croprect-handle-move {
position: absolute;
cursor: move;
border: 0
}
.mce-croprect-block {
opacity: .3;
filter: alpha(opacity=30);
zoom: 1;
position: absolute;
background: black
}
.mce-croprect-handle:focus {
border-color: #a6a6a6
}
.mce-croprect-handle-move:focus {
outline: 1px solid #a6a6a6
}
.mce-imagepanel {
overflow: auto;
background: black
}
.mce-imagepanel-bg {
position: absolute;
background: url('data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==')
}
.mce-imagepanel img {
position: absolute
}
.mce-imagetool.mce-btn .mce-ico {
display: block;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 20px;
padding: 5px
}
.mce-arrow-up {
margin-top: 12px
}
.mce-arrow-down {
margin-top: -12px
}
.mce-arrow:before, .mce-arrow:after {
position: absolute;
left: 50%;
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
content: ""
}
.mce-arrow.mce-arrow-up:before {
top: -9px;
border-bottom-color: #9e9e9e;
border-width: 0 9px 9px;
margin-left: -9px
}
.mce-arrow.mce-arrow-down:before {
bottom: -9px;
border-top-color: #9e9e9e;
border-width: 9px 9px 0;
margin-left: -9px
}
.mce-arrow.mce-arrow-up:after {
top: -8px;
border-bottom-color: #474747;
border-width: 0 8px 8px;
margin-left: -8px
}
.mce-arrow.mce-arrow-down:after {
bottom: -8px;
border-top-color: #474747;
border-width: 8px 8px 0;
margin-left: -8px
}
.mce-arrow.mce-arrow-left:before, .mce-arrow.mce-arrow-left:after {
margin: 0
}
.mce-arrow.mce-arrow-left:before {
left: 8px
}
.mce-arrow.mce-arrow-left:after {
left: 9px
}
.mce-arrow.mce-arrow-right:before, .mce-arrow.mce-arrow-right:after {
left: auto;
margin: 0
}
.mce-arrow.mce-arrow-right:before {
right: 8px
}
.mce-arrow.mce-arrow-right:after {
right: 9px
}
.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left:before {
left: -9px;
top: 50%;
border-right-color: #9e9e9e;
border-width: 9px 9px 9px 0;
margin-top: -9px
}
.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left:after {
left: -8px;
top: 50%;
border-right-color: #474747;
border-width: 8px 8px 8px 0;
margin-top: -8px
}
.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left {
margin-left: 12px
}
.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right:before {
right: -9px;
top: 50%;
border-left-color: #9e9e9e;
border-width: 9px 0 9px 9px;
margin-top: -9px
}
.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right:after {
right: -8px;
top: 50%;
border-left-color: #474747;
border-width: 8px 0 8px 8px;
margin-top: -8px
}
.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right {
margin-left: -14px
}
.mce-edit-aria-container > .mce-container-body {
display: flex
}
.mce-edit-aria-container > .mce-container-body .mce-edit-area {
flex: 1
}
.mce-edit-aria-container > .mce-container-body .mce-sidebar > .mce-container-body {
display: flex;
align-items: stretch;
height: 100%
}
.mce-edit-aria-container > .mce-container-body .mce-sidebar-panel {
min-width: 250px;
max-width: 250px;
position: relative
}
.mce-edit-aria-container > .mce-container-body .mce-sidebar-panel > .mce-container-body {
position: absolute;
width: 100%;
height: 100%;
overflow: auto;
top: 0;
left: 0
}
.mce-sidebar-toolbar {
border: 0 solid #9e9e9e;
border-left-width: 1px
}
.mce-sidebar-toolbar .mce-btn.mce-active, .mce-sidebar-toolbar .mce-btn.mce-active:hover {
border: 1px solid transparent;
border-color: transparent;
background-color: #de7133;
background-image: -moz-linear-gradient(top, #de7133, #de7133);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de7133), to(#de7133));
background-image: -webkit-linear-gradient(top, #de7133, #de7133);
background-image: -o-linear-gradient(top, #de7133, #de7133);
background-image: linear-gradient(to bottom, #de7133, #de7133);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7133', endColorstr='#ffde7133', GradientType=0);
zoom: 1
}
.mce-sidebar-toolbar .mce-btn.mce-active button, .mce-sidebar-toolbar .mce-btn.mce-active:hover button, .mce-sidebar-toolbar .mce-btn.mce-active button i, .mce-sidebar-toolbar .mce-btn.mce-active:hover button i {
color: #fff;
text-shadow: 1px 1px #333
}
.mce-sidebar-panel {
border: 0 solid #9e9e9e;
border-left-width: 1px
}
.mce-container, .mce-container-body {
display: block
}
.mce-autoscroll {
overflow: hidden
}
.mce-scrollbar {
position: absolute;
width: 7px;
height: 100%;
top: 2px;
right: 2px;
opacity: .4;
filter: alpha(opacity=40);
zoom: 1
}
.mce-scrollbar-h {
top: auto;
right: auto;
left: 2px;
bottom: 2px;
width: 100%;
height: 7px
}
.mce-scrollbar-thumb {
position: absolute;
background-color: #000;
border: 1px solid #888;
border-color: rgba(85, 85, 85, 0.6);
width: 5px;
height: 100%;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.mce-scrollbar-h .mce-scrollbar-thumb {
width: 100%;
height: 5px
}
.mce-scrollbar:hover, .mce-scrollbar.mce-active {
background-color: #AAA;
opacity: .6;
filter: alpha(opacity=60);
zoom: 1;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.mce-scroll {
position: relative
}
.mce-panel {
border: 0 solid #585858;
border: 0 solid #9e9e9e;
background-color: #474747;
background-image: -moz-linear-gradient(top, #474747, #474747);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#474747), to(#474747));
background-image: -webkit-linear-gradient(top, #474747, #474747);
background-image: -o-linear-gradient(top, #474747, #474747);
background-image: linear-gradient(to bottom, #474747, #474747);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff474747', endColorstr='#ff474747', GradientType=0);
zoom: 1
}
.mce-floatpanel {
position: absolute;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}
.mce-floatpanel.mce-fixed {
position: fixed
}
.mce-floatpanel .mce-arrow, .mce-floatpanel .mce-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.mce-floatpanel .mce-arrow {
border-width: 11px
}
.mce-floatpanel .mce-arrow:after {
border-width: 10px;
content: ""
}
.mce-floatpanel.mce-popover {
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background: transparent;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
background: #474747;
border: 1px solid #9e9e9e;
border: 1px solid rgba(0, 0, 0, 0.25)
}
.mce-floatpanel.mce-popover.mce-bottom {
margin-top: 10px;
*margin-top: 0
}
.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #9e9e9e;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px
}
.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #474747
}
.mce-floatpanel.mce-popover.mce-bottom.mce-start {
margin-left: -22px
}
.mce-floatpanel.mce-popover.mce-bottom.mce-start > .mce-arrow {
left: 20px
}
.mce-floatpanel.mce-popover.mce-bottom.mce-end {
margin-left: 22px
}
.mce-floatpanel.mce-popover.mce-bottom.mce-end > .mce-arrow {
right: 10px;
left: auto
}
.mce-fullscreen {
border: 0;
padding: 0;
margin: 0;
overflow: hidden;
height: 100%
}
div.mce-fullscreen {
position: fixed;
top: 0;
left: 0
}
#mce-modal-block {
opacity: 0;
filter: alpha(opacity=0);
zoom: 1;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000
}
#mce-modal-block.mce-in {
opacity: .3;
filter: alpha(opacity=30);
zoom: 1
}
.mce-window-move {
cursor: move
}
.mce-window {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background: transparent;
background: #474747;
position: fixed;
top: 0;
left: 0;
opacity: 0;
transform: scale(.1);
transition: transform 100ms ease-in, opacity 150ms ease-in
}
.mce-window.mce-in {
transform: scale(1);
opacity: 1
}
.mce-window-head {
padding: 9px 15px;
border-bottom: 1px solid #c4c4c4;
position: relative
}
.mce-window-head .mce-close {
position: absolute;
right: 0;
top: 0;
height: 38px;
width: 38px;
text-align: center;
cursor: pointer
}
.mce-window-head .mce-close i {
color: #a1a1a1
}
.mce-close:hover i {
color: #838383
}
.mce-window-head .mce-title {
line-height: 20px;
font-size: 20px;
font-weight: bold;
text-rendering: optimizelegibility;
padding-right: 20px
}
.mce-window .mce-container-body {
display: block
}
.mce-foot {
display: block;
background-color: #474747;
border-top: 1px solid #c4c4c4;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px
}
.mce-window-head .mce-dragh {
position: absolute;
top: 0;
left: 0;
cursor: move;
width: 90%;
height: 100%
}
.mce-window iframe {
width: 100%;
height: 100%
}
.mce-window.mce-fullscreen, .mce-window.mce-fullscreen .mce-foot {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.mce-window-body .mce-listbox {
border-color: #737373
}
.mce-rtl .mce-window-head .mce-close {
position: absolute;
right: auto;
left: 15px
}
.mce-rtl .mce-window-head .mce-dragh {
left: auto;
right: 0
}
.mce-rtl .mce-window-head .mce-title {
direction: rtl;
text-align: right
}
.mce-tooltip {
position: absolute;
padding: 5px;
opacity: .8;
filter: alpha(opacity=80);
zoom: 1
}
.mce-tooltip-inner {
font-size: 11px;
background-color: #000;
color: #fff;
max-width: 200px;
padding: 5px 8px 4px 8px;
text-align: center;
white-space: normal
}
.mce-tooltip-inner {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.mce-tooltip-inner {
-webkit-box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000
}
.mce-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000
}
.mce-tooltip-arrow-n {
border-bottom-color: #000
}
.mce-tooltip-arrow-s {
border-top-color: #000
}
.mce-tooltip-arrow-e {
border-left-color: #000
}
.mce-tooltip-arrow-w {
border-right-color: #000
}
.mce-tooltip-nw, .mce-tooltip-sw {
margin-left: -14px
}
.mce-tooltip-ne, .mce-tooltip-se {
margin-left: 14px
}
.mce-tooltip-n .mce-tooltip-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.mce-tooltip-nw .mce-tooltip-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.mce-tooltip-ne .mce-tooltip-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.mce-tooltip-s .mce-tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.mce-tooltip-sw .mce-tooltip-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.mce-tooltip-se .mce-tooltip-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.mce-tooltip-e .mce-tooltip-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent
}
.mce-tooltip-w .mce-tooltip-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent
}
.mce-progress {
display: inline-block;
position: relative;
height: 20px
}
.mce-progress .mce-bar-container {
display: inline-block;
width: 100px;
height: 100%;
margin-right: 8px;
border: 1px solid #202a33;
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.mce-progress .mce-text {
display: inline-block;
margin-top: auto;
margin-bottom: auto;
font-size: 14px;
width: 40px;
color: #c4c4c4
}
.mce-bar {
display: block;
width: 0%;
height: 100%;
background-color: #7d7d7d;
background-image: -moz-linear-gradient(top, #8f8f8f, #636363);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8f8f8f), to(#636363));
background-image: -webkit-linear-gradient(top, #8f8f8f, #636363);
background-image: -o-linear-gradient(top, #8f8f8f, #636363);
background-image: linear-gradient(to bottom, #8f8f8f, #636363);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8f8f8f', endColorstr='#ff636363', GradientType=0);
zoom: 1;
-webkit-transition: width .2s ease;
transition: width .2s ease
}
.mce-notification {
position: absolute;
background-color: #f0f0f0;
padding: 5px;
margin-top: 5px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
transition: transform 100ms ease-in, opacity 150ms ease-in;
opacity: 0
}
.mce-notification.mce-in {
opacity: 1
}
.mce-notification-success {
background-color: #dff0d8;
border-color: #d6e9c6
}
.mce-notification-info {
background-color: #d9edf7;
border-color: #779ecb
}
.mce-notification-warning {
background-color: #fcf8e3;
border-color: #faebcc
}
.mce-notification-error {
background-color: #f2dede;
border-color: #ebccd1
}
.mce-notification.mce-has-close {
padding-right: 15px
}
.mce-notification .mce-ico {
margin-top: 5px
}
.mce-notification-inner {
display: inline-block;
font-size: 14px;
margin: 5px 8px 4px 8px;
text-align: center;
white-space: normal;
color: #31708f
}
.mce-notification-inner a {
text-decoration: underline;
cursor: pointer
}
.mce-notification .mce-progress {
margin-right: 8px
}
.mce-notification .mce-progress .mce-text {
margin-top: 5px
}
.mce-notification *, .mce-notification .mce-progress .mce-text {
color: #333
}
.mce-notification .mce-progress .mce-bar-container {
border-color: #ccc
}
.mce-notification .mce-progress .mce-bar-container .mce-bar {
background-color: #333
}
.mce-notification-success *, .mce-notification-success .mce-progress .mce-text {
color: #3c763d
}
.mce-notification-success .mce-progress .mce-bar-container {
border-color: #d6e9c6
}
.mce-notification-success .mce-progress .mce-bar-container .mce-bar {
background-color: #3c763d
}
.mce-notification-info *, .mce-notification-info .mce-progress .mce-text {
color: #31708f
}
.mce-notification-info .mce-progress .mce-bar-container {
border-color: #779ecb
}
.mce-notification-info .mce-progress .mce-bar-container .mce-bar {
background-color: #31708f
}
.mce-notification-warning *, .mce-notification-warning .mce-progress .mce-text {
color: #8a6d3b
}
.mce-notification-warning .mce-progress .mce-bar-container {
border-color: #faebcc
}
.mce-notification-warning .mce-progress .mce-bar-container .mce-bar {
background-color: #8a6d3b
}
.mce-notification-error *, .mce-notification-error .mce-progress .mce-text {
color: #a94442
}
.mce-notification-error .mce-progress .mce-bar-container {
border-color: #ebccd1
}
.mce-notification-error .mce-progress .mce-bar-container .mce-bar {
background-color: #a94442
}
.mce-notification .mce-close {
position: absolute;
top: 6px;
right: 8px;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #a1a1a1;
cursor: pointer;
height: 20px;
overflow: hidden
}
.mce-abs-layout {
position: relative
}
body .mce-abs-layout-item, .mce-abs-end {
position: absolute
}
.mce-abs-end {
width: 1px;
height: 1px
}
.mce-container-body.mce-abs-layout {
overflow: hidden
}
.mce-btn {
border: 1px solid #546635;
border-color: rgba(140, 140, 140, 0.5) #73ad0c rgba(120, 120, 120, 0.25) rgba(140, 140, 140, 0.5);
position: relative;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
display: inline-block;
*display: inline;
*zoom: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #999;
background-image: -moz-linear-gradient(top, #a6a6a6, #868686);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6a6a6), to(#868686));
background-image: -webkit-linear-gradient(top, #a6a6a6, #868686);
background-image: -o-linear-gradient(top, #a6a6a6, #868686);
background-image: linear-gradient(to bottom, #a6a6a6, #868686);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa6a6a6', endColorstr='#ff868686', GradientType=0);
zoom: 1
}
.mce-btn:hover, .mce-btn:focus {
color: #2f2f2f;
background-color: #8c8c8c;
background-image: -moz-linear-gradient(top, #999, #797979);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#797979));
background-image: -webkit-linear-gradient(top, #999, #797979);
background-image: -o-linear-gradient(top, #999, #797979);
background-image: linear-gradient(to bottom, #999, #797979);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff999999', endColorstr='#ff797979', GradientType=0);
zoom: 1;
border-color: #737373
}
.mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button {
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: .4;
filter: alpha(opacity=40);
zoom: 1
}
.mce-btn.mce-active, .mce-btn.mce-active:hover {
background-color: #858585;
background-image: -moz-linear-gradient(top, #8d8d8d, #797979);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8d8d8d), to(#797979));
background-image: -webkit-linear-gradient(top, #8d8d8d, #797979);
background-image: -o-linear-gradient(top, #8d8d8d, #797979);
background-image: linear-gradient(to bottom, #8d8d8d, #797979);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d8d8d', endColorstr='#ff797979', GradientType=0);
zoom: 1;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
border-color: #737373
}
.mce-btn:active {
background-color: #898989;
background-image: -moz-linear-gradient(top, #949494, #797979);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#797979));
background-image: -webkit-linear-gradient(top, #949494, #797979);
background-image: -o-linear-gradient(top, #949494, #797979);
background-image: linear-gradient(to bottom, #949494, #797979);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff949494', endColorstr='#ff797979', GradientType=0);
zoom: 1;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
border-color: #737373
}
.mce-btn button {
padding: 4px 10px;
font-size: 14px;
line-height: 20px;
*line-height: 16px;
cursor: pointer;
color: #2f2f2f;
text-align: center;
overflow: visible;
-webkit-appearance: none
}
.mce-btn button::-moz-focus-inner {
border: 0;
padding: 0
}
.mce-btn i {
text-shadow: 1px 1px #c2c2c2
}
.mce-primary.mce-btn-has-text {
min-width: 50px
}
.mce-primary {
color: #fff;
border: 1px solid transparent;
border-color: transparent;
background-color: #de7133;
background-image: -moz-linear-gradient(top, #de7133, #de7133);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de7133), to(#de7133));
background-image: -webkit-linear-gradient(top, #de7133, #de7133);
background-image: -o-linear-gradient(top, #de7133, #de7133);
background-image: linear-gradient(to bottom, #de7133, #de7133);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7133', endColorstr='#ffde7133', GradientType=0);
zoom: 1
}
.mce-primary:hover, .mce-primary:focus {
background-color: #d56322;
background-image: -moz-linear-gradient(top, #d56322, #d56322);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d56322), to(#d56322));
background-image: -webkit-linear-gradient(top, #d56322, #d56322);
background-image: -o-linear-gradient(top, #d56322, #d56322);
background-image: linear-gradient(to bottom, #d56322, #d56322);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd56322', endColorstr='#ffd56322', GradientType=0);
zoom: 1;
border-color: transparent
}
.mce-primary.mce-disabled button, .mce-primary.mce-disabled:hover button {
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: .4;
filter: alpha(opacity=40);
zoom: 1
}
.mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active {
background-color: #bf591f;
background-image: -moz-linear-gradient(top, #bf591f, #bf591f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bf591f), to(#bf591f));
background-image: -webkit-linear-gradient(top, #bf591f, #bf591f);
background-image: -o-linear-gradient(top, #bf591f, #bf591f);
background-image: linear-gradient(to bottom, #bf591f, #bf591f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf591f', endColorstr='#ffbf591f', GradientType=0);
zoom: 1;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.mce-primary button, .mce-primary button i {
color: #fff;
text-shadow: 1px 1px #333
}
.mce-btn .mce-txt {
font-size: inherit;
line-height: inherit;
color: inherit
}
.mce-btn-large button {
padding: 9px 14px;
font-size: 16px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.mce-btn-large i {
margin-top: 2px
}
.mce-btn-small button {
padding: 1px 5px;
font-size: 12px;
*padding-bottom: 2px
}
.mce-btn-small i {
line-height: 20px;
vertical-align: top;
*line-height: 18px
}
.mce-btn .mce-caret {
margin-top: 8px;
margin-left: 0
}
.mce-btn-small .mce-caret {
margin-top: 8px;
margin-left: 0
}
.mce-caret {
display: inline-block;
*display: inline;
*zoom: 1;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #2f2f2f;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: ""
}
.mce-disabled .mce-caret {
border-top-color: #aaa
}
.mce-caret.mce-up {
border-bottom: 4px solid #2f2f2f;
border-top: 0
}
.mce-btn-flat {
border: 0;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
filter: none
}
.mce-btn-flat:hover, .mce-btn-flat.mce-active, .mce-btn-flat:focus, .mce-btn-flat:active {
border: 0;
background: #8d8d8d;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.mce-btn-has-text .mce-ico {
padding-right: 5px
}
.mce-rtl .mce-btn button {
direction: rtl
}
.mce-btn-group .mce-btn {
border-width: 1px;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-left: 2px
}
.mce-btn-group .mce-btn {
border-left-width: 0;
border-right-width: 0;
margin-left: 0
}
.mce-btn-group:not(:first-child) {
padding-left: 1px;
margin-left: 1px
}
.mce-btn-group .mce-first {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
border-left: 1px solid rgba(140, 140, 140, 0.5);
margin-left: 0
}
.mce-btn-group .mce-last {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-right: 1px solid #73ad0c
}
.mce-btn-group .mce-first.mce-last {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.mce-btn-group .mce-btn.mce-flow-layout-item {
margin: 0
}
.mce-rtl .mce-btn-group .mce-btn {
margin-left: 0;
margin-right: 2px
}
.mce-rtl .mce-btn-group .mce-first {
margin-right: 0
}
.mce-rtl .mce-btn-group:not(:first-child) {
border-left: none;
border-right: 1px solid #808080;
padding-right: 4px;
margin-right: 4px
}
.mce-checkbox {
cursor: pointer
}
i.mce-i-checkbox {
margin: 0 3px 0 0;
border: 1px solid #8f8f8f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #999;
background-image: -moz-linear-gradient(top, #a6a6a6, #868686);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6a6a6), to(#868686));
background-image: -webkit-linear-gradient(top, #a6a6a6, #868686);
background-image: -o-linear-gradient(top, #a6a6a6, #868686);
background-image: linear-gradient(to bottom, #a6a6a6, #868686);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa6a6a6', endColorstr='#ff868686', GradientType=0);
zoom: 1;
text-indent: -10em;
*font-size: 0;
*line-height: 0;
*text-indent: 0;
overflow: hidden
}
.mce-checked i.mce-i-checkbox {
color: #2f2f2f;
font-size: 16px;
line-height: 16px;
text-indent: 0
}
.mce-checkbox:focus i.mce-i-checkbox, .mce-checkbox.mce-focus i.mce-i-checkbox {
border: 1px solid #1e7dad;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(30, 125, 173, 0.85);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(30, 125, 173, 0.85);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(30, 125, 173, 0.85)
}
.mce-checkbox.mce-disabled .mce-label, .mce-checkbox.mce-disabled i.mce-i-checkbox {
color: #838383
}
.mce-checkbox .mce-label {
vertical-align: middle
}
.mce-rtl .mce-checkbox {
direction: rtl;
text-align: right
}
.mce-rtl i.mce-i-checkbox {
margin: 0 0 0 3px
}
.mce-combobox {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
*height: 32px
}
.mce-combobox input {
border: 1px solid #8f8f8f;
border-right-color: #8f8f8f;
height: 28px
}
.mce-combobox.mce-disabled input {
color: #909090
}
.mce-combobox.mce-has-open input {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.mce-combobox .mce-btn {
border: 1px solid #8f8f8f;
border-left: 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
margin: 0
}
.mce-combobox button {
padding-right: 8px;
padding-left: 8px
}
.mce-combobox.mce-disabled .mce-btn button {
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: .4;
filter: alpha(opacity=40);
zoom: 1
}
.mce-combobox .mce-status {
position: absolute;
right: 2px;
top: 50%;
line-height: 16px;
margin-top: -8px;
font-size: 12px;
width: 15px;
height: 15px;
text-align: center;
cursor: pointer
}
.mce-combobox.mce-has-status input {
padding-right: 20px
}
.mce-combobox.mce-has-open .mce-status {
right: 37px
}
.mce-combobox .mce-status.mce-i-warning {
color: #c09853
}
.mce-combobox .mce-status.mce-i-checkmark {
color: #468847
}
.mce-menu.mce-combobox-menu {
border-top: 0;
margin-top: 0;
max-height: 200px
}
.mce-menu.mce-combobox-menu .mce-menu-item {
padding: 4px 6px 4px 4px;
font-size: 11px
}
.mce-menu.mce-combobox-menu .mce-menu-item-sep {
padding: 0
}
.mce-menu.mce-combobox-menu .mce-text {
font-size: 11px
}
.mce-menu.mce-combobox-menu .mce-menu-item-link, .mce-menu.mce-combobox-menu .mce-menu-item-link b {
font-size: 11px
}
.mce-menu.mce-combobox-menu .mce-text b {
font-size: 11px
}
.mce-colorbox i {
border: 1px solid #8f8f8f;
width: 14px;
height: 14px
}
.mce-colorbutton .mce-ico {
position: relative
}
.mce-colorbutton-grid {
margin: 4px
}
.mce-colorbutton button {
padding-right: 6px;
padding-left: 6px
}
.mce-colorbutton .mce-preview {
padding-right: 3px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-left: -17px;
margin-top: 7px;
background: gray;
width: 13px;
height: 2px;
overflow: hidden
}
.mce-colorbutton.mce-btn-small .mce-preview {
margin-left: -16px;
padding-right: 0;
width: 16px
}
.mce-colorbutton .mce-open {
padding-left: 4px;
padding-right: 4px;
border-left: 1px solid transparent
}
.mce-colorbutton:hover .mce-open {
border-color: #737373
}
.mce-colorbutton.mce-btn-small .mce-open {
padding: 0 3px 0 3px
}
.mce-rtl .mce-colorbutton {
direction: rtl
}
.mce-rtl .mce-colorbutton .mce-preview {
margin-left: 0;
padding-right: 0;
padding-left: 3px
}
.mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
margin-left: 0;
padding-right: 0;
padding-left: 2px
}
.mce-rtl .mce-colorbutton .mce-open {
padding-left: 4px;
padding-right: 4px;
border-left: 0
}
.mce-colorpicker {
position: relative;
width: 250px;
height: 220px
}
.mce-colorpicker-sv {
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
border: 1px solid #8f8f8f;
cursor: crosshair;
overflow: hidden
}
.mce-colorpicker-h-chunk {
width: 100%
}
.mce-colorpicker-overlay1, .mce-colorpicker-overlay2 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.mce-colorpicker-overlay1 {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}
.mce-colorpicker-overlay2 {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}
.mce-colorpicker-selector1 {
background: none;
position: absolute;
width: 12px;
height: 12px;
margin: -8px 0 0 -8px;
border: 1px solid black;
border-radius: 50%
}
.mce-colorpicker-selector2 {
position: absolute;
width: 10px;
height: 10px;
border: 1px solid white;
border-radius: 50%
}
.mce-colorpicker-h {
position: absolute;
top: 0;
right: 0;
width: 6.5%;
height: 100%;
border: 1px solid #8f8f8f;
cursor: crosshair
}
.mce-colorpicker-h-marker {
margin-top: -4px;
position: absolute;
top: 0;
left: -1px;
width: 100%;
border: 1px solid #333;
background: #fff;
height: 4px;
z-index: 100
}
.mce-path {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 8px;
white-space: normal
}
.mce-path .mce-txt {
display: inline-block;
padding-right: 3px
}
.mce-path .mce-path-body {
display: inline-block
}
.mce-path-item {
display: inline-block;
*display: inline;
*zoom: 1;
cursor: pointer;
color: #ddd
}
.mce-path-item:hover {
text-decoration: underline
}
.mce-path-item:focus {
background: #666;
color: #fff
}
.mce-path .mce-divider {
display: inline
}
.mce-disabled .mce-path-item {
color: #aaa
}
.mce-rtl .mce-path {
direction: rtl
}
.mce-fieldset {
border: 0 solid #9E9E9E;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.mce-fieldset > .mce-container-body {
margin-top: -15px
}
.mce-fieldset-title {
margin-left: 5px;
padding: 0 5px 0 5px
}
.mce-fit-layout {
display: inline-block;
*display: inline;
*zoom: 1
}
.mce-fit-layout-item {
position: absolute
}
.mce-flow-layout-item {
display: inline-block;
*display: inline;
*zoom: 1
}
.mce-flow-layout-item {
margin: 2px 0 2px 2px
}
.mce-flow-layout-item.mce-last {
margin-right: 2px
}
.mce-flow-layout {
white-space: normal
}
.mce-tinymce-inline .mce-flow-layout {
white-space: nowrap
}
.mce-rtl .mce-flow-layout {
text-align: right;
direction: rtl
}
.mce-rtl .mce-flow-layout-item {
margin: 2px 2px 2px 0
}
.mce-rtl .mce-flow-layout-item.mce-last {
margin-left: 2px
}
.mce-iframe {
border: 0 solid #9e9e9e;
width: 100%;
height: 100%
}
.mce-infobox {
display: inline-block;
*display: inline;
*zoom: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
overflow: hidden;
border: 1px solid red
}
.mce-infobox div {
display: block;
margin: 5px
}
.mce-infobox div button {
position: absolute;
top: 50%;
right: 4px;
cursor: pointer;
margin-top: -8px;
display: none
}
.mce-infobox div button:focus {
outline: 2px solid #737373
}
.mce-infobox.mce-has-help div {
margin-right: 25px
}
.mce-infobox.mce-has-help button {
display: block
}
.mce-infobox.mce-success {
background: #dff0d8;
border-color: #d6e9c6
}
.mce-infobox.mce-success div {
color: #3c763d
}
.mce-infobox.mce-warning {
background: #fcf8e3;
border-color: #faebcc
}
.mce-infobox.mce-warning div {
color: #8a6d3b
}
.mce-infobox.mce-error {
background: #f2dede;
border-color: #ebccd1
}
.mce-infobox.mce-error div {
color: #a94442
}
.mce-rtl .mce-infobox div {
text-align: right;
direction: rtl
}
.mce-label {
display: inline-block;
*display: inline;
*zoom: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
overflow: hidden
}
.mce-label.mce-autoscroll {
overflow: auto
}
.mce-label.mce-disabled {
color: #aaa
}
.mce-label.mce-multiline {
white-space: pre-wrap
}
.mce-label.mce-success {
color: #468847
}
.mce-label.mce-warning {
color: #c09853
}
.mce-label.mce-error {
color: #b94a48
}
.mce-rtl .mce-label {
text-align: right;
direction: rtl
}
.mce-menubar .mce-menubtn {
border-color: transparent;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
filter: none
}
.mce-menubar .mce-menubtn button {
color: #ddd
}
.mce-menubar {
border: 1px solid #7b7b7b
}
.mce-menubar .mce-menubtn button span {
color: #ddd
}
.mce-menubar .mce-caret {
border-top-color: #ddd
}
.mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus {
border-color: #737373;
background: #474747;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.mce-menubtn button {
color: #2f2f2f
}
.mce-menubtn.mce-btn-small span {
font-size: 12px
}
.mce-menubtn.mce-fixed-width span {
display: inline-block;
overflow-x: hidden;
text-overflow: ellipsis;
width: 90px
}
.mce-menubtn.mce-fixed-width.mce-btn-small span {
width: 70px
}
.mce-menubtn .mce-caret {
*margin-top: 6px
}
.mce-rtl .mce-menubtn button {
direction: rtl;
text-align: right
}
.mce-menu-item {
display: block;
padding: 6px 15px 6px 12px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #ddd;
white-space: nowrap;
cursor: pointer;
line-height: normal;
border-left: 4px solid transparent;
margin-bottom: 1px
}
.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
color: #ddd
}
.mce-menu-item.mce-disabled .mce-text, .mce-menu-item.mce-disabled .mce-ico {
color: #838383
}
.mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text, .mce-menu-item:focus .mce-text {
color: #fff
}
.mce-menu-item:hover .mce-ico, .mce-menu-item.mce-selected .mce-ico, .mce-menu-item:focus .mce-ico {
color: #fff
}
.mce-menu-item.mce-disabled:hover {
background: #ccc
}
.mce-menu-shortcut {
display: inline-block;
color: #838383
}
.mce-menu-shortcut {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 15px 0 20px
}
.mce-menu-item:hover .mce-menu-shortcut, .mce-menu-item.mce-selected .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut {
color: #fff
}
.mce-menu-item .mce-caret {
margin-top: 4px;
*margin-top: 3px;
margin-right: 6px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #ddd
}
.mce-menu-item.mce-selected .mce-caret, .mce-menu-item:focus .mce-caret, .mce-menu-item:hover .mce-caret {
border-left-color: #fff
}
.mce-menu-align .mce-menu-shortcut {
*margin-top: -2px
}
.mce-menu-align .mce-menu-shortcut, .mce-menu-align .mce-caret {
position: absolute;
right: 0
}
.mce-menu-item.mce-active i {
visibility: visible
}
.mce-menu-item-normal.mce-active {
background-color: #de7133
}
.mce-menu-item-preview.mce-active {
border-left: 5px solid #de7133
}
.mce-menu-item-normal.mce-active .mce-text {
color: #fff
}
.mce-menu-item-normal.mce-active:hover .mce-text, .mce-menu-item-normal.mce-active:hover .mce-ico {
color: #fff
}
.mce-menu-item-normal.mce-active:focus .mce-text, .mce-menu-item-normal.mce-active:focus .mce-ico {
color: #fff
}
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
text-decoration: none;
color: #fff;
background-color: #de7133;
background-image: -moz-linear-gradient(top, #de7133, #de7133);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de7133), to(#de7133));
background-image: -webkit-linear-gradient(top, #de7133, #de7133);
background-image: -o-linear-gradient(top, #de7133, #de7133);
background-image: linear-gradient(to bottom, #de7133, #de7133);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7133', endColorstr='#ffde7133', GradientType=0);
zoom: 1
}
.mce-menu-item-link {
color: #093;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.mce-menu-item-link b {
color: #093
}
.mce-menu-item-ellipsis {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.mce-menu-item:hover *, .mce-menu-item.mce-selected *, .mce-menu-item:focus * {
color: #fff
}
div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {
border: 0;
padding: 0;
height: 1px;
margin: 9px 1px;
overflow: hidden;
background: #b3b3b3;
border-bottom: 1px solid #383838;
cursor: default;
filter: none
}
div.mce-menu .mce-menu-item b {
font-weight: bold
}
.mce-menu-item-indent-1 {
padding-left: 20px
}
.mce-menu-item-indent-2 {
padding-left: 35px
}
.mce-menu-item-indent-2 {
padding-left: 35px
}
.mce-menu-item-indent-3 {
padding-left: 40px
}
.mce-menu-item-indent-4 {
padding-left: 45px
}
.mce-menu-item-indent-5 {
padding-left: 50px
}
.mce-menu-item-indent-6 {
padding-left: 55px
}
.mce-menu.mce-rtl {
direction: rtl
}
.mce-rtl .mce-menu-item {
text-align: right;
direction: rtl;
padding: 6px 12px 6px 15px
}
.mce-menu-align.mce-rtl .mce-menu-shortcut, .mce-menu-align.mce-rtl .mce-caret {
right: auto;
left: 0
}
.mce-rtl .mce-menu-item .mce-caret {
margin-left: 6px;
margin-right: 0;
border-right: 4px solid #ddd;
border-left: 0
}
.mce-rtl .mce-menu-item.mce-selected .mce-caret, .mce-rtl .mce-menu-item:focus .mce-caret, .mce-rtl .mce-menu-item:hover .mce-caret {
border-left-color: transparent;
border-right-color: #fff
}
.mce-throbber {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .6;
filter: alpha(opacity=60);
zoom: 1;
background: #fff url('img/loader.gif') no-repeat center center
}
.mce-throbber-inline {
position: static;
height: 50px
}
.mce-menu .mce-throbber-inline {
height: 25px;
background-size: contain
}
.mce-menu {
position: absolute;
left: 0;
top: 0;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background: transparent;
z-index: 1000;
padding: 5px 0 5px 0;
margin: -1px 0 0;
min-width: 160px;
background: #474747;
border: 1px solid #2b2b2b;
border: 1px solid rgba(0, 0, 0, 0.2);
z-index: 1002;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
max-height: 400px;
overflow: auto;
overflow-x: hidden
}
.mce-menu i {
display: none
}
.mce-menu-has-icons i {
display: inline-block;
*display: inline
}
.mce-menu-sub-tr-tl {
margin: -6px 0 0 -1px
}
.mce-menu-sub-br-bl {
margin: 6px 0 0 -1px
}
.mce-menu-sub-tl-tr {
margin: -6px 0 0 1px
}
.mce-menu-sub-bl-br {
margin: 6px 0 0 1px
}
.mce-listbox button {
text-align: left;
padding-right: 20px;
position: relative
}
.mce-listbox .mce-caret {
position: absolute;
margin-top: -2px;
right: 8px;
top: 50%
}
.mce-rtl .mce-listbox .mce-caret {
right: auto;
left: 8px
}
.mce-rtl .mce-listbox button {
padding-right: 10px;
padding-left: 20px
}
.mce-container-body .mce-resizehandle {
position: absolute;
right: 0;
bottom: 0;
width: 16px;
height: 16px;
visibility: visible;
cursor: s-resize;
margin: 0
}
.mce-container-body .mce-resizehandle-both {
cursor: se-resize
}
i.mce-i-resize {
color: #ddd
}
.mce-selectbox {
background: #5c5c5c;
border: 1px solid #8f8f8f
}
.mce-slider {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #8f8f8f;
background: #636363;
width: 100px;
height: 10px;
position: relative;
display: block
}
.mce-slider.mce-vertical {
width: 10px;
height: 100px
}
.mce-slider-handle {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #8f8f8f;
background: #474747;
display: block;
width: 13px;
height: 13px;
position: absolute;
top: 0;
left: 0;
margin-left: -1px;
margin-top: -2px
}
.mce-slider-handle:focus {
background: #bbb
}
.mce-spacer {
visibility: hidden
}
.mce-splitbtn .mce-open {
border-left: 1px solid transparent
}
.mce-splitbtn:hover .mce-open {
border-left-color: #737373
}
.mce-splitbtn button {
padding-right: 4px;
padding-left: 8px
}
.mce-splitbtn .mce-open {
padding-right: 4px;
padding-left: 4px
}
.mce-splitbtn .mce-open.mce-active {
background-color: #858585;
background-image: -moz-linear-gradient(top, #8d8d8d, #797979);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8d8d8d), to(#797979));
background-image: -webkit-linear-gradient(top, #8d8d8d, #797979);
background-image: -o-linear-gradient(top, #8d8d8d, #797979);
background-image: linear-gradient(to bottom, #8d8d8d, #797979);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d8d8d', endColorstr='#ff797979', GradientType=0);
zoom: 1;
outline: 1px solid #737373
}
.mce-splitbtn.mce-btn-small .mce-open {
padding: 0 3px 0 3px
}
.mce-rtl .mce-splitbtn {
direction: rtl;
text-align: right
}
.mce-rtl .mce-splitbtn button {
padding-right: 4px;
padding-left: 4px
}
.mce-rtl .mce-splitbtn .mce-open {
border-left: 0
}
.mce-stack-layout-item {
display: block
}
.mce-tabs {
display: block;
border-bottom: 1px solid #9e9e9e
}
.mce-tabs, .mce-tabs + .mce-container-body {
background: #616161
}
.mce-tab {
display: inline-block;
*display: inline;
*zoom: 1;
border: 1px solid #9e9e9e;
border-width: 0 1px 0 0;
background: #616161;
padding: 8px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
height: 13px;
cursor: pointer
}
.mce-tab:hover {
background: #828282
}
.mce-tab.mce-active {
background: #828282;
border-bottom-color: transparent;
margin-bottom: -1px;
height: 14px
}
.mce-rtl .mce-tabs {
text-align: right;
direction: rtl
}
.mce-rtl .mce-tab {
border-width: 0 0 0 1px
}
.mce-textbox {
background: #5c5c5c;
border: 1px solid #8f8f8f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
display: inline-block;
-webkit-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
height: 28px;
resize: none;
padding: 0 4px 0 4px;
white-space: pre-wrap;
*white-space: pre;
color: #ddd
}
.mce-textbox:focus, .mce-textbox.mce-focus {
border-color: #a6a6a6;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(166, 166, 166, 0.85);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(166, 166, 166, 0.85);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(166, 166, 166, 0.85)
}
.mce-placeholder .mce-textbox {
color: #aaa
}
.mce-textbox.mce-multiline {
padding: 4px;
height: auto
}
.mce-textbox.mce-disabled {
color: #909090
}
.mce-rtl .mce-textbox {
text-align: right;
direction: rtl
}
@font-face {
font-family: 'tinymce';
src: url('fonts/tinymce.eot');
src: url('fonts/tinymce.eot?#iefix') format('embedded-opentype'), url('fonts/tinymce.woff') format('woff'), url('fonts/tinymce.ttf') format('truetype'), url('fonts/tinymce.svg#tinymce') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'tinymce-small';
src: url('fonts/tinymce-small.eot');
src: url('fonts/tinymce-small.eot?#iefix') format('embedded-opentype'), url('fonts/tinymce-small.woff') format('woff'), url('fonts/tinymce-small.ttf') format('truetype'), url('fonts/tinymce-small.svg#tinymce') format('svg');
font-weight: normal;
font-style: normal
}
.mce-ico {
font-family: 'tinymce', Arial;
font-style: normal;
font-weight: normal;
font-variant: normal;
font-size: 16px;
line-height: 16px;
speak: none;
vertical-align: text-top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
background: transparent center center;
background-size: cover;
width: 16px;
height: 16px;
color: #2f2f2f
}
.mce-btn-small .mce-ico {
font-family: 'tinymce-small', Arial
}
.mce-i-save:before {
content: "\e000"
}
.mce-i-newdocument:before {
content: "\e001"
}
.mce-i-fullpage:before {
content: "\e002"
}
.mce-i-alignleft:before {
content: "\e003"
}
.mce-i-aligncenter:before {
content: "\e004"
}
.mce-i-alignright:before {
content: "\e005"
}
.mce-i-alignjustify:before {
content: "\e006"
}
.mce-i-alignnone:before {
content: "\e003"
}
.mce-i-cut:before {
content: "\e007"
}
.mce-i-paste:before {
content: "\e008"
}
.mce-i-searchreplace:before {
content: "\e009"
}
.mce-i-bullist:before {
content: "\e00a"
}
.mce-i-numlist:before {
content: "\e00b"
}
.mce-i-indent:before {
content: "\e00c"
}
.mce-i-outdent:before {
content: "\e00d"
}
.mce-i-blockquote:before {
content: "\e00e"
}
.mce-i-undo:before {
content: "\e00f"
}
.mce-i-redo:before {
content: "\e010"
}
.mce-i-link:before {
content: "\e011"
}
.mce-i-unlink:before {
content: "\e012"
}
.mce-i-anchor:before {
content: "\e013"
}
.mce-i-image:before {
content: "\e014"
}
.mce-i-media:before {
content: "\e015"
}
.mce-i-help:before {
content: "\e016"
}
.mce-i-code:before {
content: "\e017"
}
.mce-i-insertdatetime:before {
content: "\e018"
}
.mce-i-preview:before {
content: "\e019"
}
.mce-i-forecolor:before {
content: "\e01a"
}
.mce-i-backcolor:before {
content: "\e01a"
}
.mce-i-table:before {
content: "\e01b"
}
.mce-i-hr:before {
content: "\e01c"
}
.mce-i-removeformat:before {
content: "\e01d"
}
.mce-i-subscript:before {
content: "\e01e"
}
.mce-i-superscript:before {
content: "\e01f"
}
.mce-i-charmap:before {
content: "\e020"
}
.mce-i-emoticons:before {
content: "\e021"
}
.mce-i-print:before {
content: "\e022"
}
.mce-i-fullscreen:before {
content: "\e023"
}
.mce-i-spellchecker:before {
content: "\e024"
}
.mce-i-nonbreaking:before {
content: "\e025"
}
.mce-i-template:before {
content: "\e026"
}
.mce-i-pagebreak:before {
content: "\e027"
}
.mce-i-restoredraft:before {
content: "\e028"
}
.mce-i-bold:before {
content: "\e02a"
}
.mce-i-italic:before {
content: "\e02b"
}
.mce-i-underline:before {
content: "\e02c"
}
.mce-i-strikethrough:before {
content: "\e02d"
}
.mce-i-visualchars:before {
content: "\e02e"
}
.mce-i-visualblocks:before {
content: "\e02e"
}
.mce-i-ltr:before {
content: "\e02f"
}
.mce-i-rtl:before {
content: "\e030"
}
.mce-i-copy:before {
content: "\e031"
}
.mce-i-resize:before {
content: "\e032"
}
.mce-i-browse:before {
content: "\e034"
}
.mce-i-pastetext:before {
content: "\e035"
}
.mce-i-rotateleft:before {
content: "\eaa8"
}
.mce-i-rotateright:before {
content: "\eaa9"
}
.mce-i-crop:before {
content: "\ee78"
}
.mce-i-editimage:before {
content: "\e915"
}
.mce-i-options:before {
content: "\ec6a"
}
.mce-i-flipv:before {
content: "\eaaa"
}
.mce-i-fliph:before {
content: "\eaac"
}
.mce-i-zoomin:before {
content: "\eb35"
}
.mce-i-zoomout:before {
content: "\eb36"
}
.mce-i-sun:before {
content: "\eccc"
}
.mce-i-moon:before {
content: "\eccd"
}
.mce-i-arrowleft:before {
content: "\edc0"
}
.mce-i-arrowright:before {
content: "\e93c"
}
.mce-i-drop:before {
content: "\e935"
}
.mce-i-contrast:before {
content: "\ecd4"
}
.mce-i-sharpen:before {
content: "\eba7"
}
.mce-i-resize2:before {
content: "\edf9"
}
.mce-i-orientation:before {
content: "\e601"
}
.mce-i-invert:before {
content: "\e602"
}
.mce-i-gamma:before {
content: "\e600"
}
.mce-i-remove:before {
content: "\ed6a"
}
.mce-i-tablerowprops:before {
content: "\e604"
}
.mce-i-tablecellprops:before {
content: "\e605"
}
.mce-i-table2:before {
content: "\e606"
}
.mce-i-tablemergecells:before {
content: "\e607"
}
.mce-i-tableinsertcolbefore:before {
content: "\e608"
}
.mce-i-tableinsertcolafter:before {
content: "\e609"
}
.mce-i-tableinsertrowbefore:before {
content: "\e60a"
}
.mce-i-tableinsertrowafter:before {
content: "\e60b"
}
.mce-i-tablesplitcells:before {
content: "\e60d"
}
.mce-i-tabledelete:before {
content: "\e60e"
}
.mce-i-tableleftheader:before {
content: "\e62a"
}
.mce-i-tabletopheader:before {
content: "\e62b"
}
.mce-i-tabledeleterow:before {
content: "\e800"
}
.mce-i-tabledeletecol:before {
content: "\e801"
}
.mce-i-codesample:before {
content: "\e603"
}
.mce-i-fill:before {
content: "\e902"
}
.mce-i-borderwidth:before {
content: "\e903"
}
.mce-i-line:before {
content: "\e904"
}
.mce-i-count:before {
content: "\e905"
}
.mce-i-translate:before {
content: "\e907"
}
.mce-i-drag:before {
content: "\e908"
}
.mce-i-home:before {
content: "\e90b"
}
.mce-i-upload:before {
content: "\e914"
}
.mce-i-bubble:before {
content: "\e91c"
}
.mce-i-user:before {
content: "\e91d"
}
.mce-i-lock:before {
content: "\e926"
}
.mce-i-unlock:before {
content: "\e927"
}
.mce-i-settings:before {
content: "\e928"
}
.mce-i-remove2:before {
content: "\e92a"
}
.mce-i-menu:before {
content: "\e92d"
}
.mce-i-warning:before {
content: "\e930"
}
.mce-i-question:before {
content: "\e931"
}
.mce-i-pluscircle:before {
content: "\e932"
}
.mce-i-info:before {
content: "\e933"
}
.mce-i-notice:before {
content: "\e934"
}
.mce-i-arrowup:before {
content: "\e93b"
}
.mce-i-arrowdown:before {
content: "\e93d"
}
.mce-i-arrowup2:before {
content: "\e93f"
}
.mce-i-arrowdown2:before {
content: "\e940"
}
.mce-i-menu2:before {
content: "\e941"
}
.mce-i-newtab:before {
content: "\e961"
}
.mce-i-a11y:before {
content: "\e900"
}
.mce-i-plus:before {
content: "\e93a"
}
.mce-i-insert:before {
content: "\e93a"
}
.mce-i-minus:before {
content: "\e939"
}
.mce-i-books:before {
content: "\e911"
}
.mce-i-reload:before {
content: "\e906"
}
.mce-i-toc:before {
content: "\e901"
}
.mce-i-checkmark:before {
content: "\e033"
}
.mce-i-checkbox:before, .mce-i-selected:before {
content: "\e033"
}
.mce-i-insert {
font-size: 14px
}
.mce-i-selected {
visibility: hidden
}
i.mce-i-backcolor {
text-shadow: none;
background: #bbb
}