skin.min.css 46 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875
  1. /**
  2. * Copyright (c) Tiny Technologies,ACH Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. */
  7. .tox{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;color: #222f3e;text-decoration: none;text-shadow: none;text-transform: none;white-space: normal;vertical-align: initial;cursor: auto;box-sizing: content-box;-webkit-tap-highlight-color: transparent;}
  8. .tox :not(svg){font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;line-height: inherit;color: inherit;text-align: inherit;text-decoration: inherit;text-shadow: inherit;text-transform: inherit;white-space: inherit;vertical-align: inherit;cursor: inherit;box-sizing: inherit;direction: inherit;-webkit-tap-highlight-color: inherit;}
  9. .tox :not(svg){position: static;float: none;width: auto;height: auto;max-width: none;padding: 0;margin: 0;background: 0 0;border: 0;outline: 0;}
  10. .tox:not([dir=rtl]){text-align: left;direction: ltr;}
  11. .tox[dir=rtl]{text-align: right;direction: rtl;}
  12. .tox-tinymce{position: relative;display: flex;overflow: hidden;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border: 1px solid #ccc;border-radius: 0;visibility: inherit !important;box-shadow: none;box-sizing: border-box;flex-direction: column;}
  13. .tox-editor-container{display: flex;flex: 1 1 auto;flex-direction: column;overflow: hidden;}
  14. .tox-editor-container>:first-child{border-top: none !important;}
  15. .tox-tinymce-aux{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
  16. .tox-tinymce :focus,.tox-tinymce-aux :focus{outline: 0;}
  17. button::-moz-focus-inner{border: 0;}
  18. .tox-silver-sink{z-index: 1300;}
  19. .tox .tox-anchorbar{display: flex;flex: 0 0 auto;}
  20. .tox .tox-bar{display: flex;flex: 0 0 auto;}
  21. .tox .tox-button{display: inline-block;padding: 4px 16px;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 14px;font-weight: 700;line-height: 24px;letter-spacing: 1;color: #fff;text-align: center;text-decoration: none;text-transform: capitalize;white-space: nowrap;cursor: pointer;background-color: #207ab7;background-image: none;background-position: none;background-repeat: none;border-color: #207ab7;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;box-sizing: border-box;}
  22. .tox .tox-button[disabled]{color: rgba(255,255,255,.5);cursor: not-allowed;background-color: #207ab7;background-image: none;border-color: #207ab7;box-shadow: none;}
  23. .tox .tox-button:focus:not(:disabled){color: #fff;background-color: #1c6ca1;background-image: none;border-color: #1c6ca1;box-shadow: none;}
  24. .tox .tox-button:hover:not(:disabled){color: #fff;background-color: #1c6ca1;background-image: none;border-color: #1c6ca1;box-shadow: none;}
  25. .tox .tox-button:active:not(:disabled){color: #fff;background-color: #185d8c;background-image: none;border-color: #185d8c;box-shadow: none;}
  26. .tox .tox-button--secondary{padding: 4px 16px;color: #222f3e;text-decoration: none;text-transform: capitalize;background-color: #f0f0f0;background-image: none;background-position: none;background-repeat: none;border-color: #f0f0f0;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;}
  27. .tox .tox-button--secondary[disabled]{color: rgba(34,47,62,.5);background-color: #f0f0f0;background-image: none;border-color: #f0f0f0;box-shadow: none;}
  28. .tox .tox-button--secondary:focus:not(:disabled){color: #222f3e;background-color: #e3e3e3;background-image: none;border-color: #e3e3e3;box-shadow: none;}
  29. .tox .tox-button--secondary:hover:not(:disabled){color: #222f3e;background-color: #e3e3e3;background-image: none;border-color: #e3e3e3;box-shadow: none;}
  30. .tox .tox-button--secondary:active:not(:disabled){color: #222f3e;background-color: #d6d6d6;background-image: none;border-color: #d6d6d6;box-shadow: none;}
  31. .tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding: 4px;}
  32. .tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display: block;fill: currentColor;}
  33. .tox .tox-button-link{display: inline-block;padding: 0;margin: 0;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;white-space: nowrap;cursor: pointer;background: 0;border: none;box-sizing: border-box;}
  34. .tox .tox-button-link--sm{font-size: 14px;}
  35. .tox .tox-button--naked{color: #222f3e;background-color: transparent;border-color: transparent;box-shadow: unset;}
  36. .tox .tox-button--naked:hover:not(:disabled){color: #222f3e;background-color: #e3e3e3;border-color: #e3e3e3;box-shadow: none;}
  37. .tox .tox-button--naked:focus:not(:disabled){color: #222f3e;background-color: #e3e3e3;border-color: #e3e3e3;box-shadow: none;}
  38. .tox .tox-button--naked:active:not(:disabled){color: #222f3e;background-color: #d6d6d6;border-color: #d6d6d6;box-shadow: none;}
  39. .tox .tox-button--naked .tox-icon svg{fill: currentColor;}
  40. .tox .tox-button--naked.tox-button--icon{color: currentColor;}
  41. .tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color: #222f3e;}
  42. .tox .tox-checkbox{display: flex;height: 36px;min-width: 36px;cursor: pointer;border-radius: 3px;align-items: center;}
  43. .tox .tox-checkbox__input{position: absolute;top: auto;left: -10000px;width: 1px;height: 1px;overflow: hidden;}
  44. .tox .tox-checkbox__icons{width: 24px;height: 24px;padding: calc(4px - 1px);border-radius: 3px;box-shadow: 0 0 0 2px transparent;box-sizing: content-box;}
  45. .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: block;fill: rgba(34,47,62,.3);}
  46. .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display: none;fill: #207ab7;}
  47. .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display: none;fill: #207ab7;}
  48. .tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: none;}
  49. .tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display: block;}
  50. .tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: none;}
  51. .tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display: block;}
  52. .tox input.tox-checkbox__input:focus+.tox-checkbox__icons{padding: calc(4px - 1px);border-radius: 3px;box-shadow: inset 0 0 0 1px #207ab7;}
  53. .tox:not([dir=rtl]) .tox-checkbox__label{margin-left: 4px;}
  54. .tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left: 4px;}
  55. .tox[dir=rtl] .tox-checkbox__label{margin-right: 4px;}
  56. .tox[dir=rtl] .tox-bar .tox-checkbox{margin-right: 4px;}
  57. .tox .tox-collection--toolbar .tox-collection__group{display: flex;padding: 0;}
  58. .tox .tox-collection--grid .tox-collection__group{display: flex;max-height: 208px;padding: 0;overflow-x: hidden;overflow-y: auto;flex-wrap: wrap;}
  59. .tox .tox-collection--list .tox-collection__group{padding: 4px 0;border-color: #ccc;border-style: solid;border-top-width: 1px;border-right-width: 0;border-bottom-width: 0;border-left-width: 0;}
  60. .tox .tox-collection--list .tox-collection__group:first-child{border-top-width: 0;}
  61. .tox .tox-collection__group-heading{padding: 4px 8px;margin-top: -4px;margin-bottom: 4px;font-size: 12px;font-style: normal;font-weight: 400;color: rgba(34,47,62,.7);text-transform: none;cursor: default;background-color: #e6e6e6;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}
  62. .tox .tox-collection__item{display: flex;color: #222f3e;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;align-items: center;-webkit-touch-callout: none;}
  63. .tox .tox-collection--list .tox-collection__item{padding: 4px 8px;}
  64. .tox .tox-collection--toolbar .tox-collection__item{padding: 4px;border-radius: 3px;}
  65. .tox .tox-collection--grid .tox-collection__item{padding: 4px;border-radius: 3px;}
  66. .tox .tox-collection--list .tox-collection__item--enabled{color: contrast(inherit,#222f3e,#fff);background-color: inherit;}
  67. .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #222f3e;background-color: #dee0e2;}
  68. .tox .tox-collection--toolbar .tox-collection__item--enabled{color: #222f3e;background-color: #c8cbcf;}
  69. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #222f3e;background-color: #dee0e2;}
  70. .tox .tox-collection--grid .tox-collection__item--enabled{color: #222f3e;background-color: #c8cbcf;}
  71. .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #222f3e;background-color: #dee0e2;}
  72. .tox .tox-collection__item--state-disabled{color: rgba(34,47,62,.5);cursor: default;background-color: transparent;}
  73. .tox .tox-collection__item-icon{display: flex;width: 24px;height: 24px;align-items: center;justify-content: center;}
  74. .tox .tox-collection__item-icon svg{fill: currentColor;}
  75. .tox .tox-collection--toolbar-lg .tox-collection__item-icon{width: 48px;height: 48px;}
  76. .tox .tox-collection__item[role=menuitemcheckbox]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display: none;}
  77. .tox .tox-collection__item-label{display: inline-block;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;color: currentColor;text-transform: none;word-break: break-all;flex: 1;-ms-flex-preferred-size: auto;}
  78. .tox .tox-collection__item-accessory{display: inline-block;height: 24px;font-size: 14px;line-height: 24px;color: rgba(34,47,62,.7);text-transform: normal;}
  79. .tox .tox-collection__item-caret{align-items: center;display: flex;min-height: 24px;}
  80. .tox .tox-collection__item-caret::after{min-height: inherit;font-size: 0;content: '';}
  81. .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left: 8px;}
  82. .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child{margin-left: 4px;}
  83. .tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left: 16px;text-align: right;}
  84. .tox:not([dir=rtl]) .tox-collection__item-caret{margin-left: 16px;}
  85. .tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right: 8px;}
  86. .tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child{margin-right: 4px;}
  87. .tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg{transform: rotateY(180deg);}
  88. .tox[dir=rtl] .tox-collection__item-accessory{margin-right: 16px;text-align: left;}
  89. .tox[dir=rtl] .tox-collection__item-caret{margin-right: 16px;transform: rotateY(180deg);}
  90. .tox .tox-color-picker-container{display: flex;flex-direction: row;height: 225px;margin: 0;}
  91. .tox .tox-sv-palette{display: flex;height: 100%;box-sizing: border-box;}
  92. .tox .tox-sv-palette-spectrum{height: 100%;}
  93. .tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width: 225px;}
  94. .tox .tox-sv-palette-thumb{position: absolute;width: 12px;height: 12px;background: 0 0;border: 1px solid #000;border-radius: 50%;box-sizing: content-box;}
  95. .tox .tox-sv-palette-inner-thumb{position: absolute;width: 10px;height: 10px;border: 1px solid #fff;border-radius: 50%;}
  96. .tox .tox-hue-slider{width: 25px;height: 100%;box-sizing: border-box;}
  97. .tox .tox-hue-slider-spectrum{width: 100%;height: 100%;background: linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);}
  98. .tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width: 20px;}
  99. .tox .tox-hue-slider-thumb{width: 100%;height: 4px;background: #fff;border: 1px solid #000;box-sizing: content-box;}
  100. .tox .tox-rgb-form{display: flex;flex-direction: column;justify-content: space-between;}
  101. .tox .tox-rgb-form div{display: flex;width: inherit;margin-bottom: 5px;align-items: center;justify-content: space-between;}
  102. .tox .tox-rgb-form input{width: 6em;}
  103. .tox .tox-rgb-form input.tox-invalid{border: 1px solid red !important;}
  104. .tox .tox-rgb-form .tox-rgba-preview{margin-bottom: 0;border: 1px solid #000;flex-grow: 2;}
  105. .tox:not([dir=rtl]) .tox-sv-palette{margin-right: 15px;}
  106. .tox:not([dir=rtl]) .tox-hue-slider{margin-right: 15px;}
  107. .tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left: -1px;}
  108. .tox:not([dir=rtl]) .tox-rgb-form label{margin-right: .5em;}
  109. .tox[dir=rtl] .tox-sv-palette{margin-left: 15px;}
  110. .tox[dir=rtl] .tox-hue-slider{margin-left: 15px;}
  111. .tox[dir=rtl] .tox-hue-slider-thumb{margin-right: -1px;}
  112. .tox[dir=rtl] .tox-rgb-form label{margin-left: .5em;}
  113. .tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin: 2px 0 3px 4px;}
  114. .tox .tox-collection--list .tox-collection__group .tox-swatches-menu{margin: -4px 0;border: 0;}
  115. .tox .tox-swatches__row{display: flex;}
  116. .tox .tox-swatch{width: 30px;height: 30px;transition: transform .15s,box-shadow .15s;}
  117. .tox .tox-swatch:focus,.tox .tox-swatch:hover{transform: scale(.8);box-shadow: 0 0 0 1px rgba(127,127,127,.3) inset;}
  118. .tox .tox-swatch--remove{align-items: center;display: flex;justify-content: center;}
  119. .tox .tox-swatch--remove svg path{stroke: #e74c3c;}
  120. .tox .tox-swatches__picker-btn{display: flex;width: 30px;height: 30px;padding: 0;cursor: pointer;background-color: transparent;border: 0;outline: 0;align-items: center;justify-content: center;}
  121. .tox .tox-swatches__picker-btn svg{width: 24px;height: 24px;}
  122. .tox .tox-swatches__picker-btn:hover{background: #dee0e2;}
  123. .tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left: auto;}
  124. .tox[dir=rtl] .tox-swatches__picker-btn{margin-right: auto;}
  125. .tox .tox-comment-thread{position: relative;background: #fff;}
  126. .tox .tox-comment-thread>:not(:first-child){margin-top: 8px;}
  127. .tox .tox-comment{position: relative;padding: 8px 8px 16px 8px;background: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 4px 8px 0 rgba(34,47,62,.1);}
  128. .tox .tox-comment__header{display: flex;color: #222f3e;align-items: center;justify-content: space-between;}
  129. .tox .tox-comment__date{font-size: 12px;color: rgba(34,47,62,.7);}
  130. .tox .tox-comment__body{position: relative;margin-top: 8px;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.3;color: #222f3e;text-transform: initial;}
  131. .tox .tox-comment__body textarea{width: 100%;white-space: normal;resize: none;}
  132. .tox .tox-comment__expander{padding-top: 8px;}
  133. .tox .tox-comment__expander p{font-size: 14px;font-style: normal;color: rgba(34,47,62,.7);}
  134. .tox .tox-comment__body p{margin: 0;}
  135. .tox .tox-comment__buttonspacing{padding-top: 16px;text-align: center;}
  136. .tox .tox-comment-thread__overlay::after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;display: flex;background: #fff;content: "";opacity: .9;}
  137. .tox .tox-comment__reply{display: flex;flex-shrink: 0;flex-wrap: wrap;justify-content: flex-end;margin-top: 8px;}
  138. .tox .tox-comment__reply>:first-child{width: 100%;margin-bottom: 8px;}
  139. .tox .tox-comment__edit{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 16px;}
  140. .tox .tox-comment__gradient::after{position: absolute;bottom: 0;display: block;width: 100%;height: 5em;margin-top: -40px;background: linear-gradient(rgba(255,255,255,0),#fff);content: "";}
  141. .tox .tox-comment__overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;display: flex;text-align: center;background: #fff;opacity: .9;flex-direction: column;flex-grow: 1;}
  142. .tox .tox-comment__loading-text{position: relative;display: flex;color: #222f3e;align-items: center;flex-direction: column;}
  143. .tox .tox-comment__loading-text>div{padding-bottom: 16px;}
  144. .tox .tox-comment__overlaytext{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;padding: 1em;font-size: 14px;flex-direction: column;}
  145. .tox .tox-comment__overlaytext p{color: #222f3e;text-align: center;background-color: #fff;box-shadow: 0 0 8px 8px #fff;}
  146. .tox .tox-comment__overlaytext div:nth-of-type(2){font-size: .8em;}
  147. .tox .tox-comment__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1103;display: flex;background-color: #fff;align-items: center;justify-content: center;}
  148. .tox .tox-comment__scroll{display: flex;flex-direction: column;flex-shrink: 1;overflow: auto;}
  149. .tox .tox-conversations{margin: 8px;}
  150. .tox:not([dir=rtl]) .tox-comment__edit{margin-left: 8px;}
  151. .tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left: 8px;}
  152. .tox[dir=rtl] .tox-comment__edit{margin-right: 8px;}
  153. .tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right: 8px;}
  154. .tox .tox-user{align-items: center;display: flex;}
  155. .tox .tox-user__avatar svg{fill: rgba(34,47,62,.7);}
  156. .tox .tox-user__name{font-size: 12px;font-style: normal;font-weight: 700;color: rgba(34,47,62,.7);text-transform: uppercase;}
  157. .tox:not([dir=rtl]) .tox-user__avatar svg{margin-right: 8px;}
  158. .tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left: 8px;}
  159. .tox[dir=rtl] .tox-user__avatar svg{margin-left: 8px;}
  160. .tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right: 8px;}
  161. .tox .tox-dialog-wrap{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100;display: flex;align-items: center;justify-content: center;}
  162. .tox .tox-dialog-wrap__backdrop{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1101;background-color: rgba(255,255,255,.75);}
  163. .tox .tox-dialog{position: relative;z-index: 1102;display: flex;width: 95vw;max-width: 480px;max-height: 100%;overflow: hidden;background-color: #fff;border-color: #ccc;border-style: solid;border-width: 1px;border-radius: 3px;box-shadow: 0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);flex-direction: column;}
  164. .tox .tox-dialog__header{position: relative;display: flex;padding: 8px 16px 0 16px;margin-bottom: 16px;font-size: 16px;color: #222f3e;background-color: #fff;border-bottom: none;align-items: center;justify-content: space-between;}
  165. .tox .tox-dialog__header .tox-button{z-index: 1;}
  166. .tox .tox-dialog__draghandle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: grab;}
  167. .tox .tox-dialog__draghandle:active{cursor: grabbing;}
  168. .tox .tox-dialog__dismiss{margin-left: auto;}
  169. .tox .tox-dialog__title{margin: 0;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;text-transform: normal;}
  170. .tox .tox-dialog__body{display: flex;min-width: 0;padding: 0 16px;font-size: 16px;font-style: normal;font-weight: 400;line-height: 1.3;color: #222f3e;text-align: left;text-transform: normal;flex: 1;-ms-flex-preferred-size: auto;}
  171. .tox .tox-dialog__body-nav{align-items: flex-start;display: flex;flex-direction: column;}
  172. .tox .tox-dialog__body-nav-item{display: inline-block;margin-bottom: 8px;font-size: 14px;line-height: 1.3;color: rgba(34,47,62,.7);text-decoration: none;border-bottom: 2px solid transparent;}
  173. .tox .tox-dialog__body-nav-item--active{color: #207ab7;border-bottom: 2px solid #207ab7;}
  174. .tox .tox-dialog__body-content{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;max-height: 650px;overflow: auto;}
  175. .tox .tox-dialog__body-content>*{margin-top: 16px;margin-bottom: 0;}
  176. .tox .tox-dialog__body-content>:first-child{margin-top: 0;}
  177. .tox .tox-dialog__body-content>:last-child{margin-bottom: 0;}
  178. .tox .tox-dialog__body-content>:only-child{margin-top: 0;margin-bottom: 0;}
  179. .tox .tox-dialog--width-lg{height: 650px;max-width: 1200px;}
  180. .tox .tox-dialog--width-md{max-width: 800px;}
  181. .tox .tox-dialog--width-md .tox-dialog__body-content{overflow: auto;}
  182. .tox .tox-dialog__body-content--centered{text-align: center;}
  183. .tox .tox-dialog__body-content--spacious{margin-bottom: 16px;}
  184. .tox .tox-dialog__footer{display: flex;padding: 8px 16px;margin-top: 16px;background-color: #fff;border-top: 1px solid #ccc;align-items: center;justify-content: space-between;}
  185. .tox .tox-dialog__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1103;display: flex;background-color: rgba(255,255,255,.75);align-items: center;justify-content: center;}
  186. .tox .tox-dialog__table{width: 100%;border-collapse: collapse;}
  187. .tox .tox-dialog__table thead th{padding-bottom: 8px;font-weight: 700;}
  188. .tox .tox-dialog__table tbody tr{border-bottom: 1px solid #ccc;}
  189. .tox .tox-dialog__table tbody tr:last-child{border-bottom: none;}
  190. .tox .tox-dialog__table td{padding-top: 8px;padding-bottom: 8px;}
  191. .tox .tox-dialog__popups{position: absolute;z-index: 1100;width: 100%;}
  192. .tox .tox-dialog__body-iframe{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  193. .tox .tox-dialog__body-iframe .tox-navobj{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  194. .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex: 1;-ms-flex-preferred-size: auto;height: 100%;}
  195. body.tox-dialog__disable-scroll{overflow: hidden;}
  196. .tox.tox-platform-ie .tox-dialog-wrap{position: -ms-device-fixed;}
  197. .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right: 32px;}
  198. .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left: 8px;}
  199. .tox[dir=rtl] .tox-dialog__body{text-align: right;}
  200. .tox[dir=rtl] .tox-dialog__body-nav{margin-left: 32px;}
  201. .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right: 8px;}
  202. .tox .tox-dropzone-container{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  203. .tox .tox-dropzone{display: flex;min-height: 100px;padding: 10px;background: #fff;border: 2px dashed #ccc;box-sizing: border-box;align-items: center;flex-direction: column;flex-grow: 1;justify-content: center;}
  204. .tox .tox-dropzone p{margin: 0 0 16px 0;color: rgba(34,47,62,.7);}
  205. .tox .tox-edit-area{position: relative;display: flex;overflow: hidden;border-top: 1px solid #ccc;flex: 1;-ms-flex-preferred-size: auto;}
  206. .tox .tox-edit-area__iframe{position: absolute;width: 100%;height: 100%;background-color: #fff;border: 0;box-sizing: border-box;flex: 1;-ms-flex-preferred-size: auto;}
  207. .tox.tox-inline-edit-area{border: 1px dotted #ccc;}
  208. .tox .tox-control-wrap{flex: 1;position: relative;}
  209. .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display: none;}
  210. .tox .tox-control-wrap svg{display: block;}
  211. .tox .tox-control-wrap__status-icon-wrap{position: absolute;top: 50%;transform: translateY(-50%);}
  212. .tox .tox-control-wrap__status-icon-invalid svg{fill: #c00;}
  213. .tox .tox-control-wrap__status-icon-unknown svg{fill: orange;}
  214. .tox .tox-control-wrap__status-icon-valid svg{fill: green;}
  215. .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right: 32px;}
  216. .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right: 4px;}
  217. .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left: 32px;}
  218. .tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left: 4px;}
  219. .tox .tox-autocompleter{max-width: 25em;}
  220. .tox .tox-autocompleter .tox-menu{max-width: 25em;}
  221. .tox .tox-color-input{display: flex;}
  222. .tox .tox-color-input .tox-textfield{display: flex;border-radius: 3px 0 0 3px;}
  223. .tox .tox-color-input span{display: flex;width: 35px;cursor: pointer;border-color: rgba(34,47,62,.2);border-style: solid;border-width: 1px 1px 1px 0;border-radius: 0 3px 3px 0;box-shadow: none;box-sizing: border-box;}
  224. .tox .tox-color-input span:focus{border-color: #207ab7;}
  225. .tox[dir=rtl] .tox-color-input .tox-textfield{border-radius: 0 3px 3px 0;}
  226. .tox[dir=rtl] .tox-color-input span{border-width: 1px 0 1px 1px;border-radius: 3px 0 0 3px;}
  227. .tox .tox-label,.tox .tox-toolbar-label{display: block;padding: 0 8px 0 0;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.3;color: rgba(34,47,62,.7);text-transform: normal;white-space: nowrap;}
  228. .tox .tox-toolbar-label{padding: 0 8px;}
  229. .tox[dir=rtl] .tox-label{padding: 0 0 0 8px;}
  230. .tox .tox-form{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  231. .tox .tox-form__group{margin-bottom: 4px;box-sizing: border-box;}
  232. .tox .tox-form__group--error{color: #c00;}
  233. .tox .tox-form__group--collection{display: flex;}
  234. .tox .tox-form__grid{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
  235. .tox .tox-form__grid--2col>.tox-form__group{width: calc(50% - (8px / 2));}
  236. .tox .tox-form__grid--3col>.tox-form__group{width: calc(100% / 3 - (8px / 2));}
  237. .tox .tox-form__grid--4col>.tox-form__group{width: calc(25% - (8px / 2));}
  238. .tox .tox-form__controls-h-stack{align-items: center;display: flex;}
  239. .tox .tox-form__group--inline{align-items: center;display: flex;}
  240. .tox .tox-form__group--stretched{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  241. .tox .tox-form__group--stretched .tox-textarea{flex: 1;-ms-flex-preferred-size: auto;}
  242. .tox .tox-form__group--stretched .tox-navobj{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  243. .tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex: 1;-ms-flex-preferred-size: auto;height: 100%;}
  244. .tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left: 4px;}
  245. .tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right: 4px;}
  246. .tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display: none;}
  247. .tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield,.tox:not([dir=rtl]) .tox-selectfield select,.tox[dir=rtl] .tox-selectfield select{width: 100%;padding: 5px 4.75px;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;line-height: 24px;color: #222f3e;background-color: #fff;border-color: #ccc;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;box-sizing: border-box;resize: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
  248. .tox .tox-selectfield select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{border-color: #207ab7;outline: 0;box-shadow: none;}
  249. .tox .tox-toolbar-textfield{max-width: 250px;margin-top: 2px;margin-bottom: 3px;border-width: 0;}
  250. .tox .tox-naked-btn{display: block;padding: 0;margin: 0;color: #207ab7;cursor: pointer;background-color: transparent;border: 0;border-color: transparent;box-shadow: unset;}
  251. .tox .tox-naked-btn svg{display: block;fill: #222f3e;}
  252. .tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left: 4px;}
  253. .tox[dir=rtl] .tox-toolbar-textfield+*{margin-right: 4px;}
  254. .tox .tox-selectfield{position: relative;cursor: pointer;}
  255. .tox .tox-selectfield select::-ms-expand{display: none;}
  256. .tox .tox-selectfield svg{position: absolute;top: 50%;pointer-events: none;transform: translateY(-50%);}
  257. .tox:not([dir=rtl]) .tox-selectfield select{padding-right: 24px;}
  258. .tox:not([dir=rtl]) .tox-selectfield svg{right: 8px;}
  259. .tox[dir=rtl] .tox-selectfield select{padding-left: 24px;}
  260. .tox[dir=rtl] .tox-selectfield svg{left: 8px;}
  261. .tox .tox-textarea{white-space: pre-wrap;-webkit-appearance: textarea;-moz-appearance: textarea;appearance: textarea;}
  262. .tox-fullscreen{position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;overflow: hidden;border: 0;}
  263. .tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display: none;}
  264. .tox-fullscreen .tox.tox-tinymce.tox-fullscreen{z-index: 1200;}
  265. .tox-fullscreen .tox.tox-tinymce-aux{z-index: 1201;}
  266. .tox .tox-image-tools{width: 100%;}
  267. .tox .tox-image-tools__toolbar{align-items: center;display: flex;justify-content: center;}
  268. .tox .tox-image-tools__image{position: relative;width: 100%;height: 380px;overflow: auto;background-color: #666;}
  269. .tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top: 8px;}
  270. .tox .tox-image-tools__image-bg{background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);}
  271. .tox .tox-image-tools__toolbar>.tox-spacer{flex: 1;-ms-flex-preferred-size: auto;}
  272. .tox .tox-croprect-block{position: absolute;background: #000;opacity: .5;zoom: 1;}
  273. .tox .tox-croprect-handle{position: absolute;top: 0;left: 0;width: 20px;height: 20px;border: 2px solid #fff;}
  274. .tox .tox-croprect-handle-move{position: absolute;cursor: move;border: 0;}
  275. .tox .tox-croprect-handle-nw{top: 100px;left: 100px;margin: -2px 0 0 -2px;cursor: nw-resize;border-width: 2px 0 0 2px;}
  276. .tox .tox-croprect-handle-ne{top: 100px;left: 200px;margin: -2px 0 0 -20px;cursor: ne-resize;border-width: 2px 2px 0 0;}
  277. .tox .tox-croprect-handle-sw{top: 200px;left: 100px;margin: -20px 2px 0 -2px;cursor: sw-resize;border-width: 0 0 2px 2px;}
  278. .tox .tox-croprect-handle-se{top: 200px;left: 200px;margin: -20px 0 0 -20px;cursor: se-resize;border-width: 0 2px 2px 0;}
  279. .tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left: 8px;}
  280. .tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left: 32px;}
  281. .tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left: 32px;}
  282. .tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right: 8px;}
  283. .tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right: 32px;}
  284. .tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right: 32px;}
  285. .tox .tox-insert-table-picker{display: flex;flex-wrap: wrap;width: 169px;}
  286. .tox .tox-insert-table-picker>div{width: 16px;height: 16px;border-color: #ccc;border-style: solid;border-width: 0 1px 1px 0;box-sizing: content-box;}
  287. .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin: -4px 0;}
  288. .tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color: rgba(32,122,183,.5);border-color: rgba(32,122,183,.5);}
  289. .tox .tox-insert-table-picker__label{display: block;width: 100%;padding: 4px;font-size: 14px;color: rgba(34,47,62,.7);text-align: center;}
  290. .tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right: 0;}
  291. .tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right: 0;}
  292. .tox .tox-menu{z-index: 1;display: inline-block;overflow: hidden;vertical-align: top;background-color: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 4px 8px 0 rgba(34,47,62,.1);}
  293. .tox .tox-menu.tox-collection.tox-collection--list{padding: 0;}
  294. .tox .tox-menu.tox-collection.tox-collection--toolbar{padding: 4px;}
  295. .tox .tox-menu.tox-collection.tox-collection--grid{padding: 4px;}
  296. .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;}
  297. .tox .tox-menubar{display: flex;padding: 0 4px;margin-bottom: -1px;background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color: #fff;flex: 0 0 auto;flex-shrink: 0;flex-wrap: wrap;}
  298. .tox .tox-mbtn{display: flex;width: auto;height: 34px;padding: 0 4px;margin: 2px 0 3px 0;overflow: hidden;font-size: 14px;font-style: normal;font-weight: 400;color: #222f3e;text-transform: normal;background: 0 0;border: 0;border-radius: 3px;outline: 0;box-shadow: none;align-items: center;flex: 0 0 auto;justify-content: center;}
  299. .tox .tox-mbtn[disabled]{color: rgba(34,47,62,.5);cursor: not-allowed;background-color: none;border-color: none;box-shadow: none;}
  300. .tox .tox-mbtn:hover:not(:disabled){color: #222f3e;background: #dee0e2;box-shadow: none;}
  301. .tox .tox-mbtn:focus:not(:disabled){color: #222f3e;background: #dee0e2;box-shadow: none;}
  302. .tox .tox-mbtn--active{color: #222f3e;background: #c8cbcf;box-shadow: none;}
  303. .tox .tox-mbtn__select-label{margin: 0 4px;font-weight: 400;cursor: default;}
  304. .tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor: not-allowed;}
  305. .tox .tox-mbtn__select-chevron{display: flex;display: none;width: 16px;align-items: center;justify-content: center;}
  306. .tox .tox-notification{display: grid;padding: 5px;margin-top: 5px;background-color: #fffaea;border-color: #ffe89d;border-style: solid;border-width: 1px;opacity: 0;box-sizing: border-box;transition: transform .1s ease-in,opacity 150ms ease-in;grid-template-columns: minmax(40px,1fr) auto minmax(40px,1fr);}
  307. .tox .tox-notification--in{opacity: 1;}
  308. .tox .tox-notification--success{background-color: #dff0d8;border-color: #d6e9c6;}
  309. .tox .tox-notification--error{background-color: #f2dede;border-color: #ebccd1;}
  310. .tox .tox-notification--warn{background-color: #fcf8e3;border-color: #faebcc;}
  311. .tox .tox-notification--info{background-color: #d9edf7;border-color: #779ecb;}
  312. .tox .tox-notification__body{font-size: 14px;color: #222f3e;text-align: center;word-break: break-all;word-break: break-word;white-space: normal;align-self: center;grid-column-end: 3;-ms-grid-column-span: 1;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;}
  313. .tox .tox-notification__body>*{margin: 0;}
  314. .tox .tox-notification__body>*+*{margin-top: 1rem;}
  315. .tox .tox-notification__icon{align-self: center;-ms-grid-column-align: end;grid-column-end: 2;-ms-grid-column-span: 1;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;justify-self: end;}
  316. .tox .tox-notification__icon svg{display: block;}
  317. .tox .tox-notification__dismiss{align-self: start;-ms-grid-column-align: end;grid-column-end: 4;-ms-grid-column-span: 1;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;justify-self: end;}
  318. .tox .tox-notification .tox-progress-bar{-ms-grid-column-align: center;grid-column-end: 4;-ms-grid-column-span: 3;grid-column-start: 1;grid-row-end: 3;-ms-grid-row-span: 1;grid-row-start: 2;justify-self: center;}
  319. .tox .tox-pop{position: relative;display: inline-block;}
  320. .tox .tox-pop--resizing{transition: width .1s ease;}
  321. .tox .tox-pop--resizing .tox-toolbar{flex-wrap: nowrap;}
  322. .tox .tox-pop__dialog{min-width: 0;overflow: hidden;background-color: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,.15);}
  323. .tox .tox-pop__dialog>:not(.tox-toolbar){margin: 4px 4px 4px 8px;}
  324. .tox .tox-pop__dialog .tox-toolbar{background-color: transparent;}
  325. .tox .tox-pop::after,.tox .tox-pop::before{position: absolute;display: block;width: 0;height: 0;border-style: solid;content: '';}
  326. .tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{top: 100%;left: 50%;}
  327. .tox .tox-pop.tox-pop--bottom::after{margin-top: -1px;margin-left: -8px;border-color: #fff transparent transparent transparent;border-width: 8px;}
  328. .tox .tox-pop.tox-pop--bottom::before{margin-left: -9px;border-color: #ccc transparent transparent transparent;border-width: 9px;}
  329. .tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{top: 0;left: 50%;transform: translateY(-100%);}
  330. .tox .tox-pop.tox-pop--top::after{margin-top: 1px;margin-left: -8px;border-color: transparent transparent #fff transparent;border-width: 8px;}
  331. .tox .tox-pop.tox-pop--top::before{margin-left: -9px;border-color: transparent transparent #ccc transparent;border-width: 9px;}
  332. .tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{top: calc(50% - 1px);left: 0;transform: translateY(-50%);}
  333. .tox .tox-pop.tox-pop--left::after{margin-left: -15px;border-color: transparent #fff transparent transparent;border-width: 8px;}
  334. .tox .tox-pop.tox-pop--left::before{margin-left: -19px;border-color: transparent #ccc transparent transparent;border-width: 10px;}
  335. .tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{top: calc(50% + 1px);left: 100%;transform: translateY(-50%);}
  336. .tox .tox-pop.tox-pop--right::after{margin-left: -1px;border-color: transparent transparent transparent #fff;border-width: 8px;}
  337. .tox .tox-pop.tox-pop--right::before{margin-left: -1px;border-color: transparent transparent transparent #ccc;border-width: 10px;}
  338. .tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left: 20px;}
  339. .tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left: calc(100% - 20px);}
  340. .tox .tox-sidebar-wrap{display: flex;flex-direction: row;flex-grow: 1;min-height: 0;}
  341. .tox .tox-sidebar{display: flex;flex-direction: row;justify-content: flex-end;}
  342. .tox .tox-sidebar__slider{display: flex;overflow: hidden;}
  343. .tox .tox-sidebar__pane-container{display: flex;}
  344. .tox .tox-sidebar__pane{display: flex;}
  345. .tox .tox-sidebar--sliding-closed{opacity: 0;}
  346. .tox .tox-sidebar--sliding-open{opacity: 1;}
  347. .tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition: width .5s ease,opacity .5s ease;}
  348. .tox .tox-slider{position: relative;display: flex;height: 24px;align-items: center;flex: 1;-ms-flex-preferred-size: auto;justify-content: center;}
  349. .tox .tox-slider__rail{width: 100%;height: 10px;min-width: 120px;background-color: transparent;border: 1px solid #ccc;border-radius: 3px;}
  350. .tox .tox-slider__handle{position: absolute;top: 50%;left: 50%;width: 14px;height: 24px;background-color: #207ab7;border: 2px solid #185d8c;border-radius: 3px;transform: translateX(-50%) translateY(-50%);box-shadow: none;}
  351. .tox .tox-source-code{overflow: auto;}
  352. .tox .tox-spinner{display: flex;}
  353. .tox .tox-spinner>div{width: 8px;height: 8px;background-color: rgba(34,47,62,.7);border-radius: 100%;animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;}
  354. .tox .tox-spinner>div:nth-child(1){animation-delay: -.32s;}
  355. .tox .tox-spinner>div:nth-child(2){animation-delay: -.16s;}@keyframes tam-bouncing-dots{0%,100%,80%{transform: scale(0);}
  356. 40%{transform: scale(1);}}
  357. .tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left: 4px;}
  358. .tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right: 4px;}
  359. .tox .tox-statusbar{position: relative;display: flex;height: 18px;padding: 0 8px;overflow: hidden;font-size: 12px;color: rgba(34,47,62,.7);text-transform: uppercase;background-color: #fff;border-top: 1px solid #ccc;align-items: center;flex: 0 0 auto;}
  360. .tox .tox-statusbar a{color: rgba(34,47,62,.7);text-decoration: none;}
  361. .tox .tox-statusbar a:hover{text-decoration: underline;}
  362. .tox .tox-statusbar__text-container{display: flex;flex: 1 1 auto;justify-content: flex-end;overflow: hidden;}
  363. .tox .tox-statusbar__path{display: flex;flex: 1 1 auto;margin-right: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  364. .tox .tox-statusbar__path>*{display: inline;white-space: nowrap;}
  365. .tox .tox-statusbar__wordcount{flex: 0 0 auto;margin-left: 1ch;}
  366. .tox .tox-statusbar__resize-handle{display: flex;padding-left: 1ch;margin-right: -8px;margin-left: auto;cursor: nwse-resize;align-items: flex-end;align-self: stretch;flex: 0 0 auto;justify-content: flex-end;}
  367. .tox .tox-statusbar__resize-handle svg{display: block;fill: rgba(34,47,62,.7);}
  368. .tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right: 4px;}
  369. .tox:not([dir=rtl]) .tox-statusbar__branding{margin-left: 1ch;}
  370. .tox[dir=rtl] .tox-statusbar{flex-direction: row-reverse;}
  371. .tox[dir=rtl] .tox-statusbar__path>*{margin-left: 4px;}
  372. .tox .tox-throbber{z-index: 1400;}
  373. .tox .tox-throbber__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;background-color: rgba(255,255,255,.6);align-items: center;justify-content: center;}
  374. .tox .tox-tbtn{display: flex;width: 34px;height: 34px;padding: 0;margin: 2px 0 3px 0;overflow: hidden;font-size: 14px;font-style: normal;font-weight: 400;color: #222f3e;text-transform: normal;background: 0 0;border: 0;border-radius: 3px;outline: 0;box-shadow: none;align-items: center;flex: 0 0 auto;justify-content: center;}
  375. .tox .tox-tbtn svg{display: block;fill: #222f3e;}
  376. .tox .tox-tbtn.tox-tbtn-more{width: inherit;padding-right: 5px;padding-left: 5px;}
  377. .tox .tox-tbtn--enabled{color: #222f3e;background: #c8cbcf;box-shadow: none;}
  378. .tox .tox-tbtn--enabled>*{transform: none;}
  379. .tox .tox-tbtn--enabled svg{fill: #222f3e;}
  380. .tox .tox-tbtn:hover{color: #222f3e;background: #dee0e2;box-shadow: none;}
  381. .tox .tox-tbtn:hover svg{fill: #222f3e;}
  382. .tox .tox-tbtn:focus{color: #222f3e;background: #dee0e2;box-shadow: none;}
  383. .tox .tox-tbtn:focus svg{fill: #222f3e;}
  384. .tox .tox-tbtn:active{color: #222f3e;background: #c8cbcf;box-shadow: none;}
  385. .tox .tox-tbtn:active svg{fill: #222f3e;}
  386. .tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{color: rgba(34,47,62,.5);cursor: not-allowed;background: 0 0;box-shadow: none;}
  387. .tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill: rgba(34,47,62,.5);}
  388. .tox .tox-tbtn:active>*{transform: none;}
  389. .tox .tox-tbtn--md{width: 51px;height: 51px;}
  390. .tox .tox-tbtn--lg{width: 68px;height: 68px;flex-direction: column;}
  391. .tox .tox-tbtn--return{width: 16px;height: unset;align-self: stretch;}
  392. .tox .tox-tbtn--labeled{width: unset;padding: 0 4px;}
  393. .tox .tox-tbtn__vlabel{display: block;margin-bottom: 4px;font-size: 10px;font-weight: 400;letter-spacing: -.025em;white-space: nowrap;}
  394. .tox .tox-tbtn--select{width: auto;padding: 0 4px;margin: 2px 0 3px 0;}
  395. .tox .tox-tbtn__select-label{margin: 0 4px;font-weight: 400;cursor: default;}
  396. .tox .tox-tbtn__select-chevron{align-items: center;display: flex;justify-content: center;width: 16px;}
  397. .tox .tox-tbtn__select-chevron svg{fill: rgba(34,47,62,.7);}
  398. .tox .tox-tbtn--bespoke .tox-tbtn__select-label{width: 7em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  399. .tox .tox-split-button{display: flex;margin: 2px 0 3px 0;overflow: hidden;border: 0;border-radius: 3px;box-sizing: border-box;}
  400. .tox .tox-split-button:hover{box-shadow: 0 0 0 1px #dee0e2 inset;}
  401. .tox .tox-split-button:focus{color: #222f3e;background: #dee0e2;box-shadow: none;}
  402. .tox .tox-split-button>*{border-radius: 0;}
  403. .tox .tox-split-button__chevron{width: 16px;}
  404. .tox .tox-split-button__chevron svg{fill: rgba(34,47,62,.7);}
  405. .tox .tox-pop .tox-split-button__chevron svg{transform: rotate(-90deg);}
  406. .tox .tox-split-button .tox-tbtn{margin: 0;}
  407. .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{color: rgba(34,47,62,.5);background: 0 0;box-shadow: none;}
  408. .tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{display: flex;padding: 0 0;margin-bottom: -1px;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='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color: #fff;border-top: 1px solid #ccc;flex: 0 0 auto;flex-shrink: 0;flex-wrap: wrap;}
  409. .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height: 0;opacity: 0;visibility: hidden;}
  410. .tox .tox-toolbar__overflow--growing{transition: height .3s ease,opacity .2s linear .1s;}
  411. .tox .tox-toolbar__overflow--shrinking{transition: opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s;}
  412. .tox .tox-pop .tox-toolbar{border-width: 0;}
  413. .tox .tox-toolbar--no-divider{background-image: none;}
  414. .tox.tox-tinymce-aux .tox-toolbar__overflow{background-color: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,.15);}
  415. .tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow{margin-left: 4px;}
  416. .tox[dir=rtl] .tox-tbtn__icon-rtl svg{transform: rotateY(180deg);}
  417. .tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow{margin-right: 4px;}
  418. .tox .tox-toolbar__group{display: flex;padding: 0 4px;margin: 0 0;align-items: center;flex-wrap: wrap;}
  419. .tox .tox-toolbar__group--pull-right{margin-left: auto;}
  420. .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right: 1px solid #ccc;}
  421. .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left: 1px solid #ccc;}
  422. .tox .tox-tooltip{position: relative;display: inline-block;padding: 8px;}
  423. .tox .tox-tooltip__body{padding: 4px 8px;font-size: 14px;font-style: normal;font-weight: 400;color: rgba(255,255,255,.75);text-transform: normal;background-color: #222f3e;border-radius: 3px;box-shadow: 0 2px 4px rgba(34,47,62,.3);}
  424. .tox .tox-tooltip__arrow{position: absolute;}
  425. .tox .tox-tooltip--down .tox-tooltip__arrow{position: absolute;bottom: 0;left: 50%;border-top: 8px solid #222f3e;border-right: 8px solid transparent;border-left: 8px solid transparent;transform: translateX(-50%);}
  426. .tox .tox-tooltip--up .tox-tooltip__arrow{position: absolute;top: 0;left: 50%;border-right: 8px solid transparent;border-bottom: 8px solid #222f3e;border-left: 8px solid transparent;transform: translateX(-50%);}
  427. .tox .tox-tooltip--right .tox-tooltip__arrow{position: absolute;top: 50%;right: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #222f3e;transform: translateY(-50%);}
  428. .tox .tox-tooltip--left .tox-tooltip__arrow{position: absolute;top: 50%;left: 0;border-top: 8px solid transparent;border-right: 8px solid #222f3e;border-bottom: 8px solid transparent;transform: translateY(-50%);}
  429. .tox .tox-well{width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 3px;}
  430. .tox .tox-well>:first-child{margin-top: 0;}
  431. .tox .tox-well>:last-child{margin-bottom: 0;}
  432. .tox .tox-well>:only-child{margin: 0;}
  433. .tox .tox-custom-editor{display: flex;height: 525px;border: 1px solid #ccc;border-radius: 3px;}
  434. .tox .tox-dialog-loading::before{position: absolute;z-index: 1000;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);content: "";}
  435. .tox .tox-tab{cursor: pointer;}
  436. .tox .tox-dialog__content-js{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  437. .tox .tox-dialog__body-content .tox-collection{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  438. .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;}
  439. .tox a{color: #2276d2;cursor: pointer;}
  440. .tox .tox-image-tools-edit-panel{height: 60px;}
  441. .tox .tox-image-tools__sidebar{height: 60px;}