/* Slider */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track{position:relative;top:0;left:0;display:block;} .slick-track:before, .slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;outline:none;height:100%;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .slick-loading .slick-list{background:#fff url('../img/ajax-loader.gif') center center no-repeat;} /* Icons */ @font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('./fonts/slick.eot');src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url('./fonts/slick.woff') format('woff'),url('./fonts/slick.ttf') format('truetype'),url('./fonts/slick.svg#slick') format('svg');} /* Arrows */ .slick-prev, .slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:50px;height:50px;padding:0;margin-top:-10px; /*lte IE 8*/-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;z-index:998;background:transparent;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:transparent;outline:none;background:transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:.25;} .slick-prev:before, .slick-next:before{font:normal normal normal 14px/1 FontAwesome;font-size:37px;line-height:1;color:#4c4c4c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .slick-prev{left:25px;} [dir='rtl'] .slick-prev{right:25px;left:auto;} .slick-prev:before{content:'←';} [dir='rtl'] .slick-prev:before{content:'→';} .slick-next{right:25px;} [dir='rtl'] .slick-next{right:auto;left:25px;} .slick-prev:before{content:"\f053";} .slick-next:before{content:"\f054";} /* Dots */ .slick-slider{margin-bottom:30px;} .slick-dots{position:absolute;bottom:50px;display:block;width:100%;padding:0;list-style:none;text-align:center;margin:0;z-index:999;} .slick-dots li:first-child{background:none} .slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer;text-align:right;} .slick-dots li.slick-active button{background:#fff} .slick-dots li button{font-size:0;line-height:0;display:inline-block;width:16px;height:16px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;border-radius:50%;background:url(../img/bullets.png) no-repeat;} .slick-dots li button:hover, .slick-dots li button:focus{outline:none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1;} .slick-dots li button:before{} .slick-dots li.slick-active button:before{opacity:.75;color:black;} /** THEME ===================================*/ .bx-wrapper .bx-viewport{} .bxslider{padding:0;margin:0} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;} /* LOADER */ .bx-wrapper .bx-loading{min-height:50px;background:url(../img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;} /* PAGER */ .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev{left:10px;background:url(../img/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next{right:10px;background:url(../img/controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-prev:hover{background-position:0 0;} .bx-wrapper .bx-next:hover{background-position:-43px 0;} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled{display:none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto{text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../img/controls.png) -86px -11px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../img/controls.png) -86px -44px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%;} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;} /************************** * * GENERAL * **************************/ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td{background:none;border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;list-style:none} .camera_wrap{direction:ltr;position:relative;z-index:0;height:200px} .camera_wrap img{max-width:none!important;} .camera_fakehover{height:100%;position:relative;width:100%;z-index:1;} .camera_wrap{width:100%;z-index:999;margin:0!important} .camera_src{display:none;} .cameraCont, .cameraContents{height:100%;position:relative;width:100%;z-index:1;} .cameraSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;} .cameraContent{bottom:0;display:none;left:0;position:absolute;right:0;top:0;width:100%;} .camera_target{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;text-align:left;top:0;width:100%;z-index:0;} .camera_overlayer{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0;} .camera_target_content{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2;} .camera_target_content .camera_link{background:url(../img/blank.gif);display:block;height:100%;text-decoration:none;} /*.camera_loader{background:#fff url(../img/camera-loader.gif) no-repeat center;background:rgba(255,255,255,0.9) url(../img/camera-loader.gif) no-repeat center;border:1px solid #ffffff;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-index:3;}*/ .camera_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3;} .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar{height:100%;position:absolute;width:auto;} .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar{height:auto;position:absolute;width:100%;} .camera_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15px;width:120px;z-index:4;} .camera_caption{bottom:0;display:block;position:absolute;width:100%;} .camera_caption > div{padding:10px 20px;} .camerarelative{overflow:hidden;position:relative;} .imgFake{cursor:pointer;} .camera_prevThumbs{bottom:4px;cursor:pointer;left:0;position:absolute;top:4px;visibility:hidden;width:30px;z-index:10;} .camera_prevThumbs div{background:url(../img/camera_skins.png) no-repeat -160px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px;} .camera_nextThumbs{bottom:4px;cursor:pointer;position:absolute;right:0;top:4px;visibility:hidden;width:30px;z-index:10;} .camera_nextThumbs div{background:url(../img/camera_skins.png) no-repeat -190px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px;} .camera_command_wrap .hideNav{display:none;} .camera_command_wrap{left:0;position:relative;right:0;z-index:4;} .camera_wrap .camera_pag .camera_pag_ul{list-style:none;margin:0;padding:0;text-align:right;} .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-align:left;text-indent:9999px;width:16px;} .camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);} .camera_wrap .camera_pag .camera_pag_ul li > span{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:8px;left:4px;overflow:hidden;position:absolute;top:4px;width:8px;} .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span{-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);} .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{-moz-box-shadow:0;-webkit-box-shadow:0;box-shadow:0;} .camera_pag_ul li img{display:none;position:absolute;} .camera_pag_ul .thumb_arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;top:0;left:50%;margin-left:-4px;position:absolute;} .camera_prev, .camera_next, .camera_commands{cursor:pointer;height:40px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:2;} .camera_prev{left:0;} .camera_prev > span{background:url(../img/camera_skins.png) no-repeat 0 0;display:block;height:40px;width:40px;} .camera_next{right:0;} .camera_next > span{background:url(../img/camera_skins.png) no-repeat -40px 0;display:block;height:40px;width:40px;} .camera_commands{right:41px;} .camera_commands > .camera_play{background:url(../img/camera_skins.png) no-repeat -80px 0;height:40px;width:40px;} .camera_commands > .camera_stop{background:url(../img/camera_skins.png) no-repeat -120px 0;display:block;height:40px;width:40px;} .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-indent:9999px;width:16px;} .camera_thumbs_cont{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow:hidden;position:relative;width:100%;} .camera_commands_emboss .camera_thumbs_cont{-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);} .camera_thumbs_cont > div{float:left;width:100%;} .camera_thumbs_cont ul{overflow:hidden;padding:3px 4px 8px;position:relative;text-align:center;} .camera_thumbs_cont ul li{display:inline;padding:0 4px;} .camera_thumbs_cont ul li > img{border:1px solid;cursor:pointer;margin-top:5px;vertical-align:bottom;} .camera_clear{display:block;clear:both;} .showIt{display:none;} .camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative;} /************************** * * COLORS & SKINS * **************************/ .pattern_1 .camera_overlayer{ /*background: url(../img/overlay1.png) repeat;*/} .pattern_2 .camera_overlayer{background:url(../img/overlay2.png) repeat;} .pattern_3 .camera_overlayer{background:url(../img/overlay3.png) repeat;} .pattern_4 .camera_overlayer{background:url(../img/overlay4.png) repeat;} .pattern_5 .camera_overlayer{background:url(../img/overlay5.png) repeat;} .pattern_6 .camera_overlayer{background:url(../img/overlay6.png) repeat;} .pattern_7 .camera_overlayer{background:url(../img/overlay7.png) repeat;} .pattern_8 .camera_overlayer{background:url(../img/overlay8.png) repeat;} .pattern_9 .camera_overlayer{background:url(../img/overlay9.png) repeat;} .pattern_10 .camera_overlayer{background:url(../img/overlay10.png) repeat;} .camera_caption{color:#fff;} .camera_caption > div{background:#000;background:rgba(0,0,0,0.8);} .camera_wrap .camera_pag .camera_pag_ul li{background:#b7b7b7;} .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background:#b7b7b7;} .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{background:#434648;} .camera_pag_ul li img{border:4px solid #e6e6e6;-moz-box-shadow:0px 3px 6px rgba(0,0,0,.5);-webkit-box-shadow:0px 3px 6px rgba(0,0,0,.5);box-shadow:0px 3px 6px rgba(0,0,0,.5);} .camera_pag_ul .thumb_arrow{border-top-color:#e6e6e6;} .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{background:#d8d8d8;background:rgba(216,216,216,0.85);} .camera_wrap .camera_pag .camera_pag_ul li{background:#b7b7b7;} .camera_thumbs_cont ul li > img{border-color:1px solid #000;} /*AMBER SKIN*/ .camera_amber_skin .camera_prevThumbs div{background-position:-160px -160px;} .camera_amber_skin .camera_nextThumbs div{background-position:-190px -160px;} .camera_amber_skin .camera_prev > span{background-position:0 -160px;} .camera_amber_skin .camera_next > span{background-position:-40px -160px;} .camera_amber_skin .camera_commands > .camera_play{background-position:-80px -160px;} .camera_amber_skin .camera_commands > .camera_stop{background-position:-120px -160px;} /*ASH SKIN*/ .camera_ash_skin .camera_prevThumbs div{background-position:-160px -200px;} .camera_ash_skin .camera_nextThumbs div{background-position:-190px -200px;} .camera_ash_skin .camera_prev > span{background-position:0 -200px;} .camera_ash_skin .camera_next > span{background-position:-40px -200px;} .camera_ash_skin .camera_commands > .camera_play{background-position:-80px -200px;} .camera_ash_skin .camera_commands > .camera_stop{background-position:-120px -200px;} /*AZURE SKIN*/ .camera_azure_skin .camera_prevThumbs div{background-position:-160px -240px;} .camera_azure_skin .camera_nextThumbs div{background-position:-190px -240px;} .camera_azure_skin .camera_prev > span{background-position:0 -240px;} .camera_azure_skin .camera_next > span{background-position:-40px -240px;} .camera_azure_skin .camera_commands > .camera_play{background-position:-80px -240px;} .camera_azure_skin .camera_commands > .camera_stop{background-position:-120px -240px;} /*BEIGE SKIN*/ .camera_beige_skin .camera_prevThumbs div{background-position:-160px -120px;} .camera_beige_skin .camera_nextThumbs div{background-position:-190px -120px;} .camera_beige_skin .camera_prev > span{background-position:0 -120px;} .camera_beige_skin .camera_next > span{background-position:-40px -120px;} .camera_beige_skin .camera_commands > .camera_play{background-position:-80px -120px;} .camera_beige_skin .camera_commands > .camera_stop{background-position:-120px -120px;} /*BLACK SKIN*/ .camera_black_skin .camera_prevThumbs div{background-position:-160px -40px;} .camera_black_skin .camera_nextThumbs div{background-position:-190px -40px;} .camera_black_skin .camera_prev > span{background-position:0 -40px;} .camera_black_skin .camera_next > span{background-position:-40px -40px;} .camera_black_skin .camera_commands > .camera_play{background-position:-80px -40px;} .camera_black_skin .camera_commands > .camera_stop{background-position:-120px -40px;} /*BLUE SKIN*/ .camera_blue_skin .camera_prevThumbs div{background-position:-160px -280px;} .camera_blue_skin .camera_nextThumbs div{background-position:-190px -280px;} .camera_blue_skin .camera_prev > span{background-position:0 -280px;} .camera_blue_skin .camera_next > span{background-position:-40px -280px;} .camera_blue_skin .camera_commands > .camera_play{background-position:-80px -280px;} .camera_blue_skin .camera_commands > .camera_stop{background-position:-120px -280px;} /*BROWN SKIN*/ .camera_brown_skin .camera_prevThumbs div{background-position:-160px -320px;} .camera_brown_skin .camera_nextThumbs div{background-position:-190px -320px;} .camera_brown_skin .camera_prev > span{background-position:0 -320px;} .camera_brown_skin .camera_next > span{background-position:-40px -320px;} .camera_brown_skin .camera_commands > .camera_play{background-position:-80px -320px;} .camera_brown_skin .camera_commands > .camera_stop{background-position:-120px -320px;} /*BURGUNDY SKIN*/ .camera_burgundy_skin .camera_prevThumbs div{background-position:-160px -360px;} .camera_burgundy_skin .camera_nextThumbs div{background-position:-190px -360px;} .camera_burgundy_skin .camera_prev > span{background-position:0 -360px;} .camera_burgundy_skin .camera_next > span{background-position:-40px -360px;} .camera_burgundy_skin .camera_commands > .camera_play{background-position:-80px -360px;} .camera_burgundy_skin .camera_commands > .camera_stop{background-position:-120px -360px;} /*CHARCOAL SKIN*/ .camera_charcoal_skin .camera_prevThumbs div{background-position:-160px -400px;} .camera_charcoal_skin .camera_nextThumbs div{background-position:-190px -400px;} .camera_charcoal_skin .camera_prev > span{background-position:0 -400px;} .camera_charcoal_skin .camera_next > span{background-position:-40px -400px;} .camera_charcoal_skin .camera_commands > .camera_play{background-position:-80px -400px;} .camera_charcoal_skin .camera_commands > .camera_stop{background-position:-120px -400px;} /*CHOCOLATE SKIN*/ .camera_chocolate_skin .camera_prevThumbs div{background-position:-160px -440px;} .camera_chocolate_skin .camera_nextThumbs div{background-position:-190px -440px;} .camera_chocolate_skin .camera_prev > span{background-position:0 -440px;} .camera_chocolate_skin .camera_next > span{background-position:-40px -440px;} .camera_chocolate_skin .camera_commands > .camera_play{background-position:-80px -440px;} .camera_chocolate_skin .camera_commands > .camera_stop{background-position:-120px -440px;} /*COFFEE SKIN*/ .camera_coffee_skin .camera_prevThumbs div{background-position:-160px -480px;} .camera_coffee_skin .camera_nextThumbs div{background-position:-190px -480px;} .camera_coffee_skin .camera_prev > span{background-position:0 -480px;} .camera_coffee_skin .camera_next > span{background-position:-40px -480px;} .camera_coffee_skin .camera_commands > .camera_play{background-position:-80px -480px;} .camera_coffee_skin .camera_commands > .camera_stop{background-position:-120px -480px;} /*CYAN SKIN*/ .camera_cyan_skin .camera_prevThumbs div{background-position:-160px -520px;} .camera_cyan_skin .camera_nextThumbs div{background-position:-190px -520px;} .camera_cyan_skin .camera_prev > span{background-position:0 -520px;} .camera_cyan_skin .camera_next > span{background-position:-40px -520px;} .camera_cyan_skin .camera_commands > .camera_play{background-position:-80px -520px;} .camera_cyan_skin .camera_commands > .camera_stop{background-position:-120px -520px;} /*FUCHSIA SKIN*/ .camera_fuchsia_skin .camera_prevThumbs div{background-position:-160px -560px;} .camera_fuchsia_skin .camera_nextThumbs div{background-position:-190px -560px;} .camera_fuchsia_skin .camera_prev > span{background-position:0 -560px;} .camera_fuchsia_skin .camera_next > span{background-position:-40px -560px;} .camera_fuchsia_skin .camera_commands > .camera_play{background-position:-80px -560px;} .camera_fuchsia_skin .camera_commands > .camera_stop{background-position:-120px -560px;} /*GOLD SKIN*/ .camera_gold_skin .camera_prevThumbs div{background-position:-160px -600px;} .camera_gold_skin .camera_nextThumbs div{background-position:-190px -600px;} .camera_gold_skin .camera_prev > span{background-position:0 -600px;} .camera_gold_skin .camera_next > span{background-position:-40px -600px;} .camera_gold_skin .camera_commands > .camera_play{background-position:-80px -600px;} .camera_gold_skin .camera_commands > .camera_stop{background-position:-120px -600px;} /*GREEN SKIN*/ .camera_green_skin .camera_prevThumbs div{background-position:-160px -640px;} .camera_green_skin .camera_nextThumbs div{background-position:-190px -640px;} .camera_green_skin .camera_prev > span{background-position:0 -640px;} .camera_green_skin .camera_next > span{background-position:-40px -640px;} .camera_green_skin .camera_commands > .camera_play{background-position:-80px -640px;} .camera_green_skin .camera_commands > .camera_stop{background-position:-120px -640px;} /*GREY SKIN*/ .camera_grey_skin .camera_prevThumbs div{background-position:-160px -680px;} .camera_grey_skin .camera_nextThumbs div{background-position:-190px -680px;} .camera_grey_skin .camera_prev > span{background-position:0 -680px;} .camera_grey_skin .camera_next > span{background-position:-40px -680px;} .camera_grey_skin .camera_commands > .camera_play{background-position:-80px -680px;} .camera_grey_skin .camera_commands > .camera_stop{background-position:-120px -680px;} /*INDIGO SKIN*/ .camera_indigo_skin .camera_prevThumbs div{background-position:-160px -720px;} .camera_indigo_skin .camera_nextThumbs div{background-position:-190px -720px;} .camera_indigo_skin .camera_prev > span{background-position:0 -720px;} .camera_indigo_skin .camera_next > span{background-position:-40px -720px;} .camera_indigo_skin .camera_commands > .camera_play{background-position:-80px -720px;} .camera_indigo_skin .camera_commands > .camera_stop{background-position:-120px -720px;} /*KHAKI SKIN*/ .camera_khaki_skin .camera_prevThumbs div{background-position:-160px -760px;} .camera_khaki_skin .camera_nextThumbs div{background-position:-190px -760px;} .camera_khaki_skin .camera_prev > span{background-position:0 -760px;} .camera_khaki_skin .camera_next > span{background-position:-40px -760px;} .camera_khaki_skin .camera_commands > .camera_play{background-position:-80px -760px;} .camera_khaki_skin .camera_commands > .camera_stop{background-position:-120px -760px;} /*LIME SKIN*/ .camera_lime_skin .camera_prevThumbs div{background-position:-160px -800px;} .camera_lime_skin .camera_nextThumbs div{background-position:-190px -800px;} .camera_lime_skin .camera_prev > span{background-position:0 -800px;} .camera_lime_skin .camera_next > span{background-position:-40px -800px;} .camera_lime_skin .camera_commands > .camera_play{background-position:-80px -800px;} .camera_lime_skin .camera_commands > .camera_stop{background-position:-120px -800px;} /*MAGENTA SKIN*/ .camera_magenta_skin .camera_prevThumbs div{background-position:-160px -840px;} .camera_magenta_skin .camera_nextThumbs div{background-position:-190px -840px;} .camera_magenta_skin .camera_prev > span{background-position:0 -840px;} .camera_magenta_skin .camera_next > span{background-position:-40px -840px;} .camera_magenta_skin .camera_commands > .camera_play{background-position:-80px -840px;} .camera_magenta_skin .camera_commands > .camera_stop{background-position:-120px -840px;} /*MAROON SKIN*/ .camera_maroon_skin .camera_prevThumbs div{background-position:-160px -880px;} .camera_maroon_skin .camera_nextThumbs div{background-position:-190px -880px;} .camera_maroon_skin .camera_prev > span{background-position:0 -880px;} .camera_maroon_skin .camera_next > span{background-position:-40px -880px;} .camera_maroon_skin .camera_commands > .camera_play{background-position:-80px -880px;} .camera_maroon_skin .camera_commands > .camera_stop{background-position:-120px -880px;} /*ORANGE SKIN*/ .camera_orange_skin .camera_prevThumbs div{background-position:-160px -920px;} .camera_orange_skin .camera_nextThumbs div{background-position:-190px -920px;} .camera_orange_skin .camera_prev > span{background-position:0 -920px;} .camera_orange_skin .camera_next > span{background-position:-40px -920px;} .camera_orange_skin .camera_commands > .camera_play{background-position:-80px -920px;} .camera_orange_skin .camera_commands > .camera_stop{background-position:-120px -920px;} /*OLIVE SKIN*/ .camera_olive_skin .camera_prevThumbs div{background-position:-160px -1080px;} .camera_olive_skin .camera_nextThumbs div{background-position:-190px -1080px;} .camera_olive_skin .camera_prev > span{background-position:0 -1080px;} .camera_olive_skin .camera_next > span{background-position:-40px -1080px;} .camera_olive_skin .camera_commands > .camera_play{background-position:-80px -1080px;} .camera_olive_skin .camera_commands > .camera_stop{background-position:-120px -1080px;} /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div{background-position:-160px -960px;} .camera_pink_skin .camera_nextThumbs div{background-position:-190px -960px;} .camera_pink_skin .camera_prev > span{background-position:0 -960px;} .camera_pink_skin .camera_next > span{background-position:-40px -960px;} .camera_pink_skin .camera_commands > .camera_play{background-position:-80px -960px;} .camera_pink_skin .camera_commands > .camera_stop{background-position:-120px -960px;} /*PISTACHIO SKIN*/ .camera_pistachio_skin .camera_prevThumbs div{background-position:-160px -1040px;} .camera_pistachio_skin .camera_nextThumbs div{background-position:-190px -1040px;} .camera_pistachio_skin .camera_prev > span{background-position:0 -1040px;} .camera_pistachio_skin .camera_next > span{background-position:-40px -1040px;} .camera_pistachio_skin .camera_commands > .camera_play{background-position:-80px -1040px;} .camera_pistachio_skin .camera_commands > .camera_stop{background-position:-120px -1040px;} /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div{background-position:-160px -80px;} .camera_pink_skin .camera_nextThumbs div{background-position:-190px -80px;} .camera_pink_skin .camera_prev > span{background-position:0 -80px;} .camera_pink_skin .camera_next > span{background-position:-40px -80px;} .camera_pink_skin .camera_commands > .camera_play{background-position:-80px -80px;} .camera_pink_skin .camera_commands > .camera_stop{background-position:-120px -80px;} /*RED SKIN*/ .camera_red_skin .camera_prevThumbs div{background-position:-160px -1000px;} .camera_red_skin .camera_nextThumbs div{background-position:-190px -1000px;} .camera_red_skin .camera_prev > span{background-position:0 -1000px;} .camera_red_skin .camera_next > span{background-position:-40px -1000px;} .camera_red_skin .camera_commands > .camera_play{background-position:-80px -1000px;} .camera_red_skin .camera_commands > .camera_stop{background-position:-120px -1000px;} /*TANGERINE SKIN*/ .camera_tangerine_skin .camera_prevThumbs div{background-position:-160px -1120px;} .camera_tangerine_skin .camera_nextThumbs div{background-position:-190px -1120px;} .camera_tangerine_skin .camera_prev > span{background-position:0 -1120px;} .camera_tangerine_skin .camera_next > span{background-position:-40px -1120px;} .camera_tangerine_skin .camera_commands > .camera_play{background-position:-80px -1120px;} .camera_tangerine_skin .camera_commands > .camera_stop{background-position:-120px -1120px;} /*TURQUOISE SKIN*/ .camera_turquoise_skin .camera_prevThumbs div{background-position:-160px -1160px;} .camera_turquoise_skin .camera_nextThumbs div{background-position:-190px -1160px;} .camera_turquoise_skin .camera_prev > span{background-position:0 -1160px;} .camera_turquoise_skin .camera_next > span{background-position:-40px -1160px;} .camera_turquoise_skin .camera_commands > .camera_play{background-position:-80px -1160px;} .camera_turquoise_skin .camera_commands > .camera_stop{background-position:-120px -1160px;} /*VIOLET SKIN*/ .camera_violet_skin .camera_prevThumbs div{background-position:-160px -1200px;} .camera_violet_skin .camera_nextThumbs div{background-position:-190px -1200px;} .camera_violet_skin .camera_prev > span{background-position:0 -1200px;} .camera_violet_skin .camera_next > span{background-position:-40px -1200px;} .camera_violet_skin .camera_commands > .camera_play{background-position:-80px -1200px;} .camera_violet_skin .camera_commands > .camera_stop{background-position:-120px -1200px;} /*WHITE SKIN*/ .camera_white_skin .camera_prevThumbs div{background-position:-160px -80px;} .camera_white_skin .camera_nextThumbs div{background-position:-190px -80px;} .camera_white_skin .camera_prev > span{background-position:0 -80px;} .camera_white_skin .camera_next > span{background-position:-40px -80px;} .camera_white_skin .camera_commands > .camera_play{background-position:-80px -80px;} .camera_white_skin .camera_commands > .camera_stop{background-position:-120px -80px;} /*YELLOW SKIN*/ .camera_yellow_skin .camera_prevThumbs div{background-position:-160px -1240px;} .camera_yellow_skin .camera_nextThumbs div{background-position:-190px -1240px;} .camera_yellow_skin .camera_prev > span{background-position:0 -1240px;} .camera_yellow_skin .camera_next > span{background-position:-40px -1240px;} .camera_yellow_skin .camera_commands > .camera_play{background-position:-80px -1240px;} .camera_yellow_skin .camera_commands > .camera_stop{background-position:-120px -1240px;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;} .fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fancybox-opened{z-index:9999;} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);} .fancybox-outer, .fancybox-inner{position:relative;} .fancybox-inner{overflow:hidden;} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;} .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;} .fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;} .fancybox-image{max-width:100%;max-height:100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('../img/fancybox_sprite.png');} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;} #fancybox-loading div{width:44px;height:44px;background:url('../img/fancybox_loading.gif') center center no-repeat;} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;} .fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../img/blank.gif'); /* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;} .fancybox-prev{left:0;} .fancybox-next{right:0;} .fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;} .fancybox-prev span{left:10px;background-position:0 -36px;} .fancybox-next span{right:10px;background-position:0 -72px;} .fancybox-nav:hover span{visibility:visible;} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;} /* Overlay helper */ .fancybox-lock{overflow:hidden!important;width:auto;} .fancybox-lock body{overflow:hidden!important;} .fancybox-lock-test{overflow-y:hidden!important;} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../img/fancybox_overlay.png');} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0;} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;} /* Title helper */ .fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;} .fancybox-opened .fancybox-title{visibility:visible;} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent; /* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;} .fancybox-title-inside-wrap{padding-top:10px;} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);} /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('../img/fancybox_sprite@2x.png');background-size:44px 152px; /*The size of the normal image, half the size of the hi-res image*/} #fancybox-loading div{background-image:url('../img/fancybox_loading@2x.gif');background-size:24px 24px; /*The size of the normal image, half the size of the hi-res image*/} } /*! * Bootstrap-select v1.9.4 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2016 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ .bootstrap-select{width:220px \0; /*IE9 and below*/} .bootstrap-select > .dropdown-toggle{width:100%;padding-right:25px;z-index:1;} .bootstrap-select > select{position:absolute!important;bottom:0;left:50%;width:0.11px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;} .bootstrap-select > select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2;} .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle{border-color:#b94a48;} .bootstrap-select.fit-width{width:auto!important;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:220px;} .bootstrap-select .dropdown-toggle:focus{} .bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;} .bootstrap-select.form-control:not([class*="col-"]){width:100%;} .bootstrap-select.form-control.input-group-btn{z-index:auto;} .bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*="col-"]{float:none;display:inline-block;margin-left:0;} .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right{float:right;} .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group{margin-bottom:0;} .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control{padding:0;} .form-inline .bootstrap-select.btn-group .form-control{width:100%;} .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled{cursor:not-allowed;} .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus{outline:none!important;} .bootstrap-select.btn-group.bs-container{position:absolute;} .bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060;} .bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left;} .bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle;} .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{width:100%;} .bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;} .bootstrap-select.btn-group .dropdown-menu li{position:relative;} .bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff;} .bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed;} .bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em;} .bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none;} .bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block;} .bootstrap-select.btn-group .dropdown-menu li small{padding-left:0.5em;} .bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);pointer-events:none;opacity:0.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap;} .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static;} .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px;} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px;display:none} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px;} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle{z-index:1061;} .bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,0.2);position:absolute;bottom:-4px;left:9px;display:none;} .bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;position:absolute;bottom:-4px;left:10px;display:none;} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,0.2);border-bottom:0;} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid white;border-bottom:0;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto;} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{display:block;} .bs-searchbox, .bs-actionsbox, .bs-donebutton{padding:4px 8px;} .bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bs-actionsbox .btn-group button{width:50%;} .bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bs-donebutton .btn-group button{width:100%;} .bs-searchbox + .bs-actionsbox{padding:0 8px 4px;} .bs-searchbox .form-control{margin-bottom:0;width:100%;float:none;} /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom; /* direct pointer events to js */} .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;} .mCustomScrollBox{ /* contains plugin's markup */ position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;} .mCSB_container{ /* contains the original content */ overflow:hidden;width:auto;height:auto;} /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{margin-right:30px;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;} /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right:0;margin-left:30px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;} /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;} .mCSB_outside + .mCSB_scrollTools{right:-26px;} /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right:auto;left:0;} .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;} /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position:absolute;top:0;left:0;bottom:0;right:0;height:auto;} .mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;} .mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;} .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor:pointer;width:100%;height:30px; /* minimum dragger height */z-index:1;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px; /* auto-expanded scrollbar */} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px; /* auto-expanded scrollbar */} .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools .mCSB_buttonDown{bottom:0;} /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px;} .mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;} .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0;} .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;} /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px; /* minimum dragger width */height:100%;left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px; /* auto-expanded scrollbar */margin:2px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px; /* auto-expanded scrollbar */margin:4px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;} /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;} .mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;} /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;} /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;} /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;} /* non-visible scrollbar/RTL direction/left-side scrollbar */ .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{left:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right:0;margin-left:30px;} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0; /* non-visible scrollbar */margin-left:0;} /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-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;-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;-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;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;} /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";} .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";} .mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)";} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png); /* css sprites */background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_buttonUp{background-position:0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */} .mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */} .mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */} .mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */} .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85);} .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9);} .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;} .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;} .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;} .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;} /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);} .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px;} /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px;} /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0;} .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto;} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px;} /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px;} /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.1);} .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;} .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;} .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto;} /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;} /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.15);} .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px;} .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px;} .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px;} .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0;} .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px; /* auto-expanded scrollbar */height:16px;margin:-1px 0;} .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px; /* auto-expanded scrollbar */} .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px; /* auto-expanded scrollbar */width:16px;margin:0 -1px;} .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px; /* auto-expanded scrollbar */margin:6px 0;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px;} /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px;} /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");background-repeat:repeat-y;opacity:0.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";} .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px;} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px;} /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px;} /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);} /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px;} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px;} .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";} .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;} .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2);} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2);} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto;} .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";} .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px;} .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);} .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;} .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;} .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto;} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#777;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:12px 0;} .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px;} /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto;} .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;} .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";} .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";} /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";} /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,0.2);} .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;} .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0;} .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px;} .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,0.2);} .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;} .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0;} .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0;} .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;} .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;} .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;} .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;} /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;} /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,0.2);} /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);} /* ---------------------------------------- */