/*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.0.3'); src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-pushpin:before { content: "\f08d"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; margin-left: 3px; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } body, html { padding: 0; margin: 0; } body:before, body:after { content: " "; display: table; } body:after { clear: both; } .ie8 body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { font-weight: 300; } h1, h2, h3, h4, h5, h6 { outline: none; } a, a:hover { text-decoration: none; } @media (min-width: 768px) { a:focus { outline: none; } } .no-animation { -webkit-animation-duration: 0s !important; -moz-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } .page-header, .page-header h1 { margin: 0; } .page-header { background: #fafafa; border-bottom: 1px solid #e4e4e4; margin: -18px -18px 18px -18px; padding: 20px 18px 20px 18px; } .page-header:before, .page-header:after { content: " "; display: table; } .page-header:after { clear: both; } .page-header h1 { color: #666; display: inline-block; font-size: 18px; font-weight: 300; line-height: 30px; } .page-header-icon { font-size: 21px; line-height: 21px; } #small-screen-width-point { display: block; } #tablet-screen-width-point { display: none; } @media (min-width: 480px) { #small-screen-width-point { display: none !important; } #tablet-screen-width-point { display: block; } } @media (min-width: 768px) { #tablet-screen-width-point { display: none !important; } } body:before, #main-menu:before, #content-wrapper:before, #main-wrapper:before, body:after, #main-menu:after, #content-wrapper:after, #main-wrapper:after { content: " "; display: table; } body:after, #main-menu:after, #content-wrapper:after, #main-wrapper:after { clear: both; } #main-wrapper { width: 100%; overflow: hidden !important; } #content-wrapper { left: 0; padding: 64px 18px 18px 18px; width: 100%; position: relative; } #main-menu-bg { display: block; left: 0; height: 100%; padding: 0; position: fixed; top: 0; width: 100%; z-index: 499; } @media (max-width: 480px) { .animate-mm-sm #main-navbar .navbar-inner, .animate-mm-sm #main-menu-toggle, .animate-mm-sm #main-wrapper, .animate-mm-sm #main-menu, .animate-mm-sm #content-wrapper, .animate-mm-sm #main-menu-bg { -webkit-transition: all 0.5s; transition: all 0.5s; } .animate-mm-sm #main-navbar .navbar-header { -webkit-transition: padding 0.5s; transition: padding 0.5s; } } @media (min-width: 480px) and (max-width: 768px) { .animate-mm-md #main-navbar .navbar-inner, .animate-mm-md #main-menu-toggle, .animate-mm-md #main-wrapper, .animate-mm-md #main-menu, .animate-mm-md #content-wrapper, .animate-mm-md #main-menu-bg { -webkit-transition: all 0.5s; transition: all 0.5s; } .animate-mm-md #main-navbar .navbar-header { -webkit-transition: padding 0.5s; transition: padding 0.5s; } } @media (min-width: 768px) { .animate-mm-lg #main-navbar .navbar-inner, .animate-mm-lg #main-menu-toggle, .animate-mm-lg #main-wrapper, .animate-mm-lg #main-menu, .animate-mm-lg #content-wrapper, .animate-mm-lg #main-menu-bg { -webkit-transition: all 0.5s; transition: all 0.5s; } .animate-mm-lg #main-navbar .navbar-header { -webkit-transition: padding 0.5s; transition: padding 0.5s; } } .disable-mm-animation #main-navbar .navbar-inner, .disable-mm-animation #main-menu-toggle, .disable-mm-animation #main-wrapper, .disable-mm-animation #main-menu, .disable-mm-animation #content-wrapper, .disable-mm-animation #main-menu-bg, .disable-mm-animation #main-navbar .navbar-header { -webkit-transition: none !important; transition: none !important; } .dont-animate-mm-content #main-menu .animated { -webkit-animation-duration: 0s !important; -moz-animation-duration: 0s !important; -o-animation-duration: 0s !important; -ms-animation-duration: 0s !important; animation-duration: 0s !important; } @media (max-width: 480px) { .dont-animate-mm-content-sm #main-menu .animated { -webkit-animation-duration: 0s !important; -moz-animation-duration: 0s !important; -o-animation-duration: 0s !important; -ms-animation-duration: 0s !important; animation-duration: 0s !important; } } @media (min-width: 480px) and (max-width: 768px) { .dont-animate-mm-content-md #main-menu .animated { -webkit-animation-duration: 0s !important; -moz-animation-duration: 0s !important; -o-animation-duration: 0s !important; -ms-animation-duration: 0s !important; animation-duration: 0s !important; } } @media (min-width: 768px) { .dont-animate-mm-content-lg #main-menu .animated { -webkit-animation-duration: 0s !important; -moz-animation-duration: 0s !important; -o-animation-duration: 0s !important; -ms-animation-duration: 0s !important; animation-duration: 0s !important; } } .main-navbar-fixed #main-navbar { position: fixed !important; } #main-navbar { border: none; border-radius: 0; left: 0; min-height: 46px; right: 0; position: absolute; top: 0 !important; z-index: 1030; } #main-navbar .navbar-inner { min-height: 46px; width: 100%; position: relative; left: 0; } #main-navbar .navbar-header { padding: 0; position: relative; width: 100%; z-index: 1032; } #main-navbar .navbar-brand { display: inline-block; float: none; font-size: 14px; line-height: 46px; height: auto !important; padding: 0 0 0 14px; } #main-navbar #main-menu-toggle, #main-navbar .navbar-toggle { background: none; border: none; display: block; font-size: 11px; margin: 0; outline: none !important; padding: 0; position: absolute; text-align: center; top: 0 !important; z-index: 1033; } #main-navbar #main-menu-toggle .navbar-icon, #main-navbar .navbar-toggle .navbar-icon { font-size: 14px; line-height: 46px; } #main-navbar #main-menu-toggle { height: 46px; left: 0; overflow: hidden; width: 56px; z-index: 1034; } #main-navbar #main-menu-toggle .navbar-icon { left: 20px; margin: -23px 0 0 0; padding: 0; position: absolute; z-index: 1035; -webkit-transition: all 0.2s; transition: all 0.2s; } #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0da"; display: block; font-size: 10px; line-height: 46px; position: absolute; right: -8px; top: 0; } .main-menu-right #main-navbar #main-menu-toggle .navbar-icon { left: 26px; } .main-menu-right #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0d9"; right: 16px; } #main-navbar #main-menu-toggle .hide-menu-text { left: 51px; line-height: 46px; margin-top: -23px; opacity: 0; position: absolute; z-index: 1035; } .ie8 #main-navbar #main-menu-toggle .hide-menu-text { left: 53px; } #main-navbar .navbar-toggle { padding: 0 17px; right: 0; } #main-navbar .navbar-toggle:not(.collapsed) { opacity: 0.5; filter: alpha(opacity=50); } #main-navbar .navbar-toggle .navbar-icon { display: inline-block; } #main-navbar li .divider { display: none; } #main-navbar li .nav-header { display: none; } #main-navbar li a { line-height: 42px; padding-top: 0; padding-bottom: 0; } #main-navbar li a:hover { background: none; } #main-navbar li a:active, #main-navbar li a:focus { background: none; } #main-navbar .navbar-collapse { height: auto; max-height: inherit; padding-left: 0; padding-right: 0; z-index: 1031; } #main-navbar .navbar-collapse, #main-navbar .navbar-collapse.collapse { overflow: visible; } #main-navbar .navbar-collapse.collapsing, #main-navbar .navbar-collapse.in { overflow: hidden; } #main-navbar .navbar-nav { margin: 0; } #main-navbar .navbar-nav.pull-right { width: 100%; } #main-navbar .navbar-nav > li:before, #main-navbar .navbar-nav > li:after { content: " "; display: table; } #main-navbar .navbar-nav > li:after { clear: both; } #main-navbar .dropdown-menu { padding: 0; } #main-navbar form.navbar-form { border: none; margin: 0; width: 100%; } #main-navbar form.navbar-form .form-group { margin: 0; } #main-navbar form.navbar-form .form-control { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } #main-navbar .user-menu > img { border-radius: 25px; display: inline-block; height: 20px; margin: -2px 0 0 0; width: 20px; } #main-navbar .user-menu > span { display: inline-block; margin-left: 7px; } .mme #main-navbar { overflow: hidden; } .mme #main-navbar #main-menu-toggle { width: 80%; } .mme #main-navbar #main-menu-toggle .navbar-icon { left: 26px; } .mme #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0d9"; right: 16px; } .mme #main-navbar #main-menu-toggle .hide-menu-text { opacity: 1; -webkit-transition: all 1s; transition: all 1s; } .mme.main-menu-right #main-navbar #main-menu-toggle .navbar-icon { left: 20px; } .mme.main-menu-right #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0da"; right: -8px; } @media (max-width: 768px) { #main-navbar .dropdown > a:after { content: "\f078"; display: inline-block; float: right; font-family: FontAwesome; font-size: 10px; position: relative; } #main-navbar .dropdown.open { border-bottom: none; } #main-navbar .dropdown.open > a:after { content: "\f077"; } } @media (min-width: 768px) { #main-navbar { overflow: visible !important; } #main-navbar .navbar-header { width: auto; z-index: 1033; } #main-navbar .navbar-brand { padding-right: 14px; } #main-navbar #main-menu-toggle { width: 56px !important; } #main-navbar #main-menu-toggle .navbar-icon { left: 26px; } #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0d9"; right: 16px; } .main-menu-right #main-navbar #main-menu-toggle .navbar-icon, .mme.main-menu-right #main-navbar #main-menu-toggle .navbar-icon { left: 20px; } .main-menu-right #main-navbar #main-menu-toggle .navbar-icon:after, .mme.main-menu-right #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0da"; right: -8px; } #main-navbar .navbar-toggle { display: none !important; } #main-navbar .hide-menu-text { opacity: 0 !important; -webkit-transition: none !important; transition: none !important; } #main-navbar .right { left: 0; padding-right: 16px; position: absolute; right: 0; top: 0; z-index: 1031; } #main-navbar li { border: none; } #main-navbar li .divider { display: block; } #main-navbar li a { line-height: 46px; } #main-navbar .navbar-collapse { height: auto !important; overflow: visible !important; padding: 0 !important; } #main-navbar .navbar-nav, #main-navbar .navbar-form { position: relative; z-index: 1032; } #main-navbar .navbar-nav { margin: 0; } #main-navbar .navbar-nav > li > a { height: 46px; -webkit-transition: all 0.2s; transition: all 0.2s; } #main-navbar .navbar-nav.pull-right { width: auto; } #main-navbar .dropdown > a:after { display: none; } #main-navbar .dropdown.open { border-bottom: none; } #main-navbar .dropdown-menu .badge { padding-left: 6px; padding-right: 6px; } #main-navbar .dropdown-menu > li > a { line-height: 32px; margin: 0; } #main-navbar .pull-right .dropdown-menu { float: right; left: auto; right: 0; } #main-navbar form.navbar-form { height: 46px; } #main-navbar form.navbar-form .form-control { height: 30px; line-height: 20px; margin-top: 8px; padding-bottom: 5px; padding-top: 5px; width: 150px; } #main-navbar .user-menu > span { display: none; } #main-navbar .user-menu > img { height: 25px; margin-top: -3px; width: 25px; } .mmc #main-navbar #main-menu-toggle .navbar-icon, .mme.mmc #main-navbar #main-menu-toggle .navbar-icon { left: 20px; } .mmc #main-navbar #main-menu-toggle .navbar-icon:after, .mme.mmc #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0da"; right: -8px; } .main-menu-right.mmc #main-navbar #main-menu-toggle .navbar-icon, .main-menu-right.mme.mmc #main-navbar #main-menu-toggle .navbar-icon { left: 26px; } .main-menu-right.mmc #main-navbar #main-menu-toggle .navbar-icon:after, .main-menu-right.mme.mmc #main-navbar #main-menu-toggle .navbar-icon:after { content: "\f0d9"; right: 16px; } } @media (min-width: 992px) { .mmc #main-navbar .navbar-header { width: auto; } #main-navbar .user-menu > span { display: inline-block; } .no-main-menu #main-navbar .navbar-header, .main-menu-right #main-navbar .navbar-header { width: auto; } } #main-navbar-collapse .iScrollVerticalScrollbar { margin-right: 2px !important; width: 4px !important; } #main-navbar-collapse .iScrollVerticalScrollbar .iScrollIndicator { background: rgba(255, 255, 255, 0.2) !important; border: none !important; } .main-menu-fixed #main-menu { height: 100%; margin: 0; position: fixed; padding-bottom: 0; } #main-menu .navigation ul.get-height { display: block !important; position: absolute !important; visibility: hidden !important; } #main-menu-bg { left: -80%; width: 80%; } #main-menu { display: block; height: 100%; left: -80%; position: fixed; top: 0; width: 80%; z-index: 500; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #main-menu .navigation, #main-menu .mmc-dropdown-open-ul { padding: 46px 0 0 0; } #main-menu .navigation, #main-menu .mmc-dropdown-open-ul, #main-menu .navigation ul, #main-menu .mmc-dropdown-open-ul ul { display: block; } #main-menu .navigation li, #main-menu .mmc-dropdown-open-ul li { display: block; } #main-menu .navigation a, #main-menu .mmc-dropdown-open-ul a { display: block; font-size: 13px; line-height: 20px; padding: 11px 14px; text-decoration: none; } #main-menu .navigation a, #main-menu .mmc-dropdown-open-ul a, #main-menu .navigation a:active, #main-menu .mmc-dropdown-open-ul a:active, #main-menu .navigation a:focus, #main-menu .mmc-dropdown-open-ul a:focus, #main-menu .navigation a:hover, #main-menu .mmc-dropdown-open-ul a:hover { outline: none !important; } #main-menu .navigation .menu-icon, #main-menu .mmc-dropdown-open-ul .menu-icon { display: inline-block; margin-right: 5px; line-height: 20px; height: 20px; width: 20px; text-align: center; font-size: 14px; } #main-menu .navigation .badge, #main-menu .mmc-dropdown-open-ul .badge, #main-menu .navigation .label, #main-menu .mmc-dropdown-open-ul .label { display: block; line-height: 16px; float: right; font-size: 11px; height: auto; margin: 2px 0 0 5px; padding: 0 5px; position: relative; width: auto !important; z-index: 501; border: none; } #main-menu .mm-dropdown { position: relative; } #main-menu .mm-dropdown > a { padding-right: 30px; } #main-menu .mm-dropdown > a:before { content: "\f105"; display: block; font-family: FontAwesome; font-size: 12px; line-height: 10px; height: 10px; width: 10px; right: 14px; top: 17px; margin: 0; position: absolute; text-align: center; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #main-menu .mm-dropdown > ul > li > a { padding-left: 40px; } #main-menu .mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 60px; } #main-menu .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 80px; } #main-menu .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 100px; } #main-menu .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 120px; } #main-menu .mm-dropdown .badge, #main-menu .mm-dropdown .label { line-height: 16px; margin-top: 2px; } #main-menu .mm-dropdown ul, #main-menu .mmc-dropdown-open-ul, #main-menu .mmc-dropdown-open-ul ul { display: none; overflow: hidden; padding: 0; } #main-menu .mm-dropdown ul li, #main-menu .mmc-dropdown-open-ul li, #main-menu .mmc-dropdown-open-ul ul li { padding-left: 0; } #main-menu .mm-dropdown ul .menu-icon, #main-menu .mmc-dropdown-open-ul .menu-icon, #main-menu .mmc-dropdown-open-ul ul .menu-icon { margin-left: -5px; } #main-menu .mm-dropdown ul a, #main-menu .mmc-dropdown-open-ul a, #main-menu .mmc-dropdown-open-ul ul a { padding-bottom: 8px; padding-top: 8px; } #main-menu .mm-dropdown ul a:before, #main-menu .mmc-dropdown-open-ul a:before, #main-menu .mmc-dropdown-open-ul ul a:before { top: 14px; } #main-menu .mm-dropdown.open > a:before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #main-menu .mm-dropdown.open > ul { display: block; } #main-menu .mmc-dropdown-open-ul { display: block !important; left: 100%; margin: 0 !important; padding-bottom: 0; padding-left: 0 !important; position: absolute; top: 0; width: 240px; z-index: 1001; } #main-menu .mmc-dropdown-open-ul > .mmc-title { display: block; } #main-menu .mmc-dropdown-open-ul.top { bottom: 0; padding-top: 0; top: auto; } #main-menu .mmc-title { display: none; line-height: 42px; padding: 0 18px; position: relative; } #main-menu .mmc-dropdown-delay { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; } #main-menu .menu-content { margin-top: 15px; padding: 20px; border-top: 1px solid; overflow: hidden; } #main-menu .menu-content.top { border-bottom: 1px solid; border-top: none; margin-bottom: -47px; margin-top: 0; padding-top: 66px; } #main-menu > .slimScrollDiv > .slimScrollBar, #main-menu > .slimScrollDiv > .slimScrollRail { display: none !important; } @media (min-width: 480px) { #main-menu-bg { left: 0; width: 56px; } #main-menu { height: auto; left: 0; overflow: visible; position: absolute; width: 56px; } #main-menu .navigation > li { width: auto; } #main-menu .navigation > li > a { text-align: center; } #main-menu .navigation > li > a > .menu-icon { margin: 0; } #main-menu .navigation > li > a > .badge, #main-menu .navigation > li > a > .label { display: none; } #main-menu .navigation > li > a > .mm-text { display: none; } #main-menu .navigation > .mm-dropdown > a { padding-right: 14px; } #main-menu .navigation > .mm-dropdown > a:before { right: 7px; } .main-menu-right #main-menu .navigation > .mm-dropdown > a:before { content: "\f104"; left: 7px; right: auto; } #main-menu .navigation > .mm-dropdown.open > ul { display: none; } #main-menu .navigation > .mm-dropdown.open > a:before { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #main-menu .menu-content { display: none; } .mme #main-menu-bg { width: 240px; } .mme #main-menu { overflow: hidden; width: 240px; } .mme #main-menu .navigation > li { width: 240px; } .mme #main-menu .navigation > li > a { text-align: left; } .mme #main-menu .navigation > li > a:before { right: 14px; } .mme #main-menu .navigation > li > a > .menu-icon { margin-right: 5px; } .mme #main-menu .navigation > li > a > .badge, .mme #main-menu .navigation > li > a > .label { display: block; } .mme #main-menu .navigation > li > a > .mm-text { display: inline; } .mme #main-menu .navigation > .mm-dropdown > a { padding-right: 30px; } .mme #main-menu .navigation > .mm-dropdown.open > ul { display: block; } .mme #main-menu .navigation > .mm-dropdown.open > a:before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mme #main-menu .menu-content { display: block; } .mme.main-menu-right #main-menu .navigation > .mm-dropdown > a:before { content: "\f105"; left: auto; right: 14px; } } @media (min-width: 768px) { .mme #main-menu, #main-menu, .mme #main-menu-bg, #main-menu-bg { overflow: hidden; width: 240px; } .mmc #main-menu, .mme.mmc #main-menu, .mmc #main-menu-bg, .mme.mmc #main-menu-bg { overflow: visible; width: 56px; } #main-menu ul.navigation > li { width: 240px; } #main-menu ul.navigation > li > a { text-align: left; } #main-menu ul.navigation > li > a > .menu-icon { margin-right: 5px; } #main-menu ul.navigation > li > a > .badge, #main-menu ul.navigation > li > a > .label { display: block; } #main-menu ul.navigation > li > a > .mm-text { display: inline; } #main-menu ul.navigation > .mm-dropdown > a { padding-right: 30px; } #main-menu ul.navigation > .mm-dropdown > a:before, .main-menu-right #main-menu ul.navigation > .mm-dropdown > a:before { content: "\f105"; left: auto; right: 14px; } #main-menu ul.navigation > .mm-dropdown.open > ul { display: block; } #main-menu ul.navigation > .mm-dropdown.open > a:before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #main-menu .menu-content { display: block; } .mmc #main-menu { overflow: visible; } .mmc #main-menu ul.navigation > li { width: auto; } .mmc #main-menu ul.navigation > li > a { text-align: center; } .mmc #main-menu ul.navigation > li > a > .menu-icon { margin: 0; text-align: center; } .mmc #main-menu ul.navigation > li > a > .badge, .mmc #main-menu ul.navigation > li > a > .label { display: none; } .mmc #main-menu ul.navigation > li > a > .mm-text { display: none; } .mmc #main-menu ul.navigation > .mm-dropdown > a { padding-right: 14px; } .mmc #main-menu ul.navigation > .mm-dropdown > a:before { right: 7px; } .mmc #main-menu ul.navigation > .mm-dropdown.open > ul { display: none; } .mmc #main-menu ul.navigation > .mm-dropdown.open > a:before { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .mmc #main-menu .menu-content { display: none !important; } .mmc.main-menu-right #main-menu ul.navigation > .mm-dropdown > a:before { content: "\f104"; left: 7px; right: auto; } } .mme #main-navbar { position: fixed; } #main-navbar .navbar-header { padding-left: 56px; } .mme #main-navbar .navbar-inner, .mme #content-wrapper { left: 80%; } .mme #main-navbar .navbar-header { padding-left: 0; } .mme #main-menu, .mme #main-menu-bg { left: 0%; } @media (min-width: 480px) { #main-wrapper { padding-left: 56px; } .mme #main-navbar { position: absolute; } .mme #content-wrapper { left: 184px; } .mme #main-navbar .navbar-inner { left: 240px; padding-left: 0; } .mme #main-navbar #main-menu-toggle { width: 240px; } } @media (min-width: 768px) { .mme #main-wrapper, #main-wrapper { padding-left: 240px; } .mme #content-wrapper, .mmc.mme #content-wrapper { left: 0; } .mme #main-navbar .navbar-inner { left: 0; } .mmc #main-wrapper { padding-left: 56px; } #main-navbar .navbar-header { padding-left: 56px !important; } } @media (min-width: 768px) { #main-navbar .navbar-header { width: 240px; } } .main-menu-right #main-menu-bg { left: auto; right: -80%; } .main-menu-right #main-menu { left: auto; right: -80%; } .main-menu-right #main-menu .mmc-dropdown-open-ul { left: auto; right: 100%; } .main-menu-right #main-navbar .navbar-header { padding-left: 0; } .main-menu-right #main-navbar .navbar-inner { left: auto; right: 0; } .main-menu-right #main-navbar #main-menu-toggle { left: auto; right: 0; } .main-menu-right #main-navbar .navbar-toggle { right: 56px; } .main-menu-right #content-wrapper { left: auto; right: 0; } .main-menu-right.mme #main-navbar .navbar-inner, .main-menu-right.mme #content-wrapper { left: auto; right: 80%; } .main-menu-right.mme #main-menu, .main-menu-right.mme #main-menu-bg { left: auto; right: 0%; } .main-menu-right.mme #main-navbar .navbar-toggle { right: 0; } @media (min-width: 480px) { .main-menu-right #main-wrapper { padding-left: 0; padding-right: 56px; } .main-menu-right #main-menu, .main-menu-right #main-menu-bg { left: auto; right: 0; } .main-menu-right.mme #content-wrapper { left: auto; right: 184px; } .main-menu-right.mme #main-navbar .navbar-inner { left: auto; right: 240px; } .main-menu-right.mme #main-navbar #main-menu-toggle { width: 240px; } } @media (min-width: 768px) { .main-menu-right.mme #main-wrapper, .main-menu-right #main-wrapper { padding-left: 0; padding-right: 240px; } .main-menu-right.mme #content-wrapper, .main-menu-right #content-wrapper { right: 0; } .main-menu-right #main-navbar .navbar-inner, .main-menu-right.mme #main-navbar .navbar-inner, .main-menu-right.mme.mmc #main-navbar .navbar-inner { right: 0; margin-right: 56px; width: auto; } .main-menu-right.mmc #main-wrapper, .main-menu-right.mme.mmc #main-wrapper { padding-right: 56px; padding-left: 0; } .main-menu-right #main-navbar .navbar-header { padding-left: 0 !important; } } body.no-main-menu #main-menu, body.no-main-menu #main-menu-bg { display: none !important; } body.no-main-menu #main-menu-toggle { display: none !important; } body.no-main-menu #main-wrapper { padding: 0 !important; } body.no-main-menu #content-wrapper { left: 0 !important; margin-left: 0 !important; margin-right: 0 !important; right: 0 !important; } body.no-main-menu #main-navbar .navbar-header { padding: 0 !important; } body.no-main-menu #main-navbar .navbar-inner { left: 0 !important; margin: 0 !important; right: 0 !important; } .navbar .label, .navbar .badge, .navbar .dropdown-menu > li > a > .label, .navbar .dropdown-menu > li > a > .badge { font-size: 11px; padding: 0 4px; line-height: 16px; top: -1px; position: relative; } .navbar .nav-icon-btn.dropdown > a:after { display: none !important; } .navbar .dropdown-menu > li > a > .badge { line-height: 14px; } .navbar .nav-icon-btn > a { width: auto; } .navbar .nav-icon-btn > a .label, .navbar .nav-icon-btn > a .badge { display: inline-block; } .navbar .nav-icon-btn > a .small-screen-text { display: inline-block; } .navbar .nav-icon-btn .label, .navbar .nav-icon-btn .badge, .navbar .dropdown-menu .label.pull-right, .navbar .dropdown-menu .badge.pull-right { float: right; top: 13px; } .navbar .nav-icon-btn.nav-icon-btn-success .label { background: #5ebd5e; } .navbar .nav-icon-btn.nav-icon-btn-warning .label { background: #f4b04f; } .navbar .nav-icon-btn.nav-icon-btn-danger .label { background: #e66454; } .navbar .nav-icon-btn.nav-icon-btn-info .label { background: #5bc0de; } @media (max-width: 768px) { .navbar .nav-icon-btn.dropdown > .dropdown-menu { display: none !important; } } @media (min-width: 768px) { .navbar .dropdown-menu .label.pull-right, .navbar .dropdown-menu .badge.pull-right { top: 8px; } .navbar .dropdown-menu > li > a > .label, .navbar .dropdown-menu > li > a > .badge { font-size: 10px; line-height: 13px; top: 1px; padding-left: 4px !important; padding-right: 4px !important; } .navbar .dropdown-menu > li > a > .label { padding-top: 1px; padding-bottom: 1px; } .navbar .nav-icon-btn { font-size: 13px; } .navbar .nav-icon-btn > a { text-align: center; width: 46px; } .navbar .nav-icon-btn > a .nav-icon { display: inline-block; font-size: 12px; margin: 0 !important; } .navbar .nav-icon-btn > a .label, .navbar .nav-icon-btn > a .badge { font-size: 8px; padding: 0 2px; line-height: 10px; position: absolute; display: block; right: 10px; } .navbar .nav-icon-btn > a .small-screen-text { display: none; } } .btn { text-shadow: none; line-height: 15px; font-weight: 400; padding: 7px 12px; outline: none !important; } .btn, .btn:active { -webkit-box-shadow: none; box-shadow: none; } .btn > .fa-caret-down { font-size: 12px; } .btn-lg { font-size: 15px; line-height: 19px; padding: 9px 18px; } .btn-sm { font-size: 12px; line-height: 15px; padding: 4px 9px; } .btn-sm > .fa-caret-down { font-size: 10px; } .btn-xs { font-size: 11px; line-height: 12px; padding: 4px 7px; } .btn-xs > .fa-caret-down { font-size: 10px; } .btn.btn-flat { border-bottom-width: 3px; } .btn.btn-flat:focus { border-bottom-width: 3px; } .btn.btn-flat:active { border-bottom-width: 1px !important; margin-top: 2px; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-flat.btn-lg { border-bottom-width: 3px; } .btn.btn-flat.btn-lg:active { margin-top: 2px; } .btn.btn-flat.btn-xs { border-bottom-width: 2px; } .btn.btn-flat.btn-xs:active { margin-top: 1px; } .btn.btn-outline, .btn.btn-outline.btn-flat, .btn.btn-outline.btn-primary, .btn.btn-outline.btn-flat.btn-primary { background: none; color: #555555; background: url('../images/pixel-admin/blank.png')\9; } .btn.btn-outline, .btn.btn-outline.btn-flat, .btn.btn-outline.btn-primary, .btn.btn-outline.btn-flat.btn-primary, .btn.btn-outline:focus, .btn.btn-outline.btn-flat:focus, .btn.btn-outline.btn-primary:focus, .btn.btn-outline.btn-flat.btn-primary:focus, .btn-group > .btn.btn-outline, .btn-group > .btn.btn-outline.btn-flat, .btn-group > .btn.btn-outline.btn-primary, .btn-group > .btn.btn-outline.btn-flat.btn-primary, .btn-group > .btn.btn-outline:focus, .btn-group > .btn.btn-outline.btn-flat:focus, .btn-group > .btn.btn-outline.btn-primary:focus, .btn-group > .btn.btn-outline.btn-flat.btn-primary:focus, .input-group-btn > .btn.btn-outline, .input-group-btn > .btn.btn-outline.btn-flat, .input-group-btn > .btn.btn-outline.btn-primary, .input-group-btn > .btn.btn-outline.btn-flat.btn-primary, .input-group-btn > .btn.btn-outline:focus, .input-group-btn > .btn.btn-outline.btn-flat:focus, .input-group-btn > .btn.btn-outline.btn-primary:focus, .input-group-btn > .btn.btn-outline.btn-flat.btn-primary:focus { background: none; border-color: #e0e0e0; border-color: rgba(0, 0, 0, 0.12); background: url('../images/pixel-admin/blank.png')\9; } .btn.btn-outline.dark, .btn.btn-outline.dark.btn-primary { color: #fff; color: rgba(255, 255, 255, 0.8); background: url('../images/pixel-admin/blank.png')\9; } .btn.btn-outline.dark, .btn.btn-outline.dark.btn-primary, .btn.btn-outline.dark:focus, .btn.btn-outline.dark.btn-primary:focus { border-color: #595959; border-color: rgba(255, 255, 255, 0.12); } .btn.btn-outline.dark:hover, .btn.btn-outline.dark.btn-primary:hover, .btn.btn-outline.dark:active, .btn.btn-outline.dark.btn-primary:active { border-color: transparent !important; } .btn.btn-rounded { border-radius: 9999px; } .btn-rounded.btn-flat { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .btn-rounded.btn-flat, .btn-rounded.btn-flat:hover, .btn-rounded.btn-flat:focus { border-bottom-width: 2px; } .btn-rounded.btn-flat.btn-lg, .btn-rounded.btn-flat.btn-lg:hover, .btn-rounded.btn-flat.btn-lg:focus { border-bottom-width: 3px; } .btn-rounded.btn-flat:active { margin-top: 1px; } .btn-rounded.btn-flat.btn:hover, .btn-rounded.btn-flat.btn-outline.btn:hover, .btn-rounded.btn-flat.btn:focus { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .btn-rounded.btn-flat.btn-outline:focus { border-color: #e0e0e0; border-color: rgba(0, 0, 0, 0.12); } .btn-rounded.btn-flat.btn-outline.dark:focus { border-color: #595959; border-color: rgba(255, 255, 255, 0.12); } .btn, .btn-default { color: #555555; } .btn, .btn-default, .btn:focus, .btn-default:focus { border-color: #dddddd; border-bottom-color: #cecece; background: #f4f4f4; background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%); background-image: linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%); background-repeat: repeat-x; } .btn:hover, .btn-default:hover { color: #555555; border-color: #d5d5d5; border-bottom-color: #bcbcbc; background: #eaeaea !important; background-image: -webkit-linear-gradient(top, #efefef 0%, #e5e5e5 100%) !important; background-image: linear-gradient(to bottom, #efefef 0%, #e5e5e5 100%) !important; background-repeat: repeat-x; } .btn:active, .btn-default:active, .btn.active, .btn-default.active, .open .btn.dropdown-toggle, .open .btn-default.dropdown-toggle { background: none; background: #ebebeb !important; border-color: #c6c6c6; border-bottom-color: #c6c6c6 !important; color: #555555; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn.btn-flat, .btn-default.btn-flat { background: #ececec; } .btn.btn-flat:hover, .btn-default.btn-flat:hover, .btn.btn-flat:active, .btn-default.btn-flat:active, .btn.btn-flat.active, .btn-default.btn-flat.active, .open .btn.btn-flat.dropdown-toggle, .open .btn-default.btn-flat.dropdown-toggle { background: #ececec !important; color: #555555; } .btn.btn-outline:hover, .btn-default.btn-outline:hover, .btn.btn-outline.btn-flat:hover, .btn-default.btn-outline.btn-flat:hover { color: #555555; border-color: #d5d5d5; border-bottom-color: #bcbcbc; } .btn.btn-outline:active, .btn-default.btn-outline:active, .btn.btn-outline.btn-flat:active, .btn-default.btn-outline.btn-flat:active { border-color: #c6c6c6; } .btn-group .btn, .btn-group .btn-default, .btn-group .btn:focus, .btn-group .btn-default:focus, .input-group-btn .btn, .input-group-btn .btn-default, .input-group-btn .btn:focus, .input-group-btn .btn-default:focus { border-left-color: #d5d5d5; border-right-color: #d5d5d5; } .btn-group .btn:hover, .btn-group .btn-default:hover, .btn-group.open .btn.dropdown-toggle, .btn-group.open .btn-default.dropdown-toggle, .input-group-btn .btn:hover, .input-group-btn .btn-default:hover, .input-group-btn.open .btn.dropdown-toggle, .input-group-btn.open .btn-default.dropdown-toggle { border-color: #d5d5d5; border-bottom-color: #bcbcbc; } .btn-group .btn:active, .btn-group .btn-default:active, .btn-group .btn.active, .btn-group .btn-default.active, .input-group-btn .btn:active, .input-group-btn .btn-default:active, .input-group-btn .btn.active, .input-group-btn .btn-default.active { border-left-color: #c6c6c6; border-right-color: #c6c6c6; } .btn-info { color: #ffffff; } .btn-info, .btn-info:focus { border-color: #46b8da; border-bottom-color: #2caed5; background: #5bc0de; background-image: -webkit-linear-gradient(top, #5fc2df 0%, #46b8da 100%); background-image: linear-gradient(to bottom, #5fc2df 0%, #46b8da 100%); background-repeat: repeat-x; } .btn-info:hover { color: #ffffff; border-color: #39b3d7; border-bottom-color: #2596b8; background: #46b8da !important; background-image: -webkit-linear-gradient(top, #53bddc 0%, #39b3d7 100%) !important; background-image: linear-gradient(to bottom, #53bddc 0%, #39b3d7 100%) !important; background-repeat: repeat-x; } .btn-info:active, .btn-info.active, .open .btn-info.dropdown-toggle { background: none; background: #4ab9db !important; border-color: #28a4c9; border-bottom-color: #28a4c9 !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-info.btn-flat { background: #4ebbdb; } .btn-info.btn-flat:hover, .btn-info.btn-flat:active, .btn-info.btn-flat.active, .open .btn-info.btn-flat.dropdown-toggle { background: #4ebbdb !important; color: #ffffff; } .btn-info.btn-outline:hover, .btn-info.btn-outline.btn-flat:hover { color: #ffffff; border-color: #39b3d7; border-bottom-color: #2596b8; } .btn-info.btn-outline:active, .btn-info.btn-outline.btn-flat:active { border-color: #28a4c9; } .btn-group .btn-info, .btn-group .btn-info:focus, .input-group-btn .btn-info, .input-group-btn .btn-info:focus { border-left-color: #39b3d7; border-right-color: #39b3d7; } .btn-group .btn-info:hover, .btn-group.open .btn-info.dropdown-toggle, .input-group-btn .btn-info:hover, .input-group-btn.open .btn-info.dropdown-toggle { border-color: #39b3d7; border-bottom-color: #2596b8; } .btn-group .btn-info:active, .btn-group .btn-info.active, .input-group-btn .btn-info:active, .input-group-btn .btn-info.active { border-left-color: #28a4c9; border-right-color: #28a4c9; } .btn-success { color: #ffffff; } .btn-success, .btn-success:focus { border-color: #4cb64c; border-bottom-color: #42a142; background: #5ebd5e; background-image: -webkit-linear-gradient(top, #62be62 0%, #4cb64c 100%); background-image: linear-gradient(to bottom, #62be62 0%, #4cb64c 100%); background-repeat: repeat-x; } .btn-success:hover { color: #ffffff; border-color: #46ac46; border-bottom-color: #388838; background: #4cb64c !important; background-image: -webkit-linear-gradient(top, #57ba57 0%, #46ac46 100%) !important; background-image: linear-gradient(to bottom, #57ba57 0%, #46ac46 100%) !important; background-repeat: repeat-x; } .btn-success:active, .btn-success.active, .open .btn-success.dropdown-toggle { background: none; background: #50b750 !important; border-color: #3e963e; border-bottom-color: #3e963e !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-success.btn-flat { background: #53b953; } .btn-success.btn-flat:hover, .btn-success.btn-flat:active, .btn-success.btn-flat.active, .open .btn-success.btn-flat.dropdown-toggle { background: #53b953 !important; color: #ffffff; } .btn-success.btn-outline:hover, .btn-success.btn-outline.btn-flat:hover { color: #ffffff; border-color: #46ac46; border-bottom-color: #388838; } .btn-success.btn-outline:active, .btn-success.btn-outline.btn-flat:active { border-color: #3e963e; } .btn-group .btn-success, .btn-group .btn-success:focus, .input-group-btn .btn-success, .input-group-btn .btn-success:focus { border-left-color: #46ac46; border-right-color: #46ac46; } .btn-group .btn-success:hover, .btn-group.open .btn-success.dropdown-toggle, .input-group-btn .btn-success:hover, .input-group-btn.open .btn-success.dropdown-toggle { border-color: #46ac46; border-bottom-color: #388838; } .btn-group .btn-success:active, .btn-group .btn-success.active, .input-group-btn .btn-success:active, .input-group-btn .btn-success.active { border-left-color: #3e963e; border-right-color: #3e963e; } .btn-warning { color: #ffffff; } .btn-warning, .btn-warning:focus { border-color: #f19a1f; border-bottom-color: #e38b0e; background: #f4b04f; background-image: -webkit-linear-gradient(top, #f4b254 0%, #f3a537 100%); background-image: linear-gradient(to bottom, #f4b254 0%, #f3a537 100%); background-repeat: repeat-x; } .btn-warning:hover { color: #ffffff; border-color: #f09411; border-bottom-color: #c2770c; background: #f3a537 !important; background-image: -webkit-linear-gradient(top, #f3ac45 0%, #f29f29 100%) !important; background-image: linear-gradient(to bottom, #f3ac45 0%, #f29f29 100%) !important; background-repeat: repeat-x; } .btn-warning:active, .btn-warning.active, .open .btn-warning.dropdown-toggle { background: none; background: #f3a73c !important; border-color: #d5830d; border-bottom-color: #d5830d !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-warning.btn-flat { background: #f3aa41; } .btn-warning.btn-flat:hover, .btn-warning.btn-flat:active, .btn-warning.btn-flat.active, .open .btn-warning.btn-flat.dropdown-toggle { background: #f3aa41 !important; color: #ffffff; } .btn-warning.btn-outline:hover, .btn-warning.btn-outline.btn-flat:hover { color: #ffffff; border-color: #f09411; border-bottom-color: #c2770c; } .btn-warning.btn-outline:active, .btn-warning.btn-outline.btn-flat:active { border-color: #d5830d; } .btn-group .btn-warning, .btn-group .btn-warning:focus, .input-group-btn .btn-warning, .input-group-btn .btn-warning:focus { border-left-color: #f09411; border-right-color: #f09411; } .btn-group .btn-warning:hover, .btn-group.open .btn-warning.dropdown-toggle, .input-group-btn .btn-warning:hover, .input-group-btn.open .btn-warning.dropdown-toggle { border-color: #f09411; border-bottom-color: #c2770c; } .btn-group .btn-warning:active, .btn-group .btn-warning.active, .input-group-btn .btn-warning:active, .input-group-btn .btn-warning.active { border-left-color: #d5830d; border-right-color: #d5830d; } .btn-danger { color: #ffffff; } .btn-danger, .btn-danger:focus { border-color: #e3503e; border-bottom-color: #df3823; background: #e66454; background-image: -webkit-linear-gradient(top, #e76858 0%, #e3503e 100%); background-image: linear-gradient(to bottom, #e76858 0%, #e3503e 100%); background-repeat: repeat-x; } .btn-danger:hover { color: #ffffff; border-color: #e14430; border-bottom-color: #c22e1c; background: #e3503e !important; background-image: -webkit-linear-gradient(top, #e55c4b 0%, #e14430 100%) !important; background-image: linear-gradient(to bottom, #e55c4b 0%, #e14430 100%) !important; background-repeat: repeat-x; } .btn-danger:active, .btn-danger.active, .open .btn-danger.dropdown-toggle { background: none; background: #e35442 !important; border-color: #d4331f; border-bottom-color: #d4331f !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-danger.btn-flat { background: #e45847; } .btn-danger.btn-flat:hover, .btn-danger.btn-flat:active, .btn-danger.btn-flat.active, .open .btn-danger.btn-flat.dropdown-toggle { background: #e45847 !important; color: #ffffff; } .btn-danger.btn-outline:hover, .btn-danger.btn-outline.btn-flat:hover { color: #ffffff; border-color: #e14430; border-bottom-color: #c22e1c; } .btn-danger.btn-outline:active, .btn-danger.btn-outline.btn-flat:active { border-color: #d4331f; } .btn-group .btn-danger, .btn-group .btn-danger:focus, .input-group-btn .btn-danger, .input-group-btn .btn-danger:focus { border-left-color: #e14430; border-right-color: #e14430; } .btn-group .btn-danger:hover, .btn-group.open .btn-danger.dropdown-toggle, .input-group-btn .btn-danger:hover, .input-group-btn.open .btn-danger.dropdown-toggle { border-color: #e14430; border-bottom-color: #c22e1c; } .btn-group .btn-danger:active, .btn-group .btn-danger.active, .input-group-btn .btn-danger:active, .input-group-btn .btn-danger.active { border-left-color: #d4331f; border-right-color: #d4331f; } .btn.btn-outline.disabled, .btn.btn-outline[disabled] { background: none !important; color: #555555 !important; } .btn.btn-outline.disabled, .btn.btn-outline[disabled], .btn.btn-outline.disabled:active, .btn.btn-outline[disabled]:active, .btn.btn-outline.disabled.active, .btn.btn-outline[disabled].active, .btn.btn-outline.disabled:hover, .btn.btn-outline[disabled]:hover, .btn.btn-outline.disabled:visited, .btn.btn-outline[disabled]:visited, .btn.btn-outline.disabled:link, .btn.btn-outline[disabled]:link, .btn.btn-outline.disabled:focus, .btn.btn-outline[disabled]:focus { background: none !important; border-color: #e0e0e0 !important; border-color: rgba(0, 0, 0, 0.12) !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: url('../images/pixel-admin/blank.png')\9; } .btn.btn-flat.disabled:active, .btn.btn-flat[disabled]:active { margin-top: 0 !important; border-bottom-width: 3px !important; } .btn.btn-flat.btn-rounded.disabled:active, .btn.btn-flat.btn-rounded[disabled]:active { border-bottom-width: 2px !important; } .btn.btn-labeled { position: relative; } .btn.btn-labeled .btn-label { display: block; float: left; margin: -8px 12px -8px -13px; padding: 8px 10px; position: relative; background: rgba(0, 0, 0, 0.06); line-height: 15px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .btn.btn-labeled .btn-label.icon { font-size: 14px; } .btn.btn-labeled.btn-lg .btn-label { margin: -10px 18px -10px -19px; padding: 10px 13px; line-height: 19px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .btn.btn-labeled.btn-lg .btn-label.icon { font-size: 15px; } .btn.btn-labeled.btn-sm .btn-label { margin: -5px 9px -5px -10px; padding: 5px 7px; line-height: 15px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .btn.btn-labeled.btn-sm .btn-label.icon { font-size: 11px; } .btn.btn-labeled.btn-xs .btn-label { margin: -5px 9px -5px -8px; padding: 5px 6px; line-height: 12px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .btn.btn-labeled.btn-xs .btn-label.icon { font-size: 11px; } .btn.btn-rounded.btn-labeled .btn-label, .btn.btn-lg.btn-rounded.btn-labeled .btn-label, .btn.btn-sm.btn-rounded.btn-labeled .btn-label, .btn.btn-xs.btn-rounded.btn-labeled .btn-label { border-bottom-left-radius: 9999px; border-top-left-radius: 9999px; } .progress { background-color: rgba(0, 0, 0, 0.06); height: 13px; } .progress-bar { background: none; border: 1px solid; -webkit-box-shadow: none; box-shadow: none; } .progress .progress-bar.progress-bar-info { background: #5bc0de; border-color: #42b6d9; } .progress.progress-striped .progress-bar.progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .progress .progress-bar.progress-bar-success { background: #5ebd5e; border-color: #49b349; } .progress.progress-striped .progress-bar.progress-bar-success { background-color: #5ebd5e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .progress .progress-bar.progress-bar-warning { background: #f4b04f; border-color: #f2a332; } .progress.progress-striped .progress-bar.progress-bar-warning { background-color: #f4b04f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .progress .progress-bar.progress-bar-danger { background: #e66454; border-color: #e24c39; } .progress.progress-striped .progress-bar.progress-bar-danger { background-color: #e66454; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .label { color: #fff; font-size: 11px; line-height: 20px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); padding: 0 6px; display: inline-block; font-weight: 600; } .label.pull-right { margin: 0; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { font-size: 75%; padding: .2em .5em; } .label.label-tag { display: inline-block; font-size: 11px; line-height: 18px; margin-left: 12px; padding: 0 5px; position: relative; border-bottom-left-radius: 0; border-top-left-radius: 0; } .label.label-tag:before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #b0b0b0 transparent transparent; -webkit-transform: rotate(360deg); margin-left: -17px; top: -1px; } .label.label-tag:after { content: ""; display: block; background: #fff; position: absolute; width: 6px; height: 6px; border-radius: 99px; margin: -12px 0 0 -10px; } .ie8 .label.label-tag:after { display: none !important; } .label { background: #b0b0b0; } .label[href]:hover, .label[href]:focus { background-color: #979797; } .label.label-tag { border: 1px solid #b0b0b0; } .label.label-tag:before { border-color: transparent #b0b0b0 transparent transparent; } .label.label-tag[href]:hover, .label.label-tag[href]:focus { border-color: #979797; } .label.label-tag[href]:hover:before, .label.label-tag[href]:focus:before { border-color: transparent #979797 transparent transparent; } .right-to-left .label.label-tag:before { border-color: transparent transparent transparent #b0b0b0; } .right-to-left .label.label-tag[href]:hover:before, .right-to-left .label.label-tag[href]:focus:before { border-color: transparent transparent transparent #979797; } .ie8 .right-to-left .label.label-tag:before, .ie9 .right-to-left .label.label-tag:before { border-color: transparent #b0b0b0 transparent transparent; } .ie8 .right-to-left .label.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-tag[href]:focus:before { border-color: transparent #979797 transparent transparent; } .label.label-success { background: #5ebd5e; } .label.label-success[href]:hover, .label.label-success[href]:focus { background-color: #43a543; } .label.label-success.label-tag { border: 1px solid #5ebd5e; } .label.label-success.label-tag:before { border-color: transparent #5ebd5e transparent transparent; } .label.label-success.label-tag[href]:hover, .label.label-success.label-tag[href]:focus { border-color: #43a543; } .label.label-success.label-tag[href]:hover:before, .label.label-success.label-tag[href]:focus:before { border-color: transparent #43a543 transparent transparent; } .right-to-left .label.label-success.label-tag:before { border-color: transparent transparent transparent #5ebd5e; } .right-to-left .label.label-success.label-tag[href]:hover:before, .right-to-left .label.label-success.label-tag[href]:focus:before { border-color: transparent transparent transparent #43a543; } .ie8 .right-to-left .label.label-success.label-tag:before, .ie9 .right-to-left .label.label-success.label-tag:before { border-color: transparent #5ebd5e transparent transparent; } .ie8 .right-to-left .label.label-success.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-success.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-success.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-success.label-tag[href]:focus:before { border-color: transparent #43a543 transparent transparent; } .label.label-warning { background: #f4b04f; } .label.label-warning[href]:hover, .label.label-warning[href]:focus { background-color: #f19a1f; } .label.label-warning.label-tag { border: 1px solid #f4b04f; } .label.label-warning.label-tag:before { border-color: transparent #f4b04f transparent transparent; } .label.label-warning.label-tag[href]:hover, .label.label-warning.label-tag[href]:focus { border-color: #f19a1f; } .label.label-warning.label-tag[href]:hover:before, .label.label-warning.label-tag[href]:focus:before { border-color: transparent #f19a1f transparent transparent; } .right-to-left .label.label-warning.label-tag:before { border-color: transparent transparent transparent #f4b04f; } .right-to-left .label.label-warning.label-tag[href]:hover:before, .right-to-left .label.label-warning.label-tag[href]:focus:before { border-color: transparent transparent transparent #f19a1f; } .ie8 .right-to-left .label.label-warning.label-tag:before, .ie9 .right-to-left .label.label-warning.label-tag:before { border-color: transparent #f4b04f transparent transparent; } .ie8 .right-to-left .label.label-warning.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-warning.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-warning.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-warning.label-tag[href]:focus:before { border-color: transparent #f19a1f transparent transparent; } .label.label-danger { background: #e66454; } .label.label-danger[href]:hover, .label.label-danger[href]:focus { background-color: #df3c28; } .label.label-danger.label-tag { border: 1px solid #e66454; } .label.label-danger.label-tag:before { border-color: transparent #e66454 transparent transparent; } .label.label-danger.label-tag[href]:hover, .label.label-danger.label-tag[href]:focus { border-color: #df3c28; } .label.label-danger.label-tag[href]:hover:before, .label.label-danger.label-tag[href]:focus:before { border-color: transparent #df3c28 transparent transparent; } .right-to-left .label.label-danger.label-tag:before { border-color: transparent transparent transparent #e66454; } .right-to-left .label.label-danger.label-tag[href]:hover:before, .right-to-left .label.label-danger.label-tag[href]:focus:before { border-color: transparent transparent transparent #df3c28; } .ie8 .right-to-left .label.label-danger.label-tag:before, .ie9 .right-to-left .label.label-danger.label-tag:before { border-color: transparent #e66454 transparent transparent; } .ie8 .right-to-left .label.label-danger.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-danger.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-danger.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-danger.label-tag[href]:focus:before { border-color: transparent #df3c28 transparent transparent; } .label.label-info { background: #5bc0de; } .label.label-info[href]:hover, .label.label-info[href]:focus { background-color: #31b0d5; } .label.label-info.label-tag { border: 1px solid #5bc0de; } .label.label-info.label-tag:before { border-color: transparent #5bc0de transparent transparent; } .label.label-info.label-tag[href]:hover, .label.label-info.label-tag[href]:focus { border-color: #31b0d5; } .label.label-info.label-tag[href]:hover:before, .label.label-info.label-tag[href]:focus:before { border-color: transparent #31b0d5 transparent transparent; } .right-to-left .label.label-info.label-tag:before { border-color: transparent transparent transparent #5bc0de; } .right-to-left .label.label-info.label-tag[href]:hover:before, .right-to-left .label.label-info.label-tag[href]:focus:before { border-color: transparent transparent transparent #31b0d5; } .ie8 .right-to-left .label.label-info.label-tag:before, .ie9 .right-to-left .label.label-info.label-tag:before { border-color: transparent #5bc0de transparent transparent; } .ie8 .right-to-left .label.label-info.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-info.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-info.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-info.label-tag[href]:focus:before { border-color: transparent #31b0d5 transparent transparent; } .badge { color: #fff; font-size: 11px; font-weight: 600; line-height: 18px; padding: 0 8px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .badge.pull-right { margin: 0; } .badge { background: #b0b0b0; border: 1px solid #b0b0b0; } .badge[href]:hover, .badge[href]:focus { background-color: #979797; border-color: #979797; } .badge.badge-success { background: #5ebd5e; border: 1px solid #5ebd5e; } .badge.badge-success[href]:hover, .badge.badge-success[href]:focus { background-color: #43a543; border-color: #43a543; } .badge.badge-warning { background: #f4b04f; border: 1px solid #f4b04f; } .badge.badge-warning[href]:hover, .badge.badge-warning[href]:focus { background-color: #f19a1f; border-color: #f19a1f; } .badge.badge-danger { background: #e66454; border: 1px solid #e66454; } .badge.badge-danger[href]:hover, .badge.badge-danger[href]:focus { background-color: #df3c28; border-color: #df3c28; } .badge.badge-info { background: #5bc0de; border: 1px solid #5bc0de; } .badge.badge-info[href]:hover, .badge.badge-info[href]:focus { background-color: #31b0d5; border-color: #31b0d5; } .breadcrumb { background: none; margin-bottom: 18px; position: relative; } .breadcrumb li + li:before { color: #ccc; content: "\f054"; font-family: FontAwesome; font-size: 7px; display: inline-block; line-height: 8px; top: -1px; left: -1px; position: relative; padding: 0; height: 8px; width: 15px; text-align: center; } .breadcrumb li, .breadcrumb li a { color: #999; font-size: 12px; line-height: 18px; height: 18px; } .breadcrumb li:hover, .breadcrumb li a:hover { color: #555555; } .breadcrumb li.active { padding-left: 16px; position: relative; } .breadcrumb li.active:before { position: absolute; top: 50%; margin-top: -3px; left: 0; } .breadcrumb li.active, .breadcrumb li.active a { color: #555555; text-decoration: none; } .breadcrumb.breadcrumb-dark > li + li:before { color: #fff; color: rgba(255, 255, 255, 0.4); } .breadcrumb.breadcrumb-dark li, .breadcrumb.breadcrumb-dark li a { color: #fff; color: rgba(255, 255, 255, 0.6); } .breadcrumb.breadcrumb-dark li:hover, .breadcrumb.breadcrumb-dark li a:hover { color: #fff; } .breadcrumb.breadcrumb-dark li.active, .breadcrumb.breadcrumb-dark li.active a { color: #fff; } .breadcrumb.breadcrumb-no-padding { padding-left: 0; padding-right: 0; } .breadcrumb.breadcrumb-page { border-radius: 0; margin-left: -18px; margin-right: -18px; margin-top: -18px; padding-left: 18px; padding-right: 18px; } .breadcrumb-label { float: left; font-size: 12px; line-height: 18px; height: 18px; padding-right: 15px; margin: 1px 0 -1px 0; } .alert { background: #f9f1c7; border-color: #f6deac; color: #af8640; background-size: 20px 20px; } .alert .close { top: 0; } .alert.alert-danger { background: #f2dede; border-color: #ebccd1; color: #b94a48; background-size: 20px 20px; } .alert.alert-success { background: #dff0d8; border-color: #d0e6be; color: #468847; background-size: 20px 20px; } .alert.alert-info { background: #d9edf7; border-color: #bce8f1; color: #3a87ad; background-size: 20px 20px; } .alert.alert-dark { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); background: none; border-color: #f19a1f; background-color: #f4b04f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .alert.alert-danger.alert-dark { background: none; border-color: #df3c28; background-color: #e66454; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.04)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.04)), color-stop(0.75, rgba(255, 255, 255, 0.04)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-size: 20px 20px; } .alert.alert-success.alert-dark { background: none; border-color: #43a543; background-color: #5ebd5e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .alert.alert-info.alert-dark { background: none; border-color: #31b0d5; background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .alert.alert-page { margin: -18px -18px 18px -18px; border-top-width: 0; border-left-width: 0; border-right-width: 0; border-radius: 0; padding-left: 18px; padding-right: 18px; } .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { border-top-color: #e4e4e4; } .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th { font-weight: 600; } .table tbody + tbody { border-top-color: #e4e4e4; } .table-bordered { border-color: #e4e4e4; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #e4e4e4; } .table-header { background: #fff; position: relative; border: 1px solid #e4e4e4; margin-bottom: -1px; padding: 10px 15px 10px 15px; border-top-right-radius: 2px; border-top-left-radius: 2px; } .table-header .table-caption { font-size: 15px; line-height: 24px; font-weight: 600; margin: 0; padding: 0; } .table-footer { min-height: 40px; margin-top: -19px; position: relative; border: 1px solid #e4e4e4; line-height: 20px; padding: 10px 15px 10px 15px; background: #fafafa; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .table-light, .table-success, .table-danger, .table-warning, .table-info, .table-primary { margin-bottom: 20px; } .table-light table { border-top-color: #dbdbdb !important; } .table-light thead, .table-light thead tr, .table-light thead th, .table-light .table-header { border-color: #dbdbdb !important; color: #555555; } .table-light thead tr, .table-light thead th { background: #ebebeb; } .table-light .table-header { background: #fafafa; } .table-success table { border-top-color: #518d51 !important; } .table-success thead, .table-success thead tr, .table-success thead th, .table-success .table-header { border-color: #518d51 !important; color: #ffffff; } .table-success thead tr, .table-success thead th { background: #53a953; } .table-success .table-header { background: #5ebd5e; } .table-danger table { border-top-color: #ca4433 !important; } .table-danger thead, .table-danger thead tr, .table-danger thead th, .table-danger .table-header { border-color: #ca4433 !important; color: #ffffff; } .table-danger thead tr, .table-danger thead th { background: #d95342; } .table-danger .table-header { background: #e66454; } .table-warning table { border-top-color: #de9328 !important; } .table-warning thead, .table-warning thead tr, .table-warning thead th, .table-warning .table-header { border-color: #de9328 !important; color: #ffffff; } .table-warning thead tr, .table-warning thead th { background: #e9a23b; } .table-warning .table-header { background: #f4b04f; } .table-info table { border-top-color: #3da1bf !important; } .table-info thead, .table-info thead tr, .table-info thead th, .table-info .table-header { border-color: #3da1bf !important; color: #ffffff; } .table-info thead tr, .table-info thead th { background: #4bb1d0; } .table-info .table-header { background: #5bc0de; } .nav-tabs > li > a > .badge, .nav-pills > li > a > .badge, .nav-tabs > li > a > .label, .nav-pills > li > a > .label { position: relative; background-color: rgba(0, 0, 0, 0.25); border: 1px solid transparent; margin: 0 -5px -100px 5px; padding: 0 6px; line-height: 14px; top: 0; } .nav-tabs > li > a > .label, .nav-pills > li > a > .label { padding-left: 4px; padding-right: 4px; } .nav-tabs > li > a > .badge.badge-success, .nav-pills > li > a > .badge.badge-success, .nav-tabs > li > a > .label.label-success, .nav-pills > li > a > .label.label-success { background-color: #5ebd5e; } .nav-tabs > li > a > .badge.badge-warning, .nav-pills > li > a > .badge.badge-warning, .nav-tabs > li > a > .label.label-warning, .nav-pills > li > a > .label.label-warning { background-color: #f4b04f; } .nav-tabs > li > a > .badge.badge-danger, .nav-pills > li > a > .badge.badge-danger, .nav-tabs > li > a > .label.label-danger, .nav-pills > li > a > .label.label-danger { background-color: #e66454; } .nav-tabs > li > a > .badge.badge-info, .nav-pills > li > a > .badge.badge-info, .nav-tabs > li > a > .label.label-info, .nav-pills > li > a > .label.label-info { background-color: #5bc0de; } .nav-tabs:not(.nav-tabs-simple) > li.active > a > .badge, .nav-pills > li.active > a > .badge, .nav-tabs:not(.nav-tabs-simple) > li.active > a > .label, .nav-pills > li.active > a > .label { background-color: rgba(0, 0, 0, 0.25); border-color: transparent; color: #fff; } .nav-tabs.nav-justified > li > a, .nav-pills.nav-justified > li > a { margin: 0; } .nav-tabs.nav-tabs-sm > li > a > .badge, .nav-tabs.nav-tabs-sm > li > a > .label { margin-left: 4px; margin-right: -4px; } .nav-tabs.nav-tabs-xs > li > a { font-size: 12px; } .nav-tabs.nav-tabs-xs > li > a > .badge, .nav-tabs.nav-tabs-xs > li > a > .label { padding-left: 4px; padding-right: 4px; line-height: 13px; font-size: 10px; margin-left: 3px; margin-right: -3px; top: -1px; } .nav-tabs.nav-tabs-xs > li > a > .label { padding-left: 3px; padding-right: 3px; } .nav-tabs { border-bottom: 2px solid #e4e4e4; } .nav-tabs > li > a { background-color: #f3f3f3; background-color: rgba(0, 0, 0, 0.05); border: 0; border-bottom: 2px solid #e4e4e4; color: #777; margin: 0 6px -1px 0; padding: 8px 20px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active { background-color: rgba(0, 0, 0, 0.06); border-bottom-color: #d7d7d7; color: #555555; } .nav-tabs > li > a > .fa-caret-down { font-size: 12px; } .nav-tabs > li.dropdown.open > a:focus { border-bottom: 2px solid #e4e4e4; } .nav-tabs li.active > a, .nav-tabs li.active > a:hover, .nav-tabs li.active > a:focus { border: none; color: #fff; } .nav-tabs.nav-justified > li > a { border-bottom: 2px solid #e4e4e4; border-left: none !important; border-right: none !important; border-top: none !important; } .nav-tabs.nav-stacked > li > a { margin: 0; border-bottom-width: 1px !important; } .nav-tabs.nav-stacked > li:last-child > a { border-bottom-width: 0 !important; } .nav-tabs.nav-stacked > li:last-child.active > a { border-bottom-width: 2px !important; margin-bottom: -3px; } .nav-tabs.nav-stacked > li:not(:first-child):not(:last-child) > a { border-radius: 0; } .nav-tabs.nav-tabs-simple > li > a { background-color: transparent !important; margin-right: 0; } .nav-tabs.nav-tabs-simple > li.active > a { color: #555555 !important; } .nav-tabs.nav-tabs-sm > li > a { padding: 6px 15px; } .nav-tabs.nav-tabs-xs > li > a { padding: 4px 15px; } .tab-content { padding: 15px 0; } .tab-content.tab-content-bordered { border: 1px solid #d7d7d7; border-top: none; padding-left: 15px; padding-right: 15px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .nav-pills > li > a { color: #777; background-color: #f3f3f3; background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; padding: 8px 20px; } .nav-pills > li > a:hover { background-color: rgba(0, 0, 0, 0.06); color: #555555; } .nav-pills > li > a > .fa-caret-down { font-size: 12px; } .nav-pills > li > a > .badge, .nav-pills > li > a > .label { top: -1px; } .nav-pills > li { margin-left: 0; margin-right: 6px; } .nav-pills > li + li { margin-left: 0; } .nav-pills.nav-stacked > li { margin: 0 0 4px 0; } .dropdown-menu { border: 2px solid #ccc; -webkit-box-shadow: none; box-shadow: none; } ul.dropdown-menu { border: 2px solid #ccc; padding: 5px 0; } ul.dropdown-menu > li > a { margin: 0 -2px; padding: 5px 18px; } ul.dropdown-menu > li > a > .label, ul.dropdown-menu > li > a > .badge { position: relative; padding-left: 4px; padding-right: 4px; line-height: 13px; font-size: 10px; top: 1px; } ul.dropdown-menu > li > a > .label { padding-top: 1px; padding-bottom: 1px; } ul.dropdown-menu .divider { border-width: 2px; margin: 5px 0; } ul.dropdown-menu .dropdown-header { font-size: 11px; font-weight: 600; margin: 0 -2px; padding: 6px 18px 3px 18px; text-transform: uppercase; } ul.dropdown-menu .dropdown-icon { display: inline-block; font-size: 14px; } .nav .dropdown > .dropdown-toggle .nav-icon { font-size: 12px; display: inline-block; margin-right: 8px; } .pull-right .dropdown-menu { left: auto; float: right; right: 0; } .btn-group-lg .btn { font-size: 15px; line-height: 19px; padding: 9px 18px; } .btn-group-sm .btn { font-size: 12px; line-height: 15px; padding: 4px 9px; } .btn-group-sm .btn > .fa-caret-down { font-size: 10px; } .btn-group-xs .btn { font-size: 11px; line-height: 12px; padding: 4px 7px; } .btn-group-xs .btn > .fa-caret-down { font-size: 10px; } .pagination > li > a, .pagination > li > span { background-color: transparent; border: 1px solid #e4e4e4; color: #7b7b7b; margin-right: 5px; border-radius: 2px; } .pagination > li > a:hover { background-color: transparent; color: #555555; } .pagination > li.active > a, .pagination > li.active > span { color: #fff; font-weight: 600; } .pagination > li.disabled > a:hover { border-color: #e4e4e4 !important; } .pagination.pagination-xs li a, .pagination.pagination-xs li span { font-size: 10px; padding: 4px 8px; } .pager li > a, .pager li > span { background-color: transparent; border-color: #e4e4e4; color: #7b7b7b; } .pager li > a:hover { background-color: transparent; color: #555555; } .pager li.disabled > a { background-color: transparent; } .pager li.disabled > a:hover { background-color: transparent; border-color: #e4e4e4 !important; } .pager.pager-xs li a, .pager.pager-xs li span { font-size: 11px; padding: 4px 8px; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background-color: transparent; } .list-group-item { padding-bottom: 10px; padding-top: 10px; border-color: #e4e4e4; } .list-group-item > .badge { line-height: 16px; padding-left: 5px; padding-right: 5px; } .list-group-item > .badge + .badge { margin-right: 5px; } .list-group-item > .label { line-height: 16px; padding-left: 5px; padding-right: 5px; } .list-group-item > .label + .label { margin-right: 5px; } .list-group-icon { width: 26px; color: #aaa; font-size: 14px; } a.list-group-item { color: #555555; } a.list-group-item .list-group-item-heading { color: #555555; margin-top: 5px; } a.list-group-item .list-group-item-heading + .list-group-item-text { margin-bottom: 5px; } a.list-group-item .list-group-item-text { color: #6f6f6f; } a.list-group-item:hover, a.list-group-item:focus { background: rgba(0, 0, 0, 0.04); } a.list-group-item.active { color: #fff; } a.list-group-item.active .list-group-item-heading { color: inherit; } a.list-group-item.active .badge { background: #fff; background: rgba(0, 0, 0, 0.25); border-color: transparent; color: #fff; } .ie8 a.list-group-item.active .badge { color: #555555; } .form-inline .form-control { margin-bottom: 10px; } .form-inline .checkbox label, .form-inline .radio label { margin-bottom: 0; } @media (min-width: 768px) { .form-inline .form-control { margin-bottom: 0; width: auto; } } .form-horizontal .checkbox, .form-horizontal .radio { margin-top: 0px; margin-bottom: 0px; } .form-horizontal .control-label { padding-top: 0; margin-bottom: 5px; } @media (min-width: 768px) { .form-horizontal .control-label { margin-bottom: 0; padding-top: 7px; } } legend { color: #666; font-size: 16.9px; padding-bottom: 7px; } label { font-weight: 600; } optgroup { font-weight: 600; } .form-control { border-top-color: #c2c2c2; -webkit-box-shadow: none; box-shadow: none; } .help-block { margin-bottom: 0; } .form-group:before, .form-group:after { content: " "; display: table; } .form-group:after { clear: both; } .form-group.has-error .checkbox .help-block, .form-group.has-error .radio .help-block, .form-group.has-error .checkbox + .help-block, .form-group.has-error .radio + .help-block { position: relative; top: 5px; } .form-group.has-error .checkbox .help-block:before, .form-group.has-error .radio .help-block:before, .form-group.has-error .checkbox + .help-block:before, .form-group.has-error .radio + .help-block:before, .form-group.has-error .checkbox .help-block:after, .form-group.has-error .radio .help-block:after, .form-group.has-error .checkbox + .help-block:after, .form-group.has-error .radio + .help-block:after { display: none; } .checkbox label, .radio label { display: block; margin-bottom: 0; } .checkbox label:before, .radio label:before, .checkbox label:after, .radio label:after { content: " "; display: table; } .checkbox label:after, .radio label:after { clear: both; } .form-control-feedback { font-size: 14px; } .has-feedback .form-control { padding-right: 32px; } .form-bordered .form-group { border-top: 1px solid #e4e4e4; padding-top: 15px; } .checkbox, .radio { margin-top: 0; } .has-warning .help-block, .has-error .help-block, .has-success .help-block { display: block; border: 1px solid; padding: 5px 10px; border-radius: 2px; margin-top: 2px; position: relative; } .has-warning .help-block:before, .has-error .help-block:before, .has-success .help-block:before, .has-warning .help-block:after, .has-error .help-block:after, .has-success .help-block:after { content: ""; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; } .has-warning .help-block:before, .has-error .help-block:before, .has-success .help-block:before { border-bottom: solid; border-width: 7px; left: 16px; top: -7px; } .has-warning .help-block:after, .has-error .help-block:after, .has-success .help-block:after { border-bottom: 6px solid; left: 17px; top: -6px; } .has-warning.simple .help-block, .has-error.simple .help-block, .has-success.simple .help-block { background: none !important; border: none; padding: 3px 0; } .has-warning.simple .help-block:before, .has-error.simple .help-block:before, .has-success.simple .help-block:before, .has-warning.simple .help-block:after, .has-error.simple .help-block:after, .has-success.simple .help-block:after { display: none; } .has-feedback:not(.form-group) { position: relative; } .has-feedback:not(.form-group) .form-control-feedback { top: 0; } .has-warning .control-label { color: #555555; } .has-warning .help-block { background: #f9f1c7; border-color: #f6deac; color: #af8640; background-size: 20px 20px; } .has-warning .help-block:before { border-bottom-color: #f1cc7e; } .has-warning .help-block:after { border-bottom-color: #f9f2cc; } .has-warning .form-control { border-color: #eebf5e; -webkit-box-shadow: none; box-shadow: none; } .has-warning .form-control:focus, .has-warning .form-control.focus { border-color: #e9ad30 !important; -webkit-box-shadow: none; box-shadow: none; } .has-warning .input-group-addon { color: #af8640; border-color: #f6deac; background-color: #f9f1c7; } .has-warning .form-control-feedback { color: #e9ad30; } .has-error .control-label { color: #555555; } .has-error .help-block { background: #f2dede; border-color: #ebccd1; color: #b94a48; background-size: 20px 20px; } .has-error .help-block:before { border-bottom-color: #dda7b0; } .has-error .help-block:after { border-bottom-color: #f3e2e2; } .has-error .form-control { border-color: #d38e99; -webkit-box-shadow: none; box-shadow: none; } .has-error .form-control:focus, .has-error .form-control.focus { border-color: #c46978 !important; -webkit-box-shadow: none; box-shadow: none; } .has-error .input-group-addon { color: #b94a48; border-color: #ebccd1; background-color: #f2dede; } .has-error .form-control-feedback { color: #c46978; } .has-success .control-label { color: #555555; } .has-success .help-block { background: #dff0d8; border-color: #d0e6be; color: #468847; background-size: 20px 20px; } .has-success .help-block:before { border-bottom-color: #b5d899; } .has-success .help-block:after { border-bottom-color: #e2f1dc; } .has-success .form-control { border-color: #a3ce7f; -webkit-box-shadow: none; box-shadow: none; } .has-success .form-control:focus, .has-success .form-control.focus { border-color: #88c05b !important; -webkit-box-shadow: none; box-shadow: none; } .has-success .input-group-addon { color: #468847; border-color: #d0e6be; background-color: #dff0d8; } .has-success .form-control-feedback { color: #88c05b; } .has-warning.dark .control-label { color: #555555; } .has-warning.dark .help-block { background: #f4b04f; border-color: #f19a1f; color: #ffffff; background-size: 20px 20px; } .has-warning.dark .help-block:before { border-bottom-color: #d0800d; } .has-warning.dark .help-block:after { border-bottom-color: #f4b254; } .has-warning.dark .form-control { border-color: #f4b04f; -webkit-box-shadow: none; box-shadow: none; } .has-warning.dark .form-control:focus, .has-warning.dark .form-control.focus { border-color: #f19a1f !important; -webkit-box-shadow: none; box-shadow: none; } .has-warning.dark .input-group-addon { color: #ffffff; border-color: #f19a1f; background-color: #f4b04f; } .has-warning.dark .form-control-feedback { color: #f19a1f; } .has-warning.dark .help-block { background: #f4b04f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .has-error.dark .control-label { color: #555555; } .has-error.dark .help-block { background: #e66454; border-color: #df3c28; color: #ffffff; background-size: 20px 20px; } .has-error.dark .help-block:before { border-bottom-color: #b92c1b; } .has-error.dark .help-block:after { border-bottom-color: #e76858; } .has-error.dark .form-control { border-color: #e66454; -webkit-box-shadow: none; box-shadow: none; } .has-error.dark .form-control:focus, .has-error.dark .form-control.focus { border-color: #df3c28 !important; -webkit-box-shadow: none; box-shadow: none; } .has-error.dark .input-group-addon { color: #ffffff; border-color: #df3c28; background-color: #e66454; } .has-error.dark .form-control-feedback { color: #df3c28; } .has-error.dark .help-block { background: #e66454; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.04)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.04)), color-stop(0.75, rgba(255, 255, 255, 0.04)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-size: 20px 20px; } .has-success.dark .control-label { color: #555555; } .has-success.dark .help-block { background: #5ebd5e; border-color: #43a543; color: #ffffff; background-size: 20px 20px; } .has-success.dark .help-block:before { border-bottom-color: #358035; } .has-success.dark .help-block:after { border-bottom-color: #62be62; } .has-success.dark .form-control { border-color: #5ebd5e; -webkit-box-shadow: none; box-shadow: none; } .has-success.dark .form-control:focus, .has-success.dark .form-control.focus { border-color: #43a543 !important; -webkit-box-shadow: none; box-shadow: none; } .has-success.dark .input-group-addon { color: #ffffff; border-color: #43a543; background-color: #5ebd5e; } .has-success.dark .form-control-feedback { color: #43a543; } .has-success.dark .help-block { background: #5ebd5e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .has-warning.simple .help-block { color: #f29f29 !important; } .has-error.simple .help-block { color: #e14430 !important; } .has-success.simple .help-block { color: #46ac46 !important; } .gt-ie8 input.px { position: absolute !important; left: -1000000px !important; margin: 0 !important; padding: 0 !important; } .gt-ie8 input.px + .lbl { position: relative; padding-left: 1px; display: inline-block; } .gt-ie8 input.px + .lbl:before { content: ""; opacity: 1; border: 1px solid #bbb; background: #fff; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } .gt-ie8 input.px + .lbl:after { display: none; position: absolute; } .gt-ie8 input.px:checked + .lbl:after { display: block; } .gt-ie8 input.px + .lbl:before, .gt-ie8 input.px + .lbl:after { margin: 2px 3px -3px -20px !important; } .gt-ie8 input[type="checkbox"].px + .lbl:before { border-radius: 2px; } .gt-ie8 input[type="checkbox"].px + .lbl:after { content: "\f00c"; top: 1px; left: 1px; width: 13px; height: 15px; line-height: 15px; font-size: 11px; font-family: FontAwesome; text-align: center; } .gt-ie8 input[type="radio"].px + .lbl:before { border-radius: 999999px; } .gt-ie8 input[type="radio"].px + .lbl:after { content: ""; width: 5px; height: 5px; border-radius: 999px; top: 5px; left: 5px; } .gt-ie8 input.px:disabled, .gt-ie8 input.px.disabled, .gt-ie8 input.px:disabled + .lbl, .gt-ie8 input.px.disabled + .lbl, .gt-ie8 input.px:disabled + .lbl:before, .gt-ie8 input.px.disabled + .lbl:before, .gt-ie8 input.px:disabled + .lbl:after, .gt-ie8 input.px.disabled + .lbl:after { cursor: not-allowed !important; } .gt-ie8 input.px:disabled + .lbl:before, .gt-ie8 input.px.disabled + .lbl:before { background: #eee !important; border-color: #d6d6d6 !important; } .gt-ie8 input.px:disabled + .lbl:after, .gt-ie8 input.px.disabled + .lbl:after { opacity: .5 !important; } @media (min-width: 768px) { .gt-ie8 .form-inline .radio input.px + .lbl, .gt-ie8 .form-inline .checkbox input.px + .lbl { margin-left: 20px; } } .px-single { position: relative; width: 15px; height: 15px; margin: 0; font-weight: 400 !important; } .px-single input.px { margin: 0 !important; } .px-single input.px + .lbl:before, .px-single input.px + .lbl:after { margin: 0 !important; } .px-single input.px + .lbl { padding: 0 !important; width: 15px !important; height: 15px !important; } .input-group-btn > .btn { line-height: 16px; margin: 0; } .input-group input { position: relative; z-index: 3; } .input-group > .input-group-btn + input { margin-left: -1px; } .input-group-addon > .fa { font-size: 14px; } .input-group > input + .input-group-btn .btn:first-child { border-left-width: 0; } .input-group-addon.no-background { background: #ffffff !important; } .panel, .panel-default { border-color: #e4e4e4; margin-bottom: 22px; position: relative; -webkit-box-shadow: none; box-shadow: none; } .panel .alert-page, .panel-default .alert-page { border-left-width: 1px; border-right-width: 1px; border-top-width: 2px; font-size: 12px; margin: -2px -1px 0 -1px !important; padding: 8px 15px; position: relative; } .panel-heading { background: #fafafa; border-bottom: 2px solid #ececec; padding-bottom: 9px; padding-left: 20px; padding-right: 20px; padding-top: 11px; position: relative; } .panel-heading .nav-tabs { border-bottom-color: transparent; bottom: -2px; position: absolute; right: 9px; } .panel-heading .nav-tabs > li > a { border-bottom-color: transparent; } .panel-body { background: #fff; margin: 0; padding: 20px; } .panel-body > li { list-style: none; margin: 0; padding: 0; } .panel-footer { background: #fff; border-top: 1px solid #ececec; padding-left: 20px; padding-right: 20px; } .panel-title { color: #555555; font-size: 14px; line-height: 20px; } .panel-title-icon { display: inline-block; font-size: 14px; margin-right: 7px; } .panel-heading-controls { margin-top: -2px; margin-bottom: -200px; float: right; } .panel-heading-controls > * { display: block; float: left; } .panel-heading-controls > * + * { margin-left: 4px; } .panel-heading-controls > .btn, .panel-heading-controls > .btn-group { margin-top: -4px; } .panel-heading-controls > .btn.btn-sm, .panel-heading-controls > .btn-group.btn-group-sm { margin-top: -1px; } .panel-heading-controls > .btn.btn-xs, .panel-heading-controls > .btn-group.btn-group-xs { margin-top: 0; } .panel-heading-controls > .progress { height: 6px; margin-top: 8px; } .panel-heading-controls > .label, .panel-heading-controls .badge { margin-bottom: -10px; margin-top: 1px; } .panel-heading-controls > .pagination { margin: -5px 0 0 0; } .panel-heading-controls > .pagination.pagination-sm { margin-top: -3px; } .panel-heading-controls > .pagination.pagination-xs { margin-top: -1px; } .panel-heading-controls > .pager { margin: -4px 0 0 0; } .panel-heading-controls > .pager.pager-xs { margin: -1px 0 0 0; } .panel-heading-controls > .form-control, .panel-heading-controls .input-group { margin-top: -2px; } .panel-heading-controls > .form-control, .panel-heading-controls .input-group .form-control, .panel-heading-controls .input-group .btn { height: 26px; padding: 3px 8px; } .panel-heading-controls > .panel-heading-icon { font-size: 14px; margin-top: 1px; } .panel-heading-controls > .switcher { margin-top: 1px; } .panel-heading-text { display: inline-block; line-height: 20px; font-size: 12px; margin-top: 1px; } .panel-dark .panel-heading-controls .btn { border-color: transparent; } .panel-dark .panel-heading-controls .btn.btn-outline { border-width: 1px; border-color: #fff; border-color: rgba(255, 255, 255, 0.12); } .panel-dark .panel-heading-controls .btn.btn-outline:hover { border-color: transparent !important; } .panel-dark .panel-heading-controls > .form-control { border-color: transparent !important; } .panel-dark .panel-heading-controls > .pagination li a, .panel-dark .panel-heading-controls > .pager li a, .panel-dark .panel-heading-controls > .pagination li span, .panel-dark .panel-heading-controls > .pager li span { border-color: #fff; border-color: rgba(255, 255, 255, 0.12); color: #fff; color: rgba(255, 255, 255, 0.7); } .panel-dark .panel-heading-controls > .pagination li a:hover, .panel-dark .panel-heading-controls > .pager li a:hover { color: #fff; border-color: #fff; } .panel-dark .panel-heading-controls > .pagination li.active a, .panel-dark .panel-heading-controls > .pager li.active a, .panel-dark .panel-heading-controls > .pagination li.active a:hover, .panel-dark .panel-heading-controls > .pager li.active a:hover, .panel-dark .panel-heading-controls > .pagination li.active span, .panel-dark .panel-heading-controls > .pager li.active span { background: #fff; border-color: #fff; } .panel-dark .panel-heading-controls > .pagination li.disabled a, .panel-dark .panel-heading-controls > .pager li.disabled a, .panel-dark .panel-heading-controls > .pagination li.disabled span, .panel-dark .panel-heading-controls > .pager li.disabled span { border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.3) !important; } .panel-dark .panel-heading-controls .input-group .form-control { border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: #d5d5d5; } .panel-dark .panel-heading .nav-tabs > li > a { background: none; background: rgba(255, 255, 255, 0.1); color: #fff; color: rgba(255, 255, 255, 0.8); } .panel-dark .panel-heading .nav-tabs > li > a:hover { color: #fff; } .panel-dark .panel-heading .nav-tabs > li.active > a, .panel-dark .panel-heading .nav-tabs > li.active > a:hover, .panel-dark .panel-heading .nav-tabs > li.active > a:focus { background: #fff; border-bottom-color: #fff; color: #555555; } .panel.panel-dark.panel-body-colorful table, .panel.panel-dark.panel-body-colorful .list-group { color: #fff; } .panel-warning { border-color: #f6deac !important; } .panel-warning .panel-heading { background: #f9f1c7; border-color: #f6deac; color: #af8640; background-size: 20px 20px; } .panel-warning .panel-heading .panel-title { color: #af8640; } .panel-warning .panel-heading .panel-heading-text a { color: #af8640; text-decoration: underline; } .panel-warning .panel-heading .panel-heading-text a:hover { color: #c49e5e; } .panel-warning.panel-body-colorful .panel-body { background: #f9f1c7; color: #af8640; } .panel-warning.panel-body-colorful .panel-footer { background: #f9f1c7; border-color: #f6deac; color: #af8640; } .panel-danger { border-color: #ebccd1 !important; } .panel-danger .panel-heading { background: #f2dede; border-color: #ebccd1; color: #b94a48; background-size: 20px 20px; } .panel-danger .panel-heading .panel-title { color: #b94a48; } .panel-danger .panel-heading .panel-heading-text a { color: #b94a48; text-decoration: underline; } .panel-danger .panel-heading .panel-heading-text a:hover { color: #c76e6d; } .panel-danger.panel-body-colorful .panel-body { background: #f2dede; color: #b94a48; } .panel-danger.panel-body-colorful .panel-footer { background: #f2dede; border-color: #ebccd1; color: #b94a48; } .panel-success { border-color: #d0e6be !important; } .panel-success .panel-heading { background: #dff0d8; border-color: #d0e6be; color: #468847; background-size: 20px 20px; } .panel-success .panel-heading .panel-title { color: #468847; } .panel-success .panel-heading .panel-heading-text a { color: #468847; text-decoration: underline; } .panel-success .panel-heading .panel-heading-text a:hover { color: #58a959; } .panel-success.panel-body-colorful .panel-body { background: #dff0d8; color: #468847; } .panel-success.panel-body-colorful .panel-footer { background: #dff0d8; border-color: #d0e6be; color: #468847; } .panel-info { border-color: #bce8f1 !important; } .panel-info .panel-heading { background: #d9edf7; border-color: #bce8f1; color: #3a87ad; background-size: 20px 20px; } .panel-info .panel-heading .panel-title { color: #3a87ad; } .panel-info .panel-heading .panel-heading-text a { color: #3a87ad; text-decoration: underline; } .panel-info .panel-heading .panel-heading-text a:hover { color: #54a0c6; } .panel-info.panel-body-colorful .panel-body { background: #d9edf7; color: #3a87ad; } .panel-info.panel-body-colorful .panel-footer { background: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .panel-warning.panel-dark { border-color: #f4b04f !important; } .panel-warning.panel-dark .panel-heading { background: #f4b04f; border-color: #f4b04f; color: #fff; } .panel-warning.panel-dark .panel-heading .panel-title { color: #fff; } .panel-warning.panel-dark .panel-heading .panel-heading-text { color: #ffffff; } .panel-warning.panel-dark .panel-heading .panel-heading-text a { color: #ffffff; text-decoration: underline; } .panel-warning.panel-dark .panel-heading .panel-heading-text a:hover { color: #fff; } .panel-warning.panel-dark .panel-heading-controls li.active a, .panel-warning.panel-dark .panel-heading-controls li.active span { color: #f4b04f !important; } .panel-warning.panel-dark.panel-body-colorful .panel-heading, .panel-warning.panel-dark.panel-body-colorful table, .panel-warning.panel-dark.panel-body-colorful table tr, .panel-warning.panel-dark.panel-body-colorful table th, .panel-warning.panel-dark.panel-body-colorful table td, .panel-warning.panel-dark.panel-body-colorful .list-group-item { border-color: #f6c175; } .panel-warning.panel-dark.panel-body-colorful, .panel-warning.panel-dark.panel-body-colorful .panel-body, .panel-warning.panel-dark.panel-body-colorful .list-group-item { background: #f4b04f; color: #fff; } .panel-warning.panel-dark.panel-body-colorful .panel-footer { background: #f4b04f; border-color: #f6c175; color: #fff; } .panel-danger.panel-dark { border-color: #e66454 !important; } .panel-danger.panel-dark .panel-heading { background: #e66454; border-color: #e66454; color: #fff; } .panel-danger.panel-dark .panel-heading .panel-title { color: #fff; } .panel-danger.panel-dark .panel-heading .panel-heading-text { color: #fffdfd; } .panel-danger.panel-dark .panel-heading .panel-heading-text a { color: #fffdfd; text-decoration: underline; } .panel-danger.panel-dark .panel-heading .panel-heading-text a:hover { color: #fff; } .panel-danger.panel-dark .panel-heading-controls li.active a, .panel-danger.panel-dark .panel-heading-controls li.active span { color: #e66454 !important; } .panel-danger.panel-dark.panel-body-colorful .panel-heading, .panel-danger.panel-dark.panel-body-colorful table, .panel-danger.panel-dark.panel-body-colorful table tr, .panel-danger.panel-dark.panel-body-colorful table th, .panel-danger.panel-dark.panel-body-colorful table td, .panel-danger.panel-dark.panel-body-colorful .list-group-item { border-color: #eb8478; } .panel-danger.panel-dark.panel-body-colorful, .panel-danger.panel-dark.panel-body-colorful .panel-body, .panel-danger.panel-dark.panel-body-colorful .list-group-item { background: #e66454; color: #fff; } .panel-danger.panel-dark.panel-body-colorful .panel-footer { background: #e66454; border-color: #eb8478; color: #fff; } .panel-success.panel-dark { border-color: #5ebd5e !important; } .panel-success.panel-dark .panel-heading { background: #5ebd5e; border-color: #5ebd5e; color: #fff; } .panel-success.panel-dark .panel-heading .panel-title { color: #fff; } .panel-success.panel-dark .panel-heading .panel-heading-text { color: #e7f5e7; } .panel-success.panel-dark .panel-heading .panel-heading-text a { color: #e7f5e7; text-decoration: underline; } .panel-success.panel-dark .panel-heading .panel-heading-text a:hover { color: #fff; } .panel-success.panel-dark .panel-heading-controls li.active a, .panel-success.panel-dark .panel-heading-controls li.active span { color: #5ebd5e !important; } .panel-success.panel-dark.panel-body-colorful .panel-heading, .panel-success.panel-dark.panel-body-colorful table, .panel-success.panel-dark.panel-body-colorful table tr, .panel-success.panel-dark.panel-body-colorful table th, .panel-success.panel-dark.panel-body-colorful table td, .panel-success.panel-dark.panel-body-colorful .list-group-item { border-color: #7bc97b; } .panel-success.panel-dark.panel-body-colorful, .panel-success.panel-dark.panel-body-colorful .panel-body, .panel-success.panel-dark.panel-body-colorful .list-group-item { background: #5ebd5e; color: #fff; } .panel-success.panel-dark.panel-body-colorful .panel-footer { background: #5ebd5e; border-color: #7bc97b; color: #fff; } .panel-info.panel-dark { border-color: #5bc0de !important; } .panel-info.panel-dark .panel-heading { background: #5bc0de; border-color: #5bc0de; color: #fff; } .panel-info.panel-dark .panel-heading .panel-title { color: #fff; } .panel-info.panel-dark .panel-heading .panel-heading-text { color: #fcfefe; } .panel-info.panel-dark .panel-heading .panel-heading-text a { color: #fcfefe; text-decoration: underline; } .panel-info.panel-dark .panel-heading .panel-heading-text a:hover { color: #fff; } .panel-info.panel-dark .panel-heading-controls li.active a, .panel-info.panel-dark .panel-heading-controls li.active span { color: #5bc0de !important; } .panel-info.panel-dark.panel-body-colorful .panel-heading, .panel-info.panel-dark.panel-body-colorful table, .panel-info.panel-dark.panel-body-colorful table tr, .panel-info.panel-dark.panel-body-colorful table th, .panel-info.panel-dark.panel-body-colorful table td, .panel-info.panel-dark.panel-body-colorful .list-group-item { border-color: #7dcde5; } .panel-info.panel-dark.panel-body-colorful, .panel-info.panel-dark.panel-body-colorful .panel-body, .panel-info.panel-dark.panel-body-colorful .list-group-item { background: #5bc0de; color: #fff; } .panel-info.panel-dark.panel-body-colorful .panel-footer { background: #5bc0de; border-color: #7dcde5; color: #fff; } .panel-transparent { background: none !important; border: none !important; } .panel-transparent .panel-heading { background: none !important; } .panel-transparent .panel-body { background: none !important; } .panel-transparent .panel-footer { background: none !important; border: none !important; } .well { background-color: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.06); -webkit-box-shadow: none; box-shadow: none; } .popover { border: 3px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: none; box-shadow: none; } .popover.top .arrow { border-top: none; } .popover.top .arrow:after { border-top-color: rgba(0, 0, 0, 0.2); border-width: 7px 8px 0 8px; bottom: 1px; } .popover.bottom .arrow { border-bottom: none; } .popover.bottom .arrow:after { border-bottom-color: rgba(0, 0, 0, 0.2); border-width: 0 8px 7px 8px; top: 1px; } .popover.left .arrow { border-left: none; } .popover.left .arrow:after { border-left-color: rgba(0, 0, 0, 0.2); border-width: 8px 0 8px 7px; bottom: -9px; right: 1px; } .popover.right .arrow { border-right: none; } .popover.right .arrow:after { border-right-color: rgba(0, 0, 0, 0.2); border-width: 8px 7px 8px 0; bottom: -9px; left: 1px; } .popover-colorful + .popover { border-width: 1px; } .popover-colorful + .popover.top { margin-bottom: 8px; } .popover-colorful + .popover.left { margin-right: 8px; } .popover-colorful + .popover.top .arrow:after { bottom: 3px; } .popover-colorful + .popover.bottom .arrow:after { top: 3px; } .popover-colorful + .popover.left .arrow:after { right: 3px; } .popover-colorful + .popover.right .arrow:after { left: 3px; } .popover-title { background-color: rgba(0, 0, 0, 0.06); border-bottom-color: #ddd; border-radius: 0; } .ie8 .popover.top.in { margin-top: -30px; } .ie8 .popover.left.in { margin-left: -30px; } .ie8 .popover .arrow { display: none !important; } .popover-warning + .popover .popover-title { background: #f9f1c7; border-bottom-color: #f6deac; color: #af8640; } .popover-warning.popover-colorful + .popover { background: #f9f1c7; border-color: #f6deac; color: #af8640; } .popover-warning.popover-colorful + .popover.top .arrow:after { border-top-color: #f6deac; } .popover-warning.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #f6deac; } .popover-warning.popover-colorful + .popover.left .arrow:after { border-left-color: #f6deac; } .popover-warning.popover-colorful + .popover.right .arrow:after { border-right-color: #f6deac; } .popover-danger + .popover .popover-title { background: #f2dede; border-bottom-color: #ebccd1; color: #b94a48; } .popover-danger.popover-colorful + .popover { background: #f2dede; border-color: #ebccd1; color: #b94a48; } .popover-danger.popover-colorful + .popover.top .arrow:after { border-top-color: #ebccd1; } .popover-danger.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #ebccd1; } .popover-danger.popover-colorful + .popover.left .arrow:after { border-left-color: #ebccd1; } .popover-danger.popover-colorful + .popover.right .arrow:after { border-right-color: #ebccd1; } .popover-success + .popover .popover-title { background: #dff0d8; border-bottom-color: #d0e6be; color: #468847; } .popover-success.popover-colorful + .popover { background: #dff0d8; border-color: #d0e6be; color: #468847; } .popover-success.popover-colorful + .popover.top .arrow:after { border-top-color: #d0e6be; } .popover-success.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #d0e6be; } .popover-success.popover-colorful + .popover.left .arrow:after { border-left-color: #d0e6be; } .popover-success.popover-colorful + .popover.right .arrow:after { border-right-color: #d0e6be; } .popover-info + .popover .popover-title { background: #d9edf7; border-bottom-color: #bce8f1; color: #3a87ad; } .popover-info.popover-colorful + .popover { background: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .popover-info.popover-colorful + .popover.top .arrow:after { border-top-color: #bce8f1; } .popover-info.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #bce8f1; } .popover-info.popover-colorful + .popover.left .arrow:after { border-left-color: #bce8f1; } .popover-info.popover-colorful + .popover.right .arrow:after { border-right-color: #bce8f1; } .popover-warning.popover-dark + .popover .popover-title { background: #f4b04f; border-bottom-color: #f4b04f; color: #fff; } .popover-warning.popover-dark.popover-colorful + .popover { background: #f4b04f; border-color: #f4b04f; color: #fff; } .popover-warning.popover-dark.popover-colorful + .popover .popover-title { border-bottom-color: #f6c175; border-bottom-width: 2px; } .popover-warning.popover-dark.popover-colorful + .popover.top .arrow:after { border-top-color: #f4b04f; } .popover-warning.popover-dark.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #f4b04f; } .popover-warning.popover-dark.popover-colorful + .popover.left .arrow:after { border-left-color: #f4b04f; } .popover-warning.popover-dark.popover-colorful + .popover.right .arrow:after { border-right-color: #f4b04f; } .popover-danger.popover-dark + .popover .popover-title { background: #e66454; border-bottom-color: #e66454; color: #fff; } .popover-danger.popover-dark.popover-colorful + .popover { background: #e66454; border-color: #e66454; color: #fff; } .popover-danger.popover-dark.popover-colorful + .popover .popover-title { border-bottom-color: #eb8478; border-bottom-width: 2px; } .popover-danger.popover-dark.popover-colorful + .popover.top .arrow:after { border-top-color: #e66454; } .popover-danger.popover-dark.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #e66454; } .popover-danger.popover-dark.popover-colorful + .popover.left .arrow:after { border-left-color: #e66454; } .popover-danger.popover-dark.popover-colorful + .popover.right .arrow:after { border-right-color: #e66454; } .popover-success.popover-dark + .popover .popover-title { background: #5ebd5e; border-bottom-color: #5ebd5e; color: #fff; } .popover-success.popover-dark.popover-colorful + .popover { background: #5ebd5e; border-color: #5ebd5e; color: #fff; } .popover-success.popover-dark.popover-colorful + .popover .popover-title { border-bottom-color: #7bc97b; border-bottom-width: 2px; } .popover-success.popover-dark.popover-colorful + .popover.top .arrow:after { border-top-color: #5ebd5e; } .popover-success.popover-dark.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #5ebd5e; } .popover-success.popover-dark.popover-colorful + .popover.left .arrow:after { border-left-color: #5ebd5e; } .popover-success.popover-dark.popover-colorful + .popover.right .arrow:after { border-right-color: #5ebd5e; } .popover-info.popover-dark + .popover .popover-title { background: #5bc0de; border-bottom-color: #5bc0de; color: #fff; } .popover-info.popover-dark.popover-colorful + .popover { background: #5bc0de; border-color: #5bc0de; color: #fff; } .popover-info.popover-dark.popover-colorful + .popover .popover-title { border-bottom-color: #7dcde5; border-bottom-width: 2px; } .popover-info.popover-dark.popover-colorful + .popover.top .arrow:after { border-top-color: #5bc0de; } .popover-info.popover-dark.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #5bc0de; } .popover-info.popover-dark.popover-colorful + .popover.left .arrow:after { border-left-color: #5bc0de; } .popover-info.popover-dark.popover-colorful + .popover.right .arrow:after { border-right-color: #5bc0de; } .tooltip-inner { background-color: #222222; font-size: 12px; padding: 4px 10px; } .tooltip.top .tooltip-arrow { border-top-color: #222222; } .tooltip.top-left .tooltip-arrow { border-top-color: #222222; } .tooltip.top-right .tooltip-arrow { border-top-color: #222222; } .tooltip.right .tooltip-arrow { border-right-color: #222222; } .tooltip.left .tooltip-arrow { border-left-color: #222222; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #222222; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #222222; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #222222; } .tooltip-warning + .tooltip .tooltip-inner { background-color: #f19a1f; } .tooltip-warning + .tooltip.top .tooltip-arrow { border-top-color: #f19a1f; } .tooltip-warning + .tooltip.top-left .tooltip-arrow { border-top-color: #f19a1f; } .tooltip-warning + .tooltip.top-right .tooltip-arrow { border-top-color: #f19a1f; } .tooltip-warning + .tooltip.right .tooltip-arrow { border-right-color: #f19a1f; } .tooltip-warning + .tooltip.left .tooltip-arrow { border-left-color: #f19a1f; } .tooltip-warning + .tooltip.bottom .tooltip-arrow { border-bottom-color: #f19a1f; } .tooltip-warning + .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #f19a1f; } .tooltip-warning + .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #f19a1f; } .tooltip-danger + .tooltip .tooltip-inner { background-color: #df3c28; } .tooltip-danger + .tooltip.top .tooltip-arrow { border-top-color: #df3c28; } .tooltip-danger + .tooltip.top-left .tooltip-arrow { border-top-color: #df3c28; } .tooltip-danger + .tooltip.top-right .tooltip-arrow { border-top-color: #df3c28; } .tooltip-danger + .tooltip.right .tooltip-arrow { border-right-color: #df3c28; } .tooltip-danger + .tooltip.left .tooltip-arrow { border-left-color: #df3c28; } .tooltip-danger + .tooltip.bottom .tooltip-arrow { border-bottom-color: #df3c28; } .tooltip-danger + .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #df3c28; } .tooltip-danger + .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #df3c28; } .tooltip-success + .tooltip .tooltip-inner { background-color: #43a543; } .tooltip-success + .tooltip.top .tooltip-arrow { border-top-color: #43a543; } .tooltip-success + .tooltip.top-left .tooltip-arrow { border-top-color: #43a543; } .tooltip-success + .tooltip.top-right .tooltip-arrow { border-top-color: #43a543; } .tooltip-success + .tooltip.right .tooltip-arrow { border-right-color: #43a543; } .tooltip-success + .tooltip.left .tooltip-arrow { border-left-color: #43a543; } .tooltip-success + .tooltip.bottom .tooltip-arrow { border-bottom-color: #43a543; } .tooltip-success + .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #43a543; } .tooltip-success + .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #43a543; } .tooltip-info + .tooltip .tooltip-inner { background-color: #31b0d5; } .tooltip-info + .tooltip.top .tooltip-arrow { border-top-color: #31b0d5; } .tooltip-info + .tooltip.top-left .tooltip-arrow { border-top-color: #31b0d5; } .tooltip-info + .tooltip.top-right .tooltip-arrow { border-top-color: #31b0d5; } .tooltip-info + .tooltip.right .tooltip-arrow { border-right-color: #31b0d5; } .tooltip-info + .tooltip.left .tooltip-arrow { border-left-color: #31b0d5; } .tooltip-info + .tooltip.bottom .tooltip-arrow { border-bottom-color: #31b0d5; } .tooltip-info + .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #31b0d5; } .tooltip-info + .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #31b0d5; } .modal-dialog { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -ms-animation-duration: 0.8s; animation-duration: 0.8s; } .modal-content { border: none; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .modal-content:before, .modal-content:after { content: " "; display: table; } .modal-content:after { clear: both; } .modal-header { background: #f8f8f8; padding: 12px 20px; border-top-right-radius: 2px; border-top-left-radius: 2px; } .modal-dialog .close { color: #555555; font-size: 20px; margin-top: 3px; } .modal-dialog .close.fa-times { font-size: 15px; margin-top: 2px; } .modal-footer { padding: 12px 20px; margin-top: 0; background: #fff; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } @media (min-width: 480px) { .modal-alert .modal-dialog { width: 350px; } } .modal-alert .modal-header, .modal-alert .modal-title, .modal-alert .modal-body, .modal-alert .modal-footer { background: none; border: none; margin: 0; padding: 0 20px; text-align: center !important; } .modal-alert .modal-header { color: #fff; margin-bottom: 20px; padding: 25px 0 18px 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); border-bottom: 4px solid rgba(0, 0, 0, 0.08); } .modal-alert .modal-header .fa { font-size: 90px; } .modal-alert .modal-title { font-size: 14px; font-weight: 600; margin-bottom: 3px; } .modal-alert .modal-body { color: #888; } .modal-alert .modal-footer { margin: 25px 0 20px 0; } .modal-alert.modal-info .modal-header { background: #5bc0de; } .modal-alert.modal-danger .modal-header { background: #e66454; } .modal-alert.modal-warning .modal-header { background: #f4b04f; } .modal-alert.modal-success .modal-header { background: #5ebd5e; } .panel-group .panel-heading { padding: 0; } .accordion-toggle { color: #555555; display: block; line-height: 22px; padding: 9px 35px 9px 20px; position: relative; } .accordion-toggle:hover, .accordion-toggle.collapsed:hover { background: rgba(0, 0, 0, 0.015); color: #555555; text-decoration: none; } .accordion-toggle:hover:after, .accordion-toggle.collapsed:hover:after { color: #888; } .accordion-toggle:after { color: #aaa; content: "\f146"; display: block; font-family: FontAwesome; font-size: 10px; line-height: 36px; position: absolute; top: 3px; right: 15px; } .accordion-toggle.collapsed { color: #777; } .accordion-toggle.collapsed:after { content: "\f0fe"; } .panel-group.panel-group-success .accordion-toggle { background: #5ebd5e; color: #ffffff; } .panel-group.panel-group-success .accordion-toggle:after, .panel-group.panel-group-success .accordion-toggle:hover:after, .panel-group.panel-group-success .accordion-toggle.collapsed:hover:after { color: #ffffff; } .panel-group.panel-group-success .panel, .panel-group.panel-group-success .panel-heading, .panel-group.panel-group-success .panel-body, .panel-group.panel-group-success.panel-group .panel-heading + .panel-collapse .panel-body { border-color: #5ebd5e; } .panel-group.panel-group-danger .accordion-toggle { background: #e66454; color: #ffffff; } .panel-group.panel-group-danger .accordion-toggle:after, .panel-group.panel-group-danger .accordion-toggle:hover:after, .panel-group.panel-group-danger .accordion-toggle.collapsed:hover:after { color: #ffffff; } .panel-group.panel-group-danger .panel, .panel-group.panel-group-danger .panel-heading, .panel-group.panel-group-danger .panel-body, .panel-group.panel-group-danger.panel-group .panel-heading + .panel-collapse .panel-body { border-color: #e66454; } .panel-group.panel-group-warning .accordion-toggle { background: #f4b04f; color: #ffffff; } .panel-group.panel-group-warning .accordion-toggle:after, .panel-group.panel-group-warning .accordion-toggle:hover:after, .panel-group.panel-group-warning .accordion-toggle.collapsed:hover:after { color: #ffffff; } .panel-group.panel-group-warning .panel, .panel-group.panel-group-warning .panel-heading, .panel-group.panel-group-warning .panel-body, .panel-group.panel-group-warning.panel-group .panel-heading + .panel-collapse .panel-body { border-color: #f4b04f; } .panel-group.panel-group-info .accordion-toggle { background: #5bc0de; color: #ffffff; } .panel-group.panel-group-info .accordion-toggle:after, .panel-group.panel-group-info .accordion-toggle:hover:after, .panel-group.panel-group-info .accordion-toggle.collapsed:hover:after { color: #ffffff; } .panel-group.panel-group-info .panel, .panel-group.panel-group-info .panel-heading, .panel-group.panel-group-info .panel-body, .panel-group.panel-group-info.panel-group .panel-heading + .panel-collapse .panel-body { border-color: #5bc0de; } .note { background: #fafafa; border-left: 3px solid #ddd; border-right: 0 solid #ddd; margin-bottom: 20px; padding: 20px; } .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 { margin-top: 0; } .note.note-success { border-color: #5ebd5e; background: #f4faf2; } .note.note-success h1, .note.note-success h2, .note.note-success h3, .note.note-success h4, .note.note-success h5, .note.note-success h6 { color: #5ebd5e; } .note.note-danger { border-color: #e66454; background: #fbf4f4; } .note.note-danger h1, .note.note-danger h2, .note.note-danger h3, .note.note-danger h4, .note.note-danger h5, .note.note-danger h6 { color: #e66454; } .note.note-warning { border-color: #f4b04f; background: #fbf7de; } .note.note-warning h1, .note.note-warning h2, .note.note-warning h3, .note.note-warning h4, .note.note-warning h5, .note.note-warning h6 { color: #f4b04f; } .note.note-info { border-color: #5bc0de; background: #f6fbfd; } .note.note-info h1, .note.note-info h2, .note.note-info h3, .note.note-info h4, .note.note-info h5, .note.note-info h6 { color: #5bc0de; } .counter, .counter-separated { display: inline-block; } .counter span, .counter-separated span { background: #444444; border: 1px solid #333; border-radius: 2px; color: #fff; display: block; float: left; font-size: 20px; font-weight: 700; line-height: 28px; padding: 0 6px; position: relative; text-align: center; } .counter span:before, .counter-separated span:before { background: #333; content: " "; display: block; font-size: 0px; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; } .counter.counter-sm span, .counter-separated.counter-sm span { font-size: 16px; line-height: 22px; padding: 0 4px; } .counter.counter-lg span, .counter-separated.counter-lg span { font-size: 24px; line-height: 34px; padding: 0 6px; } .counter-separated span { padding: 0 5px; } .counter-separated span + span { margin-left: 4px; } .counter-separated.counter-sm span { padding: 0 4px; } .counter-separated.counter-sm span + span { margin-left: 3px; } .btn-pa-purple { color: #ffffff; } .btn-pa-purple:focus { color: #fff; } .btn-pa-purple.btn-outline:focus { color: #555555; } .btn-pa-purple.btn-outline.dark:focus { color: #fff; color: rgba(255, 255, 255, 0.8); } .btn-pa-purple, .btn-pa-purple:focus { border-color: #78658b; border-bottom-color: #695879; background: #857198; background-image: -webkit-linear-gradient(top, #88749a 0%, #78658b 100%); background-image: linear-gradient(to bottom, #88749a 0%, #78658b 100%); background-repeat: repeat-x; } .btn-pa-purple:hover { color: #ffffff; border-color: #715e82; border-bottom-color: #574964; background: #78658b !important; background-image: -webkit-linear-gradient(top, #806b94 0%, #715e82 100%) !important; background-image: linear-gradient(to bottom, #806b94 0%, #715e82 100%) !important; background-repeat: repeat-x; } .btn-pa-purple:active, .btn-pa-purple.active, .open .btn-pa-purple.dropdown-toggle { background: none; background: #7b678e !important; border-color: #615170; border-bottom-color: #615170 !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-pa-purple.btn-flat { background: #7d6991; } .btn-pa-purple.btn-flat:hover, .btn-pa-purple.btn-flat:active, .btn-pa-purple.btn-flat.active, .open .btn-pa-purple.btn-flat.dropdown-toggle { background: #7d6991 !important; color: #ffffff; } .btn-pa-purple.btn-outline:hover, .btn-pa-purple.btn-outline.btn-flat:hover { color: #ffffff; border-color: #715e82; border-bottom-color: #574964; } .btn-pa-purple.btn-outline:active, .btn-pa-purple.btn-outline.btn-flat:active { border-color: #615170; } .btn-group .btn-pa-purple, .btn-group .btn-pa-purple:focus, .input-group-btn .btn-pa-purple, .input-group-btn .btn-pa-purple:focus { border-left-color: #715e82; border-right-color: #715e82; } .btn-group .btn-pa-purple:hover, .btn-group.open .btn-pa-purple.dropdown-toggle, .input-group-btn .btn-pa-purple:hover, .input-group-btn.open .btn-pa-purple.dropdown-toggle { border-color: #715e82; border-bottom-color: #574964; } .btn-group .btn-pa-purple:active, .btn-group .btn-pa-purple.active, .input-group-btn .btn-pa-purple:active, .input-group-btn .btn-pa-purple.active { border-left-color: #615170; border-right-color: #615170; } .badge.badge-pa-purple { background: #857198; border: 1px solid #857198; } .badge.badge-pa-purple[href]:hover, .badge.badge-pa-purple[href]:focus { background-color: #6b5a7c; border-color: #6b5a7c; } .label.label-pa-purple { background: #857198; } .label.label-pa-purple[href]:hover, .label.label-pa-purple[href]:focus { background-color: #6b5a7c; } .label.label-pa-purple.label-tag { border: 1px solid #857198; } .label.label-pa-purple.label-tag:before { border-color: transparent #857198 transparent transparent; } .label.label-pa-purple.label-tag[href]:hover, .label.label-pa-purple.label-tag[href]:focus { border-color: #6b5a7c; } .label.label-pa-purple.label-tag[href]:hover:before, .label.label-pa-purple.label-tag[href]:focus:before { border-color: transparent #6b5a7c transparent transparent; } .right-to-left .label.label-pa-purple.label-tag:before { border-color: transparent transparent transparent #857198; } .right-to-left .label.label-pa-purple.label-tag[href]:hover:before, .right-to-left .label.label-pa-purple.label-tag[href]:focus:before { border-color: transparent transparent transparent #6b5a7c; } .ie8 .right-to-left .label.label-pa-purple.label-tag:before, .ie9 .right-to-left .label.label-pa-purple.label-tag:before { border-color: transparent #857198 transparent transparent; } .ie8 .right-to-left .label.label-pa-purple.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-pa-purple.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-pa-purple.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-pa-purple.label-tag[href]:focus:before { border-color: transparent #6b5a7c transparent transparent; } .alert.alert-pa-purple { color: #fff; background: none; border-color: #6b5a7c; background-color: #857198; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .progress .progress-bar.progress-bar-pa-purple { background: #857198; border-color: #766388; } .progress.progress-striped .progress-bar.progress-bar-pa-purple { background-color: #857198; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .dropdown-menu.dropdown-menu-pa-purple > li > a:hover, .dropdown-menu.dropdown-menu-pa-purple > li.active > a { background: #857198; } .dropdown-menu.dropdown-menu-pa-purple > li > a:hover { color: #ffffff; } .nav-tabs.nav-tabs-pa-purple > li.active > a, .nav-tabs.nav-tabs-pa-purple > li.active > a:hover, .nav-tabs.nav-tabs-pa-purple > li.active > a:focus { background: #857198; border-bottom: 2px solid #78658b; } .nav-tabs.nav-tabs-pa-purple .nav-tabs.nav-justified > .active > a { border-bottom-color: #78658b; } .nav-pills.nav-pills-pa-purple > li.active > a, .nav-pills.nav-pills-pa-purple > li.active > a:hover, .nav-pills.nav-pills-pa-purple > li.active > a:focus { background: #857198; } .table-pa-purple table { border-top-color: #666567 !important; } .table-pa-purple thead, .table-pa-purple thead tr, .table-pa-purple thead th, .table-pa-purple .table-header { border-color: #666567 !important; color: #ffffff; } .table-pa-purple thead tr, .table-pa-purple thead th { background: #756c7e; } .table-pa-purple .table-header { background: #857198; } .list-group.list-group-pa-purple a.list-group-item.active { background: #857198; border-color: #857198; } .list-group.list-group-pa-purple a.list-group-item.active .list-group-item-text { color: #ebe7ee; } .panel.panel-pa-purple { border-color: #857198 !important; } .panel.panel-pa-purple .panel-heading { background: #857198; border-color: #857198; color: #fff; } .panel.panel-pa-purple .panel-heading .panel-title { color: #fff; } .panel.panel-pa-purple .panel-heading .panel-heading-text { color: #e6e1e9; } .panel.panel-pa-purple .panel-heading .panel-heading-text a { color: #e6e1e9; text-decoration: underline; } .panel.panel-pa-purple .panel-heading .panel-heading-text a:hover { color: #fff; } .panel.panel-pa-purple .panel-heading-controls li.active a, .panel.panel-pa-purple .panel-heading-controls li.active span { color: #857198 !important; } .panel.panel-pa-purple.panel-body-colorful .panel-heading, .panel.panel-pa-purple.panel-body-colorful table, .panel.panel-pa-purple.panel-body-colorful table tr, .panel.panel-pa-purple.panel-body-colorful table th, .panel.panel-pa-purple.panel-body-colorful table td, .panel.panel-pa-purple.panel-body-colorful .list-group-item { border-color: #9989a9; } .panel.panel-pa-purple.panel-body-colorful, .panel.panel-pa-purple.panel-body-colorful .panel-body, .panel.panel-pa-purple.panel-body-colorful .list-group-item { background: #857198; color: #fff; } .panel.panel-pa-purple.panel-body-colorful .panel-footer { background: #857198; border-color: #9989a9; color: #fff; } .popover-pa-purple + .popover .popover-title { background: #857198; border-bottom-color: #857198; color: #fff; } .popover-pa-purple.popover-colorful + .popover { background: #857198; border-color: #857198; color: #fff; } .popover-pa-purple.popover-colorful + .popover .popover-title { border-bottom-color: #9989a9; border-bottom-width: 2px; } .popover-pa-purple.popover-colorful + .popover.top .arrow:after { border-top-color: #857198; } .popover-pa-purple.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #857198; } .popover-pa-purple.popover-colorful + .popover.left .arrow:after { border-left-color: #857198; } .popover-pa-purple.popover-colorful + .popover.right .arrow:after { border-right-color: #857198; } .tooltip-pa-purple + .tooltip .tooltip-inner { background-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.top .tooltip-arrow { border-top-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.top-left .tooltip-arrow { border-top-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.top-right .tooltip-arrow { border-top-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.right .tooltip-arrow { border-right-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.left .tooltip-arrow { border-left-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.bottom .tooltip-arrow { border-bottom-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #6b5a7c; } .tooltip-pa-purple + .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #6b5a7c; } .panel-group.panel-group-pa-purple .accordion-toggle { background: #857198; color: #ffffff; } .panel-group.panel-group-pa-purple .accordion-toggle:after, .panel-group.panel-group-pa-purple .accordion-toggle:hover:after, .panel-group.panel-group-pa-purple .accordion-toggle.collapsed:hover:after { color: #ffffff; } .panel-group.panel-group-pa-purple .panel, .panel-group.panel-group-pa-purple .panel-heading, .panel-group.panel-group-pa-purple .panel-body, .panel-group.panel-group-pa-purple.panel-group .panel-heading + .panel-collapse .panel-body { border-color: #857198; } .switcher-pa-purple .switcher-state-on { background: #857198 !important; } .ui-slider.ui-slider-pa-purple .ui-slider-handle.ui-state-active:before { background: #857198; } .ui-slider.ui-slider-pa-purple .ui-slider-range { background: #857198; } .bg-pa-purple { background: #857198 !important; } .bg-pa-purple[href]:hover { background: #7d7089 !important; } .bg-pa-purple.darken { background: #7d7089 !important; } .bg-pa-purple.darken[href]:hover { background: #756a81 !important; } .bg-pa-purple.darker { background: #756a81 !important; } .bg-pa-purple.darker[href]:hover { background: #6e6378 !important; } .bg-pa-purple, .bg-pa-purple:hover, .bg-pa-purple:active, .bg-pa-purple:focus, .bg-pa-purple a, .bg-pa-purple a:focus { color: #ffffff; } .bg-pa-purple a:hover, .bg-pa-purple a:active { color: #d9d9d9; } .bg-pa-purple[href]:hover, .bg-pa-purple [href]:hover { color: #fff; } .bg-pa-purple * { border-color: #9786a7; } .text-pa-purple, .text-pa-purple:hover, .text-pa-purple:active, .text-pa-purple:focus, .text-pa-purple a, .text-pa-purple a:focus { color: #857198; } .text-pa-purple a:hover, .text-pa-purple a:active { color: #5f4f6d; } .btn-light-green { color: #ffffff; } .btn-light-green:focus { color: #fff; } .btn-light-green.btn-outline:focus { color: #555555; } .btn-light-green.btn-outline.dark:focus { color: #fff; color: rgba(255, 255, 255, 0.8); } .btn-light-green, .btn-light-green:focus { border-color: #98c66b; border-bottom-color: #89bd54; background: #a5cd7d; background-image: -webkit-linear-gradient(top, #a8ce81 0%, #98c66b 100%); background-image: linear-gradient(to bottom, #a8ce81 0%, #98c66b 100%); background-repeat: repeat-x; } .btn-light-green:hover { color: #ffffff; border-color: #91c260; border-bottom-color: #77ac42; background: #98c66b !important; background-image: -webkit-linear-gradient(top, #a0ca76 0%, #91c260 100%) !important; background-image: linear-gradient(to bottom, #a0ca76 0%, #91c260 100%) !important; background-repeat: repeat-x; } .btn-light-green:active, .btn-light-green.active, .open .btn-light-green.dropdown-toggle { background: none; background: #9bc76e !important; border-color: #81b949; border-bottom-color: #81b949 !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-light-green.btn-flat { background: #9dc972; } .btn-light-green.btn-flat:hover, .btn-light-green.btn-flat:active, .btn-light-green.btn-flat.active, .open .btn-light-green.btn-flat.dropdown-toggle { background: #9dc972 !important; color: #ffffff; } .btn-light-green.btn-outline:hover, .btn-light-green.btn-outline.btn-flat:hover { color: #ffffff; border-color: #91c260; border-bottom-color: #77ac42; } .btn-light-green.btn-outline:active, .btn-light-green.btn-outline.btn-flat:active { border-color: #81b949; } .btn-group .btn-light-green, .btn-group .btn-light-green:focus, .input-group-btn .btn-light-green, .input-group-btn .btn-light-green:focus { border-left-color: #91c260; border-right-color: #91c260; } .btn-group .btn-light-green:hover, .btn-group.open .btn-light-green.dropdown-toggle, .input-group-btn .btn-light-green:hover, .input-group-btn.open .btn-light-green.dropdown-toggle { border-color: #91c260; border-bottom-color: #77ac42; } .btn-group .btn-light-green:active, .btn-group .btn-light-green.active, .input-group-btn .btn-light-green:active, .input-group-btn .btn-light-green.active { border-left-color: #81b949; border-right-color: #81b949; } .badge.badge-light-green { background: #a5cd7d; border: 1px solid #a5cd7d; } .badge.badge-light-green[href]:hover, .badge.badge-light-green[href]:focus { background-color: #8cbf58; border-color: #8cbf58; } .label.label-light-green { background: #a5cd7d; } .label.label-light-green[href]:hover, .label.label-light-green[href]:focus { background-color: #8cbf58; } .label.label-light-green.label-tag { border: 1px solid #a5cd7d; } .label.label-light-green.label-tag:before { border-color: transparent #a5cd7d transparent transparent; } .label.label-light-green.label-tag[href]:hover, .label.label-light-green.label-tag[href]:focus { border-color: #8cbf58; } .label.label-light-green.label-tag[href]:hover:before, .label.label-light-green.label-tag[href]:focus:before { border-color: transparent #8cbf58 transparent transparent; } .right-to-left .label.label-light-green.label-tag:before { border-color: transparent transparent transparent #a5cd7d; } .right-to-left .label.label-light-green.label-tag[href]:hover:before, .right-to-left .label.label-light-green.label-tag[href]:focus:before { border-color: transparent transparent transparent #8cbf58; } .ie8 .right-to-left .label.label-light-green.label-tag:before, .ie9 .right-to-left .label.label-light-green.label-tag:before { border-color: transparent #a5cd7d transparent transparent; } .ie8 .right-to-left .label.label-light-green.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-light-green.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-light-green.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-light-green.label-tag[href]:focus:before { border-color: transparent #8cbf58 transparent transparent; } .alert.alert-light-green { color: #fff; background: none; border-color: #8cbf58; background-color: #a5cd7d; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .progress .progress-bar.progress-bar-light-green { background: #a5cd7d; border-color: #96c467; } .progress.progress-striped .progress-bar.progress-bar-light-green { background-color: #a5cd7d; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .dropdown-menu.dropdown-menu-light-green > li > a:hover, .dropdown-menu.dropdown-menu-light-green > li.active > a { background: #a5cd7d; } .dropdown-menu.dropdown-menu-light-green > li > a:hover { color: #ffffff; } .nav-tabs.nav-tabs-light-green > li.active > a, .nav-tabs.nav-tabs-light-green > li.active > a:hover, .nav-tabs.nav-tabs-light-green > li.active > a:focus { background: #a5cd7d; border-bottom: 2px solid #98c66b; } .nav-tabs.nav-tabs-light-green .nav-tabs.nav-justified > .active > a { border-bottom-color: #98c66b; } .nav-pills.nav-pills-light-green > li.active > a, .nav-pills.nav-pills-light-green > li.active > a:hover, .nav-pills.nav-pills-light-green > li.active > a:focus { background: #a5cd7d; } .table-light-green table { border-top-color: #86aa63 !important; } .table-light-green thead, .table-light-green thead tr, .table-light-green thead th, .table-light-green .table-header { border-color: #86aa63 !important; color: #ffffff; } .table-light-green thead tr, .table-light-green thead th { background: #96bc6f; } .table-light-green .table-header { background: #a5cd7d; } .list-group.list-group-light-green a.list-group-item.active { background: #a5cd7d; border-color: #a5cd7d; } .list-group.list-group-light-green a.list-group-item.active .list-group-item-text { color: #ffffff; } .panel.panel-light-green { border-color: #a5cd7d !important; } .panel.panel-light-green .panel-heading { background: #a5cd7d; border-color: #a5cd7d; color: #fff; } .panel.panel-light-green .panel-heading .panel-title { color: #fff; } .panel.panel-light-green .panel-heading .panel-heading-text { color: #ffffff; } .panel.panel-light-green .panel-heading .panel-heading-text a { color: #ffffff; text-decoration: underline; } .panel.panel-light-green .panel-heading .panel-heading-text a:hover { color: #fff; } .panel.panel-light-green .panel-heading-controls li.active a, .panel.panel-light-green .panel-heading-controls li.active span { color: #a5cd7d !important; } .panel.panel-light-green.panel-body-colorful .panel-heading, .panel.panel-light-green.panel-body-colorful table, .panel.panel-light-green.panel-body-colorful table tr, .panel.panel-light-green.panel-body-colorful table th, .panel.panel-light-green.panel-body-colorful table td, .panel.panel-light-green.panel-body-colorful .list-group-item { border-color: #b9d89a; } .panel.panel-light-green.panel-body-colorful, .panel.panel-light-green.panel-body-colorful .panel-body, .panel.panel-light-green.panel-body-colorful .list-group-item { background: #a5cd7d; color: #fff; } .panel.panel-light-green.panel-body-colorful .panel-footer { background: #a5cd7d; border-color: #b9d89a; color: #fff; } .popover-light-green + .popover .popover-title { background: #a5cd7d; border-bottom-color: #a5cd7d; color: #fff; } .popover-light-green.popover-colorful + .popover { background: #a5cd7d; border-color: #a5cd7d; color: #fff; } .popover-light-green.popover-colorful + .popover .popover-title { border-bottom-color: #b9d89a; border-bottom-width: 2px; } .popover-light-green.popover-colorful + .popover.top .arrow:after { border-top-color: #a5cd7d; } .popover-light-green.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #a5cd7d; } .popover-light-green.popover-colorful + .popover.left .arrow:after { border-left-color: #a5cd7d; } .popover-light-green.popover-colorful + .popover.right .arrow:after { border-right-color: #a5cd7d; } .tooltip-light-green + .tooltip .tooltip-inner { background-color: #8cbf58; } .tooltip-light-green + .tooltip.top .tooltip-arrow { border-top-color: #8cbf58; } .tooltip-light-green + .tooltip.top-left .tooltip-arrow { border-top-color: #8cbf58; } .tooltip-light-green + .tooltip.top-right .tooltip-arrow { border-top-color: #8cbf58; } .tooltip-light-green + .tooltip.right .tooltip-arrow { border-right-color: #8cbf58; } .tooltip-light-green + .tooltip.left .tooltip-arrow { border-left-color: #8cbf58; } .tooltip-light-green + .tooltip.bottom .tooltip-arrow { border-bottom-color: #8cbf58; } .tooltip-light-green + .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #8cbf58; } .tooltip-light-green + .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #8cbf58; } .panel-group.panel-group-light-green .accordion-toggle { background: #a5cd7d; color: #ffffff; } .panel-group.panel-group-light-green .accordion-toggle:after, .panel-group.panel-group-light-green .accordion-toggle:hover:after, .panel-group.panel-group-light-green .accordion-toggle.collapsed:hover:after { color: #ffffff; } .panel-group.panel-group-light-green .panel, .panel-group.panel-group-light-green .panel-heading, .panel-group.panel-group-light-green .panel-body, .panel-group.panel-group-light-green.panel-group .panel-heading + .panel-collapse .panel-body { border-color: #a5cd7d; } .switcher-light-green .switcher-state-on { background: #a5cd7d !important; } .ui-slider.ui-slider-light-green .ui-slider-handle.ui-state-active:before { background: #a5cd7d; } .ui-slider.ui-slider-light-green .ui-slider-range { background: #a5cd7d; } .bg-light-green { background: #a5cd7d !important; } .bg-light-green[href]:hover { background: #9dc378 !important; } .bg-light-green.darken { background: #9dc378 !important; } .bg-light-green.darken[href]:hover { background: #96be6d !important; } .bg-light-green.darker { background: #96be6d !important; } .bg-light-green.darker[href]:hover { background: #8eb963 !important; } .bg-light-green, .bg-light-green:hover, .bg-light-green:active, .bg-light-green:focus, .bg-light-green a, .bg-light-green a:focus { color: #ffffff; } .bg-light-green a:hover, .bg-light-green a:active { color: #d9d9d9; } .bg-light-green[href]:hover, .bg-light-green [href]:hover { color: #fff; } .bg-light-green * { border-color: #b7d797; } .text-light-green, .text-light-green:hover, .text-light-green:active, .text-light-green:focus, .text-light-green a, .text-light-green a:focus { color: #a5cd7d; } .text-light-green a:hover, .text-light-green a:active { color: #7fb746; } .btn-dark-gray { color: #ffffff; } .btn-dark-gray:focus { color: #fff; } .btn-dark-gray.btn-outline:focus { color: #555555; } .btn-dark-gray.btn-outline.dark:focus { color: #fff; color: rgba(255, 255, 255, 0.8); } .btn-dark-gray, .btn-dark-gray:focus { border-color: #2d2d30; border-bottom-color: #1e1e20; background: #39393d; background-image: -webkit-linear-gradient(top, #3b3b40 0%, #2d2d30 100%); background-image: linear-gradient(to bottom, #3b3b40 0%, #2d2d30 100%); background-repeat: repeat-x; } .btn-dark-gray:hover { color: #ffffff; border-color: #252528; border-bottom-color: #0d0d0e; background: #2d2d30 !important; background-image: -webkit-linear-gradient(top, #343438 0%, #252528 100%) !important; background-image: linear-gradient(to bottom, #343438 0%, #252528 100%) !important; background-repeat: repeat-x; } .btn-dark-gray:active, .btn-dark-gray.active, .open .btn-dark-gray.dropdown-toggle { background: none; background: #2f2f32 !important; border-color: #171718; border-bottom-color: #171718 !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-dark-gray.btn-flat { background: #323235; } .btn-dark-gray.btn-flat:hover, .btn-dark-gray.btn-flat:active, .btn-dark-gray.btn-flat.active, .open .btn-dark-gray.btn-flat.dropdown-toggle { background: #323235 !important; color: #ffffff; } .btn-dark-gray.btn-outline:hover, .btn-dark-gray.btn-outline.btn-flat:hover { color: #ffffff; border-color: #252528; border-bottom-color: #0d0d0e; } .btn-dark-gray.btn-outline:active, .btn-dark-gray.btn-outline.btn-flat:active { border-color: #171718; } .btn-group .btn-dark-gray, .btn-group .btn-dark-gray:focus, .input-group-btn .btn-dark-gray, .input-group-btn .btn-dark-gray:focus { border-left-color: #252528; border-right-color: #252528; } .btn-group .btn-dark-gray:hover, .btn-group.open .btn-dark-gray.dropdown-toggle, .input-group-btn .btn-dark-gray:hover, .input-group-btn.open .btn-dark-gray.dropdown-toggle { border-color: #252528; border-bottom-color: #0d0d0e; } .btn-group .btn-dark-gray:active, .btn-group .btn-dark-gray.active, .input-group-btn .btn-dark-gray:active, .input-group-btn .btn-dark-gray.active { border-left-color: #171718; border-right-color: #171718; } .badge.badge-dark-gray { background: #39393d; border: 1px solid #39393d; } .badge.badge-dark-gray[href]:hover, .badge.badge-dark-gray[href]:focus { background-color: #202023; border-color: #202023; } .label.label-dark-gray { background: #39393d; } .label.label-dark-gray[href]:hover, .label.label-dark-gray[href]:focus { background-color: #202023; } .label.label-dark-gray.label-tag { border: 1px solid #39393d; } .label.label-dark-gray.label-tag:before { border-color: transparent #39393d transparent transparent; } .label.label-dark-gray.label-tag[href]:hover, .label.label-dark-gray.label-tag[href]:focus { border-color: #202023; } .label.label-dark-gray.label-tag[href]:hover:before, .label.label-dark-gray.label-tag[href]:focus:before { border-color: transparent #202023 transparent transparent; } .right-to-left .label.label-dark-gray.label-tag:before { border-color: transparent transparent transparent #39393d; } .right-to-left .label.label-dark-gray.label-tag[href]:hover:before, .right-to-left .label.label-dark-gray.label-tag[href]:focus:before { border-color: transparent transparent transparent #202023; } .ie8 .right-to-left .label.label-dark-gray.label-tag:before, .ie9 .right-to-left .label.label-dark-gray.label-tag:before { border-color: transparent #39393d transparent transparent; } .ie8 .right-to-left .label.label-dark-gray.label-tag[href]:hover:before, .ie8 .right-to-left .label.label-dark-gray.label-tag[href]:focus:before, .ie9 .right-to-left .label.label-dark-gray.label-tag[href]:hover:before, .ie9 .right-to-left .label.label-dark-gray.label-tag[href]:focus:before { border-color: transparent #202023 transparent transparent; } .alert.alert-dark-gray { color: #fff; background: none; border-color: #202023; background-color: #39393d; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; } .progress .progress-bar.progress-bar-dark-gray { background: #39393d; border-color: #2a2a2d; } .progress.progress-striped .progress-bar.progress-bar-dark-gray { background-color: #39393d; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .dropdown-menu.dropdown-menu-dark-gray > li > a:hover, .dropdown-menu.dropdown-menu-dark-gray > li.active > a { background: #39393d; } .dropdown-menu.dropdown-menu-dark-gray > li > a:hover { color: #ffffff; } .nav-tabs.nav-tabs-dark-gray > li.active > a, .nav-tabs.nav-tabs-dark-gray > li.active > a:hover, .nav-tabs.nav-tabs-dark-gray > li.active > a:focus { background: #39393d; border-bottom: 2px solid #2d2d30; } .nav-tabs.nav-tabs-dark-gray .nav-tabs.nav-justified > .active > a { border-bottom-color: #2d2d30; } .nav-pills.nav-pills-dark-gray > li.active > a, .nav-pills.nav-pills-dark-gray > li.active > a:hover, .nav-pills.nav-pills-dark-gray > li.active > a:focus { background: #39393d; } .table-dark-gray table { border-top-color: #1c1c1c !important; } .table-dark-gray thead, .table-dark-gray thead tr, .table-dark-gray thead th, .table-dark-gray .table-header { border-color: #1c1c1c !important; color: #ffffff; } .table-dark-gray thead tr, .table-dark-gray thead th { background: #2c2c2c; } .table-dark-gray .table-header { background: #39393d; } .list-group.list-group-dark-gray a.list-group-item.active { background: #39393d; border-color: #39393d; } .list-group.list-group-dark-gray a.list-group-item.active .list-group-item-text { color: #9e9ea4; } .panel.panel-dark-gray { border-color: #39393d !important; } .panel.panel-dark-gray .panel-heading { background: #39393d; border-color: #39393d; color: #fff; } .panel.panel-dark-gray .panel-heading .panel-title { color: #fff; } .panel.panel-dark-gray .panel-heading .panel-heading-text { color: #99999f; } .panel.panel-dark-gray .panel-heading .panel-heading-text a { color: #99999f; text-decoration: underline; } .panel.panel-dark-gray .panel-heading .panel-heading-text a:hover { color: #fff; } .panel.panel-dark-gray .panel-heading-controls li.active a, .panel.panel-dark-gray .panel-heading-controls li.active span { color: #39393d !important; } .panel.panel-dark-gray.panel-body-colorful .panel-heading, .panel.panel-dark-gray.panel-body-colorful table, .panel.panel-dark-gray.panel-body-colorful table tr, .panel.panel-dark-gray.panel-body-colorful table th, .panel.panel-dark-gray.panel-body-colorful table td, .panel.panel-dark-gray.panel-body-colorful .list-group-item { border-color: #4d4d52; } .panel.panel-dark-gray.panel-body-colorful, .panel.panel-dark-gray.panel-body-colorful .panel-body, .panel.panel-dark-gray.panel-body-colorful .list-group-item { background: #39393d; color: #fff; } .panel.panel-dark-gray.panel-body-colorful .panel-footer { background: #39393d; border-color: #4d4d52; color: #fff; } .popover-dark-gray + .popover .popover-title { background: #39393d; border-bottom-color: #39393d; color: #fff; } .popover-dark-gray.popover-colorful + .popover { background: #39393d; border-color: #39393d; color: #fff; } .popover-dark-gray.popover-colorful + .popover .popover-title { border-bottom-color: #4d4d52; border-bottom-width: 2px; } .popover-dark-gray.popover-colorful + .popover.top .arrow:after { border-top-color: #39393d; } .popover-dark-gray.popover-colorful + .popover.bottom .arrow:after { border-bottom-color: #39393d; } .popover-dark-gray.popover-colorful + .popover.left .arrow:after { border-left-color: #39393d; } .popover-dark-gray.popover-colorful + .popover.right .arrow:after { border-right-color: #39393d; } .tooltip-dark-gray + .tooltip .tooltip-inner { background-color: #202023; } .tooltip-dark-gray + .tooltip.top .tooltip-arrow { border-top-color: #202023; } .tooltip-dark-gray + .tooltip.top-left .tooltip-arrow { border-top-color: #202023; } .tooltip-dark-gray + .tooltip.top-right .tooltip-arrow { border-top-color: #202023; } .tooltip-dark-gray + .tooltip.right .tooltip-arrow { border-right-color: #202023; } .tooltip-dark-gray + .tooltip.left .tooltip-arrow { border-left-color: #202023; } .tooltip-dark-gray + .tooltip.bottom .tooltip-arrow { border-bottom-color: #202023; } .tooltip-dark-gray + .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #202023; } .tooltip-dark-gray + .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #202023; } .panel-group.panel-group-dark-gray .accordion-toggle { background: #39393d; color: #ffffff; } .panel-group.panel-group-dark-gray .accordion-toggle:after, .panel-group.panel-group-dark-gray .accordion-toggle:hover:after, .panel-group.panel-group-dark-gray .accordion-toggle.collapsed:hover:after { color: #ffffff; } .panel-group.panel-group-dark-gray .panel, .panel-group.panel-group-dark-gray .panel-heading, .panel-group.panel-group-dark-gray .panel-body, .panel-group.panel-group-dark-gray.panel-group .panel-heading + .panel-collapse .panel-body { border-color: #39393d; } .switcher-dark-gray .switcher-state-on { background: #39393d !important; } .ui-slider.ui-slider-dark-gray .ui-slider-handle.ui-state-active:before { background: #39393d; } .ui-slider.ui-slider-dark-gray .ui-slider-range { background: #39393d; } .bg-dark-gray { background: #39393d !important; } .bg-dark-gray[href]:hover { background: #333333 !important; } .bg-dark-gray.darken { background: #333333 !important; } .bg-dark-gray.darken[href]:hover { background: #2c2c2c !important; } .bg-dark-gray.darker { background: #2c2c2c !important; } .bg-dark-gray.darker[href]:hover { background: #242424 !important; } .bg-dark-gray, .bg-dark-gray:hover, .bg-dark-gray:active, .bg-dark-gray:focus, .bg-dark-gray a, .bg-dark-gray a:focus { color: #ffffff; } .bg-dark-gray a:hover, .bg-dark-gray a:active { color: #d9d9d9; } .bg-dark-gray[href]:hover, .bg-dark-gray [href]:hover { color: #fff; } .bg-dark-gray * { border-color: #4a4a4f; } .text-dark-gray, .text-dark-gray:hover, .text-dark-gray:active, .text-dark-gray:focus, .text-dark-gray a, .text-dark-gray a:focus { color: #39393d; } .text-dark-gray a:hover, .text-dark-gray a:active { color: #141415; } .btn-facebook { color: #ffffff; } .btn-facebook:focus { color: #fff; } .btn-facebook.btn-outline:focus { color: #555555; } .btn-facebook.btn-outline.dark:focus { color: #fff; color: rgba(255, 255, 255, 0.8); } .btn-facebook, .btn-facebook:focus { border-color: #4c669c; border-bottom-color: #425887; background: #5571ac; background-image: -webkit-linear-gradient(top, #5874ae 0%, #4c669c 100%); background-image: linear-gradient(to bottom, #5874ae 0%, #4c669c 100%); background-repeat: repeat-x; } .btn-facebook:hover { color: #ffffff; border-color: #475f91; border-bottom-color: #36486f; background: #4c669c !important; background-image: -webkit-linear-gradient(top, #516ca6 0%, #475f91 100%) !important; background-image: linear-gradient(to bottom, #516ca6 0%, #475f91 100%) !important; background-repeat: repeat-x; } .btn-facebook:active, .btn-facebook.active, .open .btn-facebook.dropdown-toggle { background: none; background: #4e689f !important; border-color: #3d517d; border-bottom-color: #3d517d !important; color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .btn-facebook.btn-flat { background: #4f6aa2; } .btn-facebook.btn-flat:hover, .btn-facebook.btn-flat:active, .btn-facebook.btn-flat.active, .open .btn-facebook.btn-flat.dropdown-toggle { background: #4f6aa2 !important; color: #ffffff; } .btn-facebook.btn-outline:hover, .btn-facebook.btn-outline.btn-flat:hover { color: #ffffff; border-color: #475f91; border-bottom-color: #36486f; } .btn-facebook.btn-outline:active, .btn-facebook.btn-outline.btn-flat:active { border-color: #3d517d; } .btn-group .btn-facebook, .btn-group .btn-facebook:focus, .input-group-btn .btn-facebook, .input-group-btn .btn-facebook:focus { border-left-color: #475f91; border-right-color: #475f91; } .btn-group .btn-facebook:hover, .btn-group.open .btn-facebook.dropdown-toggle, .input-group-btn .btn-facebook:hover, .input-group-btn.open .btn-facebook.dropdown-toggle { border-color: #475f91; border-bottom-color: #36486f; } .btn-group .btn-facebook:active, .btn-group .btn-facebook.active, .input-group-btn .btn-facebook:active, .input-group-btn .btn-facebook.active { border-left-color: #3d517d; border-right-color: #3d517d; } .stat-panel { background: #fff; border-radius: 2px; display: table; margin-bottom: 22px; overflow: hidden; position: relative; table-layout: fixed !important; width: 100%; } .stat-rows { display: table; height: 100%; table-layout: fixed !important; width: 100%; } .stat-cell, .stat-row { float: none !important; } .stat-row { display: table-row !important; float: none; width: 100%; } .stat-cell { display: table-cell !important; overflow: hidden; padding: 20px; position: relative; } .stat-cell > * { position: relative; } .stat-cell .fa { line-height: 1.42857143; } .stat-cell .bg-icon { bottom: 0; color: rgba(0, 0, 0, 0.05); font-size: 100px; line-height: 100px; height: 100px; position: absolute; right: 0; text-align: center; width: 120px; } .stat-cell .bg-icon.bg-icon-left { left: 0; right: auto; } a.stat-cell:hover { text-decoration: none; } .stats-sparklines { display: inline-block; margin-bottom: -2px; position: relative; width: 100%; } .stat-counters { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; display: table; overflow: hidden; table-layout: fixed; width: 100%; } .stat-counters > .stat-cell { display: table-cell; float: none; } .stat-counters > .stat-cell + .stat-cell { border-left: 1px solid #e4e4e4; } .stat-counters[class*='bg-'] { border-color: #fff; border-color: rgba(0, 0, 0, 0.2); } .stat-counters[class*='bg-'] .stat-cell { border-color: #fff; border-color: rgba(0, 0, 0, 0.2); } [class*='bg-'] .bg-icon { color: rgba(0, 0, 0, 0.08); } .ie8 .stat-cell .bg-icon { display: none !important; } .bordered { border: 1px solid #e4e4e4; } .bordered[class*='bg-'], [class*='bg-'] .border-t { border-color: #fff; border-color: rgba(0, 0, 0, 0.2); } .border-t { border-top: 1px solid #e4e4e4; } .no-border { border-width: 0 !important; } .no-border-hr { border-left-width: 0 !important; border-right-width: 0 !important; } .no-border-vr { border-top-width: 0 !important; border-bottom-width: 0 !important; } .no-border-t { border-top-width: 0 !important; } body:not(.right-to-left) .no-border-r { border-right-width: 0 !important; } .no-border-b { border-bottom-width: 0 !important; } body:not(.right-to-left) .no-border-l { border-left-width: 0 !important; } .no-grid-gutter-h { margin-left: -18px !important; margin-right: -18px !important; } .panel-wide { margin-left: -20px !important; margin-right: -20px !important; } .grid-gutter-margin-b { margin-bottom: 22px; } .no-margin { margin: 0 !important; } .no-margin-hr { margin-left: 0 !important; margin-right: 0 !important; } .no-margin-vr { margin-top: 0 !important; margin-bottom: 0 !important; } .no-margin-b { margin-bottom: 0 !important; } .no-margin-t { margin-top: 0 !important; } .form-group-margin { margin-bottom: 15px !important; } .panel-padding { padding: 20px !important; } .grid-gutter-padding-h { padding-left: 18px; padding-right: 18px; } .tab-content-padding { padding: 15px 0 !important; } .panel-padding-h { padding-left: 20px !important; padding-right: 20px !important; } .padding-sm { padding: 10px 15px !important; } .padding-sm-hr { padding-left: 15px !important; padding-right: 15px !important; } .padding-xs-hr { padding-left: 10px !important; padding-right: 10px !important; } .padding-sm-vr { padding-top: 15px !important; padding-bottom: 15px !important; } .padding-xs-vr { padding-top: 10px !important; padding-bottom: 10px !important; } .no-padding { padding: 0 !important; } .no-padding-hr { padding-left: 0 !important; padding-right: 0 !important; } .no-padding-vr { padding-top: 0 !important; padding-bottom: 0 !important; } .no-padding-b { padding-bottom: 0 !important; } .no-padding-t { padding-top: 0 !important; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } @media (min-width: 768px) { .text-left-sm { text-align: left; } .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } } @media (min-width: 992px) { .text-left-md { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } } @media (min-width: 1200px) { .text-left-lg { text-align: left; } .text-center-lg { text-align: center; } .text-right-lg { text-align: right; } } .valign-top, .valign-top td, .valign-top th { vertical-align: top !important; } .valign-middle, .valign-middle td, .valign-middle th { vertical-align: middle !important; } .valign-bottom, .valign-bottom td, .valign-bottom th { vertical-align: bottom !important; } .text-xs { font-size: 11px; } .text-sm { font-size: 12px; } .text-bg { font-size: 17px; } .text-lg { font-size: 23px; } .text-xlg { font-size: 30px; } .text-slg { font-size: 50px; } .text-slim { font-weight: 300 !important; } .text-normal { font-weight: 400 !important; } .text-semibold { font-weight: 600 !important; } .text-bold { font-weight: 700 !important; } .text-default, .text-default:hover, .text-default:active, .text-default:focus, .text-default a, .text-default a:focus { color: #829091; } .text-default a:hover, .text-default a:active { color: #5d6869; } .text-success, .text-success:hover, .text-success:active, .text-success:focus, .text-success a, .text-success a:focus { color: #46ac46; } .text-success a:hover, .text-success a:active { color: #307630; } .text-danger, .text-danger:hover, .text-danger:active, .text-danger:focus, .text-danger a, .text-danger a:focus { color: #e14430; } .text-danger a:hover, .text-danger a:active { color: #ac2919; } .text-warning, .text-warning:hover, .text-warning:active, .text-warning:focus, .text-warning a, .text-warning a:focus { color: #f29f29; } .text-warning a:hover, .text-warning a:active { color: #c2770c; } .text-info, .text-info:hover, .text-info:active, .text-info:focus, .text-info a, .text-info a:focus { color: #39b3d7; } .text-info a:hover, .text-info a:active { color: #2185a3; } .text-light-gray, .text-light-gray:hover, .text-light-gray:active, .text-light-gray:focus, .text-light-gray a, .text-light-gray a:focus { color: #bbbbbb; } .text-light-gray a:hover, .text-light-gray a:active { color: #959595; } .bg-default { background: #98a3a4 !important; } .bg-default[href]:hover { background: #969797 !important; } .bg-default.darken { background: #969797 !important; } .bg-default.darken[href]:hover { background: #8e8f8f !important; } .bg-default.darker { background: #8e8f8f !important; } .bg-default.darker[href]:hover { background: #878787 !important; } .bg-default, .bg-default:hover, .bg-default:active, .bg-default:focus, .bg-default a, .bg-default a:focus { color: #ffffff; } .bg-default a:hover, .bg-default a:active { color: #d9d9d9; } .bg-default[href]:hover, .bg-default [href]:hover { color: #fff; } .bg-default * { border-color: #abb4b5; } .bg-success { background: #5ebd5e !important; } .bg-success[href]:hover { background: #5ab15a !important; } .bg-success.darken { background: #5ab15a !important; } .bg-success.darken[href]:hover { background: #51ab51 !important; } .bg-success.darker { background: #51ab51 !important; } .bg-success.darker[href]:hover { background: #4ca14c !important; } .bg-success, .bg-success:hover, .bg-success:active, .bg-success:focus, .bg-success a, .bg-success a:focus { color: #ffffff; } .bg-success a:hover, .bg-success a:active { color: #d9d9d9; } .bg-success[href]:hover, .bg-success [href]:hover { color: #fff; } .bg-success * { border-color: #77c777; } .bg-danger { background: #e66454 !important; } .bg-danger[href]:hover { background: #de5d4d !important; } .bg-danger.darken { background: #de5d4d !important; } .bg-danger.darken[href]:hover { background: #db5140 !important; } .bg-danger.darker { background: #db5140 !important; } .bg-danger.darker[href]:hover { background: #d94533 !important; } .bg-danger, .bg-danger:hover, .bg-danger:active, .bg-danger:focus, .bg-danger a, .bg-danger a:focus { color: #ffffff; } .bg-danger a:hover, .bg-danger a:active { color: #d9d9d9; } .bg-danger[href]:hover, .bg-danger [href]:hover { color: #fff; } .bg-danger * { border-color: #eb8073; } .bg-warning { background: #f4b04f !important; } .bg-warning[href]:hover { background: #eda847 !important; } .bg-warning.darken { background: #eda847 !important; } .bg-warning.darken[href]:hover { background: #eca239 !important; } .bg-warning.darker { background: #eca239 !important; } .bg-warning.darker[href]:hover { background: #ea9b2b !important; } .bg-warning, .bg-warning:hover, .bg-warning:active, .bg-warning:focus, .bg-warning a, .bg-warning a:focus { color: #ffffff; } .bg-warning a:hover, .bg-warning a:active { color: #d9d9d9; } .bg-warning[href]:hover, .bg-warning [href]:hover { color: #fff; } .bg-warning * { border-color: #f6bf71; } .bg-info { background: #5bc0de !important; } .bg-info[href]:hover { background: #55b8d5 !important; } .bg-info.darken { background: #55b8d5 !important; } .bg-info.darken[href]:hover { background: #48b3d2 !important; } .bg-info.darker { background: #48b3d2 !important; } .bg-info.darker[href]:hover { background: #3cadcf !important; } .bg-info, .bg-info:hover, .bg-info:active, .bg-info:focus, .bg-info a, .bg-info a:focus { color: #ffffff; } .bg-info a:hover, .bg-info a:active { color: #d9d9d9; } .bg-info[href]:hover, .bg-info [href]:hover { color: #fff; } .bg-info * { border-color: #79cbe4; } .bg-panel { background: #fafafa; } .no-bg { background: none !important; } .rounded { border-radius: 999999px !important; } .no-border-radius { border-radius: 0 !important; } @media (min-width: 768px) { .col-sm-auto { width: auto; } } @media (min-width: 992px) { .col-md-auto { width: auto; } } @media (min-width: 1200px) { .col-lg-auto { width: auto; } } #main-navbar .navbar-brand { font-size: 13px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.2s; transition: all 0.2s; } #main-navbar .navbar-brand:hover { opacity: 0.8; filter: alpha(opacity=80); } #main-navbar .navbar-brand div { display: inline-block; position: relative; margin-right: 4px; top: 4px; } #main-navbar .navbar-brand div, #main-navbar .navbar-brand div img { height: 18px; width: 18px; } #main-navbar .navbar-brand div img { display: block; } .right-to-left #main-navbar .navbar-brand div { margin-right: 0; margin-left: 4px; } #menu-content-demo { white-space: nowrap !important; position: relative; padding-left: 86px !important; } #menu-content-demo img { width: 54px; height: 54px; display: block; position: absolute; left: -68px; top: 1px; border-radius: 999999px; } #menu-content-demo .text-bg { color: #fff; margin-bottom: 6px; } #menu-content-demo .btn { width: 26px !important; height: 22px; line-height: 20px; text-align: center; padding: 0; display: inline-block !important; opacity: .8; -webkit-transition: all 0.1s; transition: all 0.1s; } #menu-content-demo .btn:hover { opacity: 1; } #menu-content-demo > div { margin: 6px 0; position: relative; } #menu-content-demo .close { position: absolute; top: -15px; right: -5px; text-shadow: none; color: #fff; color: rgba(255, 255, 255, 0.2); opacity: 1; font-weight: 300; font-size: 18px; -webkit-transition: all 0.2s; transition: all 0.2s; } #menu-content-demo .close:hover { color: #fff; } .theme-clean #menu-content-demo .text-bg, .theme-white #menu-content-demo .text-bg { color: #444; } .theme-clean #menu-content-demo .close, .theme-white #menu-content-demo .close { color: #ccc; } .theme-clean #menu-content-demo .close:hover, .theme-white #menu-content-demo .close:hover { color: #888; } .right-to-left #menu-content-demo { padding-left: 20px !important; padding-right: 86px !important; } .right-to-left #menu-content-demo img { left: auto; right: -68px; } .right-to-left #menu-content-demo .close { left: -20px; right: auto; } @media (min-width: 480px) { #menu-content-demo > div { width: 120px; } #menu-content-demo .close { right: -20px; } } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-slider { background: #d7d7d7; border-radius: 20px; position: relative; text-align: left; } .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; border-radius: 1000px; border: 1px solid rgba(0, 0, 0, 0.4); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #eaeaea 100%); background-image: linear-gradient(to bottom, #fcfcfc 0%, #eaeaea 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfcfc', endColorstr='#ffeaeaea', GradientType=0); } .ui-slider-handle:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 1000px; background: red; z-index: 3; top: 4px; left: 4px; background: #bbb; } .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0; border-radius: 1000px; } /* For IE8 - See #6727 */ .ui-state-disabled .ui-slider-handle, .ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -7px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 6px; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -4px; margin-left: 0; margin-bottom: -7px; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider.ui-slider-info .ui-slider-handle.ui-state-active:before { background: #5bc0de; } .ui-slider.ui-slider-info .ui-slider-range { background: #5bc0de; } .ui-slider.ui-slider-success .ui-slider-handle.ui-state-active:before { background: #5ebd5e; } .ui-slider.ui-slider-success .ui-slider-range { background: #5ebd5e; } .ui-slider.ui-slider-warning .ui-slider-handle.ui-state-active:before { background: #f4b04f; } .ui-slider.ui-slider-warning .ui-slider-range { background: #f4b04f; } .ui-slider.ui-slider-danger .ui-slider-handle.ui-state-active:before { background: #e66454; } .ui-slider.ui-slider-danger .ui-slider-range { background: #e66454; } .ui-accordion { margin-top: -3px; } .ui-accordion-header { background: #f5f5f5; border: 1px solid #ddd; border-radius: 2px; color: #777; cursor: pointer; margin: 5px 0 0 0; min-height: 0; padding: 0 15px; position: relative; } .ui-accordion-header.ui-state-active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ui-accordion-header.ui-state-active:after { content: "\f146"; } .ui-accordion-header:hover, .ui-accordion-header.ui-state-active:hover { background: #f1f1f1; color: #555555; text-decoration: none; } .ui-accordion-header:hover:after, .ui-accordion-header.ui-state-active:hover:after { color: #888; } .ui-accordion-header:after { color: #aaa; content: "\f0fe"; display: block; float: right; font-family: FontAwesome; font-size: 10px; line-height: 36px; position: relative; } .ui-accordion-header, .ui-accordion-header > span { color: #555555; display: block; font-size: 13px; line-height: 36px; } .ui-accordion-content { background: #fff; border: 1px solid #ddd; border-top: none; overflow: auto; padding: 15px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .ui-accordion-content:before, .ui-accordion-content:after { content: " "; display: table; } .ui-accordion-content:after { clear: both; } .ui-autocomplete { position: absolute; cursor: default; border: 2px solid #ccc; padding: 5px 0; border-radius: 2px; } .ui-autocomplete > li { display: block; margin: 0; padding: 0; list-style: none; } .ui-autocomplete > li > a { color: #555555; cursor: pointer !important; display: block; margin: 0 -2px; padding: 5px 18px; text-decoration: none; } .ui-autocomplete > li > a:hover { text-decoration: none; } .ui-menu { background-clip: padding-box; background-color: #fff; border: 2px solid #ccc; border-radius: 2px; display: none; float: left; font-size: 13px; left: 0; list-style: none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; z-index: 1000; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ } .ui-menu .ui-menu-item a { clear: both; color: #555555; cursor: pointer; display: block; font-weight: normal; line-height: 1.428571429; margin: 0 -2px; min-height: 0; /* support: IE7 */ padding: 5px 18px; text-decoration: none; white-space: nowrap; } .ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a:focus { color: #fff; text-decoration: none; } .ui-menu .ui-menu-item a[aria-haspopup="true"]:after { content: "\f0da"; display: block; float: right; font-family: FontAwesome; } .ui-menu .divider, .ui-menu .ui-menu-divider { background-color: #e5e5e5; border-width: 2px; height: 1px; margin: 5px 0; overflow: hidden; } .ui-menu .disabled, .ui-menu .ui-state-disabled { font-weight: normal; } .ui-menu .disabled a, .ui-menu .ui-state-disabled a, .ui-menu .disabled:hover a, .ui-menu .ui-state-disabled:hover a, .ui-menu .disabled:focus a, .ui-menu .ui-state-disabled:focus a { background: transparent !important; color: #999 !important; cursor: not-allowed; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { color: #fff; } .ui-spinner { position: relative; display: block; width: 100%; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { padding-right: 32px; } .ui-spinner-button { display: block; position: absolute; text-align: center; line-height: 15px; font-weight: 400; width: 20px; height: 15px; top: 0; right: 0; font-family: FontAwesome; cursor: pointer; text-decoration: none !important; border-color: #cfcece !important; border-left: 1px solid; margin: 1px 1px 1px 0; color: #555555; } .ui-spinner-button, .ui-spinner-button:focus { border-color: #dddddd; border-bottom-color: #cecece; background: #f4f4f4; background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%); background-image: linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%); background-repeat: repeat-x; } .ui-spinner-button:hover { color: #555555; border-color: #d5d5d5; border-bottom-color: #bcbcbc; background: #eaeaea !important; background-image: -webkit-linear-gradient(top, #efefef 0%, #e5e5e5 100%) !important; background-image: linear-gradient(to bottom, #efefef 0%, #e5e5e5 100%) !important; background-repeat: repeat-x; } .ui-spinner-button:active, .ui-spinner-button.active, .open .ui-spinner-button.dropdown-toggle { background: none; background: #ebebeb !important; border-color: #c6c6c6; border-bottom-color: #c6c6c6 !important; color: #555555; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .ui-spinner-button.btn-flat { background: #ececec; } .ui-spinner-button.btn-flat:hover, .ui-spinner-button.btn-flat:active, .ui-spinner-button.btn-flat.active, .open .ui-spinner-button.btn-flat.dropdown-toggle { background: #ececec !important; color: #555555; } .ui-spinner-button.btn-outline:hover, .ui-spinner-button.btn-outline.btn-flat:hover { color: #555555; border-color: #d5d5d5; border-bottom-color: #bcbcbc; } .ui-spinner-button.btn-outline:active, .ui-spinner-button.btn-outline.btn-flat:active { border-color: #c6c6c6; } .btn-group .ui-spinner-button, .btn-group .ui-spinner-button:focus, .input-group-btn .ui-spinner-button, .input-group-btn .ui-spinner-button:focus { border-left-color: #d5d5d5; border-right-color: #d5d5d5; } .btn-group .ui-spinner-button:hover, .btn-group.open .ui-spinner-button.dropdown-toggle, .input-group-btn .ui-spinner-button:hover, .input-group-btn.open .ui-spinner-button.dropdown-toggle { border-color: #d5d5d5; border-bottom-color: #bcbcbc; } .btn-group .ui-spinner-button:active, .btn-group .ui-spinner-button.active, .input-group-btn .ui-spinner-button:active, .input-group-btn .ui-spinner-button.active { border-left-color: #c6c6c6; border-right-color: #c6c6c6; } .ui-spinner-button span { display: none; } .ui-spinner-button:after { content: "\f0d8"; font-size: 12px; } .ui-spinner-button.ui-spinner-down { top: 15px; margin-top: 0; border-top: 1px solid; height: 16px; } .ui-spinner-button.ui-spinner-down:after { content: "\f0d7"; } .ui-spinner-disabled .ui-spinner-button { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); background: #eee; } .ui-progressbar { background-color: rgba(0, 0, 0, 0.06); height: 13px; overflow: hidden; text-align: left; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .ui-progressbar .ui-progressbar-value { background: none; border: 1px solid; height: 100%; } .ui-progressbar .ui-progressbar-overlay { height: 100%; } .ui-progressbar-indeterminate .ui-progressbar-value { background: none; } .ui-progressbar.ui-progressbar-warning .ui-progressbar-value { background: #f4b04f; border-color: #f2a332; background-color: #f4b04f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .ui-progressbar.ui-progressbar-success .ui-progressbar-value { background: #5ebd5e; border-color: #49b349; background-color: #5ebd5e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .ui-progressbar.ui-progressbar-danger .ui-progressbar-value { background: #e66454; border-color: #e24c39; background-color: #e66454; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .ui-progressbar.ui-progressbar-info .ui-progressbar-value { background: #5bc0de; border-color: #42b6d9; background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-size: 10px 10px; } .ui-tabs-nav { border-bottom: 2px solid #e4e4e4 !important; } .ui-tabs-nav.nav-tabs-simple > .ui-tabs-active > a { color: #555555 !important; } .ui-tabs-nav:not(.nav-tabs-simple) > .ui-tabs-active > a > .badge, .ui-tabs-nav:not(.nav-tabs-simple) > .ui-tabs-active > a > .label { background-color: rgba(0, 0, 0, 0.25); color: #fff; } .ui-datepicker { background-clip: padding-box; background-color: #fff; border: 4px solid; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-radius: 3px; display: none; left: 0; position: absolute; text-align: left; top: 0; width: auto !important; z-index: 1010; white-space: normal; } .ui-datepicker table { width: 210px; } .ui-datepicker th, .ui-datepicker td { height: 30px; line-height: 30px; text-align: center; width: 30px; } .ui-datepicker td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; } .ui-datepicker td a { color: #555555; display: block; height: 100%; text-decoration: none; width: 100%; } .ui-datepicker td a:hover { background: #f3f3f3; } .ui-datepicker td.ui-datepicker-today a { background: #f3f3f3; font-weight: 700; } .ui-datepicker tr td:last-child { border-right: none; } .ui-datepicker th { color: #fff; font-weight: 600; } .ui-datepicker .ui-state-active { color: #fff !important; text-decoration: none; } .ui-datepicker-prev, .ui-datepicker-next { color: #fff; cursor: pointer; display: block; height: 35px; line-height: 35px; position: absolute; text-align: center; text-decoration: none !important; width: 35px; } .ui-datepicker-prev span, .ui-datepicker-next span { display: none; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: rgba(255, 255, 255, 0.2); } .ui-datepicker-prev:after, .ui-datepicker-next:after { color: #fff; font-family: FontAwesome; } .ui-datepicker-prev { border-right: 1px solid rgba(0, 0, 0, 0.2); left: 0; } .ui-datepicker-prev:after { content: "\f053"; } .ui-datepicker-next { border-left: 1px solid rgba(0, 0, 0, 0.2); right: 0; } .ui-datepicker-next:after { content: "\f054"; } .ui-datepicker-title { border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: #fff; display: block; height: 36px; line-height: 36px; text-align: center; width: 210px; } .ui-datepicker-title select { background: none; border: none; color: #fff; } .ui-datepicker-title select:first-child { margin-right: 5px; } .ui-datepicker-buttonpane { background: #eee; padding: 5px 7px; text-align: right; } .ui-datepicker-buttonpane button { font-size: 12px; line-height: 15px; padding: 4px 9px; display: inline-block; font-weight: 400; text-decoration: none; outline: none !important; border: 1px solid #cfcece; border-radius: 2px; color: #555555; } .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane button:focus { border-color: #dddddd; border-bottom-color: #cecece; background: #f4f4f4; background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%); background-image: linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%); background-repeat: repeat-x; } .ui-datepicker-buttonpane button:hover { color: #555555; border-color: #d5d5d5; border-bottom-color: #bcbcbc; background: #eaeaea !important; background-image: -webkit-linear-gradient(top, #efefef 0%, #e5e5e5 100%) !important; background-image: linear-gradient(to bottom, #efefef 0%, #e5e5e5 100%) !important; background-repeat: repeat-x; } .ui-datepicker-buttonpane button:active, .ui-datepicker-buttonpane button.active, .open .ui-datepicker-buttonpane button.dropdown-toggle { background: none; background: #ebebeb !important; border-color: #c6c6c6; border-bottom-color: #c6c6c6 !important; color: #555555; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset; } .ui-datepicker-buttonpane button.btn-flat { background: #ececec; } .ui-datepicker-buttonpane button.btn-flat:hover, .ui-datepicker-buttonpane button.btn-flat:active, .ui-datepicker-buttonpane button.btn-flat.active, .open .ui-datepicker-buttonpane button.btn-flat.dropdown-toggle { background: #ececec !important; color: #555555; } .ui-datepicker-buttonpane button.btn-outline:hover, .ui-datepicker-buttonpane button.btn-outline.btn-flat:hover { color: #555555; border-color: #d5d5d5; border-bottom-color: #bcbcbc; } .ui-datepicker-buttonpane button.btn-outline:active, .ui-datepicker-buttonpane button.btn-outline.btn-flat:active { border-color: #c6c6c6; } .btn-group .ui-datepicker-buttonpane button, .btn-group .ui-datepicker-buttonpane button:focus, .input-group-btn .ui-datepicker-buttonpane button, .input-group-btn .ui-datepicker-buttonpane button:focus { border-left-color: #d5d5d5; border-right-color: #d5d5d5; } .btn-group .ui-datepicker-buttonpane button:hover, .btn-group.open .ui-datepicker-buttonpane button.dropdown-toggle, .input-group-btn .ui-datepicker-buttonpane button:hover, .input-group-btn.open .ui-datepicker-buttonpane button.dropdown-toggle { border-color: #d5d5d5; border-bottom-color: #bcbcbc; } .btn-group .ui-datepicker-buttonpane button:active, .btn-group .ui-datepicker-buttonpane button.active, .input-group-btn .ui-datepicker-buttonpane button:active, .input-group-btn .ui-datepicker-buttonpane button.active { border-left-color: #c6c6c6; border-right-color: #c6c6c6; } .ui-datepicker-buttonpane button + button { margin-left: 5px; } .ui-datepicker-group { float: left; width: 210px; } .ui-datepicker-group + .ui-datepicker-group .ui-datepicker-title, .ui-datepicker-group + .ui-datepicker-group table { border-left: 1px solid rgba(0, 0, 0, 0.2); } .ui-datepicker-row-break:before, .ui-datepicker-row-break:after { content: " "; display: table; } .ui-datepicker-row-break:after { clear: both; } .ui-tooltip { background-color: #222222; border-radius: 2px; color: #fff; font-size: 12px; max-width: 300px; padding: 4px 10px; position: absolute; text-align: center; text-decoration: none; z-index: 9999; } body .ui-tooltip { border-width: 0; } .switcher { cursor: pointer; display: inline-block; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switcher-inner { display: block; height: 100%; overflow: hidden; white-space: nowrap; width: 100%; word-spacing: 0; } .switcher-state-on, .switcher-state-off { display: inline-block; width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; } .switcher-state-on { margin-left: -100%; } .switcher.checked .switcher-state-on { margin-left: 0; } .switcher-toggler { left: 0; position: absolute; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; } .switcher.checked .switcher-toggler { left: 100%; } .switcher > input[type="checkbox"] { left: -100000px; position: absolute; visibility: hidden; } .switcher + .styled-pseudo-checkbox { display: none !important; } /****************************************************************** ****************************************************************** ******************************************************************/ .switcher { height: 24px; width: 60px; } .switcher-toggler { background: #fff; border-radius: 9999px; height: 20px; margin-left: 1px; margin-top: 2px; width: 20px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .switcher-inner { border-radius: 9999px; } .switcher-state-on, .switcher-state-off { color: #fff; font-size: 11px; font-weight: 600; line-height: 24px; } .switcher-state-on { background: #5ebd5e; padding-right: 20px; } .switcher-state-off { background: #444; padding-left: 20px; } .switcher.checked .switcher-toggler { margin-left: -21px; } .switcher-theme-square .switcher-inner { border-radius: 3px; } .switcher-theme-square .switcher-toggler { border-radius: 2px; margin-left: 2px; } .switcher-theme-square.switcher.checked .switcher-toggler { margin-left: -22px; } .switcher-theme-modern.switcher { height: 8px; width: 44px; } .switcher-theme-modern .switcher-toggler { height: 20px; margin-left: -3px; margin-top: -6px; width: 20px; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3), 0 0 15px 1px rgba(255, 255, 255, .8) inset; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3), 0 0 15px 1px rgba(255, 255, 255, .8) inset; background-image: -webkit-linear-gradient(top, #efefef 0%, #e5e5e5 100%); background-image: linear-gradient(to bottom, #efefef 0%, #e5e5e5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffe5e5e5', GradientType=0); } .switcher-theme-modern .switcher-inner { font-size: 0; line-height: 0; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); } .switcher-theme-modern .switcher-state-on, .switcher-theme-modern .switcher-state-off { border-radius: 9999px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) inset; } .switcher-theme-modern .switcher-state-on { padding-right: 17px; } .switcher-theme-modern .switcher-state-off { padding-left: 17px; } .switcher-theme-modern.switcher.checked .switcher-toggler { margin-left: -17px; } .switcher-sm { width: 42px; height: 21px; } .switcher-sm .switcher-toggler { height: 17px; width: 17px; margin-left: 1px; } .switcher-sm .switcher-state-on, .switcher-sm .switcher-state-off { font-size: 8px; line-height: 21px; } .switcher-sm .switcher-state-on { padding-right: 17px; } .switcher-sm .switcher-state-off { padding-left: 17px; } .switcher-sm.checked .switcher-toggler { margin-left: -18px; } .switcher-sm.switcher-theme-square .switcher-inner { border-radius: 3px; } .switcher-sm.switcher-theme-square .switcher-toggler { margin-left: 2px; } .switcher-sm.switcher-theme-square.switcher.checked .switcher-toggler { margin-left: -19px; } .switcher-sm.switcher.switcher-theme-modern { width: 34px; height: 6px; } .switcher-sm.switcher.switcher-theme-modern .switcher-toggler { height: 17px; width: 17px; margin-top: -6px; margin-left: -3px; } .switcher-sm.switcher.switcher-theme-modern .switcher-state-on { padding-right: 15px; } .switcher-sm.switcher.switcher-theme-modern .switcher-state-off { padding-left: 15px; } .switcher-sm.switcher.switcher-theme-modern.switcher.checked .switcher-toggler { margin-left: -15px; } .switcher-lg { width: 70px; height: 30px; } .switcher-lg .switcher-toggler { height: 26px; width: 26px; margin-left: 1px; } .switcher-lg .switcher-state-on, .switcher-lg .switcher-state-off { font-size: 13px; line-height: 30px; } .switcher-lg .switcher-state-on { padding-right: 26px; } .switcher-lg .switcher-state-off { padding-left: 26px; } .switcher-lg.checked .switcher-toggler { margin-left: -27px; } .switcher-lg.switcher-theme-square .switcher-inner { border-radius: 3px; } .switcher-lg.switcher-theme-square .switcher-toggler { margin-left: 2px; } .switcher-lg.switcher-theme-square.switcher.checked .switcher-toggler { margin-left: -28px; } .switcher-lg.switcher.switcher-theme-modern { width: 56px; height: 10px; } .switcher-lg.switcher.switcher-theme-modern .switcher-toggler { height: 26px; width: 26px; margin-top: -8px; margin-left: -3px; } .switcher-lg.switcher.switcher-theme-modern .switcher-state-on { padding-right: 26px; } .switcher-lg.switcher.switcher-theme-modern .switcher-state-off { padding-left: 26px; } .switcher-lg.switcher.switcher-theme-modern.switcher.checked .switcher-toggler { margin-left: -24px; } .switcher.disabled { cursor: not-allowed !important; opacity: .5 !important; filter: alpha(opacity=50); } .switcher-success .switcher-state-on { background: #5ebd5e !important; } .switcher-warning .switcher-state-on { background: #f4b04f !important; } .switcher-danger .switcher-state-on { background: #e66454 !important; } .switcher-info .switcher-state-on { background: #5bc0de !important; } .limiter-label { color: #888; padding-top: 3px; font-size: 12px; } .limiter-count { font-weight: 600; color: #555555; } .expanding-input { position: relative; } .expanding-input-overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; cursor: pointer; } .expanding-input-placeholder { padding: 7px 13px; color: #999999; font-size: 13px; line-height: 1.42857143; } .expanding-input-hidden { display: none; } .expanding-input.expanded .expanding-input-hidden, .expanding-input.expanded .expanding-input-content { display: block; } .expanding-input.expanded .expanding-input-hidden:before, .expanding-input.expanded .expanding-input-content:before, .expanding-input.expanded .expanding-input-hidden:after, .expanding-input.expanded .expanding-input-content:after { content: " "; display: table; } .expanding-input.expanded .expanding-input-hidden:after, .expanding-input.expanded .expanding-input-content:after { clear: both; } .expanding-input.expanding-input-sm .expanding-input-placeholder { padding: 6px 11px; font-size: 12px; line-height: 1.5; } .expanding-input.expanding-input-lg .expanding-input-placeholder { padding: 11px 17px; font-size: 17px; line-height: 1.33; } .pxajs .wizard-pane { display: none; } .wizard-wrapper + .wizard-content.panel { margin-top: -1px; } .wizard.freeze .wizard-steps > li { cursor: default !important; } .modal-content > .wizard .wizard-wrapper { border-left: none; border-radius: 0; border-right: none; border-top: none; } .wizard-wrapper { border: 1px solid #e4e4e4; border-radius: 2px; white-space: nowrap; width: auto; position: relative; overflow: hidden; } .wizard-steps { cursor: default; display: block !important; float: left; margin: 0; padding: 0; position: relative; white-space: nowrap; -webkit-transition: left 0.3s; transition: left 0.3s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wizard-steps > li { display: inline-block; list-style: none; margin: 0 0 0; padding: 0 10px 0 50px; vertical-align: middle; } .wizard-steps > li + li:before { background: #e4e4e4; bottom: 0; content: ""; margin-left: -51px; position: absolute; top: 0; width: 1px; } .wizard-steps > li.completed { cursor: pointer; } .wizard-steps > li.active .wizard-step-caption, .wizard-steps > li.completed .wizard-step-caption { color: #555555; } .wizard-steps > li.active .wizard-step-description, .wizard-steps > li.completed .wizard-step-description { color: #888; } .wizard-steps > li.active .wizard-step-number, .wizard-steps > li.completed .wizard-step-number { border-color: #555555; color: #555555; } .wizard-steps .wizard-step-number:after { display: none; } .wizard-step-number, .wizard-steps > li.completed .wizard-step-number:after { background: #fff; border-radius: 9999px; display: block; font-size: 14px; line-height: 26px; position: absolute; text-align: center; } .wizard-step-number { border: 2px solid #bbbbbb; color: #bbb; font-weight: 700; height: 30px; margin-left: -40px; margin-top: -15px; top: 50%; width: 30px; } .wizard-steps > li.completed .wizard-step-number { font-size: 0; } .wizard-steps > li.completed .wizard-step-number:after { content: '\f00c'; font-family: FontAwesome; font-size: 13px; font-weight: 400; height: 26px; left: 0; width: 26px; top: 0; } .wizard-step-caption, .wizard-step-description { color: #bbb; display: inline-block; line-height: 14px; white-space: normal; } .wizard-step-caption { font-weight: 600; margin-bottom: 15px; margin-top: 15px; vertical-align: middle; } .wizard-step-description { display: block; font-size: 12px; font-weight: 400; margin-top: 4px; position: relative; } .wizard-content { padding: 20px; } .wizard-content:before, .wizard-content:after { content: " "; display: table; } .wizard-content:after { clear: both; } .pixel-file-input { display: block; width: 100%; height: 32px; padding: 6px 12px; line-height: 18px; color: #555555; vertical-align: middle; background-color: #fff; border: 1px solid #d6d6d6; border-top-color: #c2c2c2; border-radius: 2px; position: relative; cursor: pointer; overflow: hidden; -webkit-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } .pixel-file-input > input[type=file] { visibility: hidden; position: absolute; display: block; left: -10000px; } .pfi-filename { white-space: nowrap; } .pfi-actions { display: block; position: absolute; right: 0; top: 4px; padding: 0 5px 0 10px; background: #fff; white-space: nowrap; } .pfi-actions > * + * { margin-left: 4px; } .pfi-clear { display: none; } .pfi-placeholder { color: #aaa; font-style: italic; } .select2-container:before, .select2-drop:before, .select2-choices:before, .select2-search-field:before, .select2-search-field input:before, .select2-search:before, .select2-search input:before, .select2-container:after, .select2-drop:after, .select2-choices:after, .select2-search-field:after, .select2-search-field input:after, .select2-search:after, .select2-search input:after { content: " "; display: table; } .select2-container:after, .select2-drop:after, .select2-choices:after, .select2-search-field:after, .select2-search-field input:after, .select2-search:after, .select2-search input:after { clear: both; } .select2-container, .select2-container.form-control { border: none; margin: 0; padding: 0; } .select2-container { display: inline-block; height: auto !important; position: relative; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; width: 100%; } .select2-container .select2-choice { background-clip: padding-box; background-color: #ffffff; background-image: none; border: 1px solid #d6d6d6; border-top-color: #c2c2c2; border-radius: 2px; color: #555555; display: block; font-size: 13px; line-height: 1.42857143; height: 32px; overflow: hidden; padding: 6px 12px; position: relative; text-decoration: none; white-space: nowrap; width: 100%; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-container .select2-choice > .select2-chosen { display: block; margin-right: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-choice .select2-search-choice-close { border: 0; color: #888; cursor: pointer; display: none; font-size: 11px; line-height: 30px; height: 30px; right: 18px; width: 24px; } .select2-container .select2-choice .select2-search-choice-close:hover { color: #aaa; cursor: pointer; } .select2-container .select2-choice .select2-arrow { display: block; height: 100%; position: absolute; right: 0; top: 0; width: 26px; } .select2-container .select2-choice .select2-arrow b { color: #555555; display: block; font-family: FontAwesome; font-size: 12px; font-weight: 400; line-height: 1.42857143; height: 100%; margin-top: 1px; padding: 6px 0; text-align: center; width: 100%; } .select2-container .select2-choice .select2-arrow b:before { content: "\f0d7"; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 2px 2px; } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container.select2-allowclear .select2-choice .select2-search-choice-close { display: block; } .select2-drop { background: #ffffff; border: 1px solid #d6d6d6; border-top: 0; border-radius: 0 0 2px 2px; color: #555555; margin-top: -1px; position: absolute; top: 100%; width: 100%; z-index: 9999; } .select2-drop.select2-drop-above { border-bottom: 0; border-top: 1px solid #aaa; border-radius: 2px 2px 0 0; margin-bottom: -1px; margin-top: 1px; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop-active { border-top: none; } .select2-search { display: block; margin: 0; min-height: 17px; padding-left: 8px; padding-right: 8px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .select2-search:after { color: #888; content: "\f002"; display: block; font-family: FontAwesome; font-size: 14px; text-align: center; position: absolute; right: 9px; top: 10px; width: 30px; } .select2-search input { background-color: #ffffff; background-image: none; border: 1px solid #d6d6d6; border-top-color: #c2c2c2; border-radius: 2px; color: #555555; font-size: 12px; line-height: 15px; height: auto !important; margin-top: 8px; min-height: 17px; outline: none !important; padding: 4px 9px; padding-right: 30px; position: relative; width: 100%; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { outline: none; } .select2-dropdown-open .select2-choice { border-bottom-color: #aaa; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-dropdown-open .select2-choice .select2-arrow b:before { content: "\f0d8"; } .select2-results { margin: 8px; max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 0; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { background-image: none; display: block; list-style: none; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: 600; } .select2-results .select2-result-label { cursor: pointer; margin: 0; min-height: 1em; padding: 5px 7px 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { color: #fff; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #555555; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { color: #999; display: block; font-style: italic; } .select2-results .select2-disabled, .select2-results .select2-disabled.select2-highlighted { color: #888; cursor: default; display: block; } .select2-results .select2-selected { display: none; } .select2-more-results { display: block; } .select2-container.select2-container-disabled .select2-choice { background-color: #eeeeee; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow:before { display: none !important; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } .select2-container-multi .select2-choices { background: #ffffff; border: 1px solid #d6d6d6; border-top-color: #c2c2c2; border-radius: 2px; cursor: text; height: auto !important; height: 1%; margin: 0; overflow: hidden; padding: 5px 5px 0 0; position: relative; width: 100%; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .select2-container-multi .select2-choices li { display: block; float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { display: block; margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { background: transparent !important; border: 0; color: #555555; font-size: 13px; line-height: 1.42857143; margin-top: -5px; padding: 6px 12px; outline: 0; } .select2-container-multi .select2-choices .select2-search-choice { border-radius: 2px; color: #fff; cursor: default; display: block; font-size: 11px; font-weight: 600; line-height: 20px; margin: 0 0 5px 5px; padding: 0 20px 0 6px; position: relative; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice + .select2-search-field input { padding-left: 6px; padding-right: 0; } .select2-container-multi.select2-container-active .select2-choices { outline: none; } .select2-locked { padding: 0 6px !important; } .select2-default { color: #999 !important; } .select2-search-choice-close { display: block; color: #fff; font-family: FontAwesome; font-size: 10px; font-weight: 400; line-height: 20px; outline: none; position: absolute; right: 3px; text-align: center; top: 0; width: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .select2-search-choice-close:before { content: "\f00d"; } .select2-search-choice-close:hover { color: #fff; color: rgba(255, 255, 255, 0.7); text-decoration: none; } .select2-container-multi.select2-container-disabled .select2-choices { background-color: #eeeeee; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { opacity: .7; padding: 0 6px; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { background: none; display: none; } .select2-drop-mask { border: 0; left: 0; height: auto; margin: 0; min-height: 100%; min-width: 100%; padding: 0; opacity: 0; position: fixed; top: 0; width: auto; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } .select2-container-multi .select2-choices .select2-search-choice { background: #b0b0b0; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #979797; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background: #b0b0b0 !important; } .select2-success .select2-container-multi .select2-choices .select2-search-choice { background: #5ebd5e; } .select2-success .select2-container-multi .select2-choices .select2-search-choice-focus { background: #43a543; } .select2-success .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background: #5ebd5e !important; } .select2-warning .select2-container-multi .select2-choices .select2-search-choice { background: #f4b04f; } .select2-warning .select2-container-multi .select2-choices .select2-search-choice-focus { background: #f19a1f; } .select2-warning .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background: #f4b04f !important; } .select2-danger .select2-container-multi .select2-choices .select2-search-choice { background: #e66454; } .select2-danger .select2-container-multi .select2-choices .select2-search-choice-focus { background: #df3c28; } .select2-danger .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background: #e66454 !important; } .select2-info .select2-container-multi .select2-choices .select2-search-choice { background: #5bc0de; } .select2-info .select2-container-multi .select2-choices .select2-search-choice-focus { background: #31b0d5; } .select2-info .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background: #5bc0de !important; } .has-warning .select2-choice, .has-warning .select2-choices, .has-warning.simple .select2-choice, .has-warning.simple .select2-choices { border-color: #eebf5e; } .has-error .select2-choice, .has-error .select2-choices, .has-error.simple .select2-choice, .has-error.simple .select2-choices { border-color: #d38e99; } .has-success .select2-choice, .has-success .select2-choices, .has-success.simple .select2-choice, .has-success.simple .select2-choices { border-color: #a3ce7f; } .has-warning.dark .select2-choice, .has-warning.dark .select2-choices { border-color: #f4b04f; } .has-error.dark .select2-choice, .has-error.dark .select2-choices { border-color: #e66454; } .has-success.dark .select2-choice, .has-success.dark .select2-choices { border-color: #5ebd5e; } .datepicker-dropdown { border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 3px; left: 0; margin-top: 10px; top: 0; z-index: 400; -webkit-box-shadow: none; box-shadow: none; } .datepicker-dropdown.datepicker-orient-bottom { margin-top: -10px; } .datepicker-dropdown:after { border-bottom: 10px solid rgba(0, 0, 0, 0.2); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0; content: ''; display: block; position: absolute; } .datepicker-dropdown.datepicker-orient-left:after { left: 10.5px; } .datepicker-dropdown.datepicker-orient-right:after { right: 10.5px; } .datepicker-dropdown.datepicker-orient-top:after { top: -13px; } .datepicker-dropdown.datepicker-orient-bottom:after { border-bottom: 0; border-top: 10px solid rgba(0, 0, 0, 0.2); bottom: -13px; } .modal .datepicker-dropdown { z-index: 1040; } .datepicker { direction: ltr; padding: 0; width: auto !important; } .datepicker.datepicker-inline { border: 1px solid #eee; display: inline-block; position: relative; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days, .datepicker.months div.datepicker-months, .datepicker.years div.datepicker-years { display: block; } .datepicker div.datepicker-months td, .datepicker div.datepicker-years td { width: 210px !important; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker td { line-height: 32px; padding: 0 !important; text-align: center; width: 30px; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; } .datepicker table tr td:last-child { border-right: none; } .datepicker table tr td.day:hover { background: #f3f3f3; cursor: pointer; position: relative; } .datepicker table tr td.old, .datepicker table tr td.new { color: #bbb; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #eee; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background: #f3f3f3; font-weight: 700 !important; } .datepicker table tr td.today:hover:hover { color: #555555; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #f3f3f3; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background: #f3f3f3; font-weight: 700; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #fff !important; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #fff !important; } .datepicker table tr td span { border-radius: 2px; cursor: pointer; display: block; float: left; line-height: 54px; margin: 1%; width: 23%; } .datepicker table tr td span:hover { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #eee; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #eee; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker th, .datepicker td, .datepicker tr { border-top: none !important; text-align: center !important; } .datepicker thead th, .datepicker tfoot th { font-weight: 600; padding: 0 !important; } .datepicker thead th { border-bottom: none !important; color: #fff; font-weight: 600; line-height: 35px !important; height: 35px !important; padding: 0 !important; text-align: center; } .datepicker thead tr:first-child { border-bottom: 1px solid !important; } .datepicker thead tr:first-child th:hover { background: rgba(255, 255, 255, 0.2); } .datepicker thead tr:last-child { border-bottom: none !important; } .datepicker thead th.prev, .datepicker thead th.next { color: rgba(0, 0, 0, 0); display: block; font-size: 0; line-height: 0; position: absolute; width: 36px !important; } .datepicker thead th.prev:after, .datepicker thead th.next:after { bottom: 0; color: #fff; display: block; font-family: FontAwesome; font-size: 14px; font-weight: normal; left: 0; line-height: 35px; position: absolute; right: 0; text-align: center; top: 0; width: 36px; } .datepicker thead th.prev { left: 0; border-right: 1px solid; } .datepicker thead th.prev:after { content: "\f053"; } .datepicker thead th.next { border-left: 1px solid; right: 0; } .datepicker thead th.next:after { content: "\f054"; } .datepicker tfoot th:hover { background: #eee; } .datepicker tbody td, .datepicker tfoot th { line-height: 32px !important; } .datepicker > .datepicker-days tbody .cw { background: #f8f8f8 !important; color: #aaa; font-size: 8px; font-weight: 600; } .datepicker > .datepicker-days thead tr:first-child th.cw { background-color: transparent; cursor: default; } .datepicker > .datepicker-days thead tr:first-child th.cw + .prev { left: 30px; border-left: 1px solid; } .datepicker > .datepicker-days thead tr:last-child th.cw + th { border-left: 1px solid; } .input-daterange input { text-align: center; } .date .input-group-addon { cursor: pointer; } .bootstrap-timepicker { position: relative; } .bootstrap-timepicker .input-group-addon { cursor: pointer; } .bootstrap-timepicker-widget .modal-footer { margin-top: 0 !important; } .bootstrap-timepicker-widget.dropdown-menu { left: 0; border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 3px; z-index: 400; margin: 10px 0 0; width: 200px; padding: 10px; right: auto; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-bottom { margin-top: 0; } .bootstrap-timepicker-widget.dropdown-menu.open { display: block; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 10px solid rgba(0, 0, 0, 0.2); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0; content: ''; display: block; position: absolute; } .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-left:after { left: 10.5px; } .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-right:after { right: 10.5px; } .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-top:after { top: -13px; } .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-bottom:after { border-bottom: 0; border-top: 10px solid rgba(0, 0, 0, 0.2); bottom: -13px; } .bootstrap-timepicker-widget span.bootstrap-timepicker-hour, .bootstrap-timepicker-widget span.bootstrap-timepicker-minute, .bootstrap-timepicker-widget span.bootstrap-timepicker-second, .bootstrap-timepicker-widget span.bootstrap-timepicker-meridian { line-height: 32px; font-weight: 600; } .bootstrap-timepicker-widget .timepicker-increment { margin-bottom: 5px; } .bootstrap-timepicker-widget .timepicker-decrement { margin-top: 5px; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; padding: 0; } .bootstrap-timepicker-widget table td { text-align: center; height: auto; margin: 0; padding: 0; min-width: 20px; } .bootstrap-timepicker-widget table td.separator { width: 10px; text-align: center; } .bootstrap-timepicker-widget table td a, .bootstrap-timepicker-widget table td input { border-radius: 2px !important; } .bootstrap-timepicker-widget table td a { width: 100%; display: inline-block; margin: 0; padding: 0; border: 1px solid #eee; color: #666; text-decoration: none; line-height: 32px; text-align: center; } .bootstrap-timepicker-widget table td a:hover { color: #fff; } .bootstrap-timepicker-widget table td a .fa { margin: 0 !important; padding: 0 !important; } .bootstrap-timepicker-widget table td input { position: relative; margin: 0; padding-left: 0; padding-right: 0; text-align: center; } .modal .bootstrap-timepicker-widget.dropdown-menu { z-index: 1040; } .datepaginator { font-size: 12px; } .pagination { margin: 0px; padding: 0px; white-space: nowrap; } .pagination a.dp-item, .pagination a.dp-nav { margin: 0; text-align: center; } .pagination a.dp-item:hover, .pagination a.dp-nav:hover { z-index: 403 !important; } .pagination a.dp-item { padding: 10px 0; border-radius: 0; margin: 0 0 0 -1px; } .pagination a.dp-nav { margin: 0px; font-family: FontAwesome; padding: 17px 0; line-height: 20px; } .pagination a.dp-nav i { display: none; } .pagination a.dp-nav.dp-nav-right { margin: 0 0 0 -1px; } .pagination a.dp-nav:before { display: none !important; } .pagination a.dp-nav.dp-nav-left:after { content: "\f053"; } .pagination a.dp-nav.dp-nav-right:after { content: "\f054"; } .pagination a.dp-off, .pagination a.dp-off:hover { background-color: #F9F9F9; z-index: 400; } .pagination a.dp-today { color: #ffffff !important; z-index: 401; } .pagination a.dp-selected { color: #ffffff !important; z-index: 402; } #dp-calendar { font-family: FontAwesome; position: absolute; line-height: 18px; top: 4px; right: 0; font-style: normal !important; display: block; font-size: 14px; padding: 0 8px 0 18px; } #dp-calendar:after { content: "\f073" !important; } #dp-calendar:before { display: none !important; } .datepaginator-sm { font-size: 10px; } .pagination a.dp-item.dp-item-sm { padding: 10px 0; } .pagination a.dp-nav.dp-nav-sm { padding: 14px 0; } .datepaginator-lg { font-size: 14px; } .pagination a.dp-item.dp-item-lg { padding: 15px 0; } .pagination a.dp-nav.dp-nav-lg { padding: 25px 0; font-size: 13px; } .modal .pagination a.dp-item:hover, .modal .pagination a.dp-nav:hover { z-index: 1043 !important; } .modal .pagination a.dp-off, .modal .pagination a.dp-off:hover { z-index: 1040; } .modal .pagination a.dp-today { z-index: 1041; } .modal .pagination a.dp-selected { z-index: 1042; } .nav-tabs, .nav-pills { position: relative; } .tabdrop { margin-left: 0 !important; margin-right: 0 !important; } .tabdrop > .dropdown-toggle { cursor: pointer !important; margin-right: 0; padding-left: 12px; padding-right: 12px; } .tabdrop > .dropdown-toggle > .fa { font-size: 14px !important; margin: 0 !important; padding: 0 !important; } .tabdrop > .dropdown-toggle > .caret { border: none; display: inline-block; font-family: FontAwesome; font-size: 10px; height: auto; margin-left: 5px; position: relative; top: -1px; width: auto; } .tabdrop > .dropdown-toggle > .caret:after { content: "\f0d7"; } .minicolors { position: relative; } .minicolors input[type=hidden] + .minicolors-swatch { height: 32px; position: static; cursor: pointer; } .minicolors .minicolors-grid { position: relative; float: right; width: 150px; height: 150px; background: url("../images/plugins/jquery.minicolors.png") -120px 0; cursor: crosshair; margin: 1px; } .minicolors .minicolors-grid-inner { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: none; } .minicolors-swatch { position: absolute; vertical-align: middle; background: url("../images/plugins/jquery.minicolors.png") -80px 0; cursor: text; padding: 0; margin: 0; display: inline-block; } .minicolors-swatch-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .minicolors-panel { position: absolute; background: #fff; border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 3px; margin-top: 10px; z-index: 400; display: none; -webkit-box-shadow: none; box-shadow: none; } .minicolors-panel.minicolors-visible { display: block; } .minicolors-panel:after { border-bottom: 10px solid rgba(0, 0, 0, 0.2); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0; content: ''; display: block; position: absolute; } .modal .minicolors-panel { z-index: 1040; } .minicolors-slider, .minicolors-opacity-slider { position: relative; float: right; width: 20px; height: 150px; background: #ffffff url("../images/plugins/jquery.minicolors.png") 0 0; cursor: row-resize; margin: 1px 1px 1px 0; } .minicolors-with-opacity .minicolors-opacity-slider { display: block; } .minicolors-with-opacity .minicolors-slider { margin-right: 22px; } .minicolors-opacity-slider { background-position: -40px 0; position: absolute; right: 0; top: 0; display: none; } .minicolors-slider-saturation .minicolors-grid { background-position: -420px 0; } .minicolors-slider-saturation .minicolors-grid-inner { background: url("../images/plugins/jquery.minicolors.png") -270px 0; } .minicolors-slider-saturation .minicolors-slider { background-position: -60px 0; } .minicolors-slider-brightness .minicolors-grid { background-position: -570px 0; } .minicolors-slider-brightness .minicolors-grid-inner { background: black; } .minicolors-slider-brightness .minicolors-slider { background-position: -20px 0; } .minicolors-slider-wheel .minicolors-grid { background-position: -720px 0; } .minicolors-slider-wheel .minicolors-slider { background-position: -20px 0; } .minicolors-position-top .minicolors-panel { bottom: 100%; margin-top: 0; margin-bottom: 10px; } .minicolors-position-top .minicolors-panel:after { border-bottom: 0; border-top: 10px solid rgba(0, 0, 0, 0.2); bottom: -13px; } .minicolors-position-right .minicolors-panel { right: 0; } .minicolors-position-right .minicolors-panel:after { right: 2.5px; } .minicolors-position-bottom .minicolors-panel { top: auto; } .minicolors-position-bottom .minicolors-panel:after { top: -13px; } .minicolors-position-left .minicolors-panel { left: 0; } .minicolors-position-left .minicolors-panel:after { left: 2.5px; } .minicolors-picker { position: absolute; top: 0; left: 0; width: 18px; height: 2px; background: white; border: solid 1px black; margin-top: -2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .minicolors-grid .minicolors-picker { position: absolute; top: 70px; left: 70px; width: 12px; height: 12px; border: solid 1px black; border-radius: 10px; margin-top: -6px; margin-left: -6px; background: none; } .minicolors-grid .minicolors-picker > div { position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 8px; border: solid 2px white; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .minicolors-inline { display: inline-block; } .minicolors-inline .minicolors-panel { position: relative; top: auto; left: auto; box-shadow: none; z-index: auto; display: inline-block; border: none; margin: 0; background: none; } .minicolors-inline .minicolors-panel:after { display: none !important; } .minicolors-theme-default .minicolors-swatch { top: 5px; left: 5px; width: 18px; height: 18px; } .minicolors-theme-default .minicolors-input { height: 20px; width: auto; display: inline-block; padding-left: 26px; } .minicolors-theme-default.minicolors { width: auto; display: inline-block; } .minicolors-theme-default.minicolors-position-right .minicolors-swatch { left: auto; right: 5px; } .minicolors-theme-default.minicolors-position-right .minicolors-input { padding-right: 26px; padding-left: inherit; } .minicolors-theme-bootstrap .minicolors-swatch { top: 3px; left: 3px; width: 26px; bottom: 3px; border-radius: 2px; } .minicolors-theme-bootstrap .minicolors-input { padding-left: 40px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch { left: auto; right: 3px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { padding-right: 40px; padding-left: 12px; } .editableform { margin-bottom: 0; } .editableform .control-group { margin-bottom: 0; white-space: nowrap; line-height: 20px; } .editableform .form-control { width: auto; } .editable-buttons { display: inline-block; vertical-align: top; margin-left: 7px; zoom: 1; *display: inline; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editable-input { vertical-align: top; display: inline-block; width: auto; white-space: normal; zoom: 1; *display: inline; } .editableform-loading { background: url('../images/plugins/bootstrap-editable/loading.gif') center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } .editable-wysihtml5 { width: 566px; height: 250px; } .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } .editable-clear-x { display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; font-size: 13px; line-height: 13px; font-family: FontAwesome; cursor: pointer; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:after { content: '\f057'; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: none !important; } .editable-container.popover { width: auto; } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; zoom: 1; *display: inline; } .editable-container .ui-widget { font-size: inherit; z-index: 9990; } .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus { font-style: italic; color: #DD1144; text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } .form-horizontal .editable { padding-top: 5px; display: inline-block; } .editable-buttons .editable-submit, .editable-buttons .editable-cancel { font-family: FontAwesome; font-size: 14px; color: #fff; line-height: 20px; } .editable-buttons .editable-submit i, .editable-buttons .editable-cancel i { display: none; } .editable-buttons .editable-cancel { color: #555555; margin-left: 5px; } .editable-buttons .editable-submit:after { content: "\f00c"; } .editable-buttons .editable-cancel:after { content: "\f00d"; } .editable-input > .select2-container { max-width: 300px; } .editable-date.well { padding: 0; background: #fff; border: none; border-radius: 0; } .editable[data-type="address"] + .editable-container .editable-input { width: 260px; } .editable[data-type="address"] + .editable-container .editable-buttons { position: relative; top: 2px; } .editable-address { margin-top: 2px; } .editable-address label { width: 100%; } .editable-address label span, .editable-address input { display: block; float: left; margin: 0; } .editable-address label span { width: 25%; padding: 0 10px 0 0; line-height: 32px; text-align: right; position: relative; } .editable-address input { width: 75% !important; } .editable-address + .editable-address { margin-top: 6px; } .twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0; } .tt-dropdown-menu { border: 2px solid #ccc; padding: 5px 0; min-width: 160px; margin-top: 2px; background-color: #fff; border-radius: 2px; } .tt-suggestion { display: block; margin: 0 -2px; padding: 5px 18px; } .tt-suggestion p { margin: 0; } .tt-suggestion.tt-is-under-cursor a, .tt-suggestion.tt-is-under-cursor { color: #fff; } @media (min-width: 768px) { .bootbox.bootbox-sm .modal-dialog { width: 300px; } } .bootbox .modal-footer { margin-top: 0; } .dataTables_wrapper .table-header { margin-bottom: -7px; padding: 13px 0 13px 15px; } .dataTables_wrapper .table-header .table-caption { float: left; line-height: 20px; padding: 5px 10px 5px 0; width: auto; } .dataTables_wrapper .table-footer { margin-top: -7px; padding-right: 10px; } .dataTables_wrapper .DT-label { color: #888; line-height: 29px; } .DT-search, .DT-per-page { display: inline-block; } .DT-lf-right { float: right; white-space: nowrap; } .DT-search { line-height: 30px; margin-right: 10px; } .DT-search, .DT-search input { width: 130px !important; } .DT-search label, .DT-search input { margin-bottom: 0 !important; margin-top: 0 !important; } .DT-per-page { border-right: 1px solid #eee; margin-right: 10px; height: 30px; padding-right: 10px; white-space: nowrap; } .DT-per-page select { display: inline-block !important; width: auto !important; } .DT-label { float: left; font-size: 12px; } .DT-pagination { float: right; } .dataTables_paginate .pagination > li > a, .dataTables_paginate .pagination > li > span { font-size: 12px; padding: 5px 10px; } table.dataTable { clear: both; margin-bottom: 6px !important; margin-top: 6px !important; max-width: none !important; } table.dataTable, table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; } table.dataTable thead .sorting:after { content: "\f0dc"; display: block; } table.dataTable thead .sorting_asc { background: rgba(0, 0, 0, 0.05); } table.dataTable thead .sorting_asc:after { content: "\f0dd"; display: block; } table.dataTable thead .sorting_desc { background: rgba(0, 0, 0, 0.05); } table.dataTable thead .sorting_desc:after { content: "\f0de"; display: block; } table.dataTable thead .sorting_asc_disabled:after { content: "\f0dd"; display: block; opacity: .3; } table.dataTable thead .sorting_desc_disabled:after { content: "\f0de"; display: block; opacity: .3; } table.dataTable th { position: relative; } table.dataTable th:after { display: none; font-family: FontAwesome; font-size: 11px; font-weight: normal !important; line-height: 20px; height: 20px; position: absolute; right: 0; top: 8px; width: 20px; } table.dataTable th:active { outline: none; } div.dataTables_scrollHead table { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0 !important; } div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.dataTables_scrollBody table { margin-bottom: 0 !important; border-top: none; } div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { border-top: none; } .table-primary .dataTables_wrapper .table-header input, .table-success .dataTables_wrapper .table-header input, .table-danger .dataTables_wrapper .table-header input, .table-warning .dataTables_wrapper .table-header input, .table-info .dataTables_wrapper .table-header input, .table-primary .dataTables_wrapper .table-header select, .table-success .dataTables_wrapper .table-header select, .table-danger .dataTables_wrapper .table-header select, .table-warning .dataTables_wrapper .table-header select, .table-info .dataTables_wrapper .table-header select { border: none !important; } .table-success .dataTables_wrapper .DT-per-page { border-color: #518d51 !important; } .table-danger .dataTables_wrapper .DT-per-page { border-color: #ca4433 !important; } .table-warning .dataTables_wrapper .DT-per-page { border-color: #de9328 !important; } .table-info .dataTables_wrapper .DT-per-page { border-color: #3da1bf !important; } #growls { position: fixed; right: 0; top: 10px; z-index: 5000; } .main-navbar-fixed #growls { top: 46px; } .main-menu-right #growls { left: 0; right: auto; } .growl { border-radius: 4px; margin: 10px; position: relative; opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .growl .growl-title { font-size: 14px; font-weight: 600; display: inline-block; margin-bottom: 2px; } .growl .growl-message { font-size: 13px; } .growl .growl-close { cursor: pointer; display: inline-block; float: right; font-family: helvetica, verdana, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; margin-top: -2px; } .growl.growl-incoming { opacity: 0; filter: alpha(opacity=0); } .growl.growl-outgoing { opacity: 0; filter: alpha(opacity=0); } .growl.growl-small { padding: 6px 8px; width: 200px; } .growl.growl-small .growl-title { font-size: 13px; margin-bottom: 0; } .growl.growl-small .growl-message { font-size: 11px; } .growl.growl-medium { padding: 10px; width: 250px; } .growl.growl-large { padding: 15px; width: 300px; } .growl.growl-default { background: #7f8c8d; color: #fff; } .growl.growl-error { background: #e66454; color: #fff; } .growl.growl-notice { background: #5ebd5e; color: #fff; } .growl.growl-warning { background: #f4b04f; color: #fff; } .dz-browser-not-supported .dz-message { display: none !important; } .dz-browser-not-supported.dropzone-box { min-height: auto !important; border: none !important; border-radius: 0 !important; width: auto !important; cursor: default !important; padding: 0 !important; -webkit-transition: none; transition: none; } .dropzone-box { position: relative; min-height: 284px; border: 3px dashed #ddd; border-radius: 3px; vertical-align: middle; width: 100%; cursor: pointer; padding: 0 15px 15px 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .dz-default.dz-message { color: #555555; font-size: 20px; font-weight: 600; display: block; min-height: 70px; width: 300px; position: absolute; padding-left: 90px; padding-top: 12px; line-height: 22px; top: 50%; margin-top: -35px; left: 50%; margin-left: -150px; -webkit-transition: all 0.2s; transition: all 0.2s; } .dz-text-small { font-size: 14px; font-weight: 400; } .dropzone-box .fa.fa-cloud-upload { display: block; width: 70px; height: 70px; position: absolute; left: 0; top: 0; text-align: center; line-height: 70px; font-size: 32px; background: #eee; color: #aaa; border-radius: 2px; -webkit-transition: all 0.2s; transition: all 0.2s; } .dropzone-box:hover .fa.fa-cloud-upload { color: #fff; } .dz-started .dz-default.dz-message { display: none; } .dz-started:hover .fa.fa-cloud-upload { background: #eee !important; color: #aaa !important; } .dz-preview { width: 160px; padding: 6px 10px 10px 10px; margin: 15px 0 0 15px; display: inline-block; cursor: default; border: 1px solid #ddd; border-radius: 2px; vertical-align: top; } .dz-filename { color: #555555; overflow: hidden; padding-bottom: 2px; } .dz-size { padding-bottom: 8px; } .dz-thumbnail { width: 138px; height: 120px; text-align: center; display: table-cell; vertical-align: middle; overflow: hidden; } .dz-thumbnail > img { max-width: 100%; max-height: 120px; } .dz-preview .progress, .dz-preview .progess-bar { height: 8px; } .dz-preview .progress { margin: 8px 0 0 0; } .dz-size { font-style: italic; color: #aaa; font-size: 11px; } .dz-size span { font-weight: 600; } .dz-remove { line-height: 30px; display: block; margin: 8px -11px -11px -11px; text-align: center; color: #666; border-top: 1px solid #ddd; border-bottom: 1px solid transparent; font-weight: 600; font-size: 10px; text-transform: uppercase; -webkit-transition: all 0.1s; transition: all 0.1s; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .dz-remove:hover { background: #e66454; color: #fff; border-top-color: transparent; text-decoration: none; } .dz-thumbnail-wrapper { margin: 0 -10px; padding: 10px; background: #f2f2f2; border: 1px solid #ddd; border-left: none; border-right: none; position: relative; } .dz-nopreview { text-transform: uppercase; font-size: 11px; font-weight: 600; color: #888; } .dz-thumbnail img[src] + .dz-nopreview { display: none; } .dz-error-mark, .dz-success-mark, .dz-error-message { display: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; text-align: center; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; -webkit-transition: all 0.1s; transition: all 0.1s; } .dz-error-mark .fa, .dz-success-mark .fa { line-height: 140px; font-size: 50px; color: #fff; font-weight: 400; } .dz-error-mark .fa { color: #fa6b59; } .dz-success-mark .fa { color: #9ed441; } .dz-error-message { color: #fff; font-weight: 600; padding: 20px 10px 0 10px; } .dz-error .dz-error-mark { display: block; } .dz-error .dz-error-message { display: none; } .dz-error:hover .dz-error-mark { display: none; } .dz-error:hover .dz-error-message { display: block; } .dz-success .dz-success-mark { display: block; } /* Layout ------------------------------------------*/ .note-editor { border: 1px solid #d6d6d6; background: #fff; /* dropzone */ /* fullscreen mode */ /* codeview mode */ /* toolbar */ /* note handle */ /* dialog */ /* editable */ /* codeable */ /* dropdown-menu for toolbar and popover */ /* color palette for toolbar and popover */ } .note-editor .note-dropzone { position: absolute; display: none; z-index: 1; border: 2px dashed #87cefa; color: #87cefa; background-color: white; opacity: 0.95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; vertical-align: middle; text-align: center; font-size: 28px; font-weight: bold; } .note-editor .note-dropzone.hover { border: 2px dashed #098ddf; color: #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; width: 100%; z-index: 1050; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-toolbar { padding-left: 5px; padding-bottom: 5px; margin: 0; background-color: #f5f5f5; border-bottom: 1px solid #d6d6d6; } .note-editor .note-toolbar .fa { font-size: 14px; margin: 0 !important; } .note-editor .note-toolbar > .btn-group { margin-top: 5px; margin-left: 0; margin-right: 5px; } .note-editor .note-toolbar > .btn-group > .btn { padding-top: 5px; padding-bottom: 5px; } .note-editor .note-toolbar .dropdown-menu { white-space: nowrap; } .note-editor .note-toolbar .dropdown-menu .btn-group { float: none; } .note-editor .note-toolbar .dropdown-menu > li > a { cursor: pointer; } .note-editor .note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote { margin: 0; } .note-editor .note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px; } .note-editor .note-toolbar .note-color .dropdown-menu { min-width: 290px; white-space: nowrap; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { font-size: 12px; margin: 2px 7px; text-align: center; border-bottom: 1px solid #eee; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { font-size: 12px; margin: 5px; padding: 0 3px; cursor: pointer; border-radus: 5px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-editor .note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-editor .note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 5px; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { height: 8px; width: 100%; border-top: 1px solid #d6d6d6; cursor: s-resize; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #d6d6d6; } .note-editor .note-popover .popover { max-width: none; } .note-editor .note-popover .popover .popover-content { padding: 5px; } .note-editor .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* for FF */ vertical-align: middle; /* for FF */ } .note-editor .note-popover .popover .popover-content .btn-group + .btn-group { margin-left: 5px; } .note-editor .note-popover .popover .arrow { left: 20px; } .note-editor .note-handle { /* control selection */ } .note-editor .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-editor .note-handle .note-control-selection > div { position: absolute; } .note-editor .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; opacity: 0.3; filter: alpha(opacity=30); } .note-editor .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-editor .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-editor .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; border: 1px solid black; background-color: white; } .note-editor .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: none; border-bottom: none; } .note-editor .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: none; border-left: none; } .note-editor .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: none; border-right: none; } .note-editor .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-editor .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; color: white; background-color: black; font-size: 12px; border-radus: 5px; opacity: 0.7; filter: alpha(opacity=70); } .note-editor .note-dialog > div { display: none; /* BS2's hide pacth. */ } .note-editor .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; font-size: 30px; line-height: 4; /* vertical-align */ color: lightgray; text-align: center; border: 4px dashed lightgray; margin-bottom: 10px; } .note-editor .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background-color: #222 !important; opacity: 0.9; filter: alpha(opacity=90); /* BS2's background pacth. */ background: transparent; border: none; } .note-editor .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; } .note-editor .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-editor .note-dialog .note-help-dialog .title { color: white; font-size: 14px; font-weight: bold; padding-bottom: 5px; border-bottom: white 1px solid; } .note-editor .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dddd00; cursor: pointer; } .note-editor .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-editor .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-editor .note-dialog .note-help-dialog .note-shortcut th { text-align: left; font-size: 13px; color: #dddd00; } .note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; font-family: "Courier New"; color: #dddd00; text-align: right; padding-right: 10px; } .note-editor .note-editable { padding: 10px; overflow: auto; outline: none; } .note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor .note-codable { display: none; width: 100%; padding: 10px; border: none; box-shadow: none; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; resize: none; direction: ltr !important; /* override BS2 default style */ border-radius: 0; margin-bottom: 0; } .note-editor .CodeMirror { direction: ltr !important; } .note-editor .dropdown-menu { min-width: 90px; /* dropdown-menu right position */ /* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */ /* dropdown-menu for selectbox */ } .note-editor .dropdown-menu.right { right: 0; left: auto; } .note-editor .dropdown-menu.right::before { right: 9px; left: auto !important; } .note-editor .dropdown-menu.right::after { right: 10px; left: auto !important; } .note-editor .dropdown-menu li a i { color: deepskyblue; visibility: hidden; } .note-editor .dropdown-menu li a.checked i { visibility: visible; } .note-editor .note-fontsize-10 { font-size: 10px; } .note-editor .note-color-palette { line-height: 1; } .note-editor .note-color-palette div .note-color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; } .note-editor .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .md-editor { display: block; border: 1px solid #e4e4e4; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } .md-editor > .md-header, .md-editor .md-footer { display: block; padding: 6px 4px; background: #f5f5f5; } .md-editor > .md-header { margin: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .md-editor > .md-header .btn { padding-top: 5px; padding-bottom: 5px; } .md-editor > .md-header .btn .fa { font-size: 14px; } .md-editor > .md-preview { border-top: 1px dashed #e4e4e4; min-height: 10px; padding: 6px 12px; } .md-editor > textarea { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; outline: 0; margin: 0; display: block; padding: 6px 12px; width: 100%; border: 0; border-top: 1px dashed #e4e4e4; border-radius: 0; background: #ffffff; } .md-editor.active { border-color: #66afe9; } .jqstooltip { width: auto !important; height: auto !important; color: #fff !important; border-radius: 2px; background-color: #222222 !important; font-size: 11px !important; padding: 4px 10px !important; } .pie-chart { display: inline-block !important; position: relative !important; } .pie-chart:before, .pie-chart:after { content: " "; display: table; } .pie-chart:after { clear: both; } .pie-chart-label { display: block !important; width: 100%; text-align: center; line-height: 40px; height: 40px; margin-top: -20px; position: absolute !important; top: 50%; font-weight: 300; font-size: 17px; } .morris-hover { position: absolute; z-index: 1000; } .morris-hover.morris-default-style { text-align: center; border-radius: 2px; background-color: #222222; font-size: 11px; padding: 4px 10px; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 4px 0; color: #aaa; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 2px 0; } .pa-flot-container { width: 100%; height: auto; overflow: hidden; position: relative; } .pa-flot-container:before, .pa-flot-container:after { content: " "; display: table; } .pa-flot-container:after { clear: both; } .pa-flot-graph { width: auto; height: auto; } .pa-flot-info { width: auto; margin-top: 20px; background: #f4f4f4; background: rgba(0, 0, 0, 0.03); border-radius: 2px; } .pa-flot-info:before, .pa-flot-info:after { content: " "; display: table; } .pa-flot-info:after { clear: both; } .pa-flot-info span { position: relative; display: inline-block; margin-right: 10px; text-decoration: none; cursor: default; padding-left: 24px; font-weight: 400; font-size: 12px; line-height: 32px; color: #646464; } .pa-flot-info i { position: absolute; display: block; content: ''; width: 8px; height: 8px; top: 12px; left: 10px; border-radius: 9999px; } .pa-flot-tooltip { position: absolute; display: none; padding: 5px 10px; font-size: 12px; background: #222222; color: #fff; border-radius: 2px; z-index: 1150; } .tickLabel { font-size: 12px; color: #666; } .yAxis .tickLabel:first-child, .yAxis .tickLabel:last-child { display: none; } .pieLabel > div { font-size: 12px !important; } .slimScrollBar { width: 6px !important; opacity: .3 !important; } .slimScrollRail { width: 6px !important; }