scrollbar.css 45 KB

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