/* Insertion Font roboto */ @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot'); src: url('./fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'), url('./fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.eot'); src: url('./fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.woff') format('woff'), url('./fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot'); src: url('./fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'), url('./fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.eot'); src: url('./fonts/roboto/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.woff') format('woff'), url('./fonts/roboto/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_thin_macroman/Roboto-Thin-webfont.eot'); src: url('./fonts/roboto/roboto_thin_macroman/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_thin_macroman/Roboto-Thin-webfont.woff') format('woff'), url('./fonts/roboto/roboto_thin_macroman/Roboto-Thin-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_thin_macroman/Roboto-Thin-webfont.svg#RobotoThin') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.eot'); src: url('./fonts/roboto/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.woff') format('woff'), url('./fonts/roboto/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.eot'); src: url('./fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'), url('./fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.svg#RobotoLight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.eot'); src: url('./fonts/roboto/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.woff') format('woff'), url('./fonts/roboto/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.eot'); src: url('./fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'), url('./fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot'); src: url('./fonts/roboto/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.woff') format('woff'), url('./fonts/roboto/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto Slab'; src: url('./fonts/roboto/roboto_slab/robotoslab-bold-webfont.eot'); src: url('./fonts/roboto/roboto_slab/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_slab/robotoslab-bold-webfont.woff2') format('woff2'), url('./fonts/roboto/roboto_slab/robotoslab-bold-webfont.woff') format('woff'), url('./fonts/roboto/roboto_slab/robotoslab-bold-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_slab/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto Slab'; src: url('./fonts/roboto/roboto_slab/robotoslab-light-webfont.eot'); src: url('./fonts/roboto/roboto_slab/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_slab/robotoslab-light-webfont.woff2') format('woff2'), url('./fonts/roboto/roboto_slab/robotoslab-light-webfont.woff') format('woff'), url('./fonts/roboto/roboto_slab/robotoslab-light-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_slab/robotoslab-light-webfont.svg#roboto_slablight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto Slab'; src: url('./fonts/roboto/roboto_slab/robotoslab-regular-webfont.eot'); src: url('./fonts/roboto/roboto_slab/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_slab/robotoslab-regular-webfont.woff2') format('woff2'), url('./fonts/roboto/roboto_slab/robotoslab-regular-webfont.woff') format('woff'), url('./fonts/roboto/roboto_slab/robotoslab-regular-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_slab/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto Slab'; src: url('./fonts/roboto/roboto_slab/robotoslab-thin-webfont.eot'); src: url('./fonts/roboto/roboto_slab/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto/roboto_slab/robotoslab-thin-webfont.woff2') format('woff2'), url('./fonts/roboto/roboto_slab/robotoslab-thin-webfont.woff') format('woff'), url('./fonts/roboto/roboto_slab/robotoslab-thin-webfont.ttf') format('truetype'), url('./fonts/roboto/roboto_slab/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg'); font-weight: 100; font-style: normal; } /*GENERAL*/ *{ font-family: "Roboto","Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols",sans-serif; margin: 0; padding: 0; border: 0; user-select :none; touch-callout:none; text-size-adjust:none;font-weight: lighter; -webkit-appearance:none; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-text-size-adjust:none; -moz-user-select:none; tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; } input[type="text"], input[type="date"], input[type="datetime"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], textarea{-webkit-touch-callout: text !important; -webkit-user-select: text !important; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important;} .over_div{position:absolute;top:0px;left:0px;right:0px;height:calc(100% + 10px);background:rgba(0,0,0,0.5);z-index:99;} /* LOADER */ .loader{ margin:0; text-align: center; padding: 0; margin: 0% auto; display: inline-block; vertical-align: top; position: absolute; top: calc(50% - 100px); left: calc(50% - 106.5px);} @-webkit-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-webkit-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-moz-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-ms-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-moz-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-webkit-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @-o-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } @keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; } 33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; } 100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } .uil-ripple-css { background: none; position: relative; width: 200px; height: 200px; } .uil-ripple-css div { position: absolute; top: 50%; left: 50%; margin: 0; width: 0; height: 0; opacity: 0; border-radius: 50%; border-width: 12px; border-style: solid; -ms-animation: uil-ripple 2s ease-out infinite; -moz-animation: uil-ripple 2s ease-out infinite; -webkit-animation: uil-ripple 2s ease-out infinite; -o-animation: uil-ripple 2s ease-out infinite; animation: uil-ripple 2s ease-out infinite; border-color: #418FE2; } .uil-ripple-css div:nth-of-type(2) { -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } /*Bootstrap for upload componant*/ @font-face {font-family:'Glyphicons Halflings';src:url(./fonts/glyphicons-halflings-regular.eot);src:url(./fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(./fonts/glyphicons-halflings-regular.woff) format('woff'),url(./fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')} .glyphicon {position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .glyphicon-asterisk:before {content:"\2a"} .glyphicon-plus:before {content:"\2b"} .glyphicon-euro:before {content:"\20ac"} .glyphicon-minus:before {content:"\2212"} .glyphicon-cloud:before {content:"\2601"} .glyphicon-envelope:before {content:"\2709"} .glyphicon-pencil:before {content:"\270f"} .glyphicon-glass:before {content:"\e001"} .glyphicon-music:before {content:"\e002"} .glyphicon-search:before {content:"\e003"} .glyphicon-heart:before {content:"\e005"} .glyphicon-star:before {content:"\e006"} .glyphicon-star-empty:before {content:"\e007"} .glyphicon-user:before {content:"\e008"} .glyphicon-film:before {content:"\e009"} .glyphicon-th-large:before {content:"\e010"} .glyphicon-th:before {content:"\e011"} .glyphicon-th-list:before {content:"\e012"} .glyphicon-ok:before {content:"\e013"} .glyphicon-remove:before {content:"\e014"} .glyphicon-zoom-in:before {content:"\e015"} .glyphicon-zoom-out:before {content:"\e016"} .glyphicon-off:before {content:"\e017"} .glyphicon-signal:before {content:"\e018"} .glyphicon-cog:before {content:"\e019"} .glyphicon-trash:before {content:"\e020"} .glyphicon-home:before {content:"\e021"} .glyphicon-file:before {content:"\e022"} .glyphicon-time:before {content:"\e023"} .glyphicon-road:before {content:"\e024"} .glyphicon-download-alt:before {content:"\e025"} .glyphicon-download:before {content:"\e026"} .glyphicon-upload:before {content:"\e027"} .glyphicon-inbox:before {content:"\e028"} .glyphicon-play-circle:before {content:"\e029"} .glyphicon-repeat:before {content:"\e030"} .glyphicon-refresh:before {content:"\e031"} .glyphicon-list-alt:before {content:"\e032"} .glyphicon-lock:before {content:"\e033"} .glyphicon-flag:before {content:"\e034"} .glyphicon-headphones:before {content:"\e035"} .glyphicon-volume-off:before {content:"\e036"} .glyphicon-volume-down:before {content:"\e037"} .glyphicon-volume-up:before {content:"\e038"} .glyphicon-qrcode:before {content:"\e039"} .glyphicon-barcode:before {content:"\e040"} .glyphicon-tag:before {content:"\e041"} .glyphicon-tags:before {content:"\e042"} .glyphicon-book:before {content:"\e043"} .glyphicon-bookmark:before {content:"\e044"} .glyphicon-print:before {content:"\e045"} .glyphicon-camera:before {content:"\e046"} .glyphicon-font:before {content:"\e047"} .glyphicon-bold:before {content:"\e048"} .glyphicon-italic:before {content:"\e049"} .glyphicon-text-height:before {content:"\e050"} .glyphicon-text-width:before {content:"\e051"} .glyphicon-align-left:before {content:"\e052"} .glyphicon-align-center:before {content:"\e053"} .glyphicon-align-right:before {content:"\e054"} .glyphicon-align-justify:before {content:"\e055"} .glyphicon-list:before {content:"\e056"} .glyphicon-indent-left:before {content:"\e057"} .glyphicon-indent-right:before {content:"\e058"} .glyphicon-facetime-video:before {content:"\e059"} .glyphicon-picture:before {content:"\e060"} .glyphicon-map-marker:before {content:"\e062"} .glyphicon-adjust:before {content:"\e063"} .glyphicon-tint:before {content:"\e064"} .glyphicon-edit:before {content:"\e065"} .glyphicon-share:before {content:"\e066"} .glyphicon-check:before {content:"\e067"} .glyphicon-move:before {content:"\e068"} .glyphicon-step-backward:before {content:"\e069"} .glyphicon-fast-backward:before {content:"\e070"} .glyphicon-backward:before {content:"\e071"} .glyphicon-play:before {content:"\e072"} .glyphicon-pause:before {content:"\e073"} .glyphicon-stop:before {content:"\e074"} .glyphicon-forward:before {content:"\e075"} .glyphicon-fast-forward:before {content:"\e076"} .glyphicon-step-forward:before {content:"\e077"} .glyphicon-eject:before {content:"\e078"} .glyphicon-chevron-left:before {content:"\e079"} .glyphicon-chevron-right:before {content:"\e080"} .glyphicon-plus-sign:before {content:"\e081"} .glyphicon-minus-sign:before {content:"\e082"} .glyphicon-remove-sign:before {content:"\e083"} .glyphicon-ok-sign:before {content:"\e084"} .glyphicon-question-sign:before {content:"\e085"} .glyphicon-info-sign:before {content:"\e086"} .glyphicon-screenshot:before {content:"\e087"} .glyphicon-remove-circle:before {content:"\e088"} .glyphicon-ok-circle:before {content:"\e089"} .glyphicon-ban-circle:before {content:"\e090"} .glyphicon-arrow-left:before {content:"\e091"} .glyphicon-arrow-right:before {content:"\e092"} .glyphicon-arrow-up:before {content:"\e093"} .glyphicon-arrow-down:before {content:"\e094"} .glyphicon-share-alt:before {content:"\e095"} .glyphicon-resize-full:before {content:"\e096"} .glyphicon-resize-small:before {content:"\e097"} .glyphicon-exclamation-sign:before {content:"\e101"} .glyphicon-gift:before {content:"\e102"} .glyphicon-leaf:before {content:"\e103"} .glyphicon-fire:before {content:"\e104"} .glyphicon-eye-open:before {content:"\e105"} .glyphicon-eye-close:before {content:"\e106"} .glyphicon-warning-sign:before {content:"\e107"} .glyphicon-plane:before {content:"\e108"} .glyphicon-calendar:before {content:"\e109"} .glyphicon-random:before {content:"\e110"} .glyphicon-comment:before {content:"\e111"} .glyphicon-magnet:before {content:"\e112"} .glyphicon-chevron-up:before {content:"\e113"} .glyphicon-chevron-down:before {content:"\e114"} .glyphicon-retweet:before {content:"\e115"} .glyphicon-shopping-cart:before {content:"\e116"} .glyphicon-folder-close:before {content:"\e117"} .glyphicon-folder-open:before {content:"\e118"} .glyphicon-resize-vertical:before {content:"\e119"} .glyphicon-resize-horizontal:before {content:"\e120"} .glyphicon-hdd:before {content:"\e121"} .glyphicon-bullhorn:before {content:"\e122"} .glyphicon-bell:before {content:"\e123"} .glyphicon-certificate:before {content:"\e124"} .glyphicon-thumbs-up:before {content:"\e125"} .glyphicon-thumbs-down:before {content:"\e126"} .glyphicon-hand-right:before {content:"\e127"} .glyphicon-hand-left:before {content:"\e128"} .glyphicon-hand-up:before {content:"\e129"} .glyphicon-hand-down:before {content:"\e130"} .glyphicon-circle-arrow-right:before {content:"\e131"} .glyphicon-circle-arrow-left:before {content:"\e132"} .glyphicon-circle-arrow-up:before {content:"\e133"} .glyphicon-circle-arrow-down:before {content:"\e134"} .glyphicon-globe:before {content:"\e135"} .glyphicon-wrench:before {content:"\e136"} .glyphicon-tasks:before {content:"\e137"} .glyphicon-filter:before {content:"\e138"} .glyphicon-briefcase:before {content:"\e139"} .glyphicon-fullscreen:before {content:"\e140"} .glyphicon-dashboard:before {content:"\e141"} .glyphicon-paperclip:before {content:"\e142"} .glyphicon-heart-empty:before {content:"\e143"} .glyphicon-link:before {content:"\e144"} .glyphicon-phone:before {content:"\e145"} .glyphicon-pushpin:before {content:"\e146"} .glyphicon-usd:before {content:"\e148"} .glyphicon-gbp:before {content:"\e149"} .glyphicon-sort:before {content:"\e150"} .glyphicon-sort-by-alphabet:before {content:"\e151"} .glyphicon-sort-by-alphabet-alt:before {content:"\e152"} .glyphicon-sort-by-order:before {content:"\e153"} .glyphicon-sort-by-order-alt:before {content:"\e154"} .glyphicon-sort-by-attributes:before {content:"\e155"} .glyphicon-sort-by-attributes-alt:before {content:"\e156"} .glyphicon-unchecked:before {content:"\e157"} .glyphicon-expand:before {content:"\e158"} .glyphicon-collapse-down:before {content:"\e159"} .glyphicon-collapse-up:before {content:"\e160"} .glyphicon-log-in:before {content:"\e161"} .glyphicon-flash:before {content:"\e162"} .glyphicon-log-out:before {content:"\e163"} .glyphicon-new-window:before {content:"\e164"} .glyphicon-record:before {content:"\e165"} .glyphicon-save:before {content:"\e166"} .glyphicon-open:before {content:"\e167"} .glyphicon-saved:before {content:"\e168"} .glyphicon-import:before {content:"\e169"} .glyphicon-export:before {content:"\e170"} .glyphicon-send:before {content:"\e171"} .glyphicon-floppy-disk:before {content:"\e172"} .glyphicon-floppy-saved:before {content:"\e173"} .glyphicon-floppy-remove:before {content:"\e174"} .glyphicon-floppy-save:before {content:"\e175"} .glyphicon-floppy-open:before {content:"\e176"} .glyphicon-credit-card:before {content:"\e177"} .glyphicon-transfer:before {content:"\e178"} .glyphicon-cutlery:before {content:"\e179"} .glyphicon-header:before {content:"\e180"} .glyphicon-compressed:before {content:"\e181"} .glyphicon-earphone:before {content:"\e182"} .glyphicon-phone-alt:before {content:"\e183"} .glyphicon-tower:before {content:"\e184"} .glyphicon-stats:before {content:"\e185"} .glyphicon-sd-video:before {content:"\e186"} .glyphicon-hd-video:before {content:"\e187"} .glyphicon-subtitles:before {content:"\e188"} .glyphicon-sound-stereo:before {content:"\e189"} .glyphicon-sound-dolby:before {content:"\e190"} .glyphicon-sound-5-1:before {content:"\e191"} .glyphicon-sound-6-1:before {content:"\e192"} .glyphicon-sound-7-1:before {content:"\e193"} .glyphicon-copyright-mark:before {content:"\e194"} .glyphicon-registration-mark:before {content:"\e195"} .glyphicon-cloud-download:before {content:"\e197"} .glyphicon-cloud-upload:before {content:"\e198"} .glyphicon-tree-conifer:before {content:"\e199"} .glyphicon-tree-deciduous:before {content:"\e200"} @-webkit-keyframes progress-bar-stripes {from {background-position:40px 0} to {background-position:0 0} } @-o-keyframes progress-bar-stripes {from {background-position:40px 0} to {background-position:0 0} } @keyframes progress-bar-stripes {from {background-position:40px 0} to {background-position:0 0} } .progress {height:34px;margin: 0;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)} .progress-bar {float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease} .progress-striped .progress-bar,.progress-bar-striped {background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px} .progress.active .progress-bar,.progress-bar.active {-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite} .progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {min-width:30px} .progress-bar[aria-valuenow="0"] {min-width:30px;color:#777;background-color:transparent;background-image:none;-webkit-box-shadow:none;box-shadow:none} .progress-bar-success {background-color:#5cb85c} .progress-striped .progress-bar-success {background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)} .progress-bar-info {background-color:#5bc0de} .progress-striped .progress-bar-info {background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)} .progress-bar-warning {background-color:#f0ad4e} .progress-striped .progress-bar-warning {background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)} .progress-bar-danger {background-color:#d9534f} .progress-striped .progress-bar-danger {background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)} .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media(min-width: 768px) { .lead { font-size: 21px; } } .btn {display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px} .btn:focus,.btn:active:focus,.btn.active:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn:hover,.btn:focus {color:#333;text-decoration:none} .btn:active,.btn.active {background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)} .btn.disabled,.btn[disabled],fieldset[disabled] .btn {pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65} .btn-default {color:#333;background-color:#fff;border-color:#ccc} .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {color:#333;background-color:#e6e6e6;border-color:#adadad} .btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {background-image:none} .btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color:#fff;border-color:#ccc} .btn-default .badge {color:#fff;background-color:#333} .btn-primary {color:#fff;background-color:#428bca;border-color:#357ebd} .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {color:#fff;background-color:#3071a9;border-color:#285e8e} .btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {background-image:none} .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {background-color:#428bca;border-color:#357ebd} .btn-primary .badge {color:#428bca;background-color:#fff} .btn-success {color:#fff;background-color:#5cb85c;border-color:#4cae4c} .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {color:#fff;background-color:#449d44;border-color:#398439} .btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {background-image:none} .btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {background-color:#5cb85c;border-color:#4cae4c} .btn-success .badge {color:#5cb85c;background-color:#fff} .btn-info {color:#fff;background-color:#5bc0de;border-color:#46b8da} .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {color:#fff;background-color:#31b0d5;border-color:#269abc} .btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {background-image:none} .btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {background-color:#5bc0de;border-color:#46b8da} .btn-info .badge {color:#5bc0de;background-color:#fff} .btn-warning {color:#fff;background-color:#f0ad4e;border-color:#eea236} .btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {color:#fff;background-color:#ec971f;border-color:#d58512} .btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {background-image:none} .btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {background-color:#f0ad4e;border-color:#eea236} .btn-warning .badge {color:#f0ad4e;background-color:#fff} .btn-danger {color:#fff;background-color:#d9534f;border-color:#d43f3a} .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {color:#fff;background-color:#c9302c;border-color:#ac2925} .btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {background-image:none} .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {background-color:#d9534f;border-color:#d43f3a} .btn-danger .badge {color:#d9534f;background-color:#fff} .btn-link {font-weight:400;color:#428bca;cursor:pointer;border-radius:0} .btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {background-color:transparent;-webkit-box-shadow:none;box-shadow:none} .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {border-color:transparent} .btn-link:hover,.btn-link:focus {color:#2a6496;text-decoration:underline;background-color:transparent} .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {color:#777;text-decoration:none} .btn-lg,.btn-group-lg>.btn {padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px} .btn-sm,.btn-group-sm>.btn {padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px} .btn-xs,.btn-group-xs>.btn {padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px} .btn-block {display:block;width:100%} .btn-block+.btn-block {margin-top:5px} /*Galerie image*/ /*! lightgallery - v1.4.0 - 2017-06-04 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2017 Sachin N; Licensed GPLv3 */ @font-face{font-family:'lg';src:url(././fonts/lg.eot?n1z373);src:url(./fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(./fonts/lg.woff?n1z373) format("woff"),url(./fonts/lg.ttf?n1z373) format("truetype"),url(./fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal} .lg-icon{font-family:'lg';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,0.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:none} .lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5} .lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF} .lg-actions .lg-next{right:20px} .lg-actions .lg-next:before{content:"\e095"} .lg-actions .lg-prev{left:20px} .lg-actions .lg-prev:after{content:"\e094"} @-webkit-keyframes lg-right-end { 0%{left:0} 50%{left:-30px} 100%{left:0} } @-moz-keyframes lg-right-end { 0%{left:0} 50%{left:-30px} 100%{left:0} } @-ms-keyframes lg-right-end { 0%{left:0} 50%{left:-30px} 100%{left:0} } @keyframes lg-right-end { 0%{left:0} 50%{left:-30px} 100%{left:0} } @-webkit-keyframes lg-left-end { 0%{left:0} 50%{left:30px} 100%{left:0} } @-moz-keyframes lg-left-end { 0%{left:0} 50%{left:30px} 100%{left:0} } @-ms-keyframes lg-left-end { 0%{left:0} 50%{left:30px} 100%{left:0} } @keyframes lg-left-end { 0%{left:0} 50%{left:30px} 100%{left:0} } .lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative} .lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative} .lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,0.45)} .lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear} .lg-toolbar .lg-icon:hover{color:#FFF} .lg-toolbar .lg-close:after{content:"\e070"} .lg-toolbar .lg-download:after{content:"\e0f2"} .lg-sub-html{background-color:rgba(0,0,0,0.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080} .lg-sub-html h4{margin:0;font-size:13px;font-weight:700} .lg-sub-html p{font-size:12px;margin:5px 0 0} #lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle} .lg-toolbar,.lg-prev,.lg-next{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear} .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;transition:transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1} .lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,0.25,1) 0;-moz-transition:-moz-transform .25s cubic-bezier(0,0,0.25,1) 0;-o-transition:-o-transform .25s cubic-bezier(0,0,0.25,1) 0;transition:transform .25s cubic-bezier(0,0,0.25,1) 0} .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0!important;transition-duration:0!important} .lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)} .lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px} .lg-outer .lg-thumb-item{border-radius:5px;cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px} @media (min-width: 1025px) { .lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease} } .lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707} .lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover} .lg-outer.lg-has-thumb .lg-item{padding-bottom:120px} .lg-outer.lg-can-toggle .lg-item{padding-bottom:0} .lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease} .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px} .lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px} .lg-outer .lg-toogle-thumb:after{content:"\e1ff"} .lg-outer .lg-toogle-thumb:hover{color:#FFF} .lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px} .lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative} .lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important} .lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer} .lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat scroll 0 0 transparent} .lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) no-repeat scroll 0 -58px transparent} .lg-outer .lg-has-html5 .lg-video-play{background:transparent url(../img/video-play.png) no-repeat scroll 0 0;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8} .lg-outer .lg-has-html5:hover .lg-video-play{opacity:1} .lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat scroll 0 0 transparent} .lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) no-repeat scroll 0 -60px transparent} .lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0} .lg-outer .lg-has-video .lg-video-object{visibility:hidden} .lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none} .lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible} .lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity .08s ease 0;-moz-transition:opacity .08s ease 0;-o-transition:opacity .08s ease 0;transition:opacity .08s ease 0} .lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0} .lg-progress-bar.lg-start .lg-progress{width:100%} .lg-show-autoplay .lg-progress-bar{opacity:1} .lg-autoplay-button:after{content:"\e01d"} .lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"} .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transition-duration:0;transition-duration:0} .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,0.25,1) 0;-moz-transition:-moz-transform .3s cubic-bezier(0,0,0.25,1) 0;-o-transition:-o-transform .3s cubic-bezier(0,0,0.25,1) 0;transition:transform .3s cubic-bezier(0,0,0.25,1) 0} .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0;-moz-transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0;-o-transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0;transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden} #lg-zoom-in:after{content:"\e311"} #lg-actual-size{font-size:20px} #lg-actual-size:after{content:"\e033"} #lg-zoom-out{opacity:.5;pointer-events:none} #lg-zoom-out:after{content:"\e312"} .lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto} .lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px} .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible} .lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px} .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset} .lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0;transition:opacity .15s ease 0s,transform .15s ease 0;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} .lg-outer .lg-pager-thumb-cont img{width:100%;height:100%} .lg-outer .lg-pager{background-color:rgba(255,255,255,0.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,0.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0;-o-transition:box-shadow .3s ease 0;transition:box-shadow .3s ease 0;width:12px} .lg-outer .lg-pager:hover,.lg-outer .lg-pager:focus{box-shadow:0 0 0 8px #fff inset} .lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0} .lg-fullscreen:after{content:"\e20c"} .lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"} .lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,0.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0 linear 0.18s,opacity .18s linear 0;-o-transition:visibility 0 linear 0.18s,opacity .18s linear 0;transition:visibility 0 linear 0.18s,opacity .18s linear 0} .lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active #lg-dropdown-overlay{-webkit-transition-delay:0;transition-delay:0;-moz-transform:translate3d(0,0px,0);-o-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1;visibility:visible} .lg-outer.lg-dropdown-active #lg-share{color:#FFF} .lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0 linear 0.5s,opacity .18s linear 0;-moz-transition:-moz-transform .18s linear 0s,visibility 0 linear 0.5s,opacity .18s linear 0;-o-transition:-o-transform .18s linear 0s,visibility 0 linear 0.5s,opacity .18s linear 0;transition:transform .18s linear 0s,visibility 0 linear 0.5s,opacity .18s linear 0} .lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px} .lg-outer .lg-dropdown > li:last-child{margin-bottom:0} .lg-outer .lg-dropdown > li:hover a,.lg-outer .lg-dropdown > li:hover .lg-icon{color:#333} .lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px} .lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,0.07)} .lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle} .lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto} .lg-outer #lg-share{position:relative} .lg-outer #lg-share:after{content:"\e80d"} .lg-outer #lg-share-facebook .lg-icon{color:#3b5998} .lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"} .lg-outer #lg-share-twitter .lg-icon{color:#00aced} .lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"} .lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39} .lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"} .lg-outer #lg-share-pinterest .lg-icon{color:#cb2027} .lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"} .lg-group:after{content:"";display:table;clear:both} .lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0} .lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .lg-outer.lg-visible{opacity:1} .lg-outer.lg-css3 .lg-item.lg-prev-slide,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-current{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important} .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-current{-webkit-transition-duration:0!important;transition-duration:0!important;opacity:1} .lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} .lg-outer .lg{height:100%;width:100%;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%} .lg-outer .lg-inner{width:100%;height:100%;position:absolute;left:0;top:0;white-space:nowrap} .lg-outer .lg-item{background:url(../img/loading.gif) no-repeat scroll center center transparent;display:none!important} .lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide{display:inline-block!important} .lg-outer.lg-css .lg-current{display:inline-block!important} .lg-outer .lg-item,.lg-outer .lg-img-wrap{display:inline-block;text-align:center;position:absolute;width:100%;height:100%} .lg-outer .lg-item:before,.lg-outer .lg-img-wrap:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} .lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0} .lg-outer .lg-item.lg-complete{background-image:none} .lg-outer .lg-item.lg-current{z-index:1060} .lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important} .lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0} .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1} .lg-outer .lg-empty-html{display:none} .lg-outer.lg-hide-download #lg-download{display:none} .lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0} .lg-backdrop.in{opacity:1} .lg-css3.lg-no-trans .lg-prev-slide,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-current{-webkit-transition:none 0 ease 0!important;-moz-transition:none 0 ease 0!important;-o-transition:none 0 ease 0!important;transition:none 0 ease 0!important} .lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden} .lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden} .lg-css3.lg-fade .lg-item{opacity:0} .lg-css3.lg-fade .lg-item.lg-current{opacity:1} .lg-css3.lg-fade .lg-item.lg-prev-slide,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-current{-webkit-transition:opacity .1s ease 0;-moz-transition:opacity .1s ease 0;-o-transition:opacity .1s ease 0;transition:opacity .1s ease 0} .lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-moz-transition:-moz-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-o-transition:-o-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;transition:transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0} .lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0} .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%} .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%} .lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1} .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{-webkit-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-moz-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-o-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0} /*# sourceMappingURL=lightgallery.css.map */ /* TIME PICKER */ .ui-timepicker-wrapper {overflow-y: auto;height: 150px;width: 13em;background: #fff;border: 1px solid #ddd;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);outline: none;z-index: 10001;margin: 0;}.ui-timepicker-wrapper.ui-timepicker-with-duration {width: 13em;}.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {width: 11em;}.ui-timepicker-list {margin: 0;padding: 0;list-style: none;}.ui-timepicker-duration {margin-left: 5px; color: #888;}.ui-timepicker-list:hover .ui-timepicker-duration {color: #888;}.ui-timepicker-list li {padding: 3px 0 3px 5px;cursor: pointer;white-space: nowrap;color: #000;list-style: none;margin: 0;}.ui-timepicker-list:hover .ui-timepicker-selected {background: #fff; color: #000;}li.ui-timepicker-selected,.ui-timepicker-list li:hover,.ui-timepicker-list .ui-timepicker-selected:hover {background: #1980EC; color: #fff;}li.ui-timepicker-selected .ui-timepicker-duration,.ui-timepicker-list li:hover .ui-timepicker-duration {color: #ccc;}.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {color: #888;cursor: default;}.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {background: #f2f2f2;} /* CUSTOM SCROLL */ .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;} .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; } /*HORIZONTAL SCROLLBAR*/ .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; } /*VERTICAL AND HORIZONTAL SCROLLBARS*/ .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; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .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; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .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;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /*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 linear, background-color .2s linear; -moz-transition: opacity .2s linear, background-color .2s linear; -o-transition: opacity .2s linear, background-color .2s linear; transition: opacity .2s linear, background-color .2s linear; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .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 linear .2s, height .2s linear .2s, margin-left .2s linear .2s, margin-right .2s linear .2s, margin-top .2s linear .2s, margin-bottom .2s linear .2s, opacity .2s linear, background-color .2s linear; -moz-transition: width .2s linear .2s, height .2s linear .2s, margin-left .2s linear .2s, margin-right .2s linear .2s, margin-top .2s linear .2s, margin-bottom .2s linear .2s, opacity .2s linear, background-color .2s linear; -o-transition: width .2s linear .2s, height .2s linear .2s, margin-left .2s linear .2s, margin-right .2s linear .2s, margin-top .2s linear .2s, margin-bottom .2s linear .2s, opacity .2s linear, background-color .2s linear; transition: width .2s linear .2s, height .2s linear .2s, margin-left .2s linear .2s, margin-right .2s linear .2s, margin-top .2s linear .2s, margin-bottom .2s linear .2s, opacity .2s linear, background-color .2s linear; } /*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; 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;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); }