theme-material-all-debug_3.css 69 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223
  1. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  2. .x-split-button.x-btn-plain-toolbar-small.x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before,
  3. .x-split-button.x-btn-plain-toolbar-small.x-arrow-pressed .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before {
  4. background-color: #2196f3;
  5. background-color: var(--base-color);
  6. }
  7. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  8. .x-split-button.x-btn-plain-toolbar-small.x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after,
  9. .x-split-button.x-btn-plain-toolbar-small.x-arrow-pressed .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after {
  10. background-color: #2196f3;
  11. background-color: var(--base-color);
  12. }
  13. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  14. .x-split-button.x-btn-plain-toolbar-small.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split:after,
  15. .x-split-button.x-btn-plain-toolbar-small.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  16. color: #fff;
  17. }
  18. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  19. .x-split-button.x-btn-plain-toolbar-small.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before,
  20. .x-split-button.x-btn-plain-toolbar-small.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before {
  21. background-color: rgba(17, 17, 17, 0.075);
  22. }
  23. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  24. .x-split-button.x-btn-plain-toolbar-small.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after,
  25. .x-split-button.x-btn-plain-toolbar-small.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after {
  26. background-color: rgba(17, 17, 17, 0.075);
  27. }
  28. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  29. .x-split-button.x-btn-plain-toolbar-small.x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-split-right > .x-btn-button:after {
  30. border-right-color: transparent;
  31. content: '';
  32. }
  33. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  34. .x-split-button.x-btn-plain-toolbar-small.x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom > .x-btn-button:after {
  35. border-bottom-color: transparent;
  36. content: '';
  37. }
  38. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  39. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  40. color: #fff;
  41. }
  42. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  43. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before {
  44. background-color: #42a5f5;
  45. background-color: var(--base-focused-color);
  46. }
  47. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  48. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after {
  49. background-color: #42a5f5;
  50. background-color: var(--base-focused-color);
  51. }
  52. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  53. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-split:after,
  54. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-arrow-pressed .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  55. color: #fff;
  56. }
  57. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  58. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before,
  59. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-arrow-pressed .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before {
  60. background-color: #2196f3;
  61. background-color: var(--base-color);
  62. }
  63. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  64. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after,
  65. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-arrow-pressed .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after {
  66. background-color: #2196f3;
  67. background-color: var(--base-color);
  68. }
  69. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  70. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-pressed .x-btn-wrap-plain-toolbar-small.x-btn-split-right > .x-btn-button:after {
  71. border-right-color: transparent;
  72. content: '';
  73. }
  74. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  75. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-pressed .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom > .x-btn-button:after {
  76. border-bottom-color: transparent;
  77. content: '';
  78. }
  79. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  80. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-right > .x-btn-button:after {
  81. border-right-color: transparent;
  82. content: '';
  83. }
  84. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  85. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom > .x-btn-button:after {
  86. border-bottom-color: transparent;
  87. content: '';
  88. }
  89. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:290 */
  90. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before {
  91. -webkit-box-shadow: none;
  92. -moz-box-shadow: none;
  93. box-shadow: none;
  94. }
  95. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:297 */
  96. .x-keyboard-mode .x-split-button.x-btn-plain-toolbar-small.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after {
  97. -webkit-box-shadow: none;
  98. -moz-box-shadow: none;
  99. box-shadow: none;
  100. }
  101. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:305 */
  102. .x-split-button.x-btn-default-toolbar-medium {
  103. background-color: transparent;
  104. }
  105. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:310 */
  106. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed,
  107. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active {
  108. background-color: transparent;
  109. }
  110. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:314 */
  111. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus {
  112. background-color: transparent;
  113. -webkit-box-shadow: none;
  114. -moz-box-shadow: none;
  115. box-shadow: none;
  116. }
  117. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:321 */
  118. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus .x-btn-arrow-el {
  119. border-width: 0;
  120. }
  121. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:330 */
  122. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right:before {
  123. right: 41px;
  124. background-color: transparent;
  125. }
  126. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:335 */
  127. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el {
  128. right: 40px;
  129. }
  130. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:338 */
  131. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before {
  132. right: -40px;
  133. width: 40px;
  134. }
  135. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:344 */
  136. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right .x-btn-button:before {
  137. width: 40px;
  138. right: -40px;
  139. }
  140. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:350 */
  141. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:before {
  142. bottom: 25px;
  143. background-color: transparent;
  144. }
  145. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:355 */
  146. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  147. background-color: transparent;
  148. margin-left: -16px;
  149. margin-right: -16px;
  150. }
  151. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:361 */
  152. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split:after {
  153. color: #2196f3;
  154. color: var(--base-color);
  155. }
  156. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:365 */
  157. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium .x-btn-inner-default-toolbar-medium {
  158. color: #2196f3;
  159. color: var(--base-color);
  160. }
  161. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:369 */
  162. .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium .x-btn-icon-el-default-toolbar-medium {
  163. color: #2196f3;
  164. color: var(--base-color);
  165. }
  166. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:376 */
  167. .x-ie10p .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium .x-btn-button.x-btn-icon-top,
  168. .x-ie10p .x-split-button.x-btn-default-toolbar-medium .x-btn-wrap-default-toolbar-medium .x-btn-button.x-btn-icon-bottom {
  169. overflow: visible;
  170. }
  171. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  172. .x-split-button.x-btn-default-toolbar-medium.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium.x-btn-split:before {
  173. background-color: rgba(17, 17, 17, 0.075);
  174. }
  175. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  176. .x-split-button.x-btn-default-toolbar-medium.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-icon-el-default-toolbar-medium {
  177. color: #2196f3;
  178. color: var(--base-color);
  179. }
  180. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  181. .x-split-button.x-btn-default-toolbar-medium.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-inner-default-toolbar-medium {
  182. color: #2196f3;
  183. color: var(--base-color);
  184. }
  185. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  186. .x-split-button.x-btn-default-toolbar-medium.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  187. border-right-color: #2196f3;
  188. border-right-color: var(--base-color);
  189. content: '';
  190. }
  191. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  192. .x-split-button.x-btn-default-toolbar-medium.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  193. border-bottom-color: #2196f3;
  194. border-bottom-color: var(--base-color);
  195. content: '';
  196. }
  197. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  198. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split:before {
  199. background-color: transparent;
  200. }
  201. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  202. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium .x-btn-icon-el-default-toolbar-medium {
  203. color: #2196f3;
  204. color: var(--base-color);
  205. }
  206. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  207. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium .x-btn-inner-default-toolbar-medium {
  208. color: #2196f3;
  209. color: var(--base-color);
  210. }
  211. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  212. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  213. border-right-color: #2196f3;
  214. border-right-color: var(--base-color);
  215. content: '';
  216. }
  217. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  218. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  219. border-bottom-color: #2196f3;
  220. border-bottom-color: var(--base-color);
  221. content: '';
  222. }
  223. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  224. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split:before {
  225. background-color: #2196f3;
  226. background-color: var(--base-color);
  227. }
  228. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  229. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-icon-el-default-toolbar-medium {
  230. color: #fff;
  231. }
  232. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  233. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-inner-default-toolbar-medium {
  234. color: #fff;
  235. }
  236. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  237. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  238. border-right-color: #fff;
  239. content: '';
  240. }
  241. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  242. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  243. border-bottom-color: #fff;
  244. content: '';
  245. }
  246. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  247. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium.x-btn-split:before {
  248. background-color: rgba(17, 17, 17, 0.075);
  249. }
  250. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  251. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-icon-el-default-toolbar-medium {
  252. color: #fff;
  253. }
  254. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  255. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-inner-default-toolbar-medium {
  256. color: #fff;
  257. }
  258. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  259. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  260. border-right-color: #fff;
  261. content: '';
  262. }
  263. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  264. .x-split-button.x-btn-default-toolbar-medium.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  265. border-bottom-color: #fff;
  266. content: '';
  267. }
  268. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  269. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus .x-btn-wrap-default-toolbar-medium.x-btn-split:before {
  270. background-color: #42a5f5;
  271. background-color: var(--base-focused-color);
  272. }
  273. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  274. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus .x-btn-wrap-default-toolbar-medium .x-btn-icon-el-default-toolbar-medium {
  275. color: #fff;
  276. }
  277. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  278. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus .x-btn-wrap-default-toolbar-medium .x-btn-inner-default-toolbar-medium {
  279. color: #fff;
  280. }
  281. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  282. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  283. border-right-color: #2196f3;
  284. border-right-color: var(--base-color);
  285. content: '';
  286. }
  287. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  288. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  289. border-bottom-color: #2196f3;
  290. border-bottom-color: var(--base-color);
  291. content: '';
  292. }
  293. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  294. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split:before {
  295. background-color: #2196f3;
  296. background-color: var(--base-color);
  297. }
  298. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  299. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-icon-el-default-toolbar-medium {
  300. color: #fff;
  301. }
  302. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  303. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-inner-default-toolbar-medium {
  304. color: #fff;
  305. }
  306. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  307. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  308. border-right-color: #2196f3;
  309. border-right-color: var(--base-color);
  310. content: '';
  311. }
  312. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  313. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-medium .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  314. border-bottom-color: #2196f3;
  315. border-bottom-color: var(--base-color);
  316. content: '';
  317. }
  318. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  319. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  320. border-right-color: transparent;
  321. content: '';
  322. }
  323. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  324. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  325. border-bottom-color: transparent;
  326. content: '';
  327. }
  328. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:274 */
  329. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-btn-focus.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-medium.x-btn-split:before {
  330. -webkit-box-shadow: none;
  331. -moz-box-shadow: none;
  332. box-shadow: none;
  333. }
  334. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  335. .x-split-button.x-btn-default-toolbar-medium.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split:after {
  336. color: #2196f3;
  337. color: var(--base-color);
  338. }
  339. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  340. .x-split-button.x-btn-default-toolbar-medium.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before {
  341. background-color: rgba(17, 17, 17, 0.075);
  342. }
  343. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  344. .x-split-button.x-btn-default-toolbar-medium.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  345. background-color: rgba(17, 17, 17, 0.075);
  346. }
  347. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  348. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split:after,
  349. .x-split-button.x-btn-default-toolbar-medium.x-arrow-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split:after {
  350. color: #fff;
  351. }
  352. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  353. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before,
  354. .x-split-button.x-btn-default-toolbar-medium.x-arrow-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before {
  355. background-color: #2196f3;
  356. background-color: var(--base-color);
  357. }
  358. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  359. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after,
  360. .x-split-button.x-btn-default-toolbar-medium.x-arrow-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  361. background-color: #2196f3;
  362. background-color: var(--base-color);
  363. }
  364. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  365. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split:after,
  366. .x-split-button.x-btn-default-toolbar-medium.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split:after {
  367. color: #fff;
  368. }
  369. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  370. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before,
  371. .x-split-button.x-btn-default-toolbar-medium.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before {
  372. background-color: rgba(17, 17, 17, 0.075);
  373. }
  374. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  375. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after,
  376. .x-split-button.x-btn-default-toolbar-medium.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  377. background-color: rgba(17, 17, 17, 0.075);
  378. }
  379. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  380. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  381. border-right-color: transparent;
  382. content: '';
  383. }
  384. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  385. .x-split-button.x-btn-default-toolbar-medium.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  386. border-bottom-color: transparent;
  387. content: '';
  388. }
  389. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  390. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus .x-btn-wrap-default-toolbar-medium.x-btn-split:after {
  391. color: #fff;
  392. }
  393. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  394. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before {
  395. background-color: #42a5f5;
  396. background-color: var(--base-focused-color);
  397. }
  398. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  399. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  400. background-color: #42a5f5;
  401. background-color: var(--base-focused-color);
  402. }
  403. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  404. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split:after,
  405. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-arrow-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split:after {
  406. color: #fff;
  407. }
  408. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  409. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before,
  410. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-arrow-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before {
  411. background-color: #2196f3;
  412. background-color: var(--base-color);
  413. }
  414. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  415. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-menu-active .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after,
  416. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-arrow-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  417. background-color: #2196f3;
  418. background-color: var(--base-color);
  419. }
  420. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  421. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  422. border-right-color: transparent;
  423. content: '';
  424. }
  425. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  426. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-pressed .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  427. border-bottom-color: transparent;
  428. content: '';
  429. }
  430. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  431. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  432. border-right-color: transparent;
  433. content: '';
  434. }
  435. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  436. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  437. border-bottom-color: transparent;
  438. content: '';
  439. }
  440. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:290 */
  441. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-right + .x-btn-arrow-el:before {
  442. -webkit-box-shadow: none;
  443. -moz-box-shadow: none;
  444. box-shadow: none;
  445. }
  446. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:297 */
  447. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-medium.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  448. -webkit-box-shadow: none;
  449. -moz-box-shadow: none;
  450. box-shadow: none;
  451. }
  452. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:305 */
  453. .x-split-button.x-btn-default-toolbar-large {
  454. background-color: transparent;
  455. }
  456. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:310 */
  457. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed,
  458. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active {
  459. background-color: transparent;
  460. }
  461. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:314 */
  462. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus {
  463. background-color: transparent;
  464. -webkit-box-shadow: none;
  465. -moz-box-shadow: none;
  466. box-shadow: none;
  467. }
  468. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:321 */
  469. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus .x-btn-arrow-el {
  470. border-width: 0;
  471. }
  472. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:330 */
  473. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right:before {
  474. right: 49px;
  475. background-color: transparent;
  476. }
  477. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:335 */
  478. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el {
  479. right: 48px;
  480. }
  481. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:338 */
  482. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before {
  483. right: -48px;
  484. width: 48px;
  485. }
  486. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:344 */
  487. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right .x-btn-button:before {
  488. width: 48px;
  489. right: -48px;
  490. }
  491. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:350 */
  492. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:before {
  493. bottom: 33px;
  494. background-color: transparent;
  495. }
  496. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:355 */
  497. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  498. background-color: transparent;
  499. margin-left: -16px;
  500. margin-right: -16px;
  501. }
  502. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:361 */
  503. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split:after {
  504. color: #2196f3;
  505. color: var(--base-color);
  506. }
  507. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:365 */
  508. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large .x-btn-inner-default-toolbar-large {
  509. color: #2196f3;
  510. color: var(--base-color);
  511. }
  512. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:369 */
  513. .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large .x-btn-icon-el-default-toolbar-large {
  514. color: #2196f3;
  515. color: var(--base-color);
  516. }
  517. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:376 */
  518. .x-ie10p .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large .x-btn-button.x-btn-icon-top,
  519. .x-ie10p .x-split-button.x-btn-default-toolbar-large .x-btn-wrap-default-toolbar-large .x-btn-button.x-btn-icon-bottom {
  520. overflow: visible;
  521. }
  522. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  523. .x-split-button.x-btn-default-toolbar-large.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large.x-btn-split:before {
  524. background-color: rgba(17, 17, 17, 0.075);
  525. }
  526. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  527. .x-split-button.x-btn-default-toolbar-large.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-icon-el-default-toolbar-large {
  528. color: #2196f3;
  529. color: var(--base-color);
  530. }
  531. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  532. .x-split-button.x-btn-default-toolbar-large.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-inner-default-toolbar-large {
  533. color: #2196f3;
  534. color: var(--base-color);
  535. }
  536. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  537. .x-split-button.x-btn-default-toolbar-large.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  538. border-right-color: #2196f3;
  539. border-right-color: var(--base-color);
  540. content: '';
  541. }
  542. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  543. .x-split-button.x-btn-default-toolbar-large.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  544. border-bottom-color: #2196f3;
  545. border-bottom-color: var(--base-color);
  546. content: '';
  547. }
  548. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  549. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split:before {
  550. background-color: transparent;
  551. }
  552. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  553. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large .x-btn-icon-el-default-toolbar-large {
  554. color: #2196f3;
  555. color: var(--base-color);
  556. }
  557. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  558. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large .x-btn-inner-default-toolbar-large {
  559. color: #2196f3;
  560. color: var(--base-color);
  561. }
  562. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  563. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  564. border-right-color: #2196f3;
  565. border-right-color: var(--base-color);
  566. content: '';
  567. }
  568. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  569. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  570. border-bottom-color: #2196f3;
  571. border-bottom-color: var(--base-color);
  572. content: '';
  573. }
  574. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  575. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed .x-btn-wrap-default-toolbar-large.x-btn-split:before {
  576. background-color: #2196f3;
  577. background-color: var(--base-color);
  578. }
  579. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  580. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-icon-el-default-toolbar-large {
  581. color: #fff;
  582. }
  583. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  584. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-inner-default-toolbar-large {
  585. color: #fff;
  586. }
  587. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  588. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  589. border-right-color: #fff;
  590. content: '';
  591. }
  592. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  593. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  594. border-bottom-color: #fff;
  595. content: '';
  596. }
  597. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  598. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large.x-btn-split:before {
  599. background-color: rgba(17, 17, 17, 0.075);
  600. }
  601. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  602. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-icon-el-default-toolbar-large {
  603. color: #fff;
  604. }
  605. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  606. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-inner-default-toolbar-large {
  607. color: #fff;
  608. }
  609. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  610. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  611. border-right-color: #fff;
  612. content: '';
  613. }
  614. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  615. .x-split-button.x-btn-default-toolbar-large.x-btn-pressed.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  616. border-bottom-color: #fff;
  617. content: '';
  618. }
  619. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  620. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus .x-btn-wrap-default-toolbar-large.x-btn-split:before {
  621. background-color: #42a5f5;
  622. background-color: var(--base-focused-color);
  623. }
  624. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  625. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus .x-btn-wrap-default-toolbar-large .x-btn-icon-el-default-toolbar-large {
  626. color: #fff;
  627. }
  628. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  629. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus .x-btn-wrap-default-toolbar-large .x-btn-inner-default-toolbar-large {
  630. color: #fff;
  631. }
  632. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  633. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  634. border-right-color: #2196f3;
  635. border-right-color: var(--base-color);
  636. content: '';
  637. }
  638. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  639. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  640. border-bottom-color: #2196f3;
  641. border-bottom-color: var(--base-color);
  642. content: '';
  643. }
  644. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:213 */
  645. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-large.x-btn-split:before {
  646. background-color: #2196f3;
  647. background-color: var(--base-color);
  648. }
  649. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:220 */
  650. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-icon-el-default-toolbar-large {
  651. color: #fff;
  652. }
  653. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:225 */
  654. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-inner-default-toolbar-large {
  655. color: #fff;
  656. }
  657. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  658. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  659. border-right-color: #2196f3;
  660. border-right-color: var(--base-color);
  661. content: '';
  662. }
  663. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  664. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-pressed .x-btn-wrap-default-toolbar-large .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  665. border-bottom-color: #2196f3;
  666. border-bottom-color: var(--base-color);
  667. content: '';
  668. }
  669. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  670. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  671. border-right-color: transparent;
  672. content: '';
  673. }
  674. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  675. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  676. border-bottom-color: transparent;
  677. content: '';
  678. }
  679. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:274 */
  680. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-btn-focus.x-btn-over:not(.x-arrow-over) .x-btn-wrap-default-toolbar-large.x-btn-split:before {
  681. -webkit-box-shadow: none;
  682. -moz-box-shadow: none;
  683. box-shadow: none;
  684. }
  685. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  686. .x-split-button.x-btn-default-toolbar-large.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split:after {
  687. color: #2196f3;
  688. color: var(--base-color);
  689. }
  690. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  691. .x-split-button.x-btn-default-toolbar-large.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before {
  692. background-color: rgba(17, 17, 17, 0.075);
  693. }
  694. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  695. .x-split-button.x-btn-default-toolbar-large.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  696. background-color: rgba(17, 17, 17, 0.075);
  697. }
  698. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  699. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split:after,
  700. .x-split-button.x-btn-default-toolbar-large.x-arrow-pressed .x-btn-wrap-default-toolbar-large.x-btn-split:after {
  701. color: #fff;
  702. }
  703. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  704. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before,
  705. .x-split-button.x-btn-default-toolbar-large.x-arrow-pressed .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before {
  706. background-color: #2196f3;
  707. background-color: var(--base-color);
  708. }
  709. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  710. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after,
  711. .x-split-button.x-btn-default-toolbar-large.x-arrow-pressed .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  712. background-color: #2196f3;
  713. background-color: var(--base-color);
  714. }
  715. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  716. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split:after,
  717. .x-split-button.x-btn-default-toolbar-large.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split:after {
  718. color: #fff;
  719. }
  720. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  721. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before,
  722. .x-split-button.x-btn-default-toolbar-large.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before {
  723. background-color: rgba(17, 17, 17, 0.075);
  724. }
  725. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  726. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after,
  727. .x-split-button.x-btn-default-toolbar-large.x-arrow-pressed.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  728. background-color: rgba(17, 17, 17, 0.075);
  729. }
  730. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  731. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  732. border-right-color: transparent;
  733. content: '';
  734. }
  735. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  736. .x-split-button.x-btn-default-toolbar-large.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  737. border-bottom-color: transparent;
  738. content: '';
  739. }
  740. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  741. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus .x-btn-wrap-default-toolbar-large.x-btn-split:after {
  742. color: #fff;
  743. }
  744. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  745. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before {
  746. background-color: #42a5f5;
  747. background-color: var(--base-focused-color);
  748. }
  749. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  750. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  751. background-color: #42a5f5;
  752. background-color: var(--base-focused-color);
  753. }
  754. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:242 */
  755. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split:after,
  756. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-arrow-pressed .x-btn-wrap-default-toolbar-large.x-btn-split:after {
  757. color: #fff;
  758. }
  759. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:249 */
  760. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before,
  761. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-arrow-pressed .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before {
  762. background-color: #2196f3;
  763. background-color: var(--base-color);
  764. }
  765. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:254 */
  766. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-menu-active .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after,
  767. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-arrow-pressed .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  768. background-color: #2196f3;
  769. background-color: var(--base-color);
  770. }
  771. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  772. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-pressed .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  773. border-right-color: transparent;
  774. content: '';
  775. }
  776. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  777. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-pressed .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  778. border-bottom-color: transparent;
  779. content: '';
  780. }
  781. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:192 */
  782. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  783. border-right-color: transparent;
  784. content: '';
  785. }
  786. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:199 */
  787. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  788. border-bottom-color: transparent;
  789. content: '';
  790. }
  791. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:290 */
  792. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-right + .x-btn-arrow-el:before {
  793. -webkit-box-shadow: none;
  794. -moz-box-shadow: none;
  795. box-shadow: none;
  796. }
  797. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/var/button/Button.scss:297 */
  798. .x-keyboard-mode .x-split-button.x-btn-default-toolbar-large.x-arrow-focus.x-btn-over.x-arrow-over .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  799. -webkit-box-shadow: none;
  800. -moz-box-shadow: none;
  801. box-shadow: none;
  802. }
  803. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/panel/Tool.scss:2 */
  804. .x-tip-header .x-tool-img {
  805. color: #111;
  806. }
  807. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/toolbar/Toolbar.scss:1 */
  808. .x-toolbar.x-toolbar-docked-top,
  809. .x-toolbar.x-toolbar-docked-left,
  810. .x-toolbar.x-toolbar-docked-right {
  811. box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
  812. }
  813. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/toolbar/Toolbar.scss:7 */
  814. .x-toolbar-default-docked-bottom {
  815. background-color: #fafafa;
  816. background-color: var(--background-color);
  817. }
  818. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/toolbar/Toolbar.scss:9 */
  819. .x-toolbar-default-docked-bottom .x-form-text-field-body-default {
  820. min-width: 50px;
  821. max-width: none;
  822. }
  823. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/layout/component/Dock.scss:1 */
  824. .x-docked {
  825. z-index: 4;
  826. }
  827. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/window/Window.scss:1 */
  828. .x-window {
  829. box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
  830. }
  831. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/window/Window.scss:5 */
  832. .x-window .x-window-header .x-tool-close {
  833. color: #2196f3;
  834. color: var(--base-color);
  835. }
  836. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:8 */
  837. .x-form-item-no-label .x-form-empty-field::-webkit-input-placeholder,
  838. .x-form-item-no-label .x-form-empty-field::-moz-placeholder,
  839. .x-form-item-no-label .x-form-empty-field::-ms-input-placeholder {
  840. opacity: 1;
  841. }
  842. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:17 */
  843. .x-form-empty-field::-webkit-input-placeholder,
  844. .x-form-empty-field::-moz-placeholder,
  845. .x-form-empty-field::-ms-input-placeholder,
  846. .x-form-empty-field::-moz-placeholder {
  847. /* Chrome/Opera/Safari/Firefox 19+/IE 10+/Firefox 18- */
  848. /* Chrome/Opera/Safari/Firefox 19+/IE 10+/Firefox 18- */
  849. opacity: 0;
  850. }
  851. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:27 */
  852. .x-form-empty-field::focus::-webkit-input-placeholder,
  853. .x-form-empty-field::focus::-moz-placeholder,
  854. .x-form-empty-field::focus::-ms-input-placeholder {
  855. opacity: 1;
  856. transition: opacity 0.4s;
  857. }
  858. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:39 */
  859. .x-form-type-text .x-form-item-label,
  860. .x-form-type-password .x-form-item-label {
  861. margin-top: 4px;
  862. position: relative;
  863. height: 16px;
  864. line-height: 0;
  865. }
  866. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:46 */
  867. .x-form-type-text .x-form-trigger-default,
  868. .x-form-type-password .x-form-trigger-default {
  869. border-bottom: 1px solid #9e9e9e;
  870. }
  871. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:50 */
  872. .x-form-type-text .x-form-text-default,
  873. .x-form-type-password .x-form-text-default {
  874. font: 400 13px/16px Roboto, sans-serif;
  875. background-color: transparent;
  876. border: none;
  877. border-bottom: 1px solid #9e9e9e;
  878. outline: none;
  879. width: 100%;
  880. padding: 0px;
  881. box-shadow: none;
  882. box-sizing: content-box;
  883. -webkit-transition-duration: 0.3s;
  884. -moz-transition-duration: 0.3s;
  885. -o-transition-duration: 0.3s;
  886. transition-duration: 0.3s;
  887. }
  888. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:66 */
  889. .x-form-type-text .x-form-file-wrap .x-form-trigger-wrap .x-form-text,
  890. .x-form-type-password .x-form-file-wrap .x-form-trigger-wrap .x-form-text {
  891. height: 32px;
  892. border: none;
  893. border-bottom: 1px solid #9e9e9e;
  894. }
  895. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:74 */
  896. .x-form-type-text .x-form-trigger-wrap-default,
  897. .x-form-type-password .x-form-trigger-wrap-default {
  898. border: none;
  899. }
  900. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:79 */
  901. .x-form-type-text .x-form-trigger-wrap-invalid .x-form-text-default,
  902. .x-form-type-password .x-form-trigger-wrap-invalid .x-form-text-default {
  903. -webkit-transition-duration: 0.7s;
  904. -moz-transition-duration: 0.7s;
  905. -o-transition-duration: 0.7s;
  906. transition-duration: 0.7s;
  907. border-bottom: 1px solid #c62828;
  908. }
  909. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:86 */
  910. .x-webkit .x-form-type-text .x-form-text,
  911. .x-webkit .x-form-type-password .x-form-text {
  912. height: calc(100% - 21px);
  913. }
  914. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:91 */
  915. .x-form-type-text .x-form-type-text,
  916. .x-form-type-password .x-form-type-text {
  917. position: relative;
  918. margin-top: 17px;
  919. }
  920. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:98 */
  921. .x-colorpicker-field input {
  922. padding-left: 32px !important;
  923. }
  924. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:108 */
  925. .x-form-readonly .x-form-item-label,
  926. .x-form-fieldcontainer .x-form-item-label,
  927. .x-colorpicker-field .x-form-item-label,
  928. .x-form-item[id*=slider] .x-form-item-label,
  929. .x-field-focus .x-form-item-label {
  930. -webkit-transform: translateY(8px);
  931. -moz-transform: translateY(8px);
  932. -ms-transform: translateY(8px);
  933. -o-transform: translateY(8px);
  934. transform: translateY(8px);
  935. font-size: 12px;
  936. }
  937. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:117 */
  938. .x-form-type-checkbox .x-form-item-label,
  939. .x-form-type-radio .x-form-item-label,
  940. .x-form-checkboxgroup .x-form-item-label {
  941. -webkit-transform: translateY(0px);
  942. -moz-transform: translateY(0px);
  943. -ms-transform: translateY(0px);
  944. -o-transform: translateY(0px);
  945. transform: translateY(0px);
  946. font-size: 12px;
  947. }
  948. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:125 */
  949. .x-form-item-label.x-form-item-label-right,
  950. .x-form-item-label.x-form-item-label-left {
  951. -webkit-transform: translateY(0px);
  952. -moz-transform: translateY(0px);
  953. -ms-transform: translateY(0px);
  954. -o-transform: translateY(0px);
  955. transform: translateY(0px);
  956. }
  957. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:128 */
  958. .x-field-focus .x-form-item-label.x-form-item-label-right,
  959. .x-field-focus .x-form-item-label.x-form-item-label-left {
  960. font-size: 13px;
  961. -webkit-transform: translateY(0px);
  962. -moz-transform: translateY(0px);
  963. -ms-transform: translateY(0px);
  964. -o-transform: translateY(0px);
  965. transform: translateY(0px);
  966. }
  967. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:135 */
  968. .x-form-item-label {
  969. -webkit-transition: -webkit-all ease-out;
  970. -webkit-transition-delay: 0s;
  971. -moz-transition: -moz-all ease-out;
  972. -o-transition: -o-all ease-out;
  973. transition: all 0s ease-out 0s;
  974. -webkit-transition-duration: 0.3s;
  975. -moz-transition-duration: 0.3s;
  976. -o-transition-duration: 0.3s;
  977. transition-duration: 0.3s;
  978. -webkit-transform: translateY(32px);
  979. -moz-transform: translateY(32px);
  980. -ms-transform: translateY(32px);
  981. -o-transform: translateY(32px);
  982. transform: translateY(32px);
  983. }
  984. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:140 */
  985. .x-field-focus .x-form-item-label,
  986. .not-empty .x-form-item-label {
  987. font-size: 12px;
  988. -webkit-transform: translateY(8px);
  989. -moz-transform: translateY(8px);
  990. -ms-transform: translateY(8px);
  991. -o-transform: translateY(8px);
  992. transform: translateY(8px);
  993. }
  994. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:146 */
  995. .x-field-focus .x-form-item-label {
  996. -webkit-transition-duration: 0.3s;
  997. -moz-transition-duration: 0.3s;
  998. -o-transition-duration: 0.3s;
  999. transition-duration: 0.3s;
  1000. color: #2196f3;
  1001. color: var(--base-color);
  1002. }
  1003. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:151 */
  1004. .x-field-focus .x-form-item-label {
  1005. -webkit-transition-duration: 0.3s;
  1006. -moz-transition-duration: 0.3s;
  1007. -o-transition-duration: 0.3s;
  1008. transition-duration: 0.3s;
  1009. }
  1010. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:158 */
  1011. .x-field-focus .x-form-text-default,
  1012. .x-field-focus .x-form-trigger-default {
  1013. -webkit-transition-duration: 0.7s;
  1014. -moz-transition-duration: 0.7s;
  1015. -o-transition-duration: 0.7s;
  1016. transition-duration: 0.7s;
  1017. border-bottom: 1px solid #2196f3;
  1018. }
  1019. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:167 */
  1020. .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
  1021. padding: 0px;
  1022. }
  1023. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:173 */
  1024. .x-form-item-label-default {
  1025. padding: 0px;
  1026. vertical-align: middle;
  1027. }
  1028. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:178 */
  1029. .x-form-text-field-body-default {
  1030. min-width: 150px;
  1031. max-width: none;
  1032. }
  1033. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:184 */
  1034. .x-form-item-body {
  1035. display: block;
  1036. }
  1037. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Text.scss:190 */
  1038. .x-ie11 .x-form-item-label-default.x-form-item-label-top {
  1039. display: inline;
  1040. top: -5px;
  1041. }
  1042. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Checkbox.scss:1 */
  1043. .x-form-checkbox,
  1044. .x-tree-checkbox,
  1045. .x-grid-checkcolumn,
  1046. .x-column-header-checkbox {
  1047. font-size: 18px;
  1048. }
  1049. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Checkbox.scss:9 */
  1050. .x-form-cb-checked .x-form-checkbox,
  1051. .x-form-cb-checked .x-form-radio {
  1052. color: #2196f3;
  1053. color: var(--base-color);
  1054. }
  1055. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/FieldSet.scss:1 */
  1056. .x-fieldset {
  1057. background: #fff;
  1058. background: var(--reverse-color);
  1059. }
  1060. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Radio.scss:1 */
  1061. .x-form-radio {
  1062. font-size: 18px;
  1063. }
  1064. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/view/View.scss:2 */
  1065. .x-keyboard-mode .x-view-item-focused {
  1066. outline: 1px solid #2196f3;
  1067. outline: 1px solid var(--base-color);
  1068. outline-offset: -1px;
  1069. }
  1070. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/picker/Date.scss:1 */
  1071. .x-datepicker {
  1072. box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
  1073. }
  1074. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/picker/Date.scss:7 */
  1075. .x-datepicker .x-datepicker-disabled .x-datepicker-date {
  1076. border-radius: 50%;
  1077. }
  1078. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/picker/Date.scss:13 */
  1079. .x-datepicker .x-datepicker-selected .x-datepicker-date {
  1080. border-radius: 50%;
  1081. padding: 0 15px 0 13px;
  1082. }
  1083. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/picker/Date.scss:19 */
  1084. .x-datepicker .x-datepicker-prevday {
  1085. visibility: hidden;
  1086. }
  1087. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/picker/Date.scss:23 */
  1088. .x-datepicker .x-datepicker-column-header {
  1089. color: #919191;
  1090. }
  1091. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/tip/Tip.scss:1 */
  1092. .x-tip {
  1093. -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.18), 2px 2px 5px 0 rgba(0, 0, 0, 0.12);
  1094. box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.18), 2px 2px 5px 0 rgba(0, 0, 0, 0.12);
  1095. }
  1096. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/form/field/Tag.scss:3 */
  1097. .x-tagfield-item:hover .x-tagfield-item-close {
  1098. color: #fff;
  1099. }
  1100. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/panel/Table.scss:1 */
  1101. .x-grid-cell {
  1102. position: relative;
  1103. }
  1104. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/view/Table.scss:6 */
  1105. .x-grid-item {
  1106. font: 400 13px/16px Roboto, sans-serif;
  1107. }
  1108. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/column/Column.scss:5 */
  1109. .x-column-header-sort-ASC .x-column-header-text-inner:after,
  1110. .x-column-header-sort-DESC .x-column-header-text-inner:after {
  1111. vertical-align: bottom;
  1112. }
  1113. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/column/Check.scss:3 */
  1114. .x-grid-item-selected .x-grid-checkcolumn:after,
  1115. .x-grid-cell-selected .x-grid-checkcolumn:after {
  1116. color: #2196f3;
  1117. color: var(--base-color);
  1118. }
  1119. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/column/Check.scss:8 */
  1120. .x-grid-checkcolumn-checked:after {
  1121. color: #2196f3;
  1122. color: var(--base-color);
  1123. }
  1124. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/menu/Menu.scss:2 */
  1125. .x-menu-item-arrow {
  1126. top: 8px;
  1127. right: 5px;
  1128. }
  1129. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/menu/Menu.scss:8 */
  1130. .x-menu-item-focus .x-menu-item-text,
  1131. .x-menu-item-active .x-menu-item-text {
  1132. font-weight: 400;
  1133. }
  1134. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/menu/Menu.scss:11 */
  1135. .x-menu-item-focus .x-menu-item-arrow-default,
  1136. .x-menu-item-active .x-menu-item-arrow-default {
  1137. top: 8px;
  1138. right: 5px;
  1139. }
  1140. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/menu/Menu.scss:18 */
  1141. .x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
  1142. color: #2196f3;
  1143. color: var(--base-color);
  1144. }
  1145. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/Editing.scss:1 */
  1146. .x-grid-editor {
  1147. background-color: #fff;
  1148. }
  1149. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/Editing.scss:4 */
  1150. .x-grid-editor .x-form-item-body {
  1151. padding: 9px;
  1152. }
  1153. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/Editing.scss:9 */
  1154. .x-grid-editor .x-form-type-text.x-form-readonly .x-form-item-body {
  1155. border-bottom: 0px;
  1156. padding: 0 9px;
  1157. }
  1158. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/Editing.scss:16 */
  1159. .x-grid-editor .x-form-type-text .x-form-item-body {
  1160. border-bottom: 2px solid #2196f3;
  1161. border-bottom: 2px solid var(--base-color);
  1162. }
  1163. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/Editing.scss:18 */
  1164. .x-grid-editor .x-form-type-text .x-form-item-body .x-form-text,
  1165. .x-grid-editor .x-form-type-text .x-form-item-body .x-form-trigger {
  1166. border-bottom: none;
  1167. }
  1168. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/Editing.scss:28 */
  1169. .x-grid-row-editor .x-panel-body {
  1170. background: #fff;
  1171. background: var(--reverse-color);
  1172. }
  1173. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/RowEditing.scss:1 */
  1174. .x-grid-row-editor-wrap,
  1175. .x-grid-row-editor-buttons {
  1176. box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
  1177. }
  1178. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/RowEditing.scss:5 */
  1179. .x-grid-row-editor-wrap .x-form-text-field-body-default,
  1180. .x-grid-row-editor-buttons .x-form-text-field-body-default {
  1181. min-width: 70px;
  1182. max-width: none;
  1183. }
  1184. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/RowExpander.scss:1 */
  1185. .x-grid-row-expander {
  1186. font-size: 18px;
  1187. }
  1188. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/grid/plugin/filterbar/FilterBar.scss:2 */
  1189. .x-grid-filterbar .x-form-text-field-body-default {
  1190. min-width: inherit;
  1191. max-width: none;
  1192. }
  1193. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/slider/Multi.scss:1 */
  1194. .x-item-disabled {
  1195. opacity: 0.8;
  1196. }
  1197. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/slider/Multi.scss:3 */
  1198. .x-item-disabled .x-slider-thumb {
  1199. background-color: #e1e1e1;
  1200. background-color: var(--faded-color);
  1201. }
  1202. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/tab/Tab.scss:1 */
  1203. .x-tab-default {
  1204. text-transform: uppercase;
  1205. }
  1206. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/tab/Tab.scss:8 */
  1207. .x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
  1208. background-color: #2196f3;
  1209. background-color: var(--base-color);
  1210. }
  1211. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/tree/View.scss:1 */
  1212. .x-tree-checkbox-checked {
  1213. color: #2196f3;
  1214. color: var(--base-color);
  1215. }
  1216. /* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/classic/theme-material/sass/src/view/MultiSelector.scss:1 */
  1217. .x-multiselector-search-input {
  1218. background: #fff;
  1219. background: var(--reverse-color);
  1220. padding: 8px;
  1221. border: 1px solid #2196f3;
  1222. border: 1px solid var(--base-color);
  1223. }