@charset "UTF-8"; /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.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:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.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-remove:before,.fa-close:before,.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-photo:before,.fa-image:before,.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,.fa-bar-chart: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-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.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-navicon:before,.fa-reorder:before,.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"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc: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-mail-reply-all:before,.fa-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,.fa-gratipay: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"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*! 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; } .main-menu-animated #main-navbar .navbar-inner, .main-menu-animated #main-wrapper, .main-menu-animated #main-navbar .navbar-inner, .main-menu-animated #main-navbar .navbar-header, .main-menu-animated #main-navbar #main-menu-toggle, .main-menu-animated #main-navbar .navbar-toggle, .main-menu-animated #main-menu, .main-menu-animated #content-wrapper, .main-menu-animated #main-menu-bg { -webkit-transition: all 0.5s; transition: all 0.5s; } .main-menu-animated #main-navbar .navbar-header { -webkit-transition-property: padding; -moz-transition-property: padding; -ms-transition-property: padding; -o-transition-property: padding; transition-property: padding; } .mm-no-transition #main-navbar .navbar-inner, .mm-no-transition #main-wrapper, .mm-no-transition #main-navbar .navbar-inner, .mm-no-transition #main-navbar .navbar-header, .mm-no-transition #main-navbar #main-menu-toggle, .mm-no-transition #main-navbar .navbar-toggle, .mm-no-transition #main-menu, .mm-no-transition #content-wrapper, .mm-no-transition #main-menu-bg { -webkit-transition: none !important; transition: none !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; /*Removed To Add Search Bar*/ /*float: none;*/ font-size: 14px; line-height: 46px; height: auto !important; padding: 0 0 0 14px; padding-right: 14px !important; /*Added To Implement Search Bar*/ min-width: 184px !important; } #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, #main-navbar .navbar-nav > li > div > 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-navbar-search-input { margin: 0 auto !important; display: block !important; } #search-input-group { padding-top: 8px; z-index: 1031 !important; } #search-input-field { margin-bottom: 0px; } #clear-search-input-button { background: #1d89cf !important; } #search-bar-results { position: absolute !important; list-style-type: none; padding-left: 0px; background-color: #fff; } #search-bar-results li { height: 40px; display: flex; flex-direction: row; align-items: center; white-space: nowrap; overflow: hidden; padding-left: 20px; } #search-bar-results li a { height: 40px !important; } #search-bar-results li a i { width: 14px !important; height: 14px !important; padding-right: 20px !important; } .enabled-search-results { border-radius: 2px; border: 1px solid #d6d6d6 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important; } @media (min-width: 500px) { #main-navbar-search-input { min-width: 200px !important; max-width: 300px !important; } #search-input-group { width: 200px; } #search-bar-results { width: 200px !important; } } @media (min-width: 920px) { #main-navbar-search-input { min-width: 300px !important; max-width: 400px !important; } #search-input-group { width: 300px; } #search-bar-results { width: 300px !important; } } @media (min-width: 1200px) { #main-navbar-search-input { min-width: 400px !important; max-width: 500px !important; } #search-input-group { width: 400px; } #search-bar-results { width: 400px !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 { padding: 46px 0 0 0; } #main-menu .navigation, #main-menu .navigation ul { display: block; } #main-menu .navigation li { display: block; } #main-menu .navigation a { display: block; font-size: 13px; line-height: 20px; padding: 11px 14px; text-decoration: none; } #main-menu .navigation a, #main-menu .navigation a:active, #main-menu .navigation a:focus, #main-menu .navigation a:hover { outline: none !important; } #main-menu .navigation .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 .navigation .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 { display: none; overflow: hidden; padding: 0; } #main-menu .mm-dropdown ul li { padding-left: 0; } #main-menu .mm-dropdown ul .menu-icon { margin-left: -5px; } #main-menu .mm-dropdown ul a { padding-bottom: 8px; padding-top: 8px; } #main-menu .mm-dropdown ul a:before { top: 14px; } #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.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%; padding-bottom: 0; padding-left: 0 !important; position: absolute; top: 0; width: 240px; z-index: 502; } #main-menu .mmc-dropdown-open > ul > .mmc-title { display: block; } #main-menu .mmc-dropdown-open.top > ul { bottom: 0; padding-top: 0; top: auto; } #main-menu .mmc-dropdown-open.mm-dropdown > ul > li > a { padding-left: 16px; } #main-menu .mmc-dropdown-open.mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 36px; } #main-menu .mmc-dropdown-open.mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 56px; } #main-menu .mmc-dropdown-open.mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 76px; } #main-menu .mmc-dropdown-open.mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > .mm-dropdown > ul > li > a { padding-left: 96px; } #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; } @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: 450px; } } @media (min-width: 920px) { #main-navbar .navbar-header { width: 580px; } } @media (min-width: 1200px) { #main-navbar .navbar-header { width: 750px; } } .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; } #session-timeout-text { display: inline-flex; align-items: center; text-align: center; padding: 15px; height: 46px; background: #f4b04f; border-color: #f4b04f; color: #fff; } @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'); } .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'); } .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'); } .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'); } .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: 99999999999px; } #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: #1d89cf; } .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; } .modal .datepicker-dropdown { z-index: 1040; } .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .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, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td.highlighted { background: #d9edf7; border-radius: 0; } .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-color: #fde19a; background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069; } .datepicker table tr td.today:hover:hover { color: #000; } .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: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .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-color: #f3d17a; background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080); background-image: linear-gradient(to bottom, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999; 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 { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eee; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } .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: "\f0de"; display: block; } table.dataTable thead .sorting_desc { background: rgba(0, 0, 0, 0.05); } table.dataTable thead .sorting_desc:after { content: "\f0dd"; display: block; } table.dataTable thead .sorting_asc_disabled:after { content: "\f0dc"; display: block; opacity: .3; } table.dataTable thead .sorting_desc_disabled:after { content: "\f0dd"; 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-events: 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-radius: 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-radius: 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 #ddd } .md-editor .md-footer, .md-editor > .md-header { display: block; padding: 6px 4px; background: #f5f5f5 } .md-editor > .md-header { margin: 0 } .md-editor > .md-preview { background: #fff; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; min-height: 10px; overflow: auto } .md-editor > textarea { font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 14px; outline: 0; margin: 0; display: block; padding: 0; width: 100%; border: 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; border-radius: 0; box-shadow: none; background: #eee } .md-editor > textarea:focus { box-shadow: none; background: #fff } .md-editor.active { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .md-editor .md-controls { float: right; padding: 3px } .md-editor .md-controls .md-control { right: 5px; color: #bebebe; padding: 3px 3px 3px 10px } .md-editor .md-controls .md-control:hover { color: #333 } .md-editor.md-fullscreen-mode { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; padding: 60px 30px 15px; background: #fff !important; border: 0 !important } .md-editor.md-fullscreen-mode .md-footer { display: none } .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview { margin: 0 auto !important; height: 100% !important; font-size: 20px !important; padding: 20px !important; color: #999; line-height: 1.6em !important; resize: none !important; box-shadow: none !important; background: #fff !important; border: 0 !important } .md-editor.md-fullscreen-mode .md-preview { color: #333; overflow: auto } .md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover { color: #333; background: #fff !important } .md-editor.md-fullscreen-mode .md-header { background: 0 0; text-align: center; position: fixed; width: 100%; top: 20px } .md-editor.md-fullscreen-mode .btn-group { float: none } .md-editor.md-fullscreen-mode .btn { border: 0; background: 0 0; color: #b3b3b3 } .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover { box-shadow: none; color: #333 } .md-editor.md-fullscreen-mode .md-fullscreen-controls { position: absolute; top: 20px; right: 20px; text-align: right; z-index: 1002; display: block } .md-editor.md-fullscreen-mode .md-fullscreen-controls a { color: #b3b3b3; clear: right; margin: 10px; width: 30px; height: 30px; text-align: center } .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover { color: #333; text-decoration: none } .md-editor.md-fullscreen-mode .md-editor { height: 100% !important; position: relative } .md-editor .md-fullscreen-controls { display: none } .md-nooverflow { overflow: hidden; position: fixed; width: 100% } .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: 10; } .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-bottom: 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; } .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; } #recover-password-anchor { float: right !important; padding: 10px !important; } .floating-btn { width: 50px; height: 50px; text-decoration: none; border-radius: 50%; font-size: 30px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); display: flex; align-items: center; justify-content: center; position: fixed; right: 20px; bottom: 20px; transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out; border: none; cursor: pointer; outline: none; } .floating-btn:hover { box-shadow: 0 4px 5px -2px rgba(0,0,0,.2), 0 7px 10px 1px rgba(0,0,0,.14), 0 2px 16px 1px rgba(0,0,0,.12); } .floating-btn.clicked { background-color: #4169cc; } .form-box { margin: 16px auto; font-size: 16px; border-radius: 9px; position: fixed; opacity: 0; overflow: hidden; bottom: 0; right: 30px; transform: translate(-50%,-50%); width: 30px; height: 30px; background: #fff; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-sizing: border-box; transition: all .25s ease-in-out; z-index: 3; } .form-box.open { transform: translate(10px, -70px); z-index: 3; opacity: 1; } .chat-window { height: 550px; width: 450px; } .chat-wrapper { position: fixed; bottom: 20px; right: 30px; z-index: 1000; } .floating-btn { width: 50px; height: 50px; border-radius: 50%; } .chat-container { position: relative; bottom: 60px; right: 0; width: 90vw; max-width: 450px; max-height: 550px; height: 70vh; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.3); background: white; overflow: hidden; transform-origin: bottom right; transform: scale(0); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; display: flex; flex-direction: column; min-height: 400px; } .chat-container.open { transform: scale(1); opacity: 1; } @keyframes balloonPopIn { 0% { transform: scale(0.5); opacity: 0; } 60% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); } } .chat-container.animated { animation: balloonPopIn 0.4s ease-out forwards; } .chat-header { position: relative; background: #f1f1f1; padding: 0.5rem; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd; cursor: pointer; } .chat-header:hover { background: #e8e8e8; } .chat-iframe { width: 100%; height: 100%; border: none; flex-grow: 1; } #assistant-selector { position: fixed; bottom: 80px; right: 30px; z-index: 1001; width: 300px; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 8px; padding: 1rem; } .maximize-chat-btn { position: absolute; top: 6px; right: 6px; background-color: transparent; color: #333; border: none; cursor: pointer; font-size: 16px; padding: 4px; display: flex; align-items: center; justify-content: center; } .maximize-chat-btn:hover { color: #000; }