skin.min.css 70 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589
  1. /**
  2. * Copyright (c) Tiny Technologies, 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 {
  8. box-shadow: none;
  9. box-sizing: content-box;
  10. color: #fff;
  11. cursor: auto;
  12. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  13. font-size: 16px;
  14. font-style: normal;
  15. font-weight: 400;
  16. line-height: normal;
  17. -webkit-tap-highlight-color: transparent;
  18. text-decoration: none;
  19. text-shadow: none;
  20. text-transform: none;
  21. vertical-align: initial;
  22. white-space: normal
  23. }
  24. .tox :not(svg):not(rect) {
  25. box-sizing: inherit;
  26. color: inherit;
  27. cursor: inherit;
  28. direction: inherit;
  29. font-family: inherit;
  30. font-size: inherit;
  31. font-style: inherit;
  32. font-weight: inherit;
  33. line-height: inherit;
  34. -webkit-tap-highlight-color: inherit;
  35. text-align: inherit;
  36. text-decoration: inherit;
  37. text-shadow: inherit;
  38. text-transform: inherit;
  39. vertical-align: inherit;
  40. white-space: inherit
  41. }
  42. .tox :not(svg):not(rect) {
  43. background: 0 0;
  44. border: 0;
  45. box-shadow: none;
  46. float: none;
  47. height: auto;
  48. margin: 0;
  49. max-width: none;
  50. outline: 0;
  51. padding: 0;
  52. position: static;
  53. width: auto
  54. }
  55. .tox:not([dir=rtl]) {
  56. direction: ltr;
  57. text-align: left
  58. }
  59. .tox[dir=rtl] {
  60. direction: rtl;
  61. text-align: right
  62. }
  63. .tox-tinymce {
  64. border: 1px solid rgba(255, 255, 255, .2);
  65. border-radius: 0;
  66. box-shadow: none;
  67. box-sizing: border-box;
  68. display: flex;
  69. flex-direction: column;
  70. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  71. overflow: hidden;
  72. position: relative;
  73. visibility: inherit !important
  74. }
  75. .tox-tinymce-inline {
  76. border: none;
  77. box-shadow: none
  78. }
  79. .tox-tinymce-inline .tox-editor-header {
  80. background-color: transparent;
  81. border: 1px solid rgba(255, 255, 255, .2);
  82. border-radius: 0;
  83. box-shadow: none
  84. }
  85. .tox-tinymce-aux {
  86. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  87. z-index: 130000000
  88. }
  89. .tox-tinymce :focus,
  90. .tox-tinymce-aux :focus {
  91. outline: 0
  92. }
  93. button::-moz-focus-inner {
  94. border: 0
  95. }
  96. .tox[dir=rtl] .tox-icon--flip svg {
  97. transform: rotateY(180deg)
  98. }
  99. .tox .accessibility-issue__header {
  100. align-items: center;
  101. display: flex;
  102. margin-bottom: 4px
  103. }
  104. .tox .accessibility-issue__description {
  105. align-items: stretch;
  106. border: 1px solid rgba(255, 255, 255, .2);
  107. border-radius: 3px;
  108. display: flex;
  109. justify-content: space-between
  110. }
  111. .tox .accessibility-issue__description>div {
  112. padding-bottom: 4px
  113. }
  114. .tox .accessibility-issue__description>div>div {
  115. align-items: center;
  116. display: flex;
  117. margin-bottom: 4px
  118. }
  119. .tox .accessibility-issue__description>:last-child:not(:only-child) {
  120. border-color: rgba(255, 255, 255, .2);
  121. border-style: solid
  122. }
  123. .tox .accessibility-issue__repair {
  124. margin-top: 16px
  125. }
  126. .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
  127. background-color: rgba(32, 122, 183, .5);
  128. border-color: #207ab7;
  129. color: #fff
  130. }
  131. .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description>:last-child {
  132. border-color: #207ab7
  133. }
  134. .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
  135. color: #207ab7
  136. }
  137. .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
  138. fill: #207ab7
  139. }
  140. .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
  141. color: #207ab7
  142. }
  143. .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
  144. background-color: rgba(255, 165, 0, .5);
  145. border-color: rgba(255, 165, 0, .8);
  146. color: #fff
  147. }
  148. .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description>:last-child {
  149. border-color: rgba(255, 165, 0, .8)
  150. }
  151. .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
  152. color: #cc8500
  153. }
  154. .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
  155. fill: #cc8500
  156. }
  157. .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
  158. color: #cc8500
  159. }
  160. .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
  161. background-color: rgba(204, 0, 0, .5);
  162. border-color: rgba(204, 0, 0, .8);
  163. color: #fff
  164. }
  165. .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description>:last-child {
  166. border-color: rgba(204, 0, 0, .8)
  167. }
  168. .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
  169. color: #c00
  170. }
  171. .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
  172. fill: #c00
  173. }
  174. .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
  175. color: #c00
  176. }
  177. .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
  178. background-color: rgba(120, 171, 70, .5);
  179. border-color: rgba(120, 171, 70, .8);
  180. color: #fff
  181. }
  182. .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child {
  183. border-color: rgba(120, 171, 70, .8)
  184. }
  185. .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
  186. color: #78ab46
  187. }
  188. .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
  189. fill: #78ab46
  190. }
  191. .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
  192. color: #78ab46
  193. }
  194. .tox .tox-dialog__body-content .accessibility-issue__header h1,
  195. .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
  196. margin-top: 0
  197. }
  198. .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
  199. margin-left: 4px
  200. }
  201. .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2) {
  202. margin-left: auto
  203. }
  204. .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
  205. padding: 4px 4px 4px 8px
  206. }
  207. .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description>:last-child {
  208. border-left-width: 1px;
  209. padding-left: 4px
  210. }
  211. .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
  212. margin-right: 4px
  213. }
  214. .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2) {
  215. margin-right: auto
  216. }
  217. .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
  218. padding: 4px 8px 4px 4px
  219. }
  220. .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description>:last-child {
  221. border-right-width: 1px;
  222. padding-right: 4px
  223. }
  224. .tox .tox-anchorbar {
  225. display: flex;
  226. flex: 0 0 auto
  227. }
  228. .tox .tox-bar {
  229. display: flex;
  230. flex: 0 0 auto
  231. }
  232. .tox .tox-button {
  233. background-color: #207ab7;
  234. background-image: none;
  235. background-position: 0 0;
  236. background-repeat: repeat;
  237. border-color: #207ab7;
  238. border-radius: 3px;
  239. border-style: solid;
  240. border-width: 1px;
  241. box-shadow: none;
  242. box-sizing: border-box;
  243. color: #fff;
  244. cursor: pointer;
  245. display: inline-block;
  246. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  247. font-size: 14px;
  248. font-style: normal;
  249. font-weight: 700;
  250. letter-spacing: normal;
  251. line-height: 24px;
  252. margin: 0;
  253. outline: 0;
  254. padding: 4px 16px;
  255. text-align: center;
  256. text-decoration: none;
  257. text-transform: none;
  258. white-space: nowrap
  259. }
  260. .tox .tox-button[disabled] {
  261. background-color: #207ab7;
  262. background-image: none;
  263. border-color: #207ab7;
  264. box-shadow: none;
  265. color: rgba(255, 255, 255, .5);
  266. cursor: not-allowed
  267. }
  268. .tox .tox-button:focus:not(:disabled) {
  269. background-color: #1c6ca1;
  270. background-image: none;
  271. border-color: #1c6ca1;
  272. box-shadow: none;
  273. color: #fff
  274. }
  275. .tox .tox-button:hover:not(:disabled) {
  276. background-color: #1c6ca1;
  277. background-image: none;
  278. border-color: #1c6ca1;
  279. box-shadow: none;
  280. color: #fff
  281. }
  282. .tox .tox-button:active:not(:disabled) {
  283. background-color: #185d8c;
  284. background-image: none;
  285. border-color: #185d8c;
  286. box-shadow: none;
  287. color: #fff
  288. }
  289. .tox .tox-button--secondary {
  290. background-color: #0362be;
  291. background-image: none;
  292. background-position: 0 0;
  293. background-repeat: repeat;
  294. border-color: #0362be;
  295. border-radius: 3px;
  296. border-style: solid;
  297. border-width: 1px;
  298. box-shadow: none;
  299. color: #fff;
  300. font-size: 14px;
  301. font-style: normal;
  302. font-weight: 700;
  303. letter-spacing: normal;
  304. outline: 0;
  305. padding: 4px 16px;
  306. text-decoration: none;
  307. text-transform: none
  308. }
  309. .tox .tox-button--secondary[disabled] {
  310. background-color: #0362be;
  311. background-image: none;
  312. border-color: #0362be;
  313. box-shadow: none;
  314. color: rgba(255, 255, 255, .5)
  315. }
  316. .tox .tox-button--secondary:focus:not(:disabled) {
  317. background-color: #0355a5;
  318. background-image: none;
  319. border-color: #0355a5;
  320. box-shadow: none;
  321. color: #fff
  322. }
  323. .tox .tox-button--secondary:hover:not(:disabled) {
  324. background-color: #0355a5;
  325. background-image: none;
  326. border-color: #0355a5;
  327. box-shadow: none;
  328. color: #fff
  329. }
  330. .tox .tox-button--secondary:active:not(:disabled) {
  331. background-color: #02488c;
  332. background-image: none;
  333. border-color: #02488c;
  334. box-shadow: none;
  335. color: #fff
  336. }
  337. .tox .tox-button--icon,
  338. .tox .tox-button.tox-button--icon,
  339. .tox .tox-button.tox-button--secondary.tox-button--icon {
  340. padding: 4px
  341. }
  342. .tox .tox-button--icon .tox-icon svg,
  343. .tox .tox-button.tox-button--icon .tox-icon svg,
  344. .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
  345. display: block;
  346. fill: currentColor
  347. }
  348. .tox .tox-button-link {
  349. background: 0;
  350. border: none;
  351. box-sizing: border-box;
  352. cursor: pointer;
  353. display: inline-block;
  354. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  355. font-size: 16px;
  356. font-weight: 400;
  357. line-height: 1.3;
  358. margin: 0;
  359. padding: 0;
  360. white-space: nowrap
  361. }
  362. .tox .tox-button-link--sm {
  363. font-size: 14px
  364. }
  365. .tox .tox-button--naked {
  366. background-color: transparent;
  367. border-color: transparent;
  368. box-shadow: unset;
  369. color: #fff
  370. }
  371. .tox .tox-button--naked[disabled] {
  372. background-color: #0362be;
  373. border-color: #0362be;
  374. box-shadow: none;
  375. color: rgba(255, 255, 255, .5)
  376. }
  377. .tox .tox-button--naked:hover:not(:disabled) {
  378. background-color: #0355a5;
  379. border-color: #0355a5;
  380. box-shadow: none;
  381. color: #fff
  382. }
  383. .tox .tox-button--naked:focus:not(:disabled) {
  384. background-color: #0355a5;
  385. border-color: #0355a5;
  386. box-shadow: none;
  387. color: #fff
  388. }
  389. .tox .tox-button--naked:active:not(:disabled) {
  390. background-color: #02488c;
  391. border-color: #02488c;
  392. box-shadow: none;
  393. color: #fff
  394. }
  395. .tox .tox-button--naked .tox-icon svg {
  396. fill: currentColor
  397. }
  398. .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
  399. color: #fff
  400. }
  401. .tox .tox-checkbox {
  402. align-items: center;
  403. border-radius: 3px;
  404. cursor: pointer;
  405. display: flex;
  406. height: 36px;
  407. min-width: 36px
  408. }
  409. .tox .tox-checkbox__input {
  410. height: 1px;
  411. overflow: hidden;
  412. position: absolute;
  413. top: auto;
  414. width: 1px
  415. }
  416. .tox .tox-checkbox__icons {
  417. align-items: center;
  418. border-radius: 3px;
  419. box-shadow: 0 0 0 2px transparent;
  420. box-sizing: content-box;
  421. display: flex;
  422. height: 24px;
  423. justify-content: center;
  424. padding: calc(4px - 1px);
  425. width: 24px
  426. }
  427. .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  428. display: block;
  429. fill: rgba(255, 255, 255, .3)
  430. }
  431. .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  432. display: none;
  433. fill: #207ab7
  434. }
  435. .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  436. display: none;
  437. fill: #207ab7
  438. }
  439. .tox .tox-checkbox--disabled {
  440. color: rgba(255, 255, 255, .5);
  441. cursor: not-allowed
  442. }
  443. .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  444. fill: rgba(255, 255, 255, .5)
  445. }
  446. .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  447. fill: rgba(255, 255, 255, .5)
  448. }
  449. .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  450. fill: rgba(255, 255, 255, .5)
  451. }
  452. .tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  453. display: none
  454. }
  455. .tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg {
  456. display: block
  457. }
  458. .tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  459. display: none
  460. }
  461. .tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  462. display: block
  463. }
  464. .tox input.tox-checkbox__input:focus+.tox-checkbox__icons {
  465. border-radius: 3px;
  466. box-shadow: inset 0 0 0 1px #207ab7;
  467. padding: calc(4px - 1px)
  468. }
  469. .tox:not([dir=rtl]) .tox-checkbox__label {
  470. margin-left: 4px
  471. }
  472. .tox:not([dir=rtl]) .tox-checkbox__input {
  473. left: -10000px
  474. }
  475. .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
  476. margin-left: 4px
  477. }
  478. .tox[dir=rtl] .tox-checkbox__label {
  479. margin-right: 4px
  480. }
  481. .tox[dir=rtl] .tox-checkbox__input {
  482. right: -10000px
  483. }
  484. .tox[dir=rtl] .tox-bar .tox-checkbox {
  485. margin-right: 4px
  486. }
  487. .tox .tox-collection--toolbar .tox-collection__group {
  488. display: flex;
  489. padding: 0
  490. }
  491. .tox .tox-collection--grid .tox-collection__group {
  492. display: flex;
  493. flex-wrap: wrap;
  494. max-height: 208px;
  495. overflow-x: hidden;
  496. overflow-y: auto;
  497. padding: 0
  498. }
  499. .tox .tox-collection--list .tox-collection__group {
  500. border-bottom-width: 0;
  501. border-color: rgba(255, 255, 255, .2);
  502. border-left-width: 0;
  503. border-right-width: 0;
  504. border-style: solid;
  505. border-top-width: 1px;
  506. padding: 4px 0
  507. }
  508. .tox .tox-collection--list .tox-collection__group:first-child {
  509. border-top-width: 0
  510. }
  511. .tox .tox-collection__group-heading {
  512. background-color: rgba(255, 255, 255, .2);
  513. color: rgba(2, 69, 115, .9);
  514. cursor: default;
  515. font-size: 12px;
  516. font-style: normal;
  517. font-weight: 400;
  518. margin-bottom: 4px;
  519. margin-top: -4px;
  520. padding: 4px 8px;
  521. text-transform: none;
  522. -webkit-touch-callout: none;
  523. -webkit-user-select: none;
  524. -ms-user-select: none;
  525. user-select: none
  526. }
  527. .tox .tox-collection__item {
  528. align-items: center;
  529. color: #fff;
  530. cursor: pointer;
  531. display: flex;
  532. -webkit-touch-callout: none;
  533. -webkit-user-select: none;
  534. -ms-user-select: none;
  535. user-select: none
  536. }
  537. .tox .tox-collection--list .tox-collection__item {
  538. padding: 4px 8px
  539. }
  540. .tox .tox-collection--toolbar .tox-collection__item {
  541. border-radius: 3px;
  542. padding: 4px
  543. }
  544. .tox .tox-collection--grid .tox-collection__item {
  545. border-radius: 3px;
  546. padding: 4px
  547. }
  548. .tox .tox-collection--list .tox-collection__item--enabled {
  549. background-color: #02488c;
  550. color: #fff
  551. }
  552. .tox .tox-collection--list .tox-collection__item--active {
  553. background-color: #409eff
  554. }
  555. .tox .tox-collection--toolbar .tox-collection__item--enabled {
  556. background-color: #409eff;
  557. color: #fff
  558. }
  559. .tox .tox-collection--toolbar .tox-collection__item--active {
  560. background-color: #409eff
  561. }
  562. .tox .tox-collection--grid .tox-collection__item--enabled {
  563. background-color: #409eff;
  564. color: #fff
  565. }
  566. .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  567. background-color: #409eff;
  568. color: #fff
  569. }
  570. .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  571. color: #fff
  572. }
  573. .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  574. color: #fff
  575. }
  576. .tox .tox-collection__item-checkmark,
  577. .tox .tox-collection__item-icon {
  578. align-items: center;
  579. display: flex;
  580. height: 24px;
  581. justify-content: center;
  582. width: 24px
  583. }
  584. .tox .tox-collection__item-checkmark svg,
  585. .tox .tox-collection__item-icon svg {
  586. fill: currentColor
  587. }
  588. .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  589. height: 48px;
  590. width: 48px
  591. }
  592. .tox .tox-collection__item-label {
  593. color: currentColor;
  594. display: inline-block;
  595. flex: 1;
  596. -ms-flex-preferred-size: auto;
  597. font-size: 14px;
  598. font-style: normal;
  599. font-weight: 400;
  600. line-height: 24px;
  601. text-transform: none;
  602. word-break: break-all
  603. }
  604. .tox .tox-collection__item-accessory {
  605. color: rgba(255, 255, 255, .7);
  606. display: inline-block;
  607. font-size: 14px;
  608. height: 24px;
  609. line-height: 24px;
  610. text-transform: none
  611. }
  612. .tox .tox-collection__item-caret {
  613. align-items: center;
  614. display: flex;
  615. min-height: 24px
  616. }
  617. .tox .tox-collection__item-caret::after {
  618. content: '';
  619. font-size: 0;
  620. min-height: inherit
  621. }
  622. .tox .tox-collection__item-caret svg {
  623. fill: #fff
  624. }
  625. .tox .tox-collection__item--state-disabled {
  626. background-color: transparent;
  627. color: rgba(255, 255, 255, .5);
  628. cursor: not-allowed
  629. }
  630. .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
  631. fill: rgba(255, 255, 255, .5)
  632. }
  633. .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  634. display: none
  635. }
  636. .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark {
  637. display: none
  638. }
  639. .tox .tox-collection--horizontal {
  640. background-color: #02488c;
  641. border: 1px solid rgba(255, 255, 255, .2);
  642. border-radius: 3px;
  643. box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
  644. display: flex;
  645. flex: 0 0 auto;
  646. flex-shrink: 0;
  647. flex-wrap: nowrap;
  648. margin-bottom: 0;
  649. overflow-x: auto;
  650. padding: 0
  651. }
  652. .tox .tox-collection--horizontal .tox-collection__group {
  653. align-items: center;
  654. display: flex;
  655. flex-wrap: nowrap;
  656. margin: 0;
  657. padding: 0 4px
  658. }
  659. .tox .tox-collection--horizontal .tox-collection__item {
  660. height: 34px;
  661. margin: 2px 0 3px 0;
  662. padding: 0 4px
  663. }
  664. .tox .tox-collection--horizontal .tox-collection__item-label {
  665. white-space: nowrap
  666. }
  667. .tox .tox-collection--horizontal .tox-collection__item-caret {
  668. margin-left: 4px
  669. }
  670. .tox .tox-collection__item-container {
  671. display: flex
  672. }
  673. .tox .tox-collection__item-container--row {
  674. align-items: center;
  675. flex: 1 1 auto;
  676. flex-direction: row
  677. }
  678. .tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
  679. margin-right: auto
  680. }
  681. .tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
  682. justify-content: flex-end;
  683. margin-left: auto
  684. }
  685. .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
  686. align-items: flex-start;
  687. margin-bottom: auto
  688. }
  689. .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
  690. align-items: center
  691. }
  692. .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
  693. align-items: flex-end;
  694. margin-top: auto
  695. }
  696. .tox .tox-collection__item-container--column {
  697. -ms-grid-row-align: center;
  698. align-self: center;
  699. flex: 1 1 auto;
  700. flex-direction: column
  701. }
  702. .tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
  703. align-items: flex-start
  704. }
  705. .tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
  706. align-items: flex-end
  707. }
  708. .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
  709. align-self: flex-start
  710. }
  711. .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
  712. -ms-grid-row-align: center;
  713. align-self: center
  714. }
  715. .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
  716. align-self: flex-end
  717. }
  718. .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  719. border-right: 1px solid rgba(255, 255, 255, .2)
  720. }
  721. .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child) {
  722. margin-left: 8px
  723. }
  724. .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child {
  725. margin-left: 4px
  726. }
  727. .tox:not([dir=rtl]) .tox-collection__item-accessory {
  728. margin-left: 16px;
  729. text-align: right
  730. }
  731. .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
  732. margin-left: 16px
  733. }
  734. .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  735. border-left: 1px solid rgba(255, 255, 255, .2)
  736. }
  737. .tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child) {
  738. margin-right: 8px
  739. }
  740. .tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child {
  741. margin-right: 4px
  742. }
  743. .tox[dir=rtl] .tox-collection__item-accessory {
  744. margin-right: 16px;
  745. text-align: left
  746. }
  747. .tox[dir=rtl] .tox-collection .tox-collection__item-caret {
  748. margin-right: 16px;
  749. transform: rotateY(180deg)
  750. }
  751. .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
  752. margin-right: 4px
  753. }
  754. .tox .tox-color-picker-container {
  755. display: flex;
  756. flex-direction: row;
  757. height: 225px;
  758. margin: 0
  759. }
  760. .tox .tox-sv-palette {
  761. box-sizing: border-box;
  762. display: flex;
  763. height: 100%
  764. }
  765. .tox .tox-sv-palette-spectrum {
  766. height: 100%
  767. }
  768. .tox .tox-sv-palette,
  769. .tox .tox-sv-palette-spectrum {
  770. width: 225px
  771. }
  772. .tox .tox-sv-palette-thumb {
  773. background: 0 0;
  774. border: 1px solid #000;
  775. border-radius: 50%;
  776. box-sizing: content-box;
  777. height: 12px;
  778. position: absolute;
  779. width: 12px
  780. }
  781. .tox .tox-sv-palette-inner-thumb {
  782. border: 1px solid #fff;
  783. border-radius: 50%;
  784. height: 10px;
  785. position: absolute;
  786. width: 10px
  787. }
  788. .tox .tox-hue-slider {
  789. box-sizing: border-box;
  790. height: 100%;
  791. width: 25px
  792. }
  793. .tox .tox-hue-slider-spectrum {
  794. background: linear-gradient(to bottom, red, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, red);
  795. height: 100%;
  796. width: 100%
  797. }
  798. .tox .tox-hue-slider,
  799. .tox .tox-hue-slider-spectrum {
  800. width: 20px
  801. }
  802. .tox .tox-hue-slider-thumb {
  803. background: #fff;
  804. border: 1px solid #000;
  805. box-sizing: content-box;
  806. height: 4px;
  807. width: 100%
  808. }
  809. .tox .tox-rgb-form {
  810. display: flex;
  811. flex-direction: column;
  812. justify-content: space-between
  813. }
  814. .tox .tox-rgb-form div {
  815. align-items: center;
  816. display: flex;
  817. justify-content: space-between;
  818. margin-bottom: 5px;
  819. width: inherit
  820. }
  821. .tox .tox-rgb-form input {
  822. width: 6em
  823. }
  824. .tox .tox-rgb-form input.tox-invalid {
  825. border: 1px solid red !important
  826. }
  827. .tox .tox-rgb-form .tox-rgba-preview {
  828. border: 1px solid #000;
  829. flex-grow: 2;
  830. margin-bottom: 0
  831. }
  832. .tox:not([dir=rtl]) .tox-sv-palette {
  833. margin-right: 15px
  834. }
  835. .tox:not([dir=rtl]) .tox-hue-slider {
  836. margin-right: 15px
  837. }
  838. .tox:not([dir=rtl]) .tox-hue-slider-thumb {
  839. margin-left: -1px
  840. }
  841. .tox:not([dir=rtl]) .tox-rgb-form label {
  842. margin-right: .5em
  843. }
  844. .tox[dir=rtl] .tox-sv-palette {
  845. margin-left: 15px
  846. }
  847. .tox[dir=rtl] .tox-hue-slider {
  848. margin-left: 15px
  849. }
  850. .tox[dir=rtl] .tox-hue-slider-thumb {
  851. margin-right: -1px
  852. }
  853. .tox[dir=rtl] .tox-rgb-form label {
  854. margin-left: .5em
  855. }
  856. .tox .tox-toolbar .tox-swatches,
  857. .tox .tox-toolbar__overflow .tox-swatches,
  858. .tox .tox-toolbar__primary .tox-swatches {
  859. margin: 2px 0 3px 4px
  860. }
  861. .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  862. border: 0;
  863. margin: -4px 0
  864. }
  865. .tox .tox-swatches__row {
  866. display: flex
  867. }
  868. .tox .tox-swatch {
  869. height: 30px;
  870. transition: transform .15s, box-shadow .15s;
  871. width: 30px
  872. }
  873. .tox .tox-swatch:focus,
  874. .tox .tox-swatch:hover {
  875. box-shadow: 0 0 0 1px rgba(127, 127, 127, .3) inset;
  876. transform: scale(.8)
  877. }
  878. .tox .tox-swatch--remove {
  879. align-items: center;
  880. display: flex;
  881. justify-content: center
  882. }
  883. .tox .tox-swatch--remove svg path {
  884. stroke: #e74c3c
  885. }
  886. .tox .tox-swatches__picker-btn {
  887. align-items: center;
  888. background-color: transparent;
  889. border: 0;
  890. cursor: pointer;
  891. display: flex;
  892. height: 30px;
  893. justify-content: center;
  894. outline: 0;
  895. padding: 0;
  896. width: 30px
  897. }
  898. .tox .tox-swatches__picker-btn svg {
  899. height: 24px;
  900. width: 24px
  901. }
  902. .tox .tox-swatches__picker-btn:hover {
  903. background: #409eff
  904. }
  905. .tox:not([dir=rtl]) .tox-swatches__picker-btn {
  906. margin-left: auto
  907. }
  908. .tox[dir=rtl] .tox-swatches__picker-btn {
  909. margin-right: auto
  910. }
  911. .tox .tox-comment-thread {
  912. background: #02488c;
  913. position: relative
  914. }
  915. .tox .tox-comment-thread>:not(:first-child) {
  916. margin-top: 8px
  917. }
  918. .tox .tox-comment {
  919. background: #02488c;
  920. border: 1px solid rgba(255, 255, 255, .2);
  921. border-radius: 3px;
  922. box-shadow: 0 4px 8px 0 rgba(255, 255, 255, .1);
  923. padding: 8px 8px 16px 8px;
  924. position: relative
  925. }
  926. .tox .tox-comment__header {
  927. align-items: center;
  928. color: #fff;
  929. display: flex;
  930. justify-content: space-between
  931. }
  932. .tox .tox-comment__date {
  933. color: rgba(255, 255, 255, .7);
  934. font-size: 12px
  935. }
  936. .tox .tox-comment__body {
  937. color: #fff;
  938. font-size: 14px;
  939. font-style: normal;
  940. font-weight: 400;
  941. line-height: 1.3;
  942. margin-top: 8px;
  943. position: relative;
  944. text-transform: initial
  945. }
  946. .tox .tox-comment__body textarea {
  947. resize: none;
  948. white-space: normal;
  949. width: 100%
  950. }
  951. .tox .tox-comment__expander {
  952. padding-top: 8px
  953. }
  954. .tox .tox-comment__expander p {
  955. color: rgba(255, 255, 255, .7);
  956. font-size: 14px;
  957. font-style: normal
  958. }
  959. .tox .tox-comment__body p {
  960. margin: 0
  961. }
  962. .tox .tox-comment__buttonspacing {
  963. padding-top: 16px;
  964. text-align: center
  965. }
  966. .tox .tox-comment-thread__overlay::after {
  967. background: #02488c;
  968. bottom: 0;
  969. content: "";
  970. display: flex;
  971. left: 0;
  972. opacity: .9;
  973. position: absolute;
  974. right: 0;
  975. top: 0;
  976. z-index: 500000
  977. }
  978. .tox .tox-comment__reply {
  979. display: flex;
  980. flex-shrink: 0;
  981. flex-wrap: wrap;
  982. justify-content: flex-end;
  983. margin-top: 8px
  984. }
  985. .tox .tox-comment__reply>:first-child {
  986. margin-bottom: 8px;
  987. width: 100%
  988. }
  989. .tox .tox-comment__edit {
  990. display: flex;
  991. flex-wrap: wrap;
  992. justify-content: flex-end;
  993. margin-top: 16px
  994. }
  995. .tox .tox-comment__gradient::after {
  996. background: linear-gradient(rgba(2, 72, 140, 0), #02488c);
  997. bottom: 0;
  998. content: "";
  999. display: block;
  1000. height: 5em;
  1001. margin-top: -40px;
  1002. position: absolute;
  1003. width: 100%
  1004. }
  1005. .tox .tox-comment__overlay {
  1006. background: #02488c;
  1007. bottom: 0;
  1008. display: flex;
  1009. flex-direction: column;
  1010. flex-grow: 1;
  1011. left: 0;
  1012. opacity: .9;
  1013. position: absolute;
  1014. right: 0;
  1015. text-align: center;
  1016. top: 0;
  1017. z-index: 500000
  1018. }
  1019. .tox .tox-comment__loading-text {
  1020. align-items: center;
  1021. color: #fff;
  1022. display: flex;
  1023. flex-direction: column;
  1024. position: relative
  1025. }
  1026. .tox .tox-comment__loading-text>div {
  1027. padding-bottom: 16px
  1028. }
  1029. .tox .tox-comment__overlaytext {
  1030. bottom: 0;
  1031. flex-direction: column;
  1032. font-size: 14px;
  1033. left: 0;
  1034. padding: 1em;
  1035. position: absolute;
  1036. right: 0;
  1037. top: 0;
  1038. z-index: 1000000
  1039. }
  1040. .tox .tox-comment__overlaytext p {
  1041. background-color: #02488c;
  1042. box-shadow: 0 0 8px 8px #02488c;
  1043. color: #fff;
  1044. text-align: center
  1045. }
  1046. .tox .tox-comment__overlaytext div:nth-of-type(2) {
  1047. font-size: .8em
  1048. }
  1049. .tox .tox-comment__busy-spinner {
  1050. align-items: center;
  1051. background-color: #02488c;
  1052. bottom: 0;
  1053. display: flex;
  1054. justify-content: center;
  1055. left: 0;
  1056. position: absolute;
  1057. right: 0;
  1058. top: 0;
  1059. z-index: 2000000
  1060. }
  1061. .tox .tox-comment__scroll {
  1062. display: flex;
  1063. flex-direction: column;
  1064. flex-shrink: 1;
  1065. overflow: auto
  1066. }
  1067. .tox .tox-conversations {
  1068. margin: 8px
  1069. }
  1070. .tox:not([dir=rtl]) .tox-comment__edit {
  1071. margin-left: 8px
  1072. }
  1073. .tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,
  1074. .tox:not([dir=rtl]) .tox-comment__edit>:last-child,
  1075. .tox:not([dir=rtl]) .tox-comment__reply>:last-child {
  1076. margin-left: 8px
  1077. }
  1078. .tox[dir=rtl] .tox-comment__edit {
  1079. margin-right: 8px
  1080. }
  1081. .tox[dir=rtl] .tox-comment__buttonspacing>:last-child,
  1082. .tox[dir=rtl] .tox-comment__edit>:last-child,
  1083. .tox[dir=rtl] .tox-comment__reply>:last-child {
  1084. margin-right: 8px
  1085. }
  1086. .tox .tox-user {
  1087. align-items: center;
  1088. display: flex
  1089. }
  1090. .tox .tox-user__avatar svg {
  1091. fill: rgba(255, 255, 255, .7)
  1092. }
  1093. .tox .tox-user__name {
  1094. color: rgba(255, 255, 255, .7);
  1095. font-size: 12px;
  1096. font-style: normal;
  1097. font-weight: 700;
  1098. text-transform: uppercase
  1099. }
  1100. .tox:not([dir=rtl]) .tox-user__avatar svg {
  1101. margin-right: 8px
  1102. }
  1103. .tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name {
  1104. margin-left: 8px
  1105. }
  1106. .tox[dir=rtl] .tox-user__avatar svg {
  1107. margin-left: 8px
  1108. }
  1109. .tox[dir=rtl] .tox-user__avatar+.tox-user__name {
  1110. margin-right: 8px
  1111. }
  1112. .tox .tox-dialog-wrap {
  1113. align-items: center;
  1114. bottom: 0;
  1115. display: flex;
  1116. justify-content: center;
  1117. left: 0;
  1118. position: fixed;
  1119. right: 0;
  1120. top: 0;
  1121. z-index: 110000000
  1122. }
  1123. .tox .tox-dialog-wrap__backdrop {
  1124. background-color: rgba(2, 59, 115, .75);
  1125. bottom: 0;
  1126. left: 0;
  1127. position: absolute;
  1128. right: 0;
  1129. top: 0;
  1130. z-index: 100000
  1131. }
  1132. .tox .tox-dialog-wrap__backdrop--opaque {
  1133. background-color: #023b73
  1134. }
  1135. .tox .tox-dialog {
  1136. background-color: #02488c;
  1137. border-color: rgba(255, 255, 255, .2);
  1138. border-radius: 3px;
  1139. border-style: solid;
  1140. border-width: 1px;
  1141. box-shadow: 0 16px 16px -10px rgba(255, 255, 255, .15), 0 0 40px 1px rgba(255, 255, 255, .15);
  1142. display: flex;
  1143. flex-direction: column;
  1144. max-height: 100%;
  1145. max-width: 480px;
  1146. overflow: hidden;
  1147. position: relative;
  1148. width: 95vw;
  1149. z-index: 200000
  1150. }
  1151. @media only screen and (max-width:767px) {
  1152. body:not(.tox-force-desktop) .tox .tox-dialog {
  1153. align-self: flex-start;
  1154. margin: 8px auto;
  1155. width: calc(100vw - 16px)
  1156. }
  1157. }
  1158. .tox .tox-dialog-inline {
  1159. z-index: 110000000
  1160. }
  1161. .tox .tox-dialog__header {
  1162. align-items: center;
  1163. background-color: #02488c;
  1164. border-bottom: none;
  1165. color: #fff;
  1166. display: flex;
  1167. font-size: 16px;
  1168. justify-content: space-between;
  1169. padding: 8px 16px 0 16px;
  1170. position: relative
  1171. }
  1172. .tox .tox-dialog__header .tox-button {
  1173. z-index: 100000
  1174. }
  1175. .tox .tox-dialog__draghandle {
  1176. cursor: grab;
  1177. height: 100%;
  1178. left: 0;
  1179. position: absolute;
  1180. top: 0;
  1181. width: 100%
  1182. }
  1183. .tox .tox-dialog__draghandle:active {
  1184. cursor: grabbing
  1185. }
  1186. .tox .tox-dialog__dismiss {
  1187. margin-left: auto
  1188. }
  1189. .tox .tox-dialog__title {
  1190. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1191. font-size: 20px;
  1192. font-style: normal;
  1193. font-weight: 400;
  1194. line-height: 1.3;
  1195. margin: 0;
  1196. text-transform: none
  1197. }
  1198. .tox .tox-dialog__body {
  1199. color: #fff;
  1200. display: flex;
  1201. flex: 1;
  1202. -ms-flex-preferred-size: auto;
  1203. font-size: 16px;
  1204. font-style: normal;
  1205. font-weight: 400;
  1206. line-height: 1.3;
  1207. min-width: 0;
  1208. text-align: left;
  1209. text-transform: none
  1210. }
  1211. @media only screen and (max-width:767px) {
  1212. body:not(.tox-force-desktop) .tox .tox-dialog__body {
  1213. flex-direction: column
  1214. }
  1215. }
  1216. .tox .tox-dialog__body-nav {
  1217. align-items: flex-start;
  1218. display: flex;
  1219. flex-direction: column;
  1220. padding: 16px 16px
  1221. }
  1222. @media only screen and (max-width:767px) {
  1223. body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
  1224. flex-direction: row;
  1225. -webkit-overflow-scrolling: touch;
  1226. overflow-x: auto;
  1227. padding-bottom: 0
  1228. }
  1229. }
  1230. .tox .tox-dialog__body-nav-item {
  1231. border-bottom: 2px solid transparent;
  1232. color: rgba(255, 255, 255, .7);
  1233. display: inline-block;
  1234. font-size: 14px;
  1235. line-height: 1.3;
  1236. margin-bottom: 8px;
  1237. text-decoration: none;
  1238. white-space: nowrap
  1239. }
  1240. .tox .tox-dialog__body-nav-item:focus {
  1241. background-color: rgba(32, 122, 183, .1)
  1242. }
  1243. .tox .tox-dialog__body-nav-item--active {
  1244. border-bottom: 2px solid #207ab7;
  1245. color: #207ab7
  1246. }
  1247. .tox .tox-dialog__body-content {
  1248. box-sizing: border-box;
  1249. display: flex;
  1250. flex: 1;
  1251. flex-direction: column;
  1252. -ms-flex-preferred-size: auto;
  1253. max-height: 650px;
  1254. overflow: auto;
  1255. -webkit-overflow-scrolling: touch;
  1256. padding: 16px 16px
  1257. }
  1258. .tox .tox-dialog__body-content>* {
  1259. margin-bottom: 0;
  1260. margin-top: 16px
  1261. }
  1262. .tox .tox-dialog__body-content>:first-child {
  1263. margin-top: 0
  1264. }
  1265. .tox .tox-dialog__body-content>:last-child {
  1266. margin-bottom: 0
  1267. }
  1268. .tox .tox-dialog__body-content>:only-child {
  1269. margin-bottom: 0;
  1270. margin-top: 0
  1271. }
  1272. .tox .tox-dialog__body-content a {
  1273. color: #207ab7;
  1274. cursor: pointer;
  1275. text-decoration: none
  1276. }
  1277. .tox .tox-dialog__body-content a:focus,
  1278. .tox .tox-dialog__body-content a:hover {
  1279. color: #185d8c;
  1280. text-decoration: none
  1281. }
  1282. .tox .tox-dialog__body-content a:active {
  1283. color: #185d8c;
  1284. text-decoration: none
  1285. }
  1286. .tox .tox-dialog__body-content svg {
  1287. fill: #fff
  1288. }
  1289. .tox .tox-dialog__body-content ul {
  1290. display: block;
  1291. list-style-type: disc;
  1292. margin-bottom: 16px;
  1293. -webkit-margin-end: 0;
  1294. margin-inline-end: 0;
  1295. -webkit-margin-start: 0;
  1296. margin-inline-start: 0;
  1297. -webkit-padding-start: 2.5rem;
  1298. padding-inline-start: 2.5rem
  1299. }
  1300. .tox .tox-dialog__body-content .tox-form__group h1 {
  1301. color: #fff;
  1302. font-size: 20px;
  1303. font-style: normal;
  1304. font-weight: 700;
  1305. letter-spacing: normal;
  1306. margin-bottom: 16px;
  1307. margin-top: 2rem;
  1308. text-transform: none
  1309. }
  1310. .tox .tox-dialog__body-content .tox-form__group h2 {
  1311. color: #fff;
  1312. font-size: 16px;
  1313. font-style: normal;
  1314. font-weight: 700;
  1315. letter-spacing: normal;
  1316. margin-bottom: 16px;
  1317. margin-top: 2rem;
  1318. text-transform: none
  1319. }
  1320. .tox .tox-dialog__body-content .tox-form__group p {
  1321. margin-bottom: 16px
  1322. }
  1323. .tox .tox-dialog__body-content .tox-form__group h1:first-child,
  1324. .tox .tox-dialog__body-content .tox-form__group h2:first-child,
  1325. .tox .tox-dialog__body-content .tox-form__group p:first-child {
  1326. margin-top: 0
  1327. }
  1328. .tox .tox-dialog__body-content .tox-form__group h1:last-child,
  1329. .tox .tox-dialog__body-content .tox-form__group h2:last-child,
  1330. .tox .tox-dialog__body-content .tox-form__group p:last-child {
  1331. margin-bottom: 0
  1332. }
  1333. .tox .tox-dialog__body-content .tox-form__group h1:only-child,
  1334. .tox .tox-dialog__body-content .tox-form__group h2:only-child,
  1335. .tox .tox-dialog__body-content .tox-form__group p:only-child {
  1336. margin-bottom: 0;
  1337. margin-top: 0
  1338. }
  1339. .tox .tox-dialog--width-lg {
  1340. height: 650px;
  1341. max-width: 1200px
  1342. }
  1343. .tox .tox-dialog--width-md {
  1344. max-width: 800px
  1345. }
  1346. .tox .tox-dialog--width-md .tox-dialog__body-content {
  1347. overflow: auto
  1348. }
  1349. .tox .tox-dialog__body-content--centered {
  1350. text-align: center
  1351. }
  1352. .tox .tox-dialog__footer {
  1353. align-items: center;
  1354. background-color: #02488c;
  1355. border-top: 1px solid rgba(255, 255, 255, .2);
  1356. display: flex;
  1357. justify-content: space-between;
  1358. padding: 8px 16px
  1359. }
  1360. .tox .tox-dialog__footer-end,
  1361. .tox .tox-dialog__footer-start {
  1362. display: flex
  1363. }
  1364. .tox .tox-dialog__busy-spinner {
  1365. align-items: center;
  1366. background-color: rgba(2, 59, 115, .75);
  1367. bottom: 0;
  1368. display: flex;
  1369. justify-content: center;
  1370. left: 0;
  1371. position: absolute;
  1372. right: 0;
  1373. top: 0;
  1374. z-index: 300000
  1375. }
  1376. .tox .tox-dialog__table {
  1377. border-collapse: collapse;
  1378. width: 100%
  1379. }
  1380. .tox .tox-dialog__table thead th {
  1381. font-weight: 700;
  1382. padding-bottom: 8px
  1383. }
  1384. .tox .tox-dialog__table tbody tr {
  1385. border-bottom: 1px solid rgba(255, 255, 255, .2)
  1386. }
  1387. .tox .tox-dialog__table tbody tr:last-child {
  1388. border-bottom: none
  1389. }
  1390. .tox .tox-dialog__table td {
  1391. padding-bottom: 8px;
  1392. padding-top: 8px
  1393. }
  1394. .tox .tox-dialog__popups {
  1395. position: absolute;
  1396. width: 100%;
  1397. z-index: 110000000
  1398. }
  1399. .tox .tox-dialog__body-iframe {
  1400. display: flex;
  1401. flex: 1;
  1402. flex-direction: column;
  1403. -ms-flex-preferred-size: auto
  1404. }
  1405. .tox .tox-dialog__body-iframe .tox-navobj {
  1406. display: flex;
  1407. flex: 1;
  1408. -ms-flex-preferred-size: auto
  1409. }
  1410. .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
  1411. flex: 1;
  1412. -ms-flex-preferred-size: auto;
  1413. height: 100%
  1414. }
  1415. .tox .tox-dialog-dock-fadeout {
  1416. opacity: 0;
  1417. visibility: hidden
  1418. }
  1419. .tox .tox-dialog-dock-fadein {
  1420. opacity: 1;
  1421. visibility: visible
  1422. }
  1423. .tox .tox-dialog-dock-transition {
  1424. transition: visibility 0s linear .3s, opacity .3s ease
  1425. }
  1426. .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
  1427. transition-delay: 0s
  1428. }
  1429. .tox.tox-platform-ie .tox-dialog-wrap {
  1430. position: -ms-device-fixed
  1431. }
  1432. @media only screen and (max-width:767px) {
  1433. body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
  1434. margin-right: 0
  1435. }
  1436. }
  1437. @media only screen and (max-width:767px) {
  1438. body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
  1439. margin-left: 8px
  1440. }
  1441. }
  1442. .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,
  1443. .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>* {
  1444. margin-left: 8px
  1445. }
  1446. .tox[dir=rtl] .tox-dialog__body {
  1447. text-align: right
  1448. }
  1449. @media only screen and (max-width:767px) {
  1450. body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
  1451. margin-left: 0
  1452. }
  1453. }
  1454. @media only screen and (max-width:767px) {
  1455. body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
  1456. margin-right: 8px
  1457. }
  1458. }
  1459. .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,
  1460. .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>* {
  1461. margin-right: 8px
  1462. }
  1463. body.tox-dialog__disable-scroll {
  1464. overflow: hidden
  1465. }
  1466. .tox .tox-dropzone-container {
  1467. display: flex;
  1468. flex: 1;
  1469. -ms-flex-preferred-size: auto
  1470. }
  1471. .tox .tox-dropzone {
  1472. align-items: center;
  1473. background: #fff;
  1474. border: 2px dashed rgba(255, 255, 255, .2);
  1475. box-sizing: border-box;
  1476. display: flex;
  1477. flex-direction: column;
  1478. flex-grow: 1;
  1479. justify-content: center;
  1480. min-height: 100px;
  1481. padding: 10px
  1482. }
  1483. .tox .tox-dropzone p {
  1484. color: rgba(255, 255, 255, .7);
  1485. margin: 0 0 16px 0
  1486. }
  1487. .tox .tox-edit-area {
  1488. display: flex;
  1489. flex: 1;
  1490. -ms-flex-preferred-size: auto;
  1491. overflow: hidden;
  1492. position: relative
  1493. }
  1494. .tox .tox-edit-area__iframe {
  1495. background-color: rgba(2, 69, 115, .9);
  1496. border: 0;
  1497. box-sizing: border-box;
  1498. flex: 1;
  1499. -ms-flex-preferred-size: auto;
  1500. height: 100%;
  1501. position: absolute;
  1502. width: 100%
  1503. }
  1504. .tox.tox-inline-edit-area {
  1505. border: 1px dotted rgba(255, 255, 255, .2)
  1506. }
  1507. .tox .tox-editor-container {
  1508. display: flex;
  1509. flex: 1 1 auto;
  1510. flex-direction: column;
  1511. overflow: hidden
  1512. }
  1513. .tox .tox-editor-header {
  1514. z-index: 100000
  1515. }
  1516. .tox:not(.tox-tinymce-inline) .tox-editor-header {
  1517. box-shadow: none;
  1518. transition: box-shadow .5s
  1519. }
  1520. .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
  1521. .tox.tox-tinymce-inline .tox-editor-header {
  1522. margin-bottom: -1px
  1523. }
  1524. .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
  1525. background-color: transparent;
  1526. box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .25)
  1527. }
  1528. .tox-editor-dock-fadeout {
  1529. opacity: 0;
  1530. visibility: hidden
  1531. }
  1532. .tox-editor-dock-fadein {
  1533. opacity: 1;
  1534. visibility: visible
  1535. }
  1536. .tox-editor-dock-transition {
  1537. transition: visibility 0s linear .25s, opacity .25s ease
  1538. }
  1539. .tox-editor-dock-transition.tox-editor-dock-fadein {
  1540. transition-delay: 0s
  1541. }
  1542. .tox .tox-control-wrap {
  1543. flex: 1;
  1544. position: relative
  1545. }
  1546. .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
  1547. .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
  1548. .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
  1549. display: none
  1550. }
  1551. .tox .tox-control-wrap svg {
  1552. display: block
  1553. }
  1554. .tox .tox-control-wrap__status-icon-wrap {
  1555. position: absolute;
  1556. top: 50%;
  1557. transform: translateY(-50%)
  1558. }
  1559. .tox .tox-control-wrap__status-icon-invalid svg {
  1560. fill: #c00
  1561. }
  1562. .tox .tox-control-wrap__status-icon-unknown svg {
  1563. fill: orange
  1564. }
  1565. .tox .tox-control-wrap__status-icon-valid svg {
  1566. fill: green
  1567. }
  1568. .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
  1569. .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
  1570. .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
  1571. padding-right: 32px
  1572. }
  1573. .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
  1574. right: 4px
  1575. }
  1576. .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
  1577. .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
  1578. .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
  1579. padding-left: 32px
  1580. }
  1581. .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
  1582. left: 4px
  1583. }
  1584. .tox .tox-autocompleter {
  1585. max-width: 25em
  1586. }
  1587. .tox .tox-autocompleter .tox-menu {
  1588. max-width: 25em
  1589. }
  1590. .tox .tox-autocompleter .tox-autocompleter-highlight {
  1591. font-weight: 700
  1592. }
  1593. .tox .tox-color-input {
  1594. display: flex;
  1595. position: relative;
  1596. z-index: 100000
  1597. }
  1598. .tox .tox-color-input .tox-textfield {
  1599. z-index: -1
  1600. }
  1601. .tox .tox-color-input span {
  1602. border-color: rgba(255, 255, 255, .2);
  1603. border-radius: 3px;
  1604. border-style: solid;
  1605. border-width: 1px;
  1606. box-shadow: none;
  1607. box-sizing: border-box;
  1608. height: 24px;
  1609. position: absolute;
  1610. top: 6px;
  1611. width: 24px
  1612. }
  1613. .tox .tox-color-input span:focus:not([aria-disabled=true]),
  1614. .tox .tox-color-input span:hover:not([aria-disabled=true]) {
  1615. border-color: #207ab7;
  1616. cursor: pointer
  1617. }
  1618. .tox .tox-color-input span::before {
  1619. background-image: linear-gradient(45deg, rgba(255, 255, 255, .25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, .25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, .25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, .25) 75%);
  1620. background-position: 0 0, 0 6px, 6px -6px, -6px 0;
  1621. background-size: 12px 12px;
  1622. border: 1px solid #02488c;
  1623. border-radius: 3px;
  1624. box-sizing: border-box;
  1625. content: '';
  1626. height: 24px;
  1627. left: -1px;
  1628. position: absolute;
  1629. top: -1px;
  1630. width: 24px;
  1631. z-index: -1
  1632. }
  1633. .tox .tox-color-input span[aria-disabled=true] {
  1634. cursor: not-allowed
  1635. }
  1636. .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
  1637. padding-left: 36px
  1638. }
  1639. .tox:not([dir=rtl]) .tox-color-input span {
  1640. left: 6px
  1641. }
  1642. .tox[dir=rtl] .tox-color-input .tox-textfield {
  1643. padding-right: 36px
  1644. }
  1645. .tox[dir=rtl] .tox-color-input span {
  1646. right: 6px
  1647. }
  1648. .tox .tox-label,
  1649. .tox .tox-toolbar-label {
  1650. color: rgba(255, 255, 255, .7);
  1651. display: block;
  1652. font-size: 14px;
  1653. font-style: normal;
  1654. font-weight: 400;
  1655. line-height: 1.3;
  1656. padding: 0 8px 0 0;
  1657. text-transform: none;
  1658. white-space: nowrap
  1659. }
  1660. .tox .tox-toolbar-label {
  1661. padding: 0 8px
  1662. }
  1663. .tox[dir=rtl] .tox-label {
  1664. padding: 0 0 0 8px
  1665. }
  1666. .tox .tox-form {
  1667. display: flex;
  1668. flex: 1;
  1669. flex-direction: column;
  1670. -ms-flex-preferred-size: auto
  1671. }
  1672. .tox .tox-form__group {
  1673. box-sizing: border-box;
  1674. margin-bottom: 4px
  1675. }
  1676. .tox .tox-form-group--maximize {
  1677. flex: 1
  1678. }
  1679. .tox .tox-form__group--error {
  1680. color: #c00
  1681. }
  1682. .tox .tox-form__group--collection {
  1683. display: flex
  1684. }
  1685. .tox .tox-form__grid {
  1686. display: flex;
  1687. flex-direction: row;
  1688. flex-wrap: wrap;
  1689. justify-content: space-between
  1690. }
  1691. .tox .tox-form__grid--2col>.tox-form__group {
  1692. width: calc(50% - (8px / 2))
  1693. }
  1694. .tox .tox-form__grid--3col>.tox-form__group {
  1695. width: calc(100% / 3 - (8px / 2))
  1696. }
  1697. .tox .tox-form__grid--4col>.tox-form__group {
  1698. width: calc(25% - (8px / 2))
  1699. }
  1700. .tox .tox-form__controls-h-stack {
  1701. align-items: center;
  1702. display: flex
  1703. }
  1704. .tox .tox-form__group--inline {
  1705. align-items: center;
  1706. display: flex
  1707. }
  1708. .tox .tox-form__group--stretched {
  1709. display: flex;
  1710. flex: 1;
  1711. flex-direction: column;
  1712. -ms-flex-preferred-size: auto
  1713. }
  1714. .tox .tox-form__group--stretched .tox-textarea {
  1715. flex: 1;
  1716. -ms-flex-preferred-size: auto
  1717. }
  1718. .tox .tox-form__group--stretched .tox-navobj {
  1719. display: flex;
  1720. flex: 1;
  1721. -ms-flex-preferred-size: auto
  1722. }
  1723. .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
  1724. flex: 1;
  1725. -ms-flex-preferred-size: auto;
  1726. height: 100%
  1727. }
  1728. .tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child) {
  1729. margin-left: 4px
  1730. }
  1731. .tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child) {
  1732. margin-right: 4px
  1733. }
  1734. .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
  1735. .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
  1736. display: none
  1737. }
  1738. .tox .tox-listboxfield .tox-listbox--select,
  1739. .tox .tox-textarea,
  1740. .tox .tox-textfield,
  1741. .tox .tox-toolbar-textfield {
  1742. -webkit-appearance: none;
  1743. -moz-appearance: none;
  1744. appearance: none;
  1745. background-color: #02488c;
  1746. border-color: rgba(255, 255, 255, .2);
  1747. border-radius: 3px;
  1748. border-style: solid;
  1749. border-width: 1px;
  1750. box-shadow: none;
  1751. box-sizing: border-box;
  1752. color: #fff;
  1753. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1754. font-size: 16px;
  1755. line-height: 24px;
  1756. margin: 0;
  1757. min-height: 34px;
  1758. outline: 0;
  1759. padding: 5px 4.75px;
  1760. resize: none;
  1761. width: 100%
  1762. }
  1763. .tox .tox-textarea[disabled],
  1764. .tox .tox-textfield[disabled] {
  1765. background-color: #023b73;
  1766. color: rgba(255, 255, 255, .85);
  1767. cursor: not-allowed
  1768. }
  1769. .tox .tox-listboxfield .tox-listbox--select:focus,
  1770. .tox .tox-textarea:focus,
  1771. .tox .tox-textfield:focus {
  1772. background-color: #02488c;
  1773. border-color: #207ab7;
  1774. box-shadow: none;
  1775. outline: 0
  1776. }
  1777. .tox .tox-toolbar-textfield {
  1778. border-width: 0;
  1779. margin-bottom: 3px;
  1780. margin-top: 2px;
  1781. max-width: 250px
  1782. }
  1783. .tox .tox-naked-btn {
  1784. background-color: transparent;
  1785. border: 0;
  1786. border-color: transparent;
  1787. box-shadow: unset;
  1788. color: #207ab7;
  1789. cursor: pointer;
  1790. display: block;
  1791. margin: 0;
  1792. padding: 0
  1793. }
  1794. .tox .tox-naked-btn svg {
  1795. display: block;
  1796. fill: #fff
  1797. }
  1798. .tox:not([dir=rtl]) .tox-toolbar-textfield+* {
  1799. margin-left: 4px
  1800. }
  1801. .tox[dir=rtl] .tox-toolbar-textfield+* {
  1802. margin-right: 4px
  1803. }
  1804. .tox .tox-listboxfield {
  1805. cursor: pointer;
  1806. position: relative
  1807. }
  1808. .tox .tox-listboxfield .tox-listbox--select[disabled] {
  1809. background-color: #022e5a;
  1810. color: rgba(255, 255, 255, .85);
  1811. cursor: not-allowed
  1812. }
  1813. .tox .tox-listbox__select-label {
  1814. cursor: default;
  1815. flex: 1;
  1816. margin: 0 4px
  1817. }
  1818. .tox .tox-listbox__select-chevron {
  1819. align-items: center;
  1820. display: flex;
  1821. justify-content: center;
  1822. width: 16px
  1823. }
  1824. .tox .tox-listbox__select-chevron svg {
  1825. fill: #fff
  1826. }
  1827. .tox .tox-listboxfield .tox-listbox--select {
  1828. align-items: center;
  1829. display: flex
  1830. }
  1831. .tox:not([dir=rtl]) .tox-listboxfield svg {
  1832. right: 8px
  1833. }
  1834. .tox[dir=rtl] .tox-listboxfield svg {
  1835. left: 8px
  1836. }
  1837. .tox .tox-selectfield {
  1838. cursor: pointer;
  1839. position: relative
  1840. }
  1841. .tox .tox-selectfield select {
  1842. -webkit-appearance: none;
  1843. -moz-appearance: none;
  1844. appearance: none;
  1845. background-color: #02488c;
  1846. border-color: rgba(255, 255, 255, .2);
  1847. border-radius: 3px;
  1848. border-style: solid;
  1849. border-width: 1px;
  1850. box-shadow: none;
  1851. box-sizing: border-box;
  1852. color: #fff;
  1853. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1854. font-size: 16px;
  1855. line-height: 24px;
  1856. margin: 0;
  1857. min-height: 34px;
  1858. outline: 0;
  1859. padding: 5px 4.75px;
  1860. resize: none;
  1861. width: 100%
  1862. }
  1863. .tox .tox-selectfield select[disabled] {
  1864. background-color: #022e5a;
  1865. color: rgba(255, 255, 255, .85);
  1866. cursor: not-allowed
  1867. }
  1868. .tox .tox-selectfield select::-ms-expand {
  1869. display: none
  1870. }
  1871. .tox .tox-selectfield select:focus {
  1872. background-color: #02488c;
  1873. border-color: #207ab7;
  1874. box-shadow: none;
  1875. outline: 0
  1876. }
  1877. .tox .tox-selectfield svg {
  1878. pointer-events: none;
  1879. position: absolute;
  1880. top: 50%;
  1881. transform: translateY(-50%)
  1882. }
  1883. .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
  1884. .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
  1885. padding-right: 24px
  1886. }
  1887. .tox:not([dir=rtl]) .tox-selectfield svg {
  1888. right: 8px
  1889. }
  1890. .tox[dir=rtl] .tox-selectfield select[size="0"],
  1891. .tox[dir=rtl] .tox-selectfield select[size="1"] {
  1892. padding-left: 24px
  1893. }
  1894. .tox[dir=rtl] .tox-selectfield svg {
  1895. left: 8px
  1896. }
  1897. .tox .tox-textarea {
  1898. -webkit-appearance: textarea;
  1899. -moz-appearance: textarea;
  1900. appearance: textarea;
  1901. white-space: pre-wrap
  1902. }
  1903. .tox-fullscreen {
  1904. border: 0;
  1905. height: 100%;
  1906. margin: 0;
  1907. overflow: hidden;
  1908. -ms-scroll-chaining: none;
  1909. overscroll-behavior: none;
  1910. padding: 0;
  1911. touch-action: pinch-zoom;
  1912. width: 100%
  1913. }
  1914. .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
  1915. display: none
  1916. }
  1917. .tox-shadowhost.tox-fullscreen,
  1918. .tox.tox-tinymce.tox-fullscreen {
  1919. left: 0;
  1920. position: fixed;
  1921. top: 0;
  1922. z-index: 120000000
  1923. }
  1924. .tox.tox-tinymce.tox-fullscreen {
  1925. background-color: transparent
  1926. }
  1927. .tox-fullscreen .tox.tox-tinymce-aux,
  1928. .tox-fullscreen~.tox.tox-tinymce-aux {
  1929. z-index: 120100000
  1930. }
  1931. .tox .tox-help__more-link {
  1932. list-style: none;
  1933. margin-top: 1em
  1934. }
  1935. .tox .tox-image-tools {
  1936. width: 100%
  1937. }
  1938. .tox .tox-image-tools__toolbar {
  1939. align-items: center;
  1940. display: flex;
  1941. justify-content: center
  1942. }
  1943. .tox .tox-image-tools__image {
  1944. background-color: #666;
  1945. height: 380px;
  1946. overflow: auto;
  1947. position: relative;
  1948. width: 100%
  1949. }
  1950. .tox .tox-image-tools__image,
  1951. .tox .tox-image-tools__image+.tox-image-tools__toolbar {
  1952. margin-top: 8px
  1953. }
  1954. .tox .tox-image-tools__image-bg {
  1955. background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)
  1956. }
  1957. .tox .tox-image-tools__toolbar>.tox-spacer {
  1958. flex: 1;
  1959. -ms-flex-preferred-size: auto
  1960. }
  1961. .tox .tox-croprect-block {
  1962. background: #000;
  1963. opacity: .5;
  1964. position: absolute;
  1965. zoom: 1
  1966. }
  1967. .tox .tox-croprect-handle {
  1968. border: 2px solid #fff;
  1969. height: 20px;
  1970. left: 0;
  1971. position: absolute;
  1972. top: 0;
  1973. width: 20px
  1974. }
  1975. .tox .tox-croprect-handle-move {
  1976. border: 0;
  1977. cursor: move;
  1978. position: absolute
  1979. }
  1980. .tox .tox-croprect-handle-nw {
  1981. border-width: 2px 0 0 2px;
  1982. cursor: nw-resize;
  1983. left: 100px;
  1984. margin: -2px 0 0 -2px;
  1985. top: 100px
  1986. }
  1987. .tox .tox-croprect-handle-ne {
  1988. border-width: 2px 2px 0 0;
  1989. cursor: ne-resize;
  1990. left: 200px;
  1991. margin: -2px 0 0 -20px;
  1992. top: 100px
  1993. }
  1994. .tox .tox-croprect-handle-sw {
  1995. border-width: 0 0 2px 2px;
  1996. cursor: sw-resize;
  1997. left: 100px;
  1998. margin: -20px 2px 0 -2px;
  1999. top: 200px
  2000. }
  2001. .tox .tox-croprect-handle-se {
  2002. border-width: 0 2px 2px 0;
  2003. cursor: se-resize;
  2004. left: 200px;
  2005. margin: -20px 0 0 -20px;
  2006. top: 200px
  2007. }
  2008. .tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type) {
  2009. margin-left: 8px
  2010. }
  2011. .tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider {
  2012. margin-left: 32px
  2013. }
  2014. .tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button {
  2015. margin-left: 32px
  2016. }
  2017. .tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type) {
  2018. margin-right: 8px
  2019. }
  2020. .tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider {
  2021. margin-right: 32px
  2022. }
  2023. .tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button {
  2024. margin-right: 32px
  2025. }
  2026. .tox .tox-insert-table-picker {
  2027. display: flex;
  2028. flex-wrap: wrap;
  2029. width: 170px
  2030. }
  2031. .tox .tox-insert-table-picker>div {
  2032. border-color: rgba(255, 255, 255, .2);
  2033. border-style: solid;
  2034. border-width: 0 1px 1px 0;
  2035. box-sizing: border-box;
  2036. height: 17px;
  2037. width: 17px
  2038. }
  2039. .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  2040. margin: -4px 0
  2041. }
  2042. .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  2043. background-color: rgba(32, 122, 183, .5);
  2044. border-color: rgba(32, 122, 183, .5)
  2045. }
  2046. .tox .tox-insert-table-picker__label {
  2047. color: rgba(255, 255, 255, .7);
  2048. display: block;
  2049. font-size: 14px;
  2050. padding: 4px;
  2051. text-align: center;
  2052. width: 100%
  2053. }
  2054. .tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n) {
  2055. border-right: 0
  2056. }
  2057. .tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1) {
  2058. border-right: 0
  2059. }
  2060. .tox .tox-menu {
  2061. background-color: #02488c;
  2062. border: 1px solid rgba(255, 255, 255, .2);
  2063. border-radius: 3px;
  2064. box-shadow: 0 4px 8px 0 rgba(255, 255, 255, .1);
  2065. display: inline-block;
  2066. overflow: hidden;
  2067. vertical-align: top;
  2068. z-index: 115000000
  2069. }
  2070. .tox .tox-menu.tox-collection.tox-collection--list {
  2071. padding: 0
  2072. }
  2073. .tox .tox-menu.tox-collection.tox-collection--toolbar {
  2074. padding: 4px
  2075. }
  2076. .tox .tox-menu.tox-collection.tox-collection--grid {
  2077. padding: 4px
  2078. }
  2079. .tox .tox-menu__label blockquote,
  2080. .tox .tox-menu__label code,
  2081. .tox .tox-menu__label h1,
  2082. .tox .tox-menu__label h2,
  2083. .tox .tox-menu__label h3,
  2084. .tox .tox-menu__label h4,
  2085. .tox .tox-menu__label h5,
  2086. .tox .tox-menu__label h6,
  2087. .tox .tox-menu__label p {
  2088. margin: 0
  2089. }
  2090. .tox .tox-menubar {
  2091. 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='rgba%28255,%20255,%20255,%200.2%29'/%3E%3C/svg%3E") left 0 top 0 #023b73;
  2092. background-color: #023b73;
  2093. display: flex;
  2094. flex: 0 0 auto;
  2095. flex-shrink: 0;
  2096. flex-wrap: wrap;
  2097. padding: 0 4px 0 4px
  2098. }
  2099. .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
  2100. border-top: 1px solid rgba(255, 255, 255, .2)
  2101. }
  2102. .tox .tox-mbtn {
  2103. align-items: center;
  2104. background: 0 0;
  2105. border: 0;
  2106. border-radius: 3px;
  2107. box-shadow: none;
  2108. color: #fff;
  2109. display: flex;
  2110. flex: 0 0 auto;
  2111. font-size: 14px;
  2112. font-style: normal;
  2113. font-weight: 400;
  2114. height: 34px;
  2115. justify-content: center;
  2116. margin: 2px 0 3px 0;
  2117. outline: 0;
  2118. overflow: hidden;
  2119. padding: 0 4px;
  2120. text-transform: none;
  2121. width: auto
  2122. }
  2123. .tox .tox-mbtn[disabled] {
  2124. background-color: transparent;
  2125. border: 0;
  2126. box-shadow: none;
  2127. color: rgba(255, 255, 255, .5);
  2128. cursor: not-allowed
  2129. }
  2130. .tox .tox-mbtn:focus:not(:disabled) {
  2131. background: #409eff;
  2132. border: 0;
  2133. box-shadow: none;
  2134. color: #fff
  2135. }
  2136. .tox .tox-mbtn--active {
  2137. background: #409eff;
  2138. border: 0;
  2139. box-shadow: none;
  2140. color: #fff
  2141. }
  2142. .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  2143. background: #409eff;
  2144. border: 0;
  2145. box-shadow: none;
  2146. color: #fff
  2147. }
  2148. .tox .tox-mbtn__select-label {
  2149. cursor: default;
  2150. font-weight: 400;
  2151. margin: 0 4px
  2152. }
  2153. .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
  2154. cursor: not-allowed
  2155. }
  2156. .tox .tox-mbtn__select-chevron {
  2157. align-items: center;
  2158. display: flex;
  2159. justify-content: center;
  2160. width: 16px;
  2161. display: none
  2162. }
  2163. .tox .tox-notification {
  2164. border-radius: 3px;
  2165. border-style: solid;
  2166. border-width: 1px;
  2167. box-shadow: none;
  2168. box-sizing: border-box;
  2169. display: -ms-grid;
  2170. display: grid;
  2171. font-size: 14px;
  2172. font-weight: 400;
  2173. -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  2174. grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  2175. margin-top: 4px;
  2176. opacity: 0;
  2177. padding: 4px;
  2178. transition: transform .1s ease-in, opacity 150ms ease-in
  2179. }
  2180. .tox .tox-notification p {
  2181. font-size: 14px;
  2182. font-weight: 400
  2183. }
  2184. .tox .tox-notification a {
  2185. cursor: pointer;
  2186. text-decoration: underline
  2187. }
  2188. .tox .tox-notification--in {
  2189. opacity: 1
  2190. }
  2191. .tox .tox-notification--success {
  2192. background-color: #e4eeda;
  2193. border-color: #d7e6c8;
  2194. color: #fff
  2195. }
  2196. .tox .tox-notification--success p {
  2197. color: #fff
  2198. }
  2199. .tox .tox-notification--success a {
  2200. color: #547831
  2201. }
  2202. .tox .tox-notification--success svg {
  2203. fill: #fff
  2204. }
  2205. .tox .tox-notification--error {
  2206. background-color: #f8dede;
  2207. border-color: #f2bfbf;
  2208. color: #fff
  2209. }
  2210. .tox .tox-notification--error p {
  2211. color: #fff
  2212. }
  2213. .tox .tox-notification--error a {
  2214. color: #c00
  2215. }
  2216. .tox .tox-notification--error svg {
  2217. fill: #fff
  2218. }
  2219. .tox .tox-notification--warn,
  2220. .tox .tox-notification--warning {
  2221. background-color: #fffaea;
  2222. border-color: #ffe89d;
  2223. color: #fff
  2224. }
  2225. .tox .tox-notification--warn p,
  2226. .tox .tox-notification--warning p {
  2227. color: #fff
  2228. }
  2229. .tox .tox-notification--warn a,
  2230. .tox .tox-notification--warning a {
  2231. color: #fff
  2232. }
  2233. .tox .tox-notification--warn svg,
  2234. .tox .tox-notification--warning svg {
  2235. fill: #fff
  2236. }
  2237. .tox .tox-notification--info {
  2238. background-color: #d9edf7;
  2239. border-color: #779ecb;
  2240. color: #fff
  2241. }
  2242. .tox .tox-notification--info p {
  2243. color: #fff
  2244. }
  2245. .tox .tox-notification--info a {
  2246. color: #fff
  2247. }
  2248. .tox .tox-notification--info svg {
  2249. fill: #fff
  2250. }
  2251. .tox .tox-notification__body {
  2252. -ms-grid-row-align: center;
  2253. align-self: center;
  2254. color: #fff;
  2255. font-size: 14px;
  2256. -ms-grid-column-span: 1;
  2257. grid-column-end: 3;
  2258. -ms-grid-column: 2;
  2259. grid-column-start: 2;
  2260. -ms-grid-row-span: 1;
  2261. grid-row-end: 2;
  2262. -ms-grid-row: 1;
  2263. grid-row-start: 1;
  2264. text-align: center;
  2265. white-space: normal;
  2266. word-break: break-all;
  2267. word-break: break-word
  2268. }
  2269. .tox .tox-notification__body>* {
  2270. margin: 0
  2271. }
  2272. .tox .tox-notification__body>*+* {
  2273. margin-top: 1rem
  2274. }
  2275. .tox .tox-notification__icon {
  2276. -ms-grid-row-align: center;
  2277. align-self: center;
  2278. -ms-grid-column-span: 1;
  2279. grid-column-end: 2;
  2280. -ms-grid-column: 1;
  2281. grid-column-start: 1;
  2282. -ms-grid-row-span: 1;
  2283. grid-row-end: 2;
  2284. -ms-grid-row: 1;
  2285. grid-row-start: 1;
  2286. -ms-grid-column-align: end;
  2287. justify-self: end
  2288. }
  2289. .tox .tox-notification__icon svg {
  2290. display: block
  2291. }
  2292. .tox .tox-notification__dismiss {
  2293. -ms-grid-row-align: start;
  2294. align-self: start;
  2295. -ms-grid-column-span: 1;
  2296. grid-column-end: 4;
  2297. -ms-grid-column: 3;
  2298. grid-column-start: 3;
  2299. -ms-grid-row-span: 1;
  2300. grid-row-end: 2;
  2301. -ms-grid-row: 1;
  2302. grid-row-start: 1;
  2303. -ms-grid-column-align: end;
  2304. justify-self: end
  2305. }
  2306. .tox .tox-notification .tox-progress-bar {
  2307. -ms-grid-column-span: 3;
  2308. grid-column-end: 4;
  2309. -ms-grid-column: 1;
  2310. grid-column-start: 1;
  2311. -ms-grid-row-span: 1;
  2312. grid-row-end: 3;
  2313. -ms-grid-row: 2;
  2314. grid-row-start: 2;
  2315. -ms-grid-column-align: center;
  2316. justify-self: center
  2317. }
  2318. .tox .tox-pop {
  2319. display: inline-block;
  2320. position: relative
  2321. }
  2322. .tox .tox-pop--resizing {
  2323. transition: width .1s ease
  2324. }
  2325. .tox .tox-pop--resizing .tox-toolbar,
  2326. .tox .tox-pop--resizing .tox-toolbar__group {
  2327. flex-wrap: nowrap
  2328. }
  2329. .tox .tox-pop--transition {
  2330. transition: .15s ease;
  2331. transition-property: left, right, top, bottom
  2332. }
  2333. .tox .tox-pop--transition::after,
  2334. .tox .tox-pop--transition::before {
  2335. transition: all .15s, visibility 0s, opacity 75ms ease 75ms
  2336. }
  2337. .tox .tox-pop__dialog {
  2338. background-color: #023b73;
  2339. border: 1px solid rgba(255, 255, 255, .2);
  2340. border-radius: 3px;
  2341. box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
  2342. min-width: 0;
  2343. overflow: hidden
  2344. }
  2345. .tox .tox-pop__dialog>:not(.tox-toolbar) {
  2346. margin: 4px 4px 4px 8px
  2347. }
  2348. .tox .tox-pop__dialog .tox-toolbar {
  2349. background-color: transparent;
  2350. margin-bottom: -1px
  2351. }
  2352. .tox .tox-pop::after,
  2353. .tox .tox-pop::before {
  2354. border-style: solid;
  2355. content: '';
  2356. display: block;
  2357. height: 0;
  2358. opacity: 1;
  2359. position: absolute;
  2360. width: 0
  2361. }
  2362. .tox .tox-pop.tox-pop--inset::after,
  2363. .tox .tox-pop.tox-pop--inset::before {
  2364. opacity: 0;
  2365. transition: all 0s .15s, visibility 0s, opacity 75ms ease
  2366. }
  2367. .tox .tox-pop.tox-pop--bottom::after,
  2368. .tox .tox-pop.tox-pop--bottom::before {
  2369. left: 50%;
  2370. top: 100%
  2371. }
  2372. .tox .tox-pop.tox-pop--bottom::after {
  2373. border-color: #023b73 transparent transparent transparent;
  2374. border-width: 8px;
  2375. margin-left: -8px;
  2376. margin-top: -1px
  2377. }
  2378. .tox .tox-pop.tox-pop--bottom::before {
  2379. border-color: rgba(255, 255, 255, .2) transparent transparent transparent;
  2380. border-width: 9px;
  2381. margin-left: -9px
  2382. }
  2383. .tox .tox-pop.tox-pop--top::after,
  2384. .tox .tox-pop.tox-pop--top::before {
  2385. left: 50%;
  2386. top: 0;
  2387. transform: translateY(-100%)
  2388. }
  2389. .tox .tox-pop.tox-pop--top::after {
  2390. border-color: transparent transparent #023b73 transparent;
  2391. border-width: 8px;
  2392. margin-left: -8px;
  2393. margin-top: 1px
  2394. }
  2395. .tox .tox-pop.tox-pop--top::before {
  2396. border-color: transparent transparent rgba(255, 255, 255, .2) transparent;
  2397. border-width: 9px;
  2398. margin-left: -9px
  2399. }
  2400. .tox .tox-pop.tox-pop--left::after,
  2401. .tox .tox-pop.tox-pop--left::before {
  2402. left: 0;
  2403. top: calc(50% - 1px);
  2404. transform: translateY(-50%)
  2405. }
  2406. .tox .tox-pop.tox-pop--left::after {
  2407. border-color: transparent #023b73 transparent transparent;
  2408. border-width: 8px;
  2409. margin-left: -15px
  2410. }
  2411. .tox .tox-pop.tox-pop--left::before {
  2412. border-color: transparent rgba(255, 255, 255, .2) transparent transparent;
  2413. border-width: 10px;
  2414. margin-left: -19px
  2415. }
  2416. .tox .tox-pop.tox-pop--right::after,
  2417. .tox .tox-pop.tox-pop--right::before {
  2418. left: 100%;
  2419. top: calc(50% + 1px);
  2420. transform: translateY(-50%)
  2421. }
  2422. .tox .tox-pop.tox-pop--right::after {
  2423. border-color: transparent transparent transparent #023b73;
  2424. border-width: 8px;
  2425. margin-left: -1px
  2426. }
  2427. .tox .tox-pop.tox-pop--right::before {
  2428. border-color: transparent transparent transparent rgba(255, 255, 255, .2);
  2429. border-width: 10px;
  2430. margin-left: -1px
  2431. }
  2432. .tox .tox-pop.tox-pop--align-left::after,
  2433. .tox .tox-pop.tox-pop--align-left::before {
  2434. left: 20px
  2435. }
  2436. .tox .tox-pop.tox-pop--align-right::after,
  2437. .tox .tox-pop.tox-pop--align-right::before {
  2438. left: calc(100% - 20px)
  2439. }
  2440. .tox .tox-sidebar-wrap {
  2441. display: flex;
  2442. flex-direction: row;
  2443. flex-grow: 1;
  2444. -ms-flex-preferred-size: 0;
  2445. min-height: 0
  2446. }
  2447. .tox .tox-sidebar {
  2448. background-color: #023b73;
  2449. display: flex;
  2450. flex-direction: row;
  2451. justify-content: flex-end
  2452. }
  2453. .tox .tox-sidebar__slider {
  2454. display: flex;
  2455. overflow: hidden
  2456. }
  2457. .tox .tox-sidebar__pane-container {
  2458. display: flex
  2459. }
  2460. .tox .tox-sidebar__pane {
  2461. display: flex
  2462. }
  2463. .tox .tox-sidebar--sliding-closed {
  2464. opacity: 0
  2465. }
  2466. .tox .tox-sidebar--sliding-open {
  2467. opacity: 1
  2468. }
  2469. .tox .tox-sidebar--sliding-growing,
  2470. .tox .tox-sidebar--sliding-shrinking {
  2471. transition: width .5s ease, opacity .5s ease
  2472. }
  2473. .tox .tox-selector {
  2474. background-color: #4099ff;
  2475. border-color: #4099ff;
  2476. border-style: solid;
  2477. border-width: 1px;
  2478. box-sizing: border-box;
  2479. display: inline-block;
  2480. height: 10px;
  2481. position: absolute;
  2482. width: 10px
  2483. }
  2484. .tox.tox-platform-touch .tox-selector {
  2485. height: 12px;
  2486. width: 12px
  2487. }
  2488. .tox .tox-slider {
  2489. align-items: center;
  2490. display: flex;
  2491. flex: 1;
  2492. -ms-flex-preferred-size: auto;
  2493. height: 24px;
  2494. justify-content: center;
  2495. position: relative
  2496. }
  2497. .tox .tox-slider__rail {
  2498. background-color: transparent;
  2499. border: 1px solid rgba(255, 255, 255, .2);
  2500. border-radius: 3px;
  2501. height: 10px;
  2502. min-width: 120px;
  2503. width: 100%
  2504. }
  2505. .tox .tox-slider__handle {
  2506. background-color: #207ab7;
  2507. border: 2px solid #185d8c;
  2508. border-radius: 3px;
  2509. box-shadow: none;
  2510. height: 24px;
  2511. left: 50%;
  2512. position: absolute;
  2513. top: 50%;
  2514. transform: translateX(-50%) translateY(-50%);
  2515. width: 14px
  2516. }
  2517. .tox .tox-source-code {
  2518. overflow: auto
  2519. }
  2520. .tox .tox-spinner {
  2521. display: flex
  2522. }
  2523. .tox .tox-spinner>div {
  2524. animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
  2525. background-color: rgba(255, 255, 255, .7);
  2526. border-radius: 100%;
  2527. height: 8px;
  2528. width: 8px
  2529. }
  2530. .tox .tox-spinner>div:nth-child(1) {
  2531. animation-delay: -.32s
  2532. }
  2533. .tox .tox-spinner>div:nth-child(2) {
  2534. animation-delay: -.16s
  2535. }
  2536. @keyframes tam-bouncing-dots {
  2537. 0%,
  2538. 100%,
  2539. 80% {
  2540. transform: scale(0)
  2541. }
  2542. 40% {
  2543. transform: scale(1)
  2544. }
  2545. }
  2546. .tox:not([dir=rtl]) .tox-spinner>div:not(:first-child) {
  2547. margin-left: 4px
  2548. }
  2549. .tox[dir=rtl] .tox-spinner>div:not(:first-child) {
  2550. margin-right: 4px
  2551. }
  2552. .tox .tox-statusbar {
  2553. align-items: center;
  2554. background-color: #023b73;
  2555. border-top: 1px solid rgba(255, 255, 255, .2);
  2556. color: rgba(255, 255, 255, .7);
  2557. display: flex;
  2558. flex: 0 0 auto;
  2559. font-size: 12px;
  2560. font-weight: 400;
  2561. height: 18px;
  2562. overflow: hidden;
  2563. padding: 0 8px;
  2564. position: relative;
  2565. text-transform: uppercase
  2566. }
  2567. .tox .tox-statusbar__text-container {
  2568. display: flex;
  2569. flex: 1 1 auto;
  2570. justify-content: flex-end;
  2571. overflow: hidden
  2572. }
  2573. .tox .tox-statusbar__path {
  2574. display: flex;
  2575. flex: 1 1 auto;
  2576. margin-right: auto;
  2577. overflow: hidden;
  2578. text-overflow: ellipsis;
  2579. white-space: nowrap
  2580. }
  2581. .tox .tox-statusbar__path>* {
  2582. display: inline;
  2583. white-space: nowrap
  2584. }
  2585. .tox .tox-statusbar__wordcount {
  2586. flex: 0 0 auto;
  2587. margin-left: 1ch
  2588. }
  2589. .tox .tox-statusbar a,
  2590. .tox .tox-statusbar__path-item,
  2591. .tox .tox-statusbar__wordcount {
  2592. color: rgba(255, 255, 255, .7);
  2593. text-decoration: none
  2594. }
  2595. .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
  2596. .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
  2597. .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
  2598. .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
  2599. .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),
  2600. .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) {
  2601. cursor: pointer;
  2602. text-decoration: underline
  2603. }
  2604. .tox .tox-statusbar__resize-handle {
  2605. align-items: flex-end;
  2606. align-self: stretch;
  2607. cursor: nwse-resize;
  2608. display: flex;
  2609. flex: 0 0 auto;
  2610. justify-content: flex-end;
  2611. margin-left: auto;
  2612. margin-right: -8px;
  2613. padding-left: 1ch
  2614. }
  2615. .tox .tox-statusbar__resize-handle svg {
  2616. display: block;
  2617. fill: rgba(255, 255, 255, .7)
  2618. }
  2619. .tox .tox-statusbar__resize-handle:focus svg {
  2620. background-color: #fff;
  2621. border-radius: 1px;
  2622. box-shadow: 0 0 0 2px #fff
  2623. }
  2624. .tox:not([dir=rtl]) .tox-statusbar__path>* {
  2625. margin-right: 4px
  2626. }
  2627. .tox:not([dir=rtl]) .tox-statusbar__branding {
  2628. margin-left: 1ch
  2629. }
  2630. .tox[dir=rtl] .tox-statusbar {
  2631. flex-direction: row-reverse
  2632. }
  2633. .tox[dir=rtl] .tox-statusbar__path>* {
  2634. margin-left: 4px
  2635. }
  2636. .tox .tox-throbber {
  2637. z-index: 129900000
  2638. }
  2639. .tox .tox-throbber__busy-spinner {
  2640. align-items: center;
  2641. background-color: rgba(2, 59, 115, .6);
  2642. bottom: 0;
  2643. display: flex;
  2644. justify-content: center;
  2645. left: 0;
  2646. position: absolute;
  2647. right: 0;
  2648. top: 0
  2649. }
  2650. .tox .tox-tbtn {
  2651. align-items: center;
  2652. background: 0 0;
  2653. border: 0;
  2654. border-radius: 3px;
  2655. box-shadow: none;
  2656. color: #fff;
  2657. display: flex;
  2658. flex: 0 0 auto;
  2659. font-size: 14px;
  2660. font-style: normal;
  2661. font-weight: 400;
  2662. height: 34px;
  2663. justify-content: center;
  2664. margin: 2px 0 3px 0;
  2665. outline: 0;
  2666. overflow: hidden;
  2667. padding: 0;
  2668. text-transform: none;
  2669. width: 34px
  2670. }
  2671. .tox .tox-tbtn svg {
  2672. display: block;
  2673. fill: #fff
  2674. }
  2675. .tox .tox-tbtn.tox-tbtn-more {
  2676. padding-left: 5px;
  2677. padding-right: 5px;
  2678. width: inherit
  2679. }
  2680. .tox .tox-tbtn:focus {
  2681. background: #409eff;
  2682. border: 0;
  2683. box-shadow: none
  2684. }
  2685. .tox .tox-tbtn:hover {
  2686. background: #409eff;
  2687. border: 0;
  2688. box-shadow: none;
  2689. color: #fff
  2690. }
  2691. .tox .tox-tbtn:hover svg {
  2692. fill: #fff
  2693. }
  2694. .tox .tox-tbtn:active {
  2695. background: #409eff;
  2696. border: 0;
  2697. box-shadow: none;
  2698. color: #fff
  2699. }
  2700. .tox .tox-tbtn:active svg {
  2701. fill: #fff
  2702. }
  2703. .tox .tox-tbtn--disabled,
  2704. .tox .tox-tbtn--disabled:hover,
  2705. .tox .tox-tbtn:disabled,
  2706. .tox .tox-tbtn:disabled:hover {
  2707. background: 0 0;
  2708. border: 0;
  2709. box-shadow: none;
  2710. color: rgba(255, 255, 255, .5);
  2711. cursor: not-allowed
  2712. }
  2713. .tox .tox-tbtn--disabled svg,
  2714. .tox .tox-tbtn--disabled:hover svg,
  2715. .tox .tox-tbtn:disabled svg,
  2716. .tox .tox-tbtn:disabled:hover svg {
  2717. fill: rgba(255, 255, 255, .5)
  2718. }
  2719. .tox .tox-tbtn--enabled,
  2720. .tox .tox-tbtn--enabled:hover {
  2721. background: #409eff;
  2722. border: 0;
  2723. box-shadow: none;
  2724. color: #fff
  2725. }
  2726. .tox .tox-tbtn--enabled:hover>*,
  2727. .tox .tox-tbtn--enabled>* {
  2728. transform: none
  2729. }
  2730. .tox .tox-tbtn--enabled svg,
  2731. .tox .tox-tbtn--enabled:hover svg {
  2732. fill: #fff
  2733. }
  2734. .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  2735. color: #fff
  2736. }
  2737. .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
  2738. fill: #fff
  2739. }
  2740. .tox .tox-tbtn:active>* {
  2741. transform: none
  2742. }
  2743. .tox .tox-tbtn--md {
  2744. height: 51px;
  2745. width: 51px
  2746. }
  2747. .tox .tox-tbtn--lg {
  2748. flex-direction: column;
  2749. height: 68px;
  2750. width: 68px
  2751. }
  2752. .tox .tox-tbtn--return {
  2753. -ms-grid-row-align: stretch;
  2754. align-self: stretch;
  2755. height: unset;
  2756. width: 16px
  2757. }
  2758. .tox .tox-tbtn--labeled {
  2759. padding: 0 4px;
  2760. width: unset
  2761. }
  2762. .tox .tox-tbtn__vlabel {
  2763. display: block;
  2764. font-size: 10px;
  2765. font-weight: 400;
  2766. letter-spacing: -.025em;
  2767. margin-bottom: 4px;
  2768. white-space: nowrap
  2769. }
  2770. .tox .tox-tbtn--select {
  2771. margin: 2px 0 3px 0;
  2772. padding: 0 4px;
  2773. width: auto
  2774. }
  2775. .tox .tox-tbtn__select-label {
  2776. cursor: default;
  2777. font-weight: 400;
  2778. margin: 0 4px
  2779. }
  2780. .tox .tox-tbtn__select-chevron {
  2781. align-items: center;
  2782. display: flex;
  2783. justify-content: center;
  2784. width: 16px
  2785. }
  2786. .tox .tox-tbtn__select-chevron svg {
  2787. fill: rgba(255, 255, 255, .5)
  2788. }
  2789. .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  2790. overflow: hidden;
  2791. text-overflow: ellipsis;
  2792. white-space: nowrap;
  2793. width: 7em
  2794. }
  2795. .tox .tox-split-button {
  2796. border: 0;
  2797. border-radius: 3px;
  2798. box-sizing: border-box;
  2799. display: flex;
  2800. margin: 2px 0 3px 0;
  2801. overflow: hidden
  2802. }
  2803. .tox .tox-split-button:hover {
  2804. box-shadow: 0 0 0 1px #409eff inset
  2805. }
  2806. .tox .tox-split-button:focus {
  2807. background: #409eff;
  2808. box-shadow: none;
  2809. color: #fff
  2810. }
  2811. .tox .tox-split-button>* {
  2812. border-radius: 0
  2813. }
  2814. .tox .tox-split-button__chevron {
  2815. width: 16px
  2816. }
  2817. .tox .tox-split-button__chevron svg {
  2818. fill: rgba(255, 255, 255, .5)
  2819. }
  2820. .tox .tox-split-button .tox-tbtn {
  2821. margin: 0
  2822. }
  2823. .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
  2824. width: 30px
  2825. }
  2826. .tox.tox-platform-touch .tox-split-button__chevron {
  2827. width: 20px
  2828. }
  2829. .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
  2830. .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
  2831. .tox .tox-split-button.tox-tbtn--disabled:focus,
  2832. .tox .tox-split-button.tox-tbtn--disabled:hover {
  2833. background: 0 0;
  2834. box-shadow: none;
  2835. color: rgba(255, 255, 255, .5)
  2836. }
  2837. .tox .tox-toolbar-overlord {
  2838. background-color: #023b73
  2839. }
  2840. .tox .tox-toolbar,
  2841. .tox .tox-toolbar__overflow,
  2842. .tox .tox-toolbar__primary {
  2843. 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='rgba%28255,%20255,%20255,%200.2%29'/%3E%3C/svg%3E") left 0 top 0 #023b73;
  2844. background-color: #023b73;
  2845. display: flex;
  2846. flex: 0 0 auto;
  2847. flex-shrink: 0;
  2848. flex-wrap: wrap;
  2849. padding: 0 0
  2850. }
  2851. .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
  2852. height: 0;
  2853. opacity: 0;
  2854. padding-bottom: 0;
  2855. padding-top: 0;
  2856. visibility: hidden
  2857. }
  2858. .tox .tox-toolbar__overflow--growing {
  2859. transition: height .3s ease, opacity .2s linear .1s
  2860. }
  2861. .tox .tox-toolbar__overflow--shrinking {
  2862. transition: opacity .3s ease, height .2s linear .1s, visibility 0s linear .3s
  2863. }
  2864. .tox .tox-menubar+.tox-toolbar,
  2865. .tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary {
  2866. border-top: 1px solid rgba(255, 255, 255, .2);
  2867. margin-top: -1px
  2868. }
  2869. .tox .tox-toolbar--scrolling {
  2870. flex-wrap: nowrap;
  2871. overflow-x: auto
  2872. }
  2873. .tox .tox-pop .tox-toolbar {
  2874. border-width: 0
  2875. }
  2876. .tox .tox-toolbar--no-divider {
  2877. background-image: none
  2878. }
  2879. .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
  2880. .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
  2881. border-top: 1px solid rgba(255, 255, 255, .2)
  2882. }
  2883. .tox.tox-tinymce-aux .tox-toolbar__overflow {
  2884. background-color: #023b73;
  2885. border: 1px solid rgba(255, 255, 255, .2);
  2886. border-radius: 3px;
  2887. box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
  2888. }
  2889. .tox .tox-toolbar__group {
  2890. align-items: center;
  2891. display: flex;
  2892. flex-wrap: wrap;
  2893. margin: 0 0;
  2894. padding: 0 4px 0 4px
  2895. }
  2896. .tox .tox-toolbar__group--pull-right {
  2897. margin-left: auto
  2898. }
  2899. .tox .tox-toolbar--scrolling .tox-toolbar__group {
  2900. flex-shrink: 0;
  2901. flex-wrap: nowrap
  2902. }
  2903. .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  2904. border-right: 1px solid rgba(255, 255, 255, .2)
  2905. }
  2906. .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  2907. border-left: 1px solid rgba(255, 255, 255, .2)
  2908. }
  2909. .tox .tox-tooltip {
  2910. display: inline-block;
  2911. padding: 8px;
  2912. position: relative
  2913. }
  2914. .tox .tox-tooltip__body {
  2915. background-color: #fff;
  2916. border-radius: 3px;
  2917. box-shadow: 0 2px 4px rgba(255, 255, 255, .3);
  2918. color: rgba(2, 69, 115, .75);
  2919. font-size: 14px;
  2920. font-style: normal;
  2921. font-weight: 400;
  2922. padding: 4px 8px;
  2923. text-transform: none
  2924. }
  2925. .tox .tox-tooltip__arrow {
  2926. position: absolute
  2927. }
  2928. .tox .tox-tooltip--down .tox-tooltip__arrow {
  2929. border-left: 8px solid transparent;
  2930. border-right: 8px solid transparent;
  2931. border-top: 8px solid #fff;
  2932. bottom: 0;
  2933. left: 50%;
  2934. position: absolute;
  2935. transform: translateX(-50%)
  2936. }
  2937. .tox .tox-tooltip--up .tox-tooltip__arrow {
  2938. border-bottom: 8px solid #fff;
  2939. border-left: 8px solid transparent;
  2940. border-right: 8px solid transparent;
  2941. left: 50%;
  2942. position: absolute;
  2943. top: 0;
  2944. transform: translateX(-50%)
  2945. }
  2946. .tox .tox-tooltip--right .tox-tooltip__arrow {
  2947. border-bottom: 8px solid transparent;
  2948. border-left: 8px solid #fff;
  2949. border-top: 8px solid transparent;
  2950. position: absolute;
  2951. right: 0;
  2952. top: 50%;
  2953. transform: translateY(-50%)
  2954. }
  2955. .tox .tox-tooltip--left .tox-tooltip__arrow {
  2956. border-bottom: 8px solid transparent;
  2957. border-right: 8px solid #fff;
  2958. border-top: 8px solid transparent;
  2959. left: 0;
  2960. position: absolute;
  2961. top: 50%;
  2962. transform: translateY(-50%)
  2963. }
  2964. .tox .tox-well {
  2965. border: 1px solid rgba(255, 255, 255, .2);
  2966. border-radius: 3px;
  2967. padding: 8px;
  2968. width: 100%
  2969. }
  2970. .tox .tox-well>:first-child {
  2971. margin-top: 0
  2972. }
  2973. .tox .tox-well>:last-child {
  2974. margin-bottom: 0
  2975. }
  2976. .tox .tox-well>:only-child {
  2977. margin: 0
  2978. }
  2979. .tox .tox-custom-editor {
  2980. border: 1px solid rgba(255, 255, 255, .2);
  2981. border-radius: 3px;
  2982. display: flex;
  2983. flex: 1;
  2984. position: relative
  2985. }
  2986. .tox .tox-dialog-loading::before {
  2987. background-color: rgba(0, 0, 0, .5);
  2988. content: "";
  2989. height: 100%;
  2990. position: absolute;
  2991. width: 100%;
  2992. z-index: 100000000
  2993. }
  2994. .tox .tox-tab {
  2995. cursor: pointer
  2996. }
  2997. .tox .tox-dialog__content-js {
  2998. display: flex;
  2999. flex: 1;
  3000. -ms-flex-preferred-size: auto
  3001. }
  3002. .tox .tox-dialog__body-content .tox-collection {
  3003. display: flex;
  3004. flex: 1;
  3005. -ms-flex-preferred-size: auto
  3006. }
  3007. .tox .tox-image-tools-edit-panel {
  3008. height: 60px
  3009. }
  3010. .tox .tox-image-tools__sidebar {
  3011. height: 60px
  3012. }