[Summary view] [Print] [Text view]

   1  /* basic scrollbar styling */
   2  /* vertical scrollbar */
   3  .mCSB_container{
   4      width:auto;
   5      margin-right:30px;
   6      overflow:hidden;
   7  }
   8  .mCSB_container.mCS_no_scrollbar{
   9      margin-right:0;
  10  }
  11  .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
  12  .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
  13      margin-right:30px;
  14  }
  15  .mCustomScrollBox>.mCSB_scrollTools{
  16      width:16px;
  17      height:100%;
  18      top:0;
  19      right:0;
  20  }
  21  .mCSB_scrollTools .mCSB_draggerContainer{
  22      position:absolute;
  23      top:0;
  24      left:0;
  25      bottom:0;
  26      right:0; 
  27      height:auto;
  28  }
  29  .mCSB_scrollTools a+.mCSB_draggerContainer{
  30      margin:20px 0;
  31  }
  32  .mCSB_scrollTools .mCSB_draggerRail{
  33      width:2px;
  34      height:100%;
  35      margin:0 auto;
  36      -webkit-border-radius:10px;
  37      -moz-border-radius:10px;
  38      border-radius:10px;
  39  }
  40  .mCSB_scrollTools .mCSB_dragger{
  41      cursor:pointer;
  42      width:100%;
  43      height:30px;
  44  }
  45  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  46      width:4px;
  47      height:100%;
  48      margin:0 auto;
  49      -webkit-border-radius:10px;
  50      -moz-border-radius:10px;
  51      border-radius:10px;
  52      text-align:center;
  53  }
  54  .mCSB_scrollTools .mCSB_buttonUp,
  55  .mCSB_scrollTools .mCSB_buttonDown{
  56      display:block;
  57      position:relative;
  58      height:20px;
  59      overflow:hidden;
  60      margin:0 auto;
  61      cursor:pointer;
  62  }
  63  .mCSB_scrollTools .mCSB_buttonDown{
  64      top:100%;
  65      margin-top:-40px;
  66  }
  67  /* horizontal scrollbar */
  68  .mCSB_horizontal>.mCSB_container{
  69      height:auto;
  70      margin-right:0;
  71      margin-bottom:30px;
  72      overflow:hidden;
  73  }
  74  .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
  75      margin-bottom:0;
  76  }
  77  .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
  78  .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
  79      margin-right:0;
  80      margin-bottom:30px;
  81  }
  82  .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
  83      width:100%;
  84      height:16px;
  85      top:auto;
  86      right:auto;
  87      bottom:0;
  88      left:0;
  89      overflow:hidden;
  90  }
  91  .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
  92      margin:0 20px;
  93  }
  94  .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
  95      width:100%;
  96      height:2px;
  97      margin:7px 0;
  98      -webkit-border-radius:10px;
  99      -moz-border-radius:10px;
 100      border-radius:10px;
 101  }
 102  .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
 103      width:30px;
 104      height:100%;
 105  }
 106  .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 107      width:100%;
 108      height:4px;
 109      margin:6px auto;
 110      -webkit-border-radius:10px;
 111      -moz-border-radius:10px;
 112      border-radius:10px;
 113  }
 114  .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
 115  .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
 116      display:block;
 117      position:relative;
 118      width:20px;
 119      height:100%;
 120      overflow:hidden;
 121      margin:0 auto;
 122      cursor:pointer;
 123      float:left;
 124  }
 125  .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
 126      margin-left:-40px;
 127      float:right;
 128  }
 129  .mCustomScrollBox{
 130      -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
 131  }
 132  
 133  /* default scrollbar colors and backgrounds (default theme) */
 134  .mCustomScrollBox>.mCSB_scrollTools{
 135      opacity:0.75;
 136      filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
 137  }
 138  .mCustomScrollBox:hover>.mCSB_scrollTools{
 139      opacity:1;
 140      filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
 141  }
 142  .mCSB_scrollTools .mCSB_draggerRail{
 143      background:#000; /* rgba fallback */
 144      background:rgba(0,0,0,0.4);
 145      filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
 146  }
 147  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 148      background:#fff; /* rgba fallback */
 149      background:rgba(255,255,255,0.75);
 150      filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
 151  }
 152  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 153      background:rgba(255,255,255,0.85);
 154      filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
 155  }
 156  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 157  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 158      background:rgba(255,255,255,0.9);
 159      filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
 160  }
 161  .mCSB_scrollTools .mCSB_buttonUp,
 162  .mCSB_scrollTools .mCSB_buttonDown,
 163  .mCSB_scrollTools .mCSB_buttonLeft,
 164  .mCSB_scrollTools .mCSB_buttonRight{
 165      background-image:url(../mCSB_buttons.png);
 166      background-repeat:no-repeat;
 167      opacity:0.4;
 168      filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
 169  }
 170  .mCSB_scrollTools .mCSB_buttonUp{
 171      background-position:0 0;
 172      /* 
 173      sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
 174      */
 175  }
 176  .mCSB_scrollTools .mCSB_buttonDown{
 177      background-position:0 -20px;
 178      /* 
 179      sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
 180      */
 181  }
 182  .mCSB_scrollTools .mCSB_buttonLeft{
 183      background-position:0 -40px;
 184      /* 
 185      sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
 186      */
 187  }
 188  .mCSB_scrollTools .mCSB_buttonRight{
 189      background-position:0 -56px;
 190      /* 
 191      sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
 192      */
 193  }
 194  .mCSB_scrollTools .mCSB_buttonUp:hover,
 195  .mCSB_scrollTools .mCSB_buttonDown:hover,
 196  .mCSB_scrollTools .mCSB_buttonLeft:hover,
 197  .mCSB_scrollTools .mCSB_buttonRight:hover{
 198      opacity:0.75;
 199      filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
 200  }
 201  .mCSB_scrollTools .mCSB_buttonUp:active,
 202  .mCSB_scrollTools .mCSB_buttonDown:active,
 203  .mCSB_scrollTools .mCSB_buttonLeft:active,
 204  .mCSB_scrollTools .mCSB_buttonRight:active{
 205      opacity:0.9;
 206      filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
 207  }
 208  
 209  /*scrollbar themes*/
 210  /*dark (dark colored scrollbar)*/
 211  .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
 212      background:#000; /* rgba fallback */
 213      background:rgba(0,0,0,0.15);
 214  }
 215  .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 216      background:#000; /* rgba fallback */
 217      background:rgba(0,0,0,0.75);
 218  }
 219  .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 220      background:rgba(0,0,0,0.85);
 221  }
 222  .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 223  .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 224      background:rgba(0,0,0,0.9);
 225  }
 226  .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
 227      background-position:-80px 0;
 228  }
 229  .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
 230      background-position:-80px -20px;
 231  }
 232  .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
 233      background-position:-80px -40px;
 234  }
 235  .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
 236      background-position:-80px -56px;
 237  }
 238  /*light-2*/
 239  .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
 240      width:4px;
 241      background:#fff; /* rgba fallback */
 242      background:rgba(255,255,255,0.1);
 243      -webkit-border-radius:1px;
 244      -moz-border-radius:1px;
 245      border-radius:1px;
 246  }
 247  .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 248      width:4px;
 249      background:#fff; /* rgba fallback */
 250      background:rgba(255,255,255,0.75);
 251      -webkit-border-radius:1px;
 252      -moz-border-radius:1px;
 253      border-radius:1px;
 254  }
 255  .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
 256      width:100%;
 257      height:4px;
 258      margin:6px 0;
 259  }
 260  .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 261      width:100%;
 262      height:4px;
 263      margin:6px auto;
 264  }
 265  .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 266      background:rgba(255,255,255,0.85);
 267  }
 268  .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 269  .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 270      background:rgba(255,255,255,0.9);
 271  }
 272  .mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
 273      background-position:-32px 0;
 274  }
 275  .mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
 276      background-position:-32px -20px;
 277  }
 278  .mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
 279      background-position:-40px -40px;
 280  }
 281  .mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
 282      background-position:-40px -56px;
 283  }
 284  /*dark-2*/
 285  .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
 286      width:4px;
 287      background:#000; /* rgba fallback */
 288      background:rgba(0,0,0,0.1);
 289      -webkit-border-radius:1px;
 290      -moz-border-radius:1px;
 291      border-radius:1px;
 292  }
 293  .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 294      width:4px;
 295      background:#000; /* rgba fallback */
 296      background:rgba(0,0,0,0.75);
 297      -webkit-border-radius:1px;
 298      -moz-border-radius:1px;
 299      border-radius:1px;
 300  }
 301  .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
 302      width:100%;
 303      height:4px;
 304      margin:6px 0;
 305  }
 306  .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 307      width:100%;
 308      height:4px;
 309      margin:6px auto;
 310  }
 311  .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 312      background:rgba(0,0,0,0.85);
 313  }
 314  .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 315  .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 316      background:rgba(0,0,0,0.9);
 317  }
 318  .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
 319      background-position:-112px 0;
 320  }
 321  .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
 322      background-position:-112px -20px;
 323  }
 324  .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
 325      background-position:-120px -40px;
 326  }
 327  .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
 328      background-position:-120px -56px;
 329  }
 330  /*light-thick*/
 331  .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
 332      width:4px;
 333      background:#fff; /* rgba fallback */
 334      background:rgba(255,255,255,0.1);
 335      -webkit-border-radius:2px;
 336      -moz-border-radius:2px;
 337      border-radius:2px;
 338  }
 339  .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 340      width:6px;
 341      background:#fff; /* rgba fallback */
 342      background:rgba(255,255,255,0.75);
 343      -webkit-border-radius:2px;
 344      -moz-border-radius:2px;
 345      border-radius:2px;
 346  }
 347  .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
 348      width:100%;
 349      height:4px;
 350      margin:6px 0;
 351  }
 352  .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 353      width:100%;
 354      height:6px;
 355      margin:5px auto;
 356  }
 357  .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 358      background:rgba(255,255,255,0.85);
 359  }
 360  .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 361  .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 362      background:rgba(255,255,255,0.9);
 363  }
 364  .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
 365      background-position:-16px 0;
 366  }
 367  .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
 368      background-position:-16px -20px;
 369  }
 370  .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
 371      background-position:-20px -40px;
 372  }
 373  .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
 374      background-position:-20px -56px;
 375  }
 376  /*dark-thick*/
 377  .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
 378      width:4px;
 379      background:#000; /* rgba fallback */
 380      background:rgba(0,0,0,0.1);
 381      -webkit-border-radius:2px;
 382      -moz-border-radius:2px;
 383      border-radius:2px;
 384  }
 385  .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 386      width:6px;
 387      background:#000; /* rgba fallback */
 388      background:rgba(0,0,0,0.75);
 389      -webkit-border-radius:2px;
 390      -moz-border-radius:2px;
 391      border-radius:2px;
 392  }
 393  .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
 394      width:100%;
 395      height:4px;
 396      margin:6px 0;
 397  }
 398  .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 399      width:100%;
 400      height:6px;
 401      margin:5px auto;
 402  }
 403  .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 404      background:rgba(0,0,0,0.85);
 405  }
 406  .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 407  .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 408      background:rgba(0,0,0,0.9);
 409  }
 410  .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
 411      background-position:-96px 0;
 412  }
 413  .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
 414      background-position:-96px -20px;
 415  }
 416  .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
 417      background-position:-100px -40px;
 418  }
 419  .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
 420      background-position:-100px -56px;
 421  }
 422  /*light-thin*/
 423  .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
 424      background:#fff; /* rgba fallback */
 425      background:rgba(255,255,255,0.1);
 426  }
 427  .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 428      width:2px;
 429  }
 430  .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
 431      width:100%;
 432  }
 433  .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 434      width:100%;
 435      height:2px;
 436      margin:7px auto;
 437  }
 438  /*dark-thin*/
 439  .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
 440      background:#000; /* rgba fallback */
 441      background:rgba(0,0,0,0.15);
 442  }
 443  .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 444      width:2px;
 445      background:#000; /* rgba fallback */
 446      background:rgba(0,0,0,0.75);
 447  }
 448  .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
 449      width:100%;
 450  }
 451  .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 452      width:100%;
 453      height:2px;
 454      margin:7px auto;
 455  }
 456  .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 457      background:rgba(0,0,0,0.85);
 458  }
 459  .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 460  .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 461      background:rgba(0,0,0,0.9);
 462  }
 463  .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
 464      background-position:-80px 0;
 465  }
 466  .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
 467      background-position:-80px -20px;
 468  }
 469  .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
 470      background-position:-80px -40px;
 471  }
 472  .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
 473      background-position:-80px -56px;
 474  }
 475  
 476  /* custom styling */
 477  /* content_1 scrollbar */
 478  .content_1>.mCustomScrollBox>.mCSB_scrollTools{
 479      height:96%;
 480      top:2%;
 481  }
 482  /* content_2 scrollbar */
 483  .content_2 .mCSB_scrollTools .mCSB_draggerRail{
 484      width:6px;
 485      box-shadow:1px 1px 1px rgba(255,255,255,0.1);
 486  }
 487  .content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 488      background:rgba(255,255,255,0.4);
 489      filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
 490  }
 491  .content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 492      background:rgba(255,255,255,0.5);
 493      filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* old ie */
 494  }
 495  .content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 496  .content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 497      background:rgba(255,255,255,0.6);
 498      filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */
 499  }
 500  /* content_3 scrollbar */
 501  .content_3>.mCustomScrollBox>.mCSB_scrollTools{
 502      height:94%;
 503      top:3%;
 504  }
 505  .content_3 .mCSB_scrollTools .mCSB_draggerRail{
 506      width:0;
 507      border-right:1px dashed #09C;
 508  }
 509  .content_3 .mCSB_scrollTools .mCSB_dragger{
 510      height:11px;
 511  }
 512  .content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 513      width:11px;
 514      -webkit-border-radius:11px;
 515      -moz-border-radius:11px;
 516      border-radius:11px;
 517      background:#09C;
 518  }
 519  /* content_4 scrollbar */
 520  .content_4>.mCustomScrollBox>.mCSB_scrollTools{
 521      height:94%;
 522      top:3%;
 523  }
 524  .content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 525      width:8px;
 526      -webkit-border-radius:2px;
 527      -moz-border-radius:2px;
 528      border-radius:2px;
 529      background:#d0b9a0;
 530      -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
 531      -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
 532      box-shadow:1px 1px 5px rgba(0,0,0,0.5);
 533  }
 534  .content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 535  .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 536      background:#dfcdb9;
 537  }
 538  .content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 539  .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 540      -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
 541      -moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
 542      box-shadow:0 0 3px rgba(0,0,0,0.5);
 543  }
 544  /* content_5 scrollbar */
 545  .content_5>.mCustomScrollBox>.mCSB_scrollTools{
 546      width: 98%;
 547      margin: 0 1%;
 548  }
 549  /* content_6 scrollbar */
 550  .content_6>.mCustomScrollBox>.mCSB_scrollTools{
 551      width:88%;
 552      margin: 0 6%;
 553  }
 554  /* content_8 scrollbar */
 555  .content_8 .mCSB_scrollTools .mCSB_draggerRail{
 556      width:0px;
 557      border-left:1px solid rgba(0,0,0,0.8);
 558      border-right:1px solid rgba(255,255,255,0.2);
 559  }