/*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.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; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: 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 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { 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 { 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: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-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-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: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-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .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-genderless:before, .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-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-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"; } /* http://graphicburger.com/simple-line-icons-webfont/ */ @font-face { font-family: 'Simple-Line-Icons'; src:url('fonts/Simple-Line-Icons.eot'); src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Simple-Line-Icons.woff') format('woff'), url('fonts/Simple-Line-Icons.ttf') format('truetype'), url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'Simple-Line-Icons'; src: url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); } } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'Simple-Line-Icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users { font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-user-female:before { content: "\e000"; } .icon-user-follow:before { content: "\e002"; } .icon-user-following:before { content: "\e003"; } .icon-user-unfollow:before { content: "\e004"; } .icon-trophy:before { content: "\e006"; } .icon-screen-smartphone:before { content: "\e010"; } .icon-screen-desktop:before { content: "\e011"; } .icon-plane:before { content: "\e012"; } .icon-notebook:before { content: "\e013"; } .icon-moustache:before { content: "\e014"; } .icon-mouse:before { content: "\e015"; } .icon-magnet:before { content: "\e016"; } .icon-energy:before { content: "\e020"; } .icon-emoticon-smile:before { content: "\e021"; } .icon-disc:before { content: "\e022"; } .icon-cursor-move:before { content: "\e023"; } .icon-crop:before { content: "\e024"; } .icon-credit-card:before { content: "\e025"; } .icon-chemistry:before { content: "\e026"; } .icon-user:before { content: "\e005"; } .icon-speedometer:before { content: "\e007"; } .icon-social-youtube:before { content: "\e008"; } .icon-social-twitter:before { content: "\e009"; } .icon-social-tumblr:before { content: "\e00a"; } .icon-social-facebook:before { content: "\e00b"; } .icon-social-dropbox:before { content: "\e00c"; } .icon-social-dribbble:before { content: "\e00d"; } .icon-shield:before { content: "\e00e"; } .icon-screen-tablet:before { content: "\e00f"; } .icon-magic-wand:before { content: "\e017"; } .icon-hourglass:before { content: "\e018"; } .icon-graduation:before { content: "\e019"; } .icon-ghost:before { content: "\e01a"; } .icon-game-controller:before { content: "\e01b"; } .icon-fire:before { content: "\e01c"; } .icon-eyeglasses:before { content: "\e01d"; } .icon-envelope-open:before { content: "\e01e"; } .icon-envelope-letter:before { content: "\e01f"; } .icon-bell:before { content: "\e027"; } .icon-badge:before { content: "\e028"; } .icon-anchor:before { content: "\e029"; } .icon-wallet:before { content: "\e02a"; } .icon-vector:before { content: "\e02b"; } .icon-speech:before { content: "\e02c"; } .icon-puzzle:before { content: "\e02d"; } .icon-printer:before { content: "\e02e"; } .icon-present:before { content: "\e02f"; } .icon-playlist:before { content: "\e030"; } .icon-pin:before { content: "\e031"; } .icon-picture:before { content: "\e032"; } .icon-map:before { content: "\e033"; } .icon-layers:before { content: "\e034"; } .icon-handbag:before { content: "\e035"; } .icon-globe-alt:before { content: "\e036"; } .icon-globe:before { content: "\e037"; } .icon-frame:before { content: "\e038"; } .icon-folder-alt:before { content: "\e039"; } .icon-film:before { content: "\e03a"; } .icon-feed:before { content: "\e03b"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-earphones:before { content: "\e03d"; } .icon-drop:before { content: "\e03e"; } .icon-drawer:before { content: "\e03f"; } .icon-docs:before { content: "\e040"; } .icon-directions:before { content: "\e041"; } .icon-direction:before { content: "\e042"; } .icon-diamond:before { content: "\e043"; } .icon-cup:before { content: "\e044"; } .icon-compass:before { content: "\e045"; } .icon-call-out:before { content: "\e046"; } .icon-call-in:before { content: "\e047"; } .icon-call-end:before { content: "\e048"; } .icon-calculator:before { content: "\e049"; } .icon-bubbles:before { content: "\e04a"; } .icon-briefcase:before { content: "\e04b"; } .icon-book-open:before { content: "\e04c"; } .icon-basket-loaded:before { content: "\e04d"; } .icon-basket:before { content: "\e04e"; } .icon-bag:before { content: "\e04f"; } .icon-action-undo:before { content: "\e050"; } .icon-action-redo:before { content: "\e051"; } .icon-wrench:before { content: "\e052"; } .icon-umbrella:before { content: "\e053"; } .icon-trash:before { content: "\e054"; } .icon-tag:before { content: "\e055"; } .icon-support:before { content: "\e056"; } .icon-size-fullscreen:before { content: "\e057"; } .icon-size-actual:before { content: "\e058"; } .icon-shuffle:before { content: "\e059"; } .icon-share-alt:before { content: "\e05a"; } .icon-share:before { content: "\e05b"; } .icon-rocket:before { content: "\e05c"; } .icon-question:before { content: "\e05d"; } .icon-pie-chart:before { content: "\e05e"; } .icon-pencil:before { content: "\e05f"; } .icon-note:before { content: "\e060"; } .icon-music-tone-alt:before { content: "\e061"; } .icon-music-tone:before { content: "\e062"; } .icon-microphone:before { content: "\e063"; } .icon-loop:before { content: "\e064"; } .icon-logout:before { content: "\e065"; } .icon-login:before { content: "\e066"; } .icon-list:before { content: "\e067"; } .icon-like:before { content: "\e068"; } .icon-home:before { content: "\e069"; } .icon-grid:before { content: "\e06a"; } .icon-graph:before { content: "\e06b"; } .icon-equalizer:before { content: "\e06c"; } .icon-dislike:before { content: "\e06d"; } .icon-cursor:before { content: "\e06e"; } .icon-control-start:before { content: "\e06f"; } .icon-control-rewind:before { content: "\e070"; } .icon-control-play:before { content: "\e071"; } .icon-control-pause:before { content: "\e072"; } .icon-control-forward:before { content: "\e073"; } .icon-control-end:before { content: "\e074"; } .icon-calendar:before { content: "\e075"; } .icon-bulb:before { content: "\e076"; } .icon-bar-chart:before { content: "\e077"; } .icon-arrow-up:before { content: "\e078"; } .icon-arrow-right:before { content: "\e079"; } .icon-arrow-left:before { content: "\e07a"; } .icon-arrow-down:before { content: "\e07b"; } .icon-ban:before { content: "\e07c"; } .icon-bubble:before { content: "\e07d"; } .icon-camcorder:before { content: "\e07e"; } .icon-camera:before { content: "\e07f"; } .icon-check:before { content: "\e080"; } .icon-clock:before { content: "\e081"; } .icon-close:before { content: "\e082"; } .icon-cloud-download:before { content: "\e083"; } .icon-cloud-upload:before { content: "\e084"; } .icon-doc:before { content: "\e085"; } .icon-envelope:before { content: "\e086"; } .icon-eye:before { content: "\e087"; } .icon-flag:before { content: "\e088"; } .icon-folder:before { content: "\e089"; } .icon-heart:before { content: "\e08a"; } .icon-info:before { content: "\e08b"; } .icon-key:before { content: "\e08c"; } .icon-link:before { content: "\e08d"; } .icon-lock:before { content: "\e08e"; } .icon-lock-open:before { content: "\e08f"; } .icon-magnifier:before { content: "\e090"; } .icon-magnifier-add:before { content: "\e091"; } .icon-magnifier-remove:before { content: "\e092"; } .icon-paper-clip:before { content: "\e093"; } .icon-paper-plane:before { content: "\e094"; } .icon-plus:before { content: "\e095"; } .icon-pointer:before { content: "\e096"; } .icon-power:before { content: "\e097"; } .icon-refresh:before { content: "\e098"; } .icon-reload:before { content: "\e099"; } .icon-settings:before { content: "\e09a"; } .icon-star:before { content: "\e09b"; } .icon-symbol-female:before { content: "\e09c"; } .icon-symbol-male:before { content: "\e09d"; } .icon-target:before { content: "\e09e"; } .icon-volume-1:before { content: "\e09f"; } .icon-volume-2:before { content: "\e0a0"; } .icon-volume-off:before { content: "\e0a1"; } .icon-users:before { content: "\e001"; } /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #34495e; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid white; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; 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; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #6c8dae; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #f9e491; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #6c8dae; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #28acb8; } a.text-success:hover, a.text-success:focus { color: #1f858e; } .text-info { color: #327ad5; } a.text-info:hover, a.text-info:focus { color: #2462b0; } .text-warning { color: #c29d0b; } a.text-warning:hover, a.text-warning:focus { color: #927608; } .text-danger { color: #e73d4a; } a.text-danger:hover, a.text-danger:focus { color: #d71b29; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #b4eaee; } a.bg-success:hover, a.bg-success:focus { background-color: #8adee5; } .bg-info { background-color: #e0ebf9; } a.bg-info:hover, a.bg-info:focus { background-color: #b5cff0; } .bg-warning { background-color: #f9e491; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f6d861; } .bg-danger { background-color: #fbe1e3; } a.bg-danger:hover, a.bg-danger:focus { background-color: #f6b3b8; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid white; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #6c8dae; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid white; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #6c8dae; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid white; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #34495e; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #6c8dae; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #e7ecf1; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #e7ecf1; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #e7ecf1; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #e7ecf1; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #e7ecf1; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fbfcfd; } .table-hover > tbody > tr:hover { background-color: #eef1f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #eef1f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #dee5ec; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #b4eaee; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #9fe4ea; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #e0ebf9; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #caddf4; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #f9e491; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #f7de79; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #fbe1e3; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #f8cace; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #e7ecf1; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #34495e; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #4d6b8a; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #4d6b8a; background-color: #fff; background-image: none; border: 1px solid #c2cad8; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #93a1bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: white; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #28acb8; } .has-success .form-control { border-color: #28acb8; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #1f858e; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #68d4de; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #68d4de; } .has-success .input-group-addon { color: #28acb8; border-color: #28acb8; background-color: #b4eaee; } .has-success .form-control-feedback { color: #28acb8; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #c29d0b; } .has-warning .form-control { border-color: #c29d0b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #927608; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4d03f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4d03f; } .has-warning .input-group-addon { color: #c29d0b; border-color: #c29d0b; background-color: #f9e491; } .has-warning .form-control-feedback { color: #c29d0b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #e73d4a; } .has-error .form-control { border-color: #e73d4a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #d71b29; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f2989f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f2989f; } .has-error .input-group-addon { color: #e73d4a; border-color: #e73d4a; background-color: #fbe1e3; } .has-error .form-control-feedback { color: #e73d4a; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #6789ab; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33333px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #b3b3b3; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #b3b3b3; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #b3b3b3; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #dedede; border-color: #ababab; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #23527c; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #23527c; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #23527c; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #255884; border-color: #1f4a70; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #3fc9d5; border-color: #2dc0cd; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #28acb8; border-color: #2499a3; } .btn-success:hover { color: #fff; background-color: #28acb8; border-color: #2499a3; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #28acb8; border-color: #2499a3; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #26a1ab; border-color: #218d96; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #3fc9d5; border-color: #2dc0cd; } .btn-success .badge { color: #3fc9d5; background-color: #fff; } .btn-info { color: #fff; background-color: #659be0; border-color: #508edb; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #3a80d7; border-color: #2a73ce; } .btn-info:hover { color: #fff; background-color: #3a80d7; border-color: #2a73ce; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #3a80d7; border-color: #2a73ce; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #2e78d4; border-color: #276cc1; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #659be0; border-color: #508edb; } .btn-info .badge { color: #659be0; background-color: #fff; } .btn-warning { color: #fff; background-color: #F1C40F; border-color: #dab10d; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #c29d0b; border-color: #aa8a0a; } .btn-warning:hover { color: #fff; background-color: #c29d0b; border-color: #aa8a0a; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #c29d0b; border-color: #aa8a0a; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #b3920a; border-color: #9b7e09; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #F1C40F; border-color: #dab10d; } .btn-warning .badge { color: #F1C40F; background-color: #fff; } .btn-danger { color: #fff; background-color: #ed6b75; border-color: #ea5460; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #e73d4a; border-color: #e42735; } .btn-danger:hover { color: #fff; background-color: #e73d4a; border-color: #e42735; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #e73d4a; border-color: #e42735; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #e5303e; border-color: #e01c2b; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #ed6b75; border-color: #ea5460; } .btn-danger .badge { color: #ed6b75; background-color: #fff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #6c8dae; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0/*rtl:auto*/; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #34495e; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #2b3c4e; background-color: #e1e5ec; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #6c8dae; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #6c8dae; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #4d6b8a; text-align: center; background-color: white; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: white; } .nav > li.disabled > a { color: #6c8dae; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #6c8dae; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: white; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: white white #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #4d6b8a; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 9995; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9eb3c9; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9eb3c9; } .navbar-inverse .navbar-nav > li > a { color: #9eb3c9; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9eb3c9; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9eb3c9; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9eb3c9; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #6c8dae; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 3; color: #23527c; background-color: white; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #6c8dae; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: white; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #6c8dae; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #6c8dae; } .label-default[href]:hover, .label-default[href]:focus { background-color: #527495; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #3fc9d5; } .label-success[href]:hover, .label-success[href]:focus { background-color: #28acb8; } .label-info { background-color: #659be0; } .label-info[href]:hover, .label-info[href]:focus { background-color: #3a80d7; } .label-warning { background-color: #F1C40F; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #c29d0b; } .label-danger { background-color: #ed6b75; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #e73d4a; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #6c8dae; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: white; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #e6e6e6; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #34495e; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #b4eaee; border-color: #b4eaee; color: #28acb8; } .alert-success hr { border-top-color: #9fe4ea; } .alert-success .alert-link { color: #1f858e; } .alert-info { background-color: #e0ebf9; border-color: #e0ebf9; color: #327ad5; } .alert-info hr { border-top-color: #caddf4; } .alert-info .alert-link { color: #2462b0; } .alert-warning { background-color: #f9e491; border-color: #f9e491; color: #c29d0b; } .alert-warning hr { border-top-color: #f7de79; } .alert-warning .alert-link { color: #927608; } .alert-danger { background-color: #fbe1e3; border-color: #fbe1e3; color: #e73d4a; } .alert-danger hr { border-top-color: #f8cace; } .alert-danger .alert-link { color: #d71b29; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -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); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #3fc9d5; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #659be0; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #F1C40F; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #ed6b75; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: white; color: #6c8dae; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #6c8dae; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #28acb8; background-color: #b4eaee; } a.list-group-item-success, button.list-group-item-success { color: #28acb8; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #28acb8; background-color: #9fe4ea; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #28acb8; border-color: #28acb8; } .list-group-item-info { color: #327ad5; background-color: #e0ebf9; } a.list-group-item-info, button.list-group-item-info { color: #327ad5; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #327ad5; background-color: #caddf4; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #327ad5; border-color: #327ad5; } .list-group-item-warning { color: #c29d0b; background-color: #f9e491; } a.list-group-item-warning, button.list-group-item-warning { color: #c29d0b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #c29d0b; background-color: #f7de79; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #c29d0b; border-color: #c29d0b; } .list-group-item-danger { color: #e73d4a; background-color: #fbe1e3; } a.list-group-item-danger, button.list-group-item-danger { color: #e73d4a; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #e73d4a; background-color: #f8cace; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #e73d4a; border-color: #e73d4a; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #e7ecf1; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #34495e; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #34495e; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #b4eaee; } .panel-success > .panel-heading { color: #28acb8; background-color: #b4eaee; border-color: #b4eaee; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #b4eaee; } .panel-success > .panel-heading .badge { color: #b4eaee; background-color: #28acb8; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #b4eaee; } .panel-info { border-color: #e0ebf9; } .panel-info > .panel-heading { color: #327ad5; background-color: #e0ebf9; border-color: #e0ebf9; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e0ebf9; } .panel-info > .panel-heading .badge { color: #e0ebf9; background-color: #327ad5; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e0ebf9; } .panel-warning { border-color: #f9e491; } .panel-warning > .panel-heading { color: #c29d0b; background-color: #f9e491; border-color: #f9e491; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f9e491; } .panel-warning > .panel-heading .badge { color: #f9e491; background-color: #c29d0b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f9e491; } .panel-danger { border-color: #fbe1e3; } .panel-danger > .panel-heading { color: #e73d4a; background-color: #fbe1e3; border-color: #fbe1e3; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fbe1e3; } .panel-danger > .panel-heading .badge { color: #fbe1e3; background-color: #e73d4a; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #fbe1e3; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f1f4f7; border: 1px solid #dae2ea; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10049; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1030; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0/*rtl:ignore*/; margin-top: -5px; border-width: 5px 5px 5px 0/*rtl:ignore*/; border-right-color: #000/*rtl:ignore*/; } .tooltip.left .tooltip-arrow { top: 50%; right: 0/*rtl:ignore*/; margin-top: -5px; border-width: 5px 0 5px 5px/*rtl:ignore*/; border-left-color: #000/*rtl:ignore*/; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0/*rtl:ignore*/; z-index: 1010; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px/*rtl:ignore*/; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px /*rtl:ignore*/; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px /*rtl:ignore*/; margin-top: -11px; border-left-width: 0/*rtl:ignore*/; border-right-color: #999999/*rtl:ignore*/; border-right-color: rgba(0, 0, 0, 0.25)/*rtl:ignore*/; } .popover.right > .arrow:after { content: " "; left: 1px/*rtl:ignore*/; bottom: -10px; border-left-width: 0/*rtl:ignore*/; border-right-color: #fff/*rtl:ignore*/; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px /*rtl:ignore*/; margin-top: -11px; border-right-width: 0/*rtl:ignore*/; border-left-color: #999999/*rtl:ignore*/; border-left-color: rgba(0, 0, 0, 0.25)/*rtl:ignore*/; } .popover.left > .arrow:after { content: " "; right: 1px/*rtl:ignore*/; border-right-width: 0/*rtl:ignore*/; border-left-color: #fff/*rtl:ignore*/; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* Uniform Theme: Uniform Default Version: 1.8 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://uniformjs.com/ */ /* General settings */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url("../images/sprite.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } div.selector, div.checker, div.button, div.radio, div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; } div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; } .highContrastDetect { background: url("../images/bg-input.png") repeat-x 0 0; width: 0px; height: 0px; } /* Input & Textarea */ input.uniform-input, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url("../images/bg-input.png") repeat-x 0 0; outline: 0; } input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active { background: url("../images/bg-input-focus.png") repeat-x 0 0; } /* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */ div.checker input, input[type="search"], input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth { width: 190px; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; } div.selector.active { background-position: 0 -156px; } div.selector.active span { background-position: right -26px; } div.selector.hover, div.selector.focus { background-position: 0 -182px; } div.selector.hover span, div.selector.focus span { background-position: right -52px; } div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px; } div.selector.hover.active span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px; } div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px; } /* Checkbox */ div.checker { position: relative; } div.checker, div.checker span, div.checker input { width: 19px; height: 19px; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } div.checker.active span { background-position: -19px -260px; } div.checker.active span.checked { background-position: -95px -260px; } div.checker.hover span, div.checker.focus span { background-position: -38px -260px; } div.checker.hover span.checked, div.checker.focus span.checked { background-position: -114px -260px; } div.checker.hover.active span, div.checker.focus.active span { background-position: -57px -260px; } div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -133px -260px; } div.checker.disabled, div.checker.disabled.active { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { position: relative; } div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } div.radio.active span { background-position: -18px -18px -279px; } div.radio.active span.checked { background-position: -90px -279px; } div.radio.hover span, div.radio.focus span { background-position: -36px -36px -279px; } div.radio.hover span.checked, div.radio.focus span.checked { background-position: -108px -279px; } div.radio.hover.active span, div.radio.focus.active span { background-position: -54px -279px; } div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader.active span.action { background-position: right -465px; } div.uploader.hover, div.uploader.focus { background-position: 0 -353px; } div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; } div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; } div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; } div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; } /* Buttons */ div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ } div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 22px; text-align: center; background-position: right -521px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px; } div.button.active { background-position: 0 -671px; } div.button.active span { background-position: right -551px; cursor: default; } div.button.hover, div.button.focus { background-position: 0 -701px; } div.button.hover span, div.button.focus span { background-position: right -581px; } div.button.disabled, div.button.disabled.active { background-position: 0 -731px; } div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; } /* INPUT & TEXTAREA */ input.uniform-input, select.uniform-multiselect, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #999; } /* PRESENTATION */ /* Buttons */ div.button span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } div.button.hover span, div.button.focus span { color: #555; } div.button.disabled span, div.button.disabled.active span { color: #bbb; } /* Select */ div.selector { font-size: 12px; } div.selector span { color: #666; text-shadow: 0 1px 0 white; } div.selector select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; } div.selector.disabled span, div.selector.disabled.active span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader span.action { text-shadow: white 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; border-right: solid 1px #bbbbbb; font-size: 11px; } div.uploader.disabled span.action, div.uploader.disabled.active span.action { color: #aaa; } div.uploader.disabled span.filename, div.uploader.disabled.active span.filename { border-color: #ddd; color: #aaa; } input.uniform-input, input.uniform-input:focus { background-color: #fff; } /* ======================================================================== * bootstrap-switch - v3.3.2 * http://www.bootstrap-switch.org * ======================================================================== * Copyright 2012-2013 Mattia Larentis * * ======================================================================== * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ .bootstrap-switch { display: inline-block; direction: ltr; cursor: pointer; border-radius: 4px; border: 1px solid; border-color: #cccccc; position: relative; text-align: left; overflow: hidden; line-height: 8px; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -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; } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; border-radius: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block !important; height: 100%; padding: 6px 12px; font-size: 14px; line-height: 20px; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off { text-align: center; z-index: 1; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #428bca; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #5bc0de; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #5cb85c; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { background: #f0ad4e; color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #d9534f; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #000; background: #eeeeee; } .bootstrap-switch .bootstrap-switch-label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; color: #333333; background: #ffffff; } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: -1; } .bootstrap-switch input[type='radio'].form-control, .bootstrap-switch input[type='checkbox'].form-control { height: auto; } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { padding: 6px 16px; font-size: 18px; line-height: 1.33; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left 0.5s; transition: margin-left 0.5s; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch.bootstrap-switch-focused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* * This combined file was created by the DataTables downloader builder: * https://datatables.net/download * * To rebuild or modify this file with the latest versions of the included * software please visit: * https://datatables.net/download/#dt/pdfmake-0.1.18,dt-1.10.8,af-2.0.0,b-1.0.1,b-colvis-1.0.1,b-flash-1.0.1,b-html5-1.0.1,b-print-1.0.1,cr-1.2.0,fc-3.1.0,fh-3.0.0,kt-2.0.0,r-1.0.7,rr-1.0.0,sc-1.3.0,se-1.0.0 * * Included libraries: * pdfmake 0.1.18, DataTables 1.10.8, AutoFill 2.0.0, Buttons 1.0.1, Column visibility 1.0.1, Flash export 1.0.1, HTML5 export 1.0.1, Print view 1.0.1, ColReorder 1.2.0, FixedColumns 3.1.0, FixedHeader 3.0.0, KeyTable 2.0.0, Responsive 1.0.7, RowReorder 1.0.0, Scroller 1.3.0, Select 1.0.0 */ /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } 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 { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("DataTables-1.10.8/images/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("DataTables-1.10.8/images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("DataTables-1.10.8/images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("DataTables-1.10.8/images/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("DataTables-1.10.8/images/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } table.dataTable tbody td,table.dataTable tbody th{position:relative}div.dt-autofill-handle{position:absolute;bottom:0;right:0;height:8px;width:8px;z-index:1;box-sizing:border-box;border:1px solid #316ad1;background:linear-gradient(to bottom, #abcffb 0%, #4989de 100%)}td.focus div.dt-autofill-handle{bottom:-4px;right:-5px}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#4989de;background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5) 10px)}div.dt-autofill-select.top,div.dt-autofill-select.bottom{height:3px;margin-top:-1px}div.dt-autofill-select.left,div.dt-autofill-select.right{width:3px;margin-left:-1px}div.dt-autofill-list{position:fixed;top:50%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:6px;box-shadow:0 0 5px #555;border:2px solid #444;z-index:11;box-sizing:border-box;padding:1.5em 2em}div.dt-autofill-list ul{display:table;margin:0;padding:0;list-style:none;width:100%}div.dt-autofill-list ul li{display:table-row}div.dt-autofill-list ul li:last-child div.dt-autofill-question,div.dt-autofill-list ul li:last-child div.dt-autofill-button{border-bottom:none}div.dt-autofill-list ul li:hover{background-color:#f6f6f6}div.dt-autofill-list div.dt-autofill-question{display:table-cell;padding:0.5em 0;border-bottom:1px solid #ccc}div.dt-autofill-list div.dt-autofill-question input[type=number]{padding:6px;width:30px;margin:-2px 0}div.dt-autofill-list div.dt-autofill-button{display:table-cell;padding:0.5em 0;border-bottom:1px solid #ccc}div.dt-autofill-list div.dt-autofill-button button{color:white;margin:0;padding:6px 12px;text-align:center;border:1px solid #2e6da4;background-color:#337ab7;border-radius:4px;cursor:pointer;vertical-align:middle}div.dt-autofill-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:10} div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } div.dt-button-info > div { padding: 1em; } button.dt-button, div.dt-button, a.dt-button { position: relative; display: inline-block; box-sizing: border-box; margin-right: 0.333em; padding: 0.5em 1em; border: 1px solid #999; border-radius: 2px; cursor: pointer; font-size: 0.88em; color: black; white-space: nowrap; overflow: hidden; background-color: #e9e9e9; /* Fallback */ background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%); /* IE10 */ background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, white 0%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9'); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; outline: none; } button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled { color: #999; border: 1px solid #d0d0d0; cursor: default; background-color: #f9f9f9; /* Fallback */ background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff 0%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9'); } button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) { background-color: #e2e2e2; /* Fallback */ background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* IE10 */ background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2'); box-shadow: inset 1px 1px 3px #999999; } button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) { box-shadow: inset 1px 1px 3px #999999; background-color: #cccccc; /* Fallback */ background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* IE10 */ background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, #eaeaea 0%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc'); } button.dt-button:hover, div.dt-button:hover, a.dt-button:hover { text-decoration: none; } button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { border: 1px solid #666; background-color: #e0e0e0; /* Fallback */ background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* IE10 */ background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0'); } button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { border: 1px solid #426c9e; text-shadow: 0 1px 0 #c4def1; outline: none; background-color: #79ace9; /* Fallback */ background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* IE10 */ background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, #bddef4 0%, #79ace9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9'); } .dt-button embed { outline: none; } div.dt-buttons { position: relative; float: left; } div.dt-buttons.buttons-right { float: right; } div.dt-button-collection { position: absolute; top: 0; left: 0; width: 150px; margin-top: 3px; padding: 8px 8px 4px 8px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.4); background-color: white; overflow: hidden; z-index: 2002; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); z-index: 2002; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button { position: relative; left: 0; right: 0; display: block; float: none; margin-bottom: 4px; margin-right: 0; } div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) { background-color: #dadada; /* Fallback */ background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* IE10 */ background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, #f0f0f0 0%, #dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada'); box-shadow: inset 1px 1px 3px #666; } div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; } div.dt-button-collection.fixed.two-column { margin-left: -150px; } div.dt-button-collection.fixed.three-column { margin-left: -225px; } div.dt-button-collection.fixed.four-column { margin-left: -300px; } div.dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } div.dt-button-collection.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } div.dt-button-collection.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Fallback */ background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */ background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */ background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */ background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */ background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ z-index: 2001; } @media screen and (max-width: 640px) { div.dt-buttons { float: none !important; text-align: center; } } table.DTCR_clonedTable { background-color: rgba(255, 255, 255, 0.7); z-index: 202; } div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201; } table.DTFC_Cloned thead, table.DTFC_Cloned tfoot { background-color: white; } div.DTFC_Blocker { background-color: white; } div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable { margin-bottom: 0; z-index: 2; } div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer { border-bottom: none; } table.fixedHeader-floating { position: fixed; background-color: white; } table.fixedHeader-floating.no-footer { border-bottom-width: 0; } table.fixedHeader-locked { position: absolute; background-color: white; } table.fixedHeader-locked { position: absolute; background-color: white; } table.dataTable th.focus, table.dataTable td.focus { outline: 3px solid #3366FF; outline-offset: -1px; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 8px; left: 4px; height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before { display: none; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; } table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 12px; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable > tbody > tr.child { padding: 0.5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !important; } table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } table.dt-rowReorder-float { position: absolute !important; opacity: 0.8; table-layout: static; outline: 2px solid #888; outline-offset: -2px; } tr.dt-rowReorder-moving { outline: 2px solid #555; outline-offset: -2px; } body.dt-rowReorder-noOverflow { overflow-x: hidden; } table.dataTable td.reorder { text-align: center; cursor: move; } div.DTS tbody th, div.DTS tbody td { white-space: nowrap; } div.DTS tbody tr.even { background-color: white; } div.DTS div.DTS_Loading { z-index: 1; } div.DTS div.dataTables_scrollBody { background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); } div.DTS div.dataTables_scrollBody table { z-index: 2; } div.DTS div.dataTables_paginate { display: none; } table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { background-color: #B0BED9; } table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected { background-color: #acbad4; } table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover { background-color: #aab7d1; } table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected { background-color: #acbad5; } table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { background-color: #acbad5; } table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 { background-color: #aebcd6; } table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected { background-color: #a6b4cd; } table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected { background-color: #acbad5; } table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 { background-color: #a2aec7; } table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 { background-color: #a3b0c9; } table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 { background-color: #a5b2cb; } table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover { background-color: #a2aec7; } table.dataTable td.select-checkbox { position: relative; } table.dataTable td.select-checkbox:before, table.dataTable td.select-checkbox:after { display: block; position: absolute; top: 1.2em; left: 50%; width: 12px; height: 12px; box-sizing: border-box; } table.dataTable td.select-checkbox:before { content: ' '; margin-top: -6px; margin-left: -6px; border: 1px solid black; border-radius: 3px; } table.dataTable tr.selected td.select-checkbox:after { content: '\2714'; margin-top: -11px; margin-left: -4px; text-align: center; text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; } div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { margin-left: 0.5em; } @media screen and (max-width: 640px) { div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { margin-left: 0; display: block; } } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } div.dataTables_wrapper div.dataTables_info { padding-top: 8px; white-space: nowrap; } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; } table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting { padding-right: 30px; } table.dataTable thead>tr>th:active, table.dataTable thead>tr>td:active { outline: none; } 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; position: relative; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 8px; right: 8px; display: block; font-family: 'Glyphicons Halflings'; opacity: 0.5; } table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150"} table.dataTable thead .sorting_asc:after { content: "\e155"} table.dataTable thead .sorting_desc:after { content: "\e156"} table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } }table.dataTable.table-condensed>thead>tr>th { padding-right: 20px; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; } table.table-bordered.dataTable { border-collapse: separate !important; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } .ms-container{ background: transparent url('../img/switch.png') no-repeat 50% 50%; width: 370px; } .ms-container:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .ms-container .ms-selectable, .ms-container .ms-selection{ background: #fff; color: #555555; float: left; width: 45%; } .ms-container .ms-selection{ float: right; } .ms-container .ms-list{ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; height: 200px; padding: 0; overflow-y: auto; } .ms-container .ms-list.ms-focus{ border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9; } .ms-container ul{ margin: 0; list-style-type: none; padding: 0; } .ms-container .ms-optgroup-container{ width: 100%; } .ms-container .ms-optgroup-label{ margin: 0; padding: 5px 0px 0px 5px; cursor: pointer; color: #999; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection{ border-bottom: 1px #eee solid; padding: 2px 10px; color: #555; font-size: 14px; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover{ cursor: pointer; color: #fff; text-decoration: none; background-color: #08c; } .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled{ background-color: #eee; color: #aaa; cursor: text; } .multi-select { right: auto !important; left: -9999px !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f6f6f6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! Select2 Bootstrap Theme v0.1.0-beta.4 | MIT License | github.com/select2/select2-bootstrap-theme */ .select2-container--bootstrap{display:block}.select2-container--bootstrap .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);background-color:#fff;border:1px solid #c2cad8;border-radius:4px;color:#4d6b8a;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;outline:0}.select2-container--bootstrap .select2-search--dropdown .select2-search__field{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);background-color:#fff;border:1px solid #c2cad8;border-radius:4px;color:#4d6b8a;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}.select2-container--bootstrap .select2-search__field{outline:0}.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder{color:#999}.select2-container--bootstrap .select2-search__field:-moz-placeholder{color:#999}.select2-container--bootstrap .select2-search__field::-moz-placeholder{color:#999;opacity:1}.select2-container--bootstrap .select2-search__field:-ms-input-placeholder{color:#999}.select2-container--bootstrap .select2-results__option[role=group]{padding:0}.select2-container--bootstrap .select2-results__option[aria-disabled=true]{color:#6c8dae;cursor:not-allowed}.select2-container--bootstrap .select2-results__option[aria-selected=true]{background-color:#e1e5ec;color:#2b3c4e}.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background-color:#337ab7;color:#fff}.select2-container--bootstrap .select2-results__option .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option{margin-left:-12px;padding-left:24px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-24px;padding-left:36px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-36px;padding-left:48px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-48px;padding-left:60px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-60px;padding-left:72px}.select2-container--bootstrap .select2-results__group{color:#6c8dae;display:block;padding:6px 12px;font-size:12px;line-height:1.42857;white-space:nowrap}.select2-container--bootstrap.select2-container--focus .select2-selection,.select2-container--bootstrap.select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(147,161,187,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(147,161,187,0.6);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-o-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;border-color:#93a1bb}.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b{border-color:transparent transparent #999 transparent;border-width:0 4px 4px 4px}.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection{border-top-right-radius:0;border-top-left-radius:0;border-top-color:transparent}.select2-container--bootstrap .select2-selection__clear{color:#999;cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--bootstrap .select2-selection__clear:hover{color:#333}.select2-container--bootstrap.select2-container--disabled .select2-selection{border-color:#c2cad8;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-search__field{cursor:not-allowed}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#fff}.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove{display:none}.select2-container--bootstrap .select2-dropdown{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);border-color:#93a1bb;overflow-x:hidden;margin-top:-1px}.select2-container--bootstrap .select2-dropdown--above{margin-top:1px}.select2-container--bootstrap .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--bootstrap .select2-selection--single{height:34px;line-height:1.42857;padding:6px 24px 6px 12px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{position:absolute;bottom:0;right:12px;top:0;width:4px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-color:#999 transparent transparent transparent;border-style:solid;border-width:4px 4px 0 4px;height:0;left:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#4d6b8a;padding:0}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--bootstrap .select2-selection--multiple{min-height:34px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;display:block;line-height:1.42857;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder{color:#999;float:left;margin-top:5px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color:#4d6b8a;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:default;float:left;margin:5px 0 0 6px;padding:0 6px}.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{background:transparent;padding:0 12px;height:32px;line-height:1.42857;margin-top:0;min-width:5em}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:3px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:6px}.select2-container--bootstrap.input-sm,.select2-container--bootstrap.input-lg{border-radius:0;font-size:12px;height:auto;line-height:1;padding:0}.select2-container--bootstrap.input-sm .select2-selection--single,.input-group-sm .select2-container--bootstrap .select2-selection--single,.form-group-sm .select2-container--bootstrap .select2-selection--single{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 22px 5px 10px}.select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{margin-left:-5px}.select2-container--bootstrap.input-sm .select2-selection--multiple,.input-group-sm .select2-container--bootstrap .select2-selection--multiple,.form-group-sm .select2-container--bootstrap .select2-selection--multiple{min-height:30px}.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{font-size:12px;line-height:1.5;margin:4px 0 0 5px;padding:0 5px}.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{padding:0 10px;font-size:12px;height:28px;line-height:1.5}.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:5px}.select2-container--bootstrap.input-lg .select2-selection--single,.input-group-lg .select2-container--bootstrap .select2-selection--single,.form-group-lg .select2-container--bootstrap .select2-selection--single{border-radius:6px;font-size:18px;height:46px;line-height:1.33333;padding:10px 31px 10px 16px}.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow{width:5px}.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-width:5px 5px 0 5px;margin-left:-5px;margin-left:-10px;margin-top:-2.5px}.select2-container--bootstrap.input-lg .select2-selection--multiple,.input-group-lg .select2-container--bootstrap .select2-selection--multiple,.form-group-lg .select2-container--bootstrap .select2-selection--multiple{min-height:46px}.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{font-size:18px;line-height:1.33333;border-radius:4px;margin:9px 0 0 8px;padding:0 10px}.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{padding:0 16px;font-size:18px;height:44px;line-height:1.33333}.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:10px}.select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #999 transparent;border-width:0 5px 5px 5px}.input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #999 transparent;border-width:0 5px 5px 5px}.select2-container--bootstrap[dir="rtl"] .select2-selection--single{padding-left:24px;padding-right:12px}.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:12px;right:auto}.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b{margin-left:0}.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:6px}.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.has-warning .select2-dropdown,.has-warning .select2-selection{border-color:#c29d0b}.has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f4d03f;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f4d03f;border-color:#927608}.has-warning.select2-drop-active{border-color:#927608}.has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#927608}.has-error .select2-dropdown,.has-error .select2-selection{border-color:#e73d4a}.has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f2989f;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f2989f;border-color:#d71b29}.has-error.select2-drop-active{border-color:#d71b29}.has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#d71b29}.has-success .select2-dropdown,.has-success .select2-selection{border-color:#28acb8}.has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #68d4de;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #68d4de;border-color:#1f858e}.has-success.select2-drop-active{border-color:#1f858e}.has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#1f858e}.input-group .select2-container--bootstrap{display:table;table-layout:fixed;position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection{border-bottom-left-radius:0;border-top-left-radius:0}.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection{border-bottom-right-radius:0;border-top-right-radius:0}.select2-bootstrap-append .select2-container--bootstrap,.select2-bootstrap-append .input-group-btn,.select2-bootstrap-append .input-group-btn .btn,.select2-bootstrap-prepend .select2-container--bootstrap,.select2-bootstrap-prepend .input-group-btn,.select2-bootstrap-prepend .input-group-btn .btn{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute !important;width:1px !important}.form-inline .select2-container--bootstrap{display:inline-block} /*! * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap) * Copyright 2012-2014 Arnold Daniels * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE) */ .btn-file { position: relative; overflow: hidden; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; font-size: 23px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; direction: ltr; } .fileinput { display: inline-block; margin-bottom: 9px; } .fileinput .form-control { display: inline-block; padding-top: 7px; padding-bottom: 5px; margin-bottom: 0; vertical-align: middle; cursor: text; } .fileinput .thumbnail { display: inline-block; margin-bottom: 5px; overflow: hidden; text-align: center; vertical-align: middle; } .fileinput .thumbnail > img { max-height: 100%; } .fileinput .btn { vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } .fileinput-inline .fileinput-controls { display: inline; } .fileinput-filename { display: inline-block; overflow: hidden; vertical-align: middle; } .form-control .fileinput-filename { vertical-align: bottom; } .fileinput.input-group { display: table; } .fileinput.input-group > * { position: relative; z-index: 2; } .fileinput.input-group > .btn-file { z-index: 1; } .fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0; } .fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 3px 3px 0; } .fileinput-new.input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 6px 6px 0; } .form-group.has-warning .fileinput .fileinput-preview { color: #8a6d3b; } .form-group.has-warning .fileinput .thumbnail { border-color: #faebcc; } .form-group.has-error .fileinput .fileinput-preview { color: #a94442; } .form-group.has-error .fileinput .thumbnail { border-color: #ebccd1; } .form-group.has-success .fileinput .fileinput-preview { color: #3c763d; } .form-group.has-success .fileinput .thumbnail { border-color: #d6e9c6; } .input-group-addon:not(:first-child) { border-left: 0; } /* Cubic Bezier Transition */ /*** New Profile Page ***/ .profile-sidebar { float: left; width: 300px; margin-right: 20px; } .profile-content { overflow: hidden; } /* PROFILE SIDEBAR */ .profile-sidebar-portlet { padding: 30px 0 0 0 !important; } .profile-userpic img { float: none; margin: 0 auto; width: 50%; height: 50%; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .profile-usertitle { text-align: center; margin-top: 20px; } .profile-usertitle-name { color: #5a7391; font-size: 20px; font-weight: 600; margin-bottom: 7px; } .profile-usertitle-job { text-transform: uppercase; color: #5b9bd1; font-size: 13px; font-weight: 800; margin-bottom: 7px; } .profile-userbuttons { text-align: center; margin-top: 10px; } .profile-userbuttons .btn { margin-right: 5px; } .profile-userbuttons .btn:last-child { margin-right: 0; } .profile-userbuttons button { text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 6px 15px; } .profile-usermenu { margin-top: 30px; padding-bottom: 20px; } .profile-usermenu ul li { border-bottom: 1px solid #f0f4f7; } .profile-usermenu ul li:last-child { border-bottom: none; } .profile-usermenu ul li a { color: #93a3b5; font-size: 16px; font-weight: 400; } .profile-usermenu ul li a i { margin-right: 8px; font-size: 16px; } .profile-usermenu ul li a:hover { background-color: #fafcfd; color: #5b9bd1; } .profile-usermenu ul li.active a { color: #5b9bd1; background-color: #f6f9fb; border-left: 2px solid #5b9bd1; margin-left: -2px; } .profile-stat { padding-bottom: 20px; border-bottom: 1px solid #f0f4f7; } .profile-stat-title { color: #7f90a4; font-size: 25px; text-align: center; } .profile-stat-text { color: #5b9bd1; font-size: 11px; font-weight: 800; text-align: center; } .profile-desc-title { color: #7f90a4; font-size: 17px; font-weight: 600; } .profile-desc-text { color: #7e8c9e; font-size: 14px; } .profile-desc-link i { width: 22px; font-size: 19px; color: #abb6c4; margin-right: 5px; } .profile-desc-link a { font-size: 14px; font-weight: 600; color: #5b9bd1; } /* END PROFILE SIDEBAR */ /* RESPONSIVE MODE */ @media (max-width: 991px) { /* 991px */ /* 991px */ .profile-sidebar { float: none; width: 100% !important; margin: 0; } .profile-sidebar > .portlet { margin-bottom: 20px; } .profile-content { overflow: visible; } } /********************************* METRONIC ROUNDED STYLE COMPONENTS *********************************/ /* Cubic Bezier Transition */ /*** General reset ***/ /* Set default body */ body { color: #34495e; font-family: "Open Sans", sans-serif; padding: 0px !important; margin: 0px !important; direction: "ltr"; font-size: 14px; } /* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix. */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */ @-ms-viewport { width: auto !important; } .md-shadow-z-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); } .md-shadow-z-1-i { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important; } .md-shadow-z-1-hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22); } .md-shadow-z-2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22); } .md-shadow-z-2-i { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; } .md-shadow-z-2-hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); } .md-shadow-z-3 { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23); } .md-shadow-z-3-i { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important; } .md-shadow-z-3-hover { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26); } .md-shadow-z-4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22); } .md-shadow-z-4-i { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important; } .md-shadow-z-5 { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22); } .md-shadow-z-5-i { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important; } .md-shadow-none { box-shadow: none !important; } .md-click-circle { display: block; position: absolute; background: rgba(0, 0, 0, 0.2); border-radius: 50%; opacity: 0; -webkit-animation: scale(0); -moz-transform: scale(0); transform: scale(0); } .md-click-circle.md-click-animate { -webkit-animation: mdClickEffect 0.65s linear; -moz-animation: mdClickEffect 0.65s linear; animation: mdClickEffect 0.65s linear; } @-webkit-keyframes mdClickEffect { 0% { opacity: 1; -webkit-transform: scale(0); } 100% { opacity: 0 !important; -webkit-transform: scale(2.5); } } @-moz-keyframes mdClickEffect { 0% { opacity: 1; -webkit-transform: scale(0); } 100% { opacity: 0 !important; -moz-transform: scale(2.5); } } @keyframes mdClickEffect { 0% { opacity: 1; -webkit-transform: scale(0); } 100% { opacity: 0 !important; transform: scale(2.5); } } .form-group.form-md-line-input { position: relative; margin: 0 0 35px 0; padding-top: 20px; } .form-horizontal .form-group.form-md-line-input { padding-top: 10px; margin-bottom: 20px; margin: 0 -15px 20px -15px; } .form-horizontal .form-group.form-md-line-input > label { padding-top: 5px; font-size: 14px; color: #888888; opacity: 1 ; filter: alpha(opacity=100) ; } .form-group.form-md-line-input .form-control { background: none; border: 0; border-bottom: 1px solid #c2cad8; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #4d6b8a; box-shadow: none; padding-left: 0; padding-right: 0; font-size: 16px; } .form-group.form-md-line-input .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-group.form-md-line-input .form-control:-ms-input-placeholder { color: #999; } .form-group.form-md-line-input .form-control::-webkit-input-placeholder { color: #999; } .form-group.form-md-line-input .form-control.form-control-static { border-bottom: 0; } .form-group.form-md-line-input .form-control.input-sm { font-size: 14px; padding: 6px 0; } .form-group.form-md-line-input .form-control.input-lg { font-size: 20px; padding: 14px 0; } .form-group.form-md-line-input .form-control ~ label, .form-group.form-md-line-input .form-control ~ .form-control-focus { width: 100%; position: absolute; left: 0; bottom: 0; pointer-events: none; } .form-horizontal .form-group.form-md-line-input .form-control ~ label, .form-horizontal .form-group.form-md-line-input .form-control ~ .form-control-focus { width: auto; left: 15px; right: 15px; } .form-group.form-md-line-input .form-control ~ label:after, .form-group.form-md-line-input .form-control ~ .form-control-focus:after { content: ''; position: absolute; z-index: 5; bottom: 0; left: 50%; width: 0; height: 2px; width: 0; visibility: hidden; transition: 0.2s ease all; } .form-group.form-md-line-input .form-control ~ label { top: 0; margin-bottom: 0; font-size: 14px; color: #888888; opacity: 1 ; filter: alpha(opacity=100) ; } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus { color: #888888; } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after { visibility: visible; left: 0; width: 100%; background: #3fc9d5; } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label { opacity: 1 ; filter: alpha(opacity=100) ; } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block { color: #3fc9d5; opacity: 1 ; filter: alpha(opacity=100) ; } .form-group.form-md-line-input .form-control[readonly], .form-group.form-md-line-input .form-control[disabled], fieldset[disabled] .form-group.form-md-line-input .form-control { background: none; cursor: not-allowed; border-bottom: 1px dashed #c2cad8; } .form-group.form-md-line-input.form-md-floating-label .form-control ~ label { font-size: 16px; top: 25px; transition: 0.2s ease all; color: #999; } .form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label { top: 0; font-size: 13px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label { font-size: 14px; top: 24px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label { top: 0; font-size: 13px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label { font-size: 20px; top: 30px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label { top: 0; font-size: 13px; } .form-group.form-md-line-input.form-md-floating-label .input-icon > label { padding-left: 34px; } .form-group.form-md-line-input.form-md-floating-label .input-icon.right > label { padding-left: 0; padding-right: 34px; } .form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label { padding-left: 34px; } .form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label { padding-right: 34px; } .form-group.form-md-line-input + .input-icon { padding-top: 0; } .form-group.form-md-line-input .help-block { position: absolute; margin: 2px 0 0 0; opacity: 0 ; filter: alpha(opacity=0) ; font-size: 13px; } .form-group.form-md-line-input > .input-icon > i { left: 0; bottom: 0; margin: 9px 2px 10px 10px; color: #888888; } .form-group.form-md-line-input > .input-icon.input-icon-lg > i { top: 6px; } .form-group.form-md-line-input > .input-icon.input-icon-sm > i { top: -1px; } .form-group.form-md-line-input > .input-icon .form-control { padding-left: 34px; } .form-group.form-md-line-input > .input-icon > label { margin-top: -20px; } .form-group.form-md-line-input > .input-icon.right .form-control { padding-left: 0; padding-right: 34px; } .form-group.form-md-line-input > .input-icon.right > i { left: auto; right: 8px; margin: 11px 2px 10px 10px; } .form-group.form-md-line-input + .input-group { padding-top: 0; } .form-group.form-md-line-input .input-group { padding-top: 0; } .form-group.form-md-line-input .input-group > label { margin-top: -20px; } .form-group.form-md-line-input .input-group .input-group-addon { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: none; border: 0; border-bottom: 1px solid #c2cad8; } .form-group.form-md-line-input .input-group + .input-group-control { padding-top: 0; } .form-group.form-md-line-input .input-group .input-group-control { padding-top: 0; position: relative; display: table-cell; vertical-align: bottom; } .form-group.form-md-line-input .input-group .input-group-control > label { margin-top: -20px; } .form-group.form-md-line-input .input-group .input-group-btn .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn { margin-right: 10px; } .form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn { margin-left: 10px; } .form-group.form-md-line-input .input-group .help-block { margin-top: 35px; } .form-group.form-md-line-input .input-group.input-group-sm .help-block { margin-top: 30px; } .form-group.form-md-line-input .input-group.input-group-lg .help-block { margin-top: 47px; } .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after { background: #28acb8; } .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label { color: #28acb8; } .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i { color: #28acb8; } .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block { color: #28acb8; } .form-group.form-md-line-input.has-success .input-group-addon { color: #28acb8; } .form-horizontal .form-group.form-md-line-input.has-success > label { color: #28acb8; } .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after { background: #c29d0b; } .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label { color: #c29d0b; } .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i { color: #c29d0b; } .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block { color: #c29d0b; } .form-group.form-md-line-input.has-warning .input-group-addon { color: #c29d0b; } .form-horizontal .form-group.form-md-line-input.has-warning > label { color: #c29d0b; } .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after { background: #e73d4a; } .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label { color: #e73d4a; } .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i { color: #e73d4a; } .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block { color: #e73d4a; } .form-group.form-md-line-input.has-error .input-group-addon { color: #e73d4a; } .form-horizontal .form-group.form-md-line-input.has-error > label { color: #e73d4a; } .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after { background: #327ad5; } .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label { color: #327ad5; } .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i { color: #327ad5; } .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block { color: #327ad5; } .form-group.form-md-line-input.has-info .input-group-addon { color: #327ad5; } .form-horizontal .form-group.form-md-line-input.has-info > label { color: #327ad5; } .form-inline .form-md-line-input { margin: 0; padding-top: 0; margin-right: 20px; } .form-inline .form-md-line-input > .input-icon { padding: 0; } .form-horizontal .form-group.form-md-line-input .input-icon .form-control { padding-left: 33px; } .form-horizontal .form-group.form-md-line-input .input-icon > i { top: 0; } .form-horizontal .form-group.form-md-line-input .input-icon.right .form-control { padding-left: 0; padding-right: 33px; } .form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus { left: 0 !important; right: 0 !important; } .form-horizontal .form-group.form-md-line-input .input-group { padding-top: 0; } .form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn { margin-bottom: 0 !important; } .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control { padding-top: 0; } .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus { left: 0 !important; right: 0 !important; } .form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus { left: 0 !important; right: 0 !important; } .md-checkbox { position: relative; /* handling click events */ /* when checkbox is checked */ } .md-checkbox.md-checkbox-inline { display: inline-block; } .form-inline .md-checkbox.md-checkbox-inline { margin-right: 20px; top: 3px; } .md-checkbox input[type=checkbox] { visibility: hidden; position: absolute; } .md-checkbox label { cursor: pointer; padding-left: 30px; } .md-checkbox label > span { display: block; position: absolute; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .md-checkbox label > span.inc { background: #fff; left: -20px; top: -20px; height: 60px; width: 60px; opacity: 0; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; } .md-checkbox label > .box { top: 0px; border: 2px solid #666; height: 20px; width: 20px; z-index: 5; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .md-checkbox label > .check { top: -4px; left: 6px; width: 10px; height: 20px; border: 2px solid #3fc9d5; border-top: none; border-left: none; opacity: 0; z-index: 5; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .md-checkbox label > span.inc { -webkit-animation: growCircle 0.3s ease; -moz-animation: growCircle 0.3s ease; animation: growCircle 0.3s ease; } .md-checkbox input[type=checkbox]:checked ~ label > .box { opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .md-checkbox input[type=checkbox]:checked ~ label > .check { opacity: 1; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .md-checkbox input[type=checkbox]:disabled ~ label, .md-checkbox input[type=checkbox][disabled] ~ label { cursor: not-allowed; opacity: 0.7 ; filter: alpha(opacity=70) ; } .md-checkbox input[type=checkbox]:disabled ~ label > .box, .md-checkbox input[type=checkbox][disabled] ~ label > .box { cursor: not-allowed; opacity: 0.7 ; filter: alpha(opacity=70) ; } .md-checkbox input[type=checkbox]:disabled:checked ~ label > .check, .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check { cursor: not-allowed; opacity: 0.7 ; filter: alpha(opacity=70) ; } .md-checkbox.has-error label { color: #ed6b75; } .md-checkbox.has-error label > .box { border-color: #ed6b75; } .md-checkbox.has-error label > .check { border-color: #ed6b75; } .md-checkbox.has-info label { color: #659be0; } .md-checkbox.has-info label > .box { border-color: #659be0; } .md-checkbox.has-info label > .check { border-color: #659be0; } .md-checkbox.has-success label { color: #3fc9d5; } .md-checkbox.has-success label > .box { border-color: #3fc9d5; } .md-checkbox.has-success label > .check { border-color: #3fc9d5; } .md-checkbox.has-warning label { color: #F1C40F; } .md-checkbox.has-warning label > .box { border-color: #F1C40F; } .md-checkbox.has-warning label > .check { border-color: #F1C40F; } .form-md-checkboxes > label { font-size: 14px; color: #888888; opacity: 1 ; filter: alpha(opacity=100) ; } .form-md-checkboxes.has-error > label { color: #ed6b75; } .form-md-checkboxes.has-info > label { color: #659be0; } .form-md-checkboxes.has-success > label { color: #3fc9d5; } .form-md-checkboxes.has-warning > label { color: #F1C40F; } .md-checkbox-list { margin: 10px 0; } .form-horizontal .md-checkbox-list { margin-top: 0px; } .md-checkbox-list .md-checkbox { display: block; margin-bottom: 10px; } .md-checkbox-inline { margin: 10px 0; } .form-horizontal .md-checkbox-inline { margin-top: 5px; } .md-checkbox-inline .md-checkbox { display: inline-block; margin-right: 20px; } .md-checkbox-inline .md-checkbox:last-child { margin-right: 0; } /* bubble animation */ @-webkit-keyframes growCircle { 0%, 100% { -webkit-transform: scale(0); opacity: 1; } 70% { background: #eee; -webkit-transform: scale(1.25); } } @-moz-keyframes growCircle { 0%, 100% { -moz-transform: scale(0); opacity: 1; } 70% { background: #eee; -moz-transform: scale(1.25); } } @keyframes growCircle { 0%, 100% { transform: scale(0); opacity: 1; } 70% { background: #eee; transform: scale(1.25); } } .md-radio { position: relative; /* handling click events */ /* when radio is checked */ } .md-radio input[type=radio] { visibility: hidden; position: absolute; } .md-radio label { cursor: pointer; padding-left: 30px; } .md-radio label > span { display: block; position: absolute; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .md-radio label > span.inc { background: #fff; left: -20px; top: -20px; height: 60px; width: 60px; opacity: 0; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; } .md-radio label > .box { top: 0px; border: 2px solid #666; height: 20px; width: 20px; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; z-index: 5; } .md-radio label > .check { top: 5px; left: 5px; width: 10px; height: 10px; background: #3fc9d5; opacity: 0; z-index: 6; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } .md-radio label > span.inc { -webkit-animation: growCircleRadio 0.3s ease; -moz-animation: growCircleRadio 0.3s ease; animation: growCircleRadio 0.3s ease; } .md-radio input[type=radio]:checked ~ label > .check { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .md-radio input[type=radio]:disabled ~ label, .md-radio input[type=radio][disabled] ~ label { cursor: not-allowed; opacity: 0.7 ; filter: alpha(opacity=70) ; } .md-radio input[type=radio]:disabled ~ label > .box, .md-radio input[type=radio][disabled] ~ label > .box { cursor: not-allowed; opacity: 0.7 ; filter: alpha(opacity=70) ; } .md-radio input[type=radio]:disabled:checked ~ label > .check, .md-radio input[type=radio][disabled]:checked ~ label > .check { cursor: not-allowed; opacity: 0.7 ; filter: alpha(opacity=70) ; } .md-radio.has-error label { color: #ed6b75; } .md-radio.has-error label > .box { border-color: #ed6b75; } .md-radio.has-error label > .check { background: #ed6b75; } .md-radio.has-info label { color: #659be0; } .md-radio.has-info label > .box { border-color: #659be0; } .md-radio.has-info label > .check { background: #659be0; } .md-radio.has-success label { color: #3fc9d5; } .md-radio.has-success label > .box { border-color: #3fc9d5; } .md-radio.has-success label > .check { background: #3fc9d5; } .md-radio.has-warning label { color: #F1C40F; } .md-radio.has-warning label > .box { border-color: #F1C40F; } .md-radio.has-warning label > .check { background: #F1C40F; } .form-md-radios > label { font-size: 14px; color: #888888; opacity: 1 ; filter: alpha(opacity=100) ; } .form-md-radios.has-error > label { color: #ed6b75; } .form-md-radios.has-info > label { color: #659be0; } .form-md-radios.has-success > label { color: #3fc9d5; } .form-md-radios.has-warning > label { color: #F1C40F; } .md-radio-list { margin: 10px 0; } .form-horizontal .md-radio-list { margin-top: 0px; } .md-radio-list .md-radio { display: block; margin-bottom: 10px; } .md-radio-inline { margin: 10px 0; } .form-horizontal .md-radio-inline { margin-top: 5px; } .md-radio-inline .md-radio { display: inline-block; margin-right: 20px; } .md-radio-inline .md-radio:last-child { margin-right: 0; } /* bubble animation */ @-webkit-keyframes growCircleRadio { 0%, 100% { -webkit-transform: scale(0); opacity: 1; } 70% { background: #eee; -webkit-transform: scale(1.25); } } @-moz-keyframes growCircleRadio { 0%, 100% { -moz-transform: scale(0); opacity: 1; } 70% { background: #eee; -moz-transform: scale(1.25); } } @keyframes growCircleRadio { 0%, 100% { transform: scale(0); opacity: 1; } 70% { background: #eee; transform: scale(1.25); } } /*** General typography ***/ /* Links */ a:hover { cursor: pointer; } /* Primary Link */ .primary-link { color: #65A0D0; font-weight: 600; } .primary-link:hover { color: #5194ca; } p { margin: 20px 0; } label { font-weight: normal; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 300; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /* Headings helper text */ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #444444; } /* Block headings */ h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-top: 10px; padding-bottom: 10px; } /* Links */ a { text-shadow: none; color: #337ab7; } a:hover { color: #23527c; } a:focus, a:hover, a:active { outline: 0; } /* Horizontal break */ hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 0; } /* Unstyled List */ .list-unstyled li > .list-unstyled { margin-left: 25px; } /* Code */ code { border: 1px solid #e1e1e1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } /* Disabled Navigation Link */ .disabled-link.disable-target, .disabled-link .disable-target { opacity: 0.6 !important; filter: alpha(opacity=60) !important; } .disabled-link.disable-target:hover, .disabled-link .disable-target:hover { cursor: not-allowed !important; } .disabled-link:hover { cursor: not-allowed !important; } /*** Utilities ***/ /* Rounded Element */ .rounded-2 { border-radius: 2px !important; } .rounded-3 { border-radius: 3px !important; } .rounded-4 { border-radius: 4px !important; } /* Circle Element */ .circle { border-radius: 25px !important; } .circle-right { border-radius: 0 25px 25px 0 !important; } .circle-left { border-radius: 25px 0 0 25px !important; } .circle-bottom { border-radius: 0 0 25px 25px !important; } .circle-top { border-radius: 25px 25px 0 0 !important; } .rounded { border-radius: 50% !important; } /* General utilities */ .display-none, .display-hide { display: none; } .hidden { display: none !important; } .primary-font { font-family: "Open Sans", sans-serif !important; } .bold { font-weight: 700 !important; } .bold.btn { letter-spacing: 0; } .sbold { font-weight: 600 !important; } .sbold.btn { letter-spacing: 0; } .thin { font-weight: 300 !important; } .uppercase { text-transform: uppercase !important; } .fix-margin { margin-left: 0px !important; } .border { border: 1px solid red; } .font-hg { font-size: 23px; } .font-lg { font-size: 18px; } .font-md { font-size: 14px; } .font-sm { font-size: 13px; } .font-xs { font-size: 11px; } .inline { display: inline; } .inline-block { display: inline-block; } .text-align-reverse { text-align: right; } /* Margin and padding utilities */ .no-space { margin: 0px !important; padding: 0px !important; } .no-margin { margin: 0; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-right-10 { margin-right: 10px !important; } /* IE8 & IE9 mode utilities */ .visible-ie8 { display: none; } .ie8 .visible-ie8 { display: inherit !important; } .visible-ie9 { display: none; } .ie9 .visible-ie9 { display: inherit !important; } .hidden-ie8 { display: inherit; } .ie8 .hidden-ie8 { display: none !important; } .hidden-ie9 { display: inherit; } .ie9 .hidden-ie9 { display: none !important; } /*** Responsive Utils ***/ @media (max-width: 1024px) { .hidden-1024 { display: none; } } @media (max-width: 480px) { .hidden-480 { display: none; } } @media (max-width: 320px) { .hidden-320 { display: none; } } /*** Demo Utils ***/ .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; } .util-btn-group-margin-bottom-5 .btn-group { margin-bottom: 5px !important; } .padding-tb-10 { padding: 10px 0; } .padding-tb-15 { padding: 10px 0; } .padding-tb-20 { padding: 20px 0; } /*** Users ***/ .user-info { margin-bottom: 10px !important; } .user-info img { float: left; margin-right: 5px; } .user-info .details { display: inline-block; } .user-info .label { font-weight: 300; font-size: 11px; } /*** Custom vertical inline menu ***/ .ver-inline-menu { padding: 0; margin: 0; list-style: none; } .ver-inline-menu li { position: relative; margin-bottom: 1px; } .ver-inline-menu li i { width: 37px; height: 37px; display: inline-block; color: #b9cbd5; font-size: 15px; padding: 12px 10px 10px 8px; margin: 0 8px 0 0; text-align: center; background: #e0eaf0 !important; } .ver-inline-menu li a { font-size: 14px; font-weight: 300; color: #557386; display: block; background: #f0f6fa; border-left: solid 2px #c4d5df; } .ver-inline-menu li:hover a { background: #e0eaf0; text-decoration: none; } .ver-inline-menu li:hover i { color: #fff; background: #c4d5df !important; } .ver-inline-menu li.active a { border-left: solid 2px #0c91e5; } .ver-inline-menu li.active i { background: #0c91e5 !important; } .ver-inline-menu li.active a, .ver-inline-menu li.active i { color: #fff; background: #169ef4; text-decoration: none; } .ver-inline-menu li.active a, .ver-inline-menu li:hover a { font-size: 14px; } .ver-inline-menu li.active:after { content: ''; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; } @media (max-width: 767px) { .ver-inline-menu > li.active:after { display: none; } } /*** Separated List ***/ .list-separated { margin-top: 10px; margin-bottom: 15px; } .list-separated > div:last-child { border-right: 0; } @media (max-width: 767px) { .list-separated { /* 767px */ } .list-separated > div { margin-bottom: 20px; } } /*** Number & Chart Stats ***/ .number-stats { margin: 10px 0; } .number-stats .stat-number { display: inline-block; margin: 0 5px; } .number-stats .stat-number .title { font-size: 13px; margin-bottom: 3px; color: #B8C3C7; } .number-stats .stat-number .number { font-size: 27px; line-height: 27px; color: #7D8C9D; } .number-stats .stat-chart { display: inline-block; margin: 0 5px; } .number-stats > div { border-right: 1px solid #f5f5f5; } .number-stats > div:last-child { border-right: 0; } .number-stats .stat-left { float: right; } .number-stats .stat-left .stat-number { float: right; text-align: right; } .number-stats .stat-left .stat-chart { float: right; } .number-stats .stat-right { float: left !important; } .number-stats .stat-right .stat-number { float: left; text-align: left; } .number-stats .stat-right .stat-chart { float: left; } .number-stats .stat-number { float: left; text-align: left; } .number-stats .stat-chart { float: left; } /*** General User Record Listing ***/ .general-item-list > .item { padding: 10px 0; border-bottom: 1px solid #F1F4F7; } .general-item-list > .item:last-child { border-bottom: 0; } .general-item-list > .item > .item-head { margin-bottom: 5px; } .general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after { content: " "; display: table; } .general-item-list > .item > .item-head:after { clear: both; } .general-item-list > .item > .item-head > .item-details { display: inline-block; float: left; } .general-item-list > .item > .item-head > .item-details > .item-pic { height: 35px; margin-right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .general-item-list > .item > .item-head > .item-details > .item-name { display: inline-block; margin-right: 10px; } .general-item-list > .item > .item-head > .item-details > .item-label { color: #C0C9CC; } .general-item-list > .item > .item-head > .item-status { color: #C0C9CC; top: 10px; position: relative; display: inline-block; float: right; } .general-item-list > .item > .item-head > .item-status > .badge { margin-top: -2px; } .general-item-list > .item > .item-body { color: #96a5aa; } /*** File dropzone ***/ .file-drop-zone { border: 2px dashed #ddd; padding: 30px; text-align: center; } .file-drop-zone.file-drop-zone-over { border-color: #aaa; } /*** Fontawesome Icons ***/ [class^="fa-"]:not(.fa-stack), [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"] { display: inline-block; *margin-right: .3em; line-height: 14px; -webkit-font-smoothing: antialiased; } /* Make font awesome icons fixed width */ li [class^="fa-"], li [class^="glyphicon-"], li [class^="icon-"], li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="glyphicon-"], li [class*=" glyphicon-"] { top: 2px; } li [class^="icon-"], li [class*=" icon-"] { top: 1px; position: relative; } li [class^="fa-"].icon-large, li [class^="glyphicon-"].icon-large, li [class^="icon-"].icon-large, li [class*=" fa-"].icon-large, li [class*=" glyphicon-"].icon-large, li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } /* Icon states */ .icon-state-default { color: #bac3d0; } .icon-state-success { color: #3fc9d5; } .icon-state-info { color: #659be0; } .icon-state-warning { color: #F1C40F; } .icon-state-danger { color: #ed6b75; } /*** Font Awesome 4.x Demo ***/ .fa-item { font-size: 14px; padding: 10px 10px 10px 20px; } .fa-item i { font-size: 16px; display: inline-block; width: 20px; color: #333; } .fa-item:hover { cursor: pointer; background: #eee; } /*** Simple Line Icons Demo ***/ .simplelineicons-demo .item-box { display: inline-block; font-size: 16px; margin: 0 -0.22em 1em 0; padding-left: 1em; width: 100%; } .simplelineicons-demo .item-box .item { background-color: #fff; color: #33383e; border-radius: 8px; display: inline-block; padding: 10px; width: 100%; } .simplelineicons-demo .item-box .item span { font-size: 22px; } @media only screen and (min-width: 768px) { .simplelineicons-demo .item-box { width: 33.333%; } } /*** Glyphicons Demo ***/ .glyphicons-demo ul { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .bs-glyphicon-class { text-align: center; } .bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .glyphicons-demo ul li { float: left; width: 25%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 14px; line-height: 1.4; text-align: center; border: 1px solid #ddd; } .glyphicons-demo .glyphicon { display: block; margin: 5px auto 10px; font-size: 24px; color: #444; } .glyphicons-demo ul li:hover { background-color: rgba(86, 61, 124, 0.1); } @media (min-width: 768px) { .glyphicons-demo ul li { width: 12.5%; } } /*** Customized Bootstrap Alerts ***/ .alert { border-width: 1px; } .alert > p { margin: 0; } .alert.alert-borderless { border: 0; } /*** Custom Bootstrap Badges ***/ .badge { font-size: 11px !important; font-weight: 300; text-align: center; height: 18px; color: #fff; padding: 3px 6px 3px 6px; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; text-shadow: none !important; text-align: center; vertical-align: middle; } .badge.badge-roundless { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .badge.badge-empty { display: inline-block; padding: 0; min-width: 8px; height: 8px; width: 8px; } /* Badge variants */ .badge-default { background-color: #bac3d0; background-image: none; } .badge-primary { background-color: #337ab7; background-image: none; } .badge-info { background-color: #659be0; background-image: none; } .badge-success { background-color: #3fc9d5; background-image: none; } .badge-danger { background-color: #ed6b75; background-image: none; } .badge-warning { background-color: #F1C40F; background-image: none; } /* Fix badge position for navs */ .nav.nav-pills > li > a > .badge, .nav.nav-stacked > li > a > .badge { margin-top: -2px; } /*** Dropdown Menu Badges ***/ .dropdown-menu > li > a > .badge { position: absolute; margin-top: 1px; right: 3px; display: inline; } .dropdown-menu.badge-roundless { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /*** Custom buttons based on bootstrap SASS ***/ .btn { outline: none !important; box-shadow: none !important; } .btn:hover { transition: all 0.3s; } .btn:not(.btn-sm):not(.btn-lg) { line-height: 1.44; } /*** Custom color buttons ***/ .btn.white:not(.btn-outline) { color: #666; background-color: #ffffff; border-color: #ffffff; } .btn.white:not(.btn-outline):focus, .btn.white:not(.btn-outline).focus { color: #666; background-color: #e6e6e6; border-color: #e6e6e6; } .btn.white:not(.btn-outline):hover { color: #666; background-color: #e6e6e6; border-color: #e6e6e6; } .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active, .open > .btn.white:not(.btn-outline).dropdown-toggle { color: #666; background-color: #e6e6e6; border-color: #e6e6e6; } .btn.white:not(.btn-outline):active:hover, .btn.white:not(.btn-outline):active:focus, .btn.white:not(.btn-outline):active.focus, .btn.white:not(.btn-outline).active:hover, .btn.white:not(.btn-outline).active:focus, .btn.white:not(.btn-outline).active.focus, .open > .btn.white:not(.btn-outline).dropdown-toggle:hover, .open > .btn.white:not(.btn-outline).dropdown-toggle:focus, .open > .btn.white:not(.btn-outline).dropdown-toggle.focus { color: #666; background-color: #dedede; border-color: #dedede; } .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active, .open > .btn.white:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.white:not(.btn-outline).disabled, .btn.white:not(.btn-outline).disabled:hover, .btn.white:not(.btn-outline).disabled:focus, .btn.white:not(.btn-outline).disabled.focus, .btn.white:not(.btn-outline).disabled:active, .btn.white:not(.btn-outline).disabled.active, .btn.white:not(.btn-outline)[disabled], .btn.white:not(.btn-outline)[disabled]:hover, .btn.white:not(.btn-outline)[disabled]:focus, .btn.white:not(.btn-outline)[disabled].focus, .btn.white:not(.btn-outline)[disabled]:active, .btn.white:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.white:not(.btn-outline), fieldset[disabled] .btn.white:not(.btn-outline):hover, fieldset[disabled] .btn.white:not(.btn-outline):focus, fieldset[disabled] .btn.white:not(.btn-outline).focus, fieldset[disabled] .btn.white:not(.btn-outline):active, fieldset[disabled] .btn.white:not(.btn-outline).active { background-color: #ffffff; border-color: #ffffff; } .btn.white:not(.btn-outline) .badge { color: #ffffff; background-color: #666; } .btn.btn-outline.white { border-color: #ffffff; color: #ffffff; background: none; } .btn.btn-outline.white:hover, .btn.btn-outline.white:active, .btn.btn-outline.white:active:hover, .btn.btn-outline.white:active:focus, .btn.btn-outline.white:focus, .btn.btn-outline.white.active { border-color: #ffffff; color: #666; background-color: #ffffff; } .btn.white-stripe { border-left: 4px solid #ffffff !important; } .btn.default:not(.btn-outline) { color: #666; background-color: #e1e5ec; border-color: #e1e5ec; } .btn.default:not(.btn-outline):focus, .btn.default:not(.btn-outline).focus { color: #666; background-color: #c2cad8; border-color: #c2cad8; } .btn.default:not(.btn-outline):hover { color: #666; background-color: #c2cad8; border-color: #c2cad8; } .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active, .open > .btn.default:not(.btn-outline).dropdown-toggle { color: #666; background-color: #c2cad8; border-color: #c2cad8; } .btn.default:not(.btn-outline):active:hover, .btn.default:not(.btn-outline):active:focus, .btn.default:not(.btn-outline):active.focus, .btn.default:not(.btn-outline).active:hover, .btn.default:not(.btn-outline).active:focus, .btn.default:not(.btn-outline).active.focus, .open > .btn.default:not(.btn-outline).dropdown-toggle:hover, .open > .btn.default:not(.btn-outline).dropdown-toggle:focus, .open > .btn.default:not(.btn-outline).dropdown-toggle.focus { color: #666; background-color: #b8c2d2; border-color: #b8c2d2; } .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active, .open > .btn.default:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.default:not(.btn-outline).disabled, .btn.default:not(.btn-outline).disabled:hover, .btn.default:not(.btn-outline).disabled:focus, .btn.default:not(.btn-outline).disabled.focus, .btn.default:not(.btn-outline).disabled:active, .btn.default:not(.btn-outline).disabled.active, .btn.default:not(.btn-outline)[disabled], .btn.default:not(.btn-outline)[disabled]:hover, .btn.default:not(.btn-outline)[disabled]:focus, .btn.default:not(.btn-outline)[disabled].focus, .btn.default:not(.btn-outline)[disabled]:active, .btn.default:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.default:not(.btn-outline), fieldset[disabled] .btn.default:not(.btn-outline):hover, fieldset[disabled] .btn.default:not(.btn-outline):focus, fieldset[disabled] .btn.default:not(.btn-outline).focus, fieldset[disabled] .btn.default:not(.btn-outline):active, fieldset[disabled] .btn.default:not(.btn-outline).active { background-color: #e1e5ec; border-color: #e1e5ec; } .btn.default:not(.btn-outline) .badge { color: #e1e5ec; background-color: #666; } .btn.btn-outline.default { border-color: #e1e5ec; color: #e1e5ec; background: none; } .btn.btn-outline.default:hover, .btn.btn-outline.default:active, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:active:focus, .btn.btn-outline.default:focus, .btn.btn-outline.default.active { border-color: #e1e5ec; color: #666; background-color: #e1e5ec; } .btn.default-stripe { border-left: 4px solid #e1e5ec !important; } .btn.dark:not(.btn-outline) { color: #FFFFFF; background-color: #2f353b; border-color: #2f353b; } .btn.dark:not(.btn-outline):focus, .btn.dark:not(.btn-outline).focus { color: #FFFFFF; background-color: #181b1f; border-color: #181b1f; } .btn.dark:not(.btn-outline):hover { color: #FFFFFF; background-color: #181b1f; border-color: #181b1f; } .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active, .open > .btn.dark:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #181b1f; border-color: #181b1f; } .btn.dark:not(.btn-outline):active:hover, .btn.dark:not(.btn-outline):active:focus, .btn.dark:not(.btn-outline):active.focus, .btn.dark:not(.btn-outline).active:hover, .btn.dark:not(.btn-outline).active:focus, .btn.dark:not(.btn-outline).active.focus, .open > .btn.dark:not(.btn-outline).dropdown-toggle:hover, .open > .btn.dark:not(.btn-outline).dropdown-toggle:focus, .open > .btn.dark:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #121416; border-color: #121416; } .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active, .open > .btn.dark:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.dark:not(.btn-outline).disabled, .btn.dark:not(.btn-outline).disabled:hover, .btn.dark:not(.btn-outline).disabled:focus, .btn.dark:not(.btn-outline).disabled.focus, .btn.dark:not(.btn-outline).disabled:active, .btn.dark:not(.btn-outline).disabled.active, .btn.dark:not(.btn-outline)[disabled], .btn.dark:not(.btn-outline)[disabled]:hover, .btn.dark:not(.btn-outline)[disabled]:focus, .btn.dark:not(.btn-outline)[disabled].focus, .btn.dark:not(.btn-outline)[disabled]:active, .btn.dark:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.dark:not(.btn-outline), fieldset[disabled] .btn.dark:not(.btn-outline):hover, fieldset[disabled] .btn.dark:not(.btn-outline):focus, fieldset[disabled] .btn.dark:not(.btn-outline).focus, fieldset[disabled] .btn.dark:not(.btn-outline):active, fieldset[disabled] .btn.dark:not(.btn-outline).active { background-color: #2f353b; border-color: #2f353b; } .btn.dark:not(.btn-outline) .badge { color: #2f353b; background-color: #FFFFFF; } .btn.btn-outline.dark { border-color: #2f353b; color: #2f353b; background: none; } .btn.btn-outline.dark:hover, .btn.btn-outline.dark:active, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:active:focus, .btn.btn-outline.dark:focus, .btn.btn-outline.dark.active { border-color: #2f353b; color: #FFFFFF; background-color: #2f353b; } .btn.dark-stripe { border-left: 4px solid #2f353b !important; } .btn.blue:not(.btn-outline) { color: #FFFFFF; background-color: #3598dc; border-color: #3598dc; } .btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus { color: #FFFFFF; background-color: #217ebd; border-color: #217ebd; } .btn.blue:not(.btn-outline):hover { color: #FFFFFF; background-color: #217ebd; border-color: #217ebd; } .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active, .open > .btn.blue:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #217ebd; border-color: #217ebd; } .btn.blue:not(.btn-outline):active:hover, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #1f75b0; border-color: #1f75b0; } .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active, .open > .btn.blue:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue:not(.btn-outline).disabled, .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline).disabled:active, .btn.blue:not(.btn-outline).disabled.active, .btn.blue:not(.btn-outline)[disabled], .btn.blue:not(.btn-outline)[disabled]:hover, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled].focus, .btn.blue:not(.btn-outline)[disabled]:active, .btn.blue:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue:not(.btn-outline), fieldset[disabled] .btn.blue:not(.btn-outline):hover, fieldset[disabled] .btn.blue:not(.btn-outline):focus, fieldset[disabled] .btn.blue:not(.btn-outline).focus, fieldset[disabled] .btn.blue:not(.btn-outline):active, fieldset[disabled] .btn.blue:not(.btn-outline).active { background-color: #3598dc; border-color: #3598dc; } .btn.blue:not(.btn-outline) .badge { color: #3598dc; background-color: #FFFFFF; } .btn.btn-outline.blue { border-color: #3598dc; color: #3598dc; background: none; } .btn.btn-outline.blue:hover, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:focus, .btn.btn-outline.blue.active { border-color: #3598dc; color: #FFFFFF; background-color: #3598dc; } .btn.blue-stripe { border-left: 4px solid #3598dc !important; } .btn.blue-madison:not(.btn-outline) { color: #FFFFFF; background-color: #578ebe; border-color: #578ebe; } .btn.blue-madison:not(.btn-outline):focus, .btn.blue-madison:not(.btn-outline).focus { color: #FFFFFF; background-color: #3f74a3; border-color: #3f74a3; } .btn.blue-madison:not(.btn-outline):hover { color: #FFFFFF; background-color: #3f74a3; border-color: #3f74a3; } .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #3f74a3; border-color: #3f74a3; } .btn.blue-madison:not(.btn-outline):active:hover, .btn.blue-madison:not(.btn-outline):active:focus, .btn.blue-madison:not(.btn-outline):active.focus, .btn.blue-madison:not(.btn-outline).active:hover, .btn.blue-madison:not(.btn-outline).active:focus, .btn.blue-madison:not(.btn-outline).active.focus, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #3b6d98; border-color: #3b6d98; } .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-madison:not(.btn-outline).disabled, .btn.blue-madison:not(.btn-outline).disabled:hover, .btn.blue-madison:not(.btn-outline).disabled:focus, .btn.blue-madison:not(.btn-outline).disabled.focus, .btn.blue-madison:not(.btn-outline).disabled:active, .btn.blue-madison:not(.btn-outline).disabled.active, .btn.blue-madison:not(.btn-outline)[disabled], .btn.blue-madison:not(.btn-outline)[disabled]:hover, .btn.blue-madison:not(.btn-outline)[disabled]:focus, .btn.blue-madison:not(.btn-outline)[disabled].focus, .btn.blue-madison:not(.btn-outline)[disabled]:active, .btn.blue-madison:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-madison:not(.btn-outline), fieldset[disabled] .btn.blue-madison:not(.btn-outline):hover, fieldset[disabled] .btn.blue-madison:not(.btn-outline):focus, fieldset[disabled] .btn.blue-madison:not(.btn-outline).focus, fieldset[disabled] .btn.blue-madison:not(.btn-outline):active, fieldset[disabled] .btn.blue-madison:not(.btn-outline).active { background-color: #578ebe; border-color: #578ebe; } .btn.blue-madison:not(.btn-outline) .badge { color: #578ebe; background-color: #FFFFFF; } .btn.btn-outline.blue-madison { border-color: #578ebe; color: #578ebe; background: none; } .btn.btn-outline.blue-madison:hover, .btn.btn-outline.blue-madison:active, .btn.btn-outline.blue-madison:active:hover, .btn.btn-outline.blue-madison:active:focus, .btn.btn-outline.blue-madison:focus, .btn.btn-outline.blue-madison.active { border-color: #578ebe; color: #FFFFFF; background-color: #578ebe; } .btn.blue-madison-stripe { border-left: 4px solid #578ebe !important; } .btn.blue-chambray:not(.btn-outline) { color: #FFFFFF; background-color: #2C3E50; border-color: #2C3E50; } .btn.blue-chambray:not(.btn-outline):focus, .btn.blue-chambray:not(.btn-outline).focus { color: #FFFFFF; background-color: #1a242f; border-color: #1a242f; } .btn.blue-chambray:not(.btn-outline):hover { color: #FFFFFF; background-color: #1a242f; border-color: #1a242f; } .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #1a242f; border-color: #1a242f; } .btn.blue-chambray:not(.btn-outline):active:hover, .btn.blue-chambray:not(.btn-outline):active:focus, .btn.blue-chambray:not(.btn-outline):active.focus, .btn.blue-chambray:not(.btn-outline).active:hover, .btn.blue-chambray:not(.btn-outline).active:focus, .btn.blue-chambray:not(.btn-outline).active.focus, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #141d25; border-color: #141d25; } .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-chambray:not(.btn-outline).disabled, .btn.blue-chambray:not(.btn-outline).disabled:hover, .btn.blue-chambray:not(.btn-outline).disabled:focus, .btn.blue-chambray:not(.btn-outline).disabled.focus, .btn.blue-chambray:not(.btn-outline).disabled:active, .btn.blue-chambray:not(.btn-outline).disabled.active, .btn.blue-chambray:not(.btn-outline)[disabled], .btn.blue-chambray:not(.btn-outline)[disabled]:hover, .btn.blue-chambray:not(.btn-outline)[disabled]:focus, .btn.blue-chambray:not(.btn-outline)[disabled].focus, .btn.blue-chambray:not(.btn-outline)[disabled]:active, .btn.blue-chambray:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-chambray:not(.btn-outline), fieldset[disabled] .btn.blue-chambray:not(.btn-outline):hover, fieldset[disabled] .btn.blue-chambray:not(.btn-outline):focus, fieldset[disabled] .btn.blue-chambray:not(.btn-outline).focus, fieldset[disabled] .btn.blue-chambray:not(.btn-outline):active, fieldset[disabled] .btn.blue-chambray:not(.btn-outline).active { background-color: #2C3E50; border-color: #2C3E50; } .btn.blue-chambray:not(.btn-outline) .badge { color: #2C3E50; background-color: #FFFFFF; } .btn.btn-outline.blue-chambray { border-color: #2C3E50; color: #2C3E50; background: none; } .btn.btn-outline.blue-chambray:hover, .btn.btn-outline.blue-chambray:active, .btn.btn-outline.blue-chambray:active:hover, .btn.btn-outline.blue-chambray:active:focus, .btn.btn-outline.blue-chambray:focus, .btn.btn-outline.blue-chambray.active { border-color: #2C3E50; color: #FFFFFF; background-color: #2C3E50; } .btn.blue-chambray-stripe { border-left: 4px solid #2C3E50 !important; } .btn.blue-ebonyclay:not(.btn-outline) { color: #FFFFFF; background-color: #22313F; border-color: #22313F; } .btn.blue-ebonyclay:not(.btn-outline):focus, .btn.blue-ebonyclay:not(.btn-outline).focus { color: #FFFFFF; background-color: #10171e; border-color: #10171e; } .btn.blue-ebonyclay:not(.btn-outline):hover { color: #FFFFFF; background-color: #10171e; border-color: #10171e; } .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #10171e; border-color: #10171e; } .btn.blue-ebonyclay:not(.btn-outline):active:hover, .btn.blue-ebonyclay:not(.btn-outline):active:focus, .btn.blue-ebonyclay:not(.btn-outline):active.focus, .btn.blue-ebonyclay:not(.btn-outline).active:hover, .btn.blue-ebonyclay:not(.btn-outline).active:focus, .btn.blue-ebonyclay:not(.btn-outline).active.focus, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #0b1014; border-color: #0b1014; } .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-ebonyclay:not(.btn-outline).disabled, .btn.blue-ebonyclay:not(.btn-outline).disabled:hover, .btn.blue-ebonyclay:not(.btn-outline).disabled:focus, .btn.blue-ebonyclay:not(.btn-outline).disabled.focus, .btn.blue-ebonyclay:not(.btn-outline).disabled:active, .btn.blue-ebonyclay:not(.btn-outline).disabled.active, .btn.blue-ebonyclay:not(.btn-outline)[disabled], .btn.blue-ebonyclay:not(.btn-outline)[disabled]:hover, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled].focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:active, .btn.blue-ebonyclay:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline), fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):hover, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):focus, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).focus, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):active, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).active { background-color: #22313F; border-color: #22313F; } .btn.blue-ebonyclay:not(.btn-outline) .badge { color: #22313F; background-color: #FFFFFF; } .btn.btn-outline.blue-ebonyclay { border-color: #22313F; color: #22313F; background: none; } .btn.btn-outline.blue-ebonyclay:hover, .btn.btn-outline.blue-ebonyclay:active, .btn.btn-outline.blue-ebonyclay:active:hover, .btn.btn-outline.blue-ebonyclay:active:focus, .btn.btn-outline.blue-ebonyclay:focus, .btn.btn-outline.blue-ebonyclay.active { border-color: #22313F; color: #FFFFFF; background-color: #22313F; } .btn.blue-ebonyclay-stripe { border-left: 4px solid #22313F !important; } .btn.blue-hoki:not(.btn-outline) { color: #FFFFFF; background-color: #67809F; border-color: #67809F; } .btn.blue-hoki:not(.btn-outline):focus, .btn.blue-hoki:not(.btn-outline).focus { color: #FFFFFF; background-color: #526781; border-color: #526781; } .btn.blue-hoki:not(.btn-outline):hover { color: #FFFFFF; background-color: #526781; border-color: #526781; } .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #526781; border-color: #526781; } .btn.blue-hoki:not(.btn-outline):active:hover, .btn.blue-hoki:not(.btn-outline):active:focus, .btn.blue-hoki:not(.btn-outline):active.focus, .btn.blue-hoki:not(.btn-outline).active:hover, .btn.blue-hoki:not(.btn-outline).active:focus, .btn.blue-hoki:not(.btn-outline).active.focus, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #4c5f78; border-color: #4c5f78; } .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-hoki:not(.btn-outline).disabled, .btn.blue-hoki:not(.btn-outline).disabled:hover, .btn.blue-hoki:not(.btn-outline).disabled:focus, .btn.blue-hoki:not(.btn-outline).disabled.focus, .btn.blue-hoki:not(.btn-outline).disabled:active, .btn.blue-hoki:not(.btn-outline).disabled.active, .btn.blue-hoki:not(.btn-outline)[disabled], .btn.blue-hoki:not(.btn-outline)[disabled]:hover, .btn.blue-hoki:not(.btn-outline)[disabled]:focus, .btn.blue-hoki:not(.btn-outline)[disabled].focus, .btn.blue-hoki:not(.btn-outline)[disabled]:active, .btn.blue-hoki:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-hoki:not(.btn-outline), fieldset[disabled] .btn.blue-hoki:not(.btn-outline):hover, fieldset[disabled] .btn.blue-hoki:not(.btn-outline):focus, fieldset[disabled] .btn.blue-hoki:not(.btn-outline).focus, fieldset[disabled] .btn.blue-hoki:not(.btn-outline):active, fieldset[disabled] .btn.blue-hoki:not(.btn-outline).active { background-color: #67809F; border-color: #67809F; } .btn.blue-hoki:not(.btn-outline) .badge { color: #67809F; background-color: #FFFFFF; } .btn.btn-outline.blue-hoki { border-color: #67809F; color: #67809F; background: none; } .btn.btn-outline.blue-hoki:hover, .btn.btn-outline.blue-hoki:active, .btn.btn-outline.blue-hoki:active:hover, .btn.btn-outline.blue-hoki:active:focus, .btn.btn-outline.blue-hoki:focus, .btn.btn-outline.blue-hoki.active { border-color: #67809F; color: #FFFFFF; background-color: #67809F; } .btn.blue-hoki-stripe { border-left: 4px solid #67809F !important; } .btn.blue-steel:not(.btn-outline) { color: #FFFFFF; background-color: #4B77BE; border-color: #4B77BE; } .btn.blue-steel:not(.btn-outline):focus, .btn.blue-steel:not(.btn-outline).focus { color: #FFFFFF; background-color: #395f9d; border-color: #395f9d; } .btn.blue-steel:not(.btn-outline):hover { color: #FFFFFF; background-color: #395f9d; border-color: #395f9d; } .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #395f9d; border-color: #395f9d; } .btn.blue-steel:not(.btn-outline):active:hover, .btn.blue-steel:not(.btn-outline):active:focus, .btn.blue-steel:not(.btn-outline):active.focus, .btn.blue-steel:not(.btn-outline).active:hover, .btn.blue-steel:not(.btn-outline).active:focus, .btn.blue-steel:not(.btn-outline).active.focus, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #355892; border-color: #355892; } .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-steel:not(.btn-outline).disabled, .btn.blue-steel:not(.btn-outline).disabled:hover, .btn.blue-steel:not(.btn-outline).disabled:focus, .btn.blue-steel:not(.btn-outline).disabled.focus, .btn.blue-steel:not(.btn-outline).disabled:active, .btn.blue-steel:not(.btn-outline).disabled.active, .btn.blue-steel:not(.btn-outline)[disabled], .btn.blue-steel:not(.btn-outline)[disabled]:hover, .btn.blue-steel:not(.btn-outline)[disabled]:focus, .btn.blue-steel:not(.btn-outline)[disabled].focus, .btn.blue-steel:not(.btn-outline)[disabled]:active, .btn.blue-steel:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-steel:not(.btn-outline), fieldset[disabled] .btn.blue-steel:not(.btn-outline):hover, fieldset[disabled] .btn.blue-steel:not(.btn-outline):focus, fieldset[disabled] .btn.blue-steel:not(.btn-outline).focus, fieldset[disabled] .btn.blue-steel:not(.btn-outline):active, fieldset[disabled] .btn.blue-steel:not(.btn-outline).active { background-color: #4B77BE; border-color: #4B77BE; } .btn.blue-steel:not(.btn-outline) .badge { color: #4B77BE; background-color: #FFFFFF; } .btn.btn-outline.blue-steel { border-color: #4B77BE; color: #4B77BE; background: none; } .btn.btn-outline.blue-steel:hover, .btn.btn-outline.blue-steel:active, .btn.btn-outline.blue-steel:active:hover, .btn.btn-outline.blue-steel:active:focus, .btn.btn-outline.blue-steel:focus, .btn.btn-outline.blue-steel.active { border-color: #4B77BE; color: #FFFFFF; background-color: #4B77BE; } .btn.blue-steel-stripe { border-left: 4px solid #4B77BE !important; } .btn.blue-soft:not(.btn-outline) { color: #FFFFFF; background-color: #4c87b9; border-color: #4c87b9; } .btn.blue-soft:not(.btn-outline):focus, .btn.blue-soft:not(.btn-outline).focus { color: #FFFFFF; background-color: #3b6d97; border-color: #3b6d97; } .btn.blue-soft:not(.btn-outline):hover { color: #FFFFFF; background-color: #3b6d97; border-color: #3b6d97; } .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #3b6d97; border-color: #3b6d97; } .btn.blue-soft:not(.btn-outline):active:hover, .btn.blue-soft:not(.btn-outline):active:focus, .btn.blue-soft:not(.btn-outline):active.focus, .btn.blue-soft:not(.btn-outline).active:hover, .btn.blue-soft:not(.btn-outline).active:focus, .btn.blue-soft:not(.btn-outline).active.focus, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #37658c; border-color: #37658c; } .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-soft:not(.btn-outline).disabled, .btn.blue-soft:not(.btn-outline).disabled:hover, .btn.blue-soft:not(.btn-outline).disabled:focus, .btn.blue-soft:not(.btn-outline).disabled.focus, .btn.blue-soft:not(.btn-outline).disabled:active, .btn.blue-soft:not(.btn-outline).disabled.active, .btn.blue-soft:not(.btn-outline)[disabled], .btn.blue-soft:not(.btn-outline)[disabled]:hover, .btn.blue-soft:not(.btn-outline)[disabled]:focus, .btn.blue-soft:not(.btn-outline)[disabled].focus, .btn.blue-soft:not(.btn-outline)[disabled]:active, .btn.blue-soft:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-soft:not(.btn-outline), fieldset[disabled] .btn.blue-soft:not(.btn-outline):hover, fieldset[disabled] .btn.blue-soft:not(.btn-outline):focus, fieldset[disabled] .btn.blue-soft:not(.btn-outline).focus, fieldset[disabled] .btn.blue-soft:not(.btn-outline):active, fieldset[disabled] .btn.blue-soft:not(.btn-outline).active { background-color: #4c87b9; border-color: #4c87b9; } .btn.blue-soft:not(.btn-outline) .badge { color: #4c87b9; background-color: #FFFFFF; } .btn.btn-outline.blue-soft { border-color: #4c87b9; color: #4c87b9; background: none; } .btn.btn-outline.blue-soft:hover, .btn.btn-outline.blue-soft:active, .btn.btn-outline.blue-soft:active:hover, .btn.btn-outline.blue-soft:active:focus, .btn.btn-outline.blue-soft:focus, .btn.btn-outline.blue-soft.active { border-color: #4c87b9; color: #FFFFFF; background-color: #4c87b9; } .btn.blue-soft-stripe { border-left: 4px solid #4c87b9 !important; } .btn.blue-dark:not(.btn-outline) { color: #FFFFFF; background-color: #5e738b; border-color: #5e738b; } .btn.blue-dark:not(.btn-outline):focus, .btn.blue-dark:not(.btn-outline).focus { color: #FFFFFF; background-color: #495a6d; border-color: #495a6d; } .btn.blue-dark:not(.btn-outline):hover { color: #FFFFFF; background-color: #495a6d; border-color: #495a6d; } .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #495a6d; border-color: #495a6d; } .btn.blue-dark:not(.btn-outline):active:hover, .btn.blue-dark:not(.btn-outline):active:focus, .btn.blue-dark:not(.btn-outline):active.focus, .btn.blue-dark:not(.btn-outline).active:hover, .btn.blue-dark:not(.btn-outline).active:focus, .btn.blue-dark:not(.btn-outline).active.focus, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #435263; border-color: #435263; } .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-dark:not(.btn-outline).disabled, .btn.blue-dark:not(.btn-outline).disabled:hover, .btn.blue-dark:not(.btn-outline).disabled:focus, .btn.blue-dark:not(.btn-outline).disabled.focus, .btn.blue-dark:not(.btn-outline).disabled:active, .btn.blue-dark:not(.btn-outline).disabled.active, .btn.blue-dark:not(.btn-outline)[disabled], .btn.blue-dark:not(.btn-outline)[disabled]:hover, .btn.blue-dark:not(.btn-outline)[disabled]:focus, .btn.blue-dark:not(.btn-outline)[disabled].focus, .btn.blue-dark:not(.btn-outline)[disabled]:active, .btn.blue-dark:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-dark:not(.btn-outline), fieldset[disabled] .btn.blue-dark:not(.btn-outline):hover, fieldset[disabled] .btn.blue-dark:not(.btn-outline):focus, fieldset[disabled] .btn.blue-dark:not(.btn-outline).focus, fieldset[disabled] .btn.blue-dark:not(.btn-outline):active, fieldset[disabled] .btn.blue-dark:not(.btn-outline).active { background-color: #5e738b; border-color: #5e738b; } .btn.blue-dark:not(.btn-outline) .badge { color: #5e738b; background-color: #FFFFFF; } .btn.btn-outline.blue-dark { border-color: #5e738b; color: #5e738b; background: none; } .btn.btn-outline.blue-dark:hover, .btn.btn-outline.blue-dark:active, .btn.btn-outline.blue-dark:active:hover, .btn.btn-outline.blue-dark:active:focus, .btn.btn-outline.blue-dark:focus, .btn.btn-outline.blue-dark.active { border-color: #5e738b; color: #FFFFFF; background-color: #5e738b; } .btn.blue-dark-stripe { border-left: 4px solid #5e738b !important; } .btn.blue-sharp:not(.btn-outline) { color: #FFFFFF; background-color: #5C9BD1; border-color: #5C9BD1; } .btn.blue-sharp:not(.btn-outline):focus, .btn.blue-sharp:not(.btn-outline).focus { color: #FFFFFF; background-color: #3782c3; border-color: #3782c3; } .btn.blue-sharp:not(.btn-outline):hover { color: #FFFFFF; background-color: #3782c3; border-color: #3782c3; } .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #3782c3; border-color: #3782c3; } .btn.blue-sharp:not(.btn-outline):active:hover, .btn.blue-sharp:not(.btn-outline):active:focus, .btn.blue-sharp:not(.btn-outline):active.focus, .btn.blue-sharp:not(.btn-outline).active:hover, .btn.blue-sharp:not(.btn-outline).active:focus, .btn.blue-sharp:not(.btn-outline).active.focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #347ab7; border-color: #347ab7; } .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-sharp:not(.btn-outline).disabled, .btn.blue-sharp:not(.btn-outline).disabled:hover, .btn.blue-sharp:not(.btn-outline).disabled:focus, .btn.blue-sharp:not(.btn-outline).disabled.focus, .btn.blue-sharp:not(.btn-outline).disabled:active, .btn.blue-sharp:not(.btn-outline).disabled.active, .btn.blue-sharp:not(.btn-outline)[disabled], .btn.blue-sharp:not(.btn-outline)[disabled]:hover, .btn.blue-sharp:not(.btn-outline)[disabled]:focus, .btn.blue-sharp:not(.btn-outline)[disabled].focus, .btn.blue-sharp:not(.btn-outline)[disabled]:active, .btn.blue-sharp:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.blue-sharp:not(.btn-outline), fieldset[disabled] .btn.blue-sharp:not(.btn-outline):hover, fieldset[disabled] .btn.blue-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.blue-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.blue-sharp:not(.btn-outline):active, fieldset[disabled] .btn.blue-sharp:not(.btn-outline).active { background-color: #5C9BD1; border-color: #5C9BD1; } .btn.blue-sharp:not(.btn-outline) .badge { color: #5C9BD1; background-color: #FFFFFF; } .btn.btn-outline.blue-sharp { border-color: #5C9BD1; color: #5C9BD1; background: none; } .btn.btn-outline.blue-sharp:hover, .btn.btn-outline.blue-sharp:active, .btn.btn-outline.blue-sharp:active:hover, .btn.btn-outline.blue-sharp:active:focus, .btn.btn-outline.blue-sharp:focus, .btn.btn-outline.blue-sharp.active { border-color: #5C9BD1; color: #FFFFFF; background-color: #5C9BD1; } .btn.blue-sharp-stripe { border-left: 4px solid #5C9BD1 !important; } .btn.green:not(.btn-outline) { color: #FFFFFF; background-color: #32c5d2; border-color: #32c5d2; } .btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline).focus { color: #FFFFFF; background-color: #26a1ab; border-color: #26a1ab; } .btn.green:not(.btn-outline):hover { color: #FFFFFF; background-color: #26a1ab; border-color: #26a1ab; } .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active, .open > .btn.green:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #26a1ab; border-color: #26a1ab; } .btn.green:not(.btn-outline):active:hover, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active.focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #23959f; border-color: #23959f; } .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active, .open > .btn.green:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green:not(.btn-outline).disabled, .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline).disabled:active, .btn.green:not(.btn-outline).disabled.active, .btn.green:not(.btn-outline)[disabled], .btn.green:not(.btn-outline)[disabled]:hover, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled].focus, .btn.green:not(.btn-outline)[disabled]:active, .btn.green:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green:not(.btn-outline), fieldset[disabled] .btn.green:not(.btn-outline):hover, fieldset[disabled] .btn.green:not(.btn-outline):focus, fieldset[disabled] .btn.green:not(.btn-outline).focus, fieldset[disabled] .btn.green:not(.btn-outline):active, fieldset[disabled] .btn.green:not(.btn-outline).active { background-color: #32c5d2; border-color: #32c5d2; } .btn.green:not(.btn-outline) .badge { color: #32c5d2; background-color: #FFFFFF; } .btn.btn-outline.green { border-color: #32c5d2; color: #32c5d2; background: none; } .btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active { border-color: #32c5d2; color: #FFFFFF; background-color: #32c5d2; } .btn.green-stripe { border-left: 4px solid #32c5d2 !important; } .btn.green-meadow:not(.btn-outline) { color: #FFFFFF; background-color: #1BBC9B; border-color: #1BBC9B; } .btn.green-meadow:not(.btn-outline):focus, .btn.green-meadow:not(.btn-outline).focus { color: #FFFFFF; background-color: #158f76; border-color: #158f76; } .btn.green-meadow:not(.btn-outline):hover { color: #FFFFFF; background-color: #158f76; border-color: #158f76; } .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #158f76; border-color: #158f76; } .btn.green-meadow:not(.btn-outline):active:hover, .btn.green-meadow:not(.btn-outline):active:focus, .btn.green-meadow:not(.btn-outline):active.focus, .btn.green-meadow:not(.btn-outline).active:hover, .btn.green-meadow:not(.btn-outline).active:focus, .btn.green-meadow:not(.btn-outline).active.focus, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #13826b; border-color: #13826b; } .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-meadow:not(.btn-outline).disabled, .btn.green-meadow:not(.btn-outline).disabled:hover, .btn.green-meadow:not(.btn-outline).disabled:focus, .btn.green-meadow:not(.btn-outline).disabled.focus, .btn.green-meadow:not(.btn-outline).disabled:active, .btn.green-meadow:not(.btn-outline).disabled.active, .btn.green-meadow:not(.btn-outline)[disabled], .btn.green-meadow:not(.btn-outline)[disabled]:hover, .btn.green-meadow:not(.btn-outline)[disabled]:focus, .btn.green-meadow:not(.btn-outline)[disabled].focus, .btn.green-meadow:not(.btn-outline)[disabled]:active, .btn.green-meadow:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-meadow:not(.btn-outline), fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover, fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus, fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus, fieldset[disabled] .btn.green-meadow:not(.btn-outline):active, fieldset[disabled] .btn.green-meadow:not(.btn-outline).active { background-color: #1BBC9B; border-color: #1BBC9B; } .btn.green-meadow:not(.btn-outline) .badge { color: #1BBC9B; background-color: #FFFFFF; } .btn.btn-outline.green-meadow { border-color: #1BBC9B; color: #1BBC9B; background: none; } .btn.btn-outline.green-meadow:hover, .btn.btn-outline.green-meadow:active, .btn.btn-outline.green-meadow:active:hover, .btn.btn-outline.green-meadow:active:focus, .btn.btn-outline.green-meadow:focus, .btn.btn-outline.green-meadow.active { border-color: #1BBC9B; color: #FFFFFF; background-color: #1BBC9B; } .btn.green-meadow-stripe { border-left: 4px solid #1BBC9B !important; } .btn.green-seagreen:not(.btn-outline) { color: #FFFFFF; background-color: #1BA39C; border-color: #1BA39C; } .btn.green-seagreen:not(.btn-outline):focus, .btn.green-seagreen:not(.btn-outline).focus { color: #FFFFFF; background-color: #147772; border-color: #147772; } .btn.green-seagreen:not(.btn-outline):hover { color: #FFFFFF; background-color: #147772; border-color: #147772; } .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #147772; border-color: #147772; } .btn.green-seagreen:not(.btn-outline):active:hover, .btn.green-seagreen:not(.btn-outline):active:focus, .btn.green-seagreen:not(.btn-outline):active.focus, .btn.green-seagreen:not(.btn-outline).active:hover, .btn.green-seagreen:not(.btn-outline).active:focus, .btn.green-seagreen:not(.btn-outline).active.focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #126a66; border-color: #126a66; } .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-seagreen:not(.btn-outline).disabled, .btn.green-seagreen:not(.btn-outline).disabled:hover, .btn.green-seagreen:not(.btn-outline).disabled:focus, .btn.green-seagreen:not(.btn-outline).disabled.focus, .btn.green-seagreen:not(.btn-outline).disabled:active, .btn.green-seagreen:not(.btn-outline).disabled.active, .btn.green-seagreen:not(.btn-outline)[disabled], .btn.green-seagreen:not(.btn-outline)[disabled]:hover, .btn.green-seagreen:not(.btn-outline)[disabled]:focus, .btn.green-seagreen:not(.btn-outline)[disabled].focus, .btn.green-seagreen:not(.btn-outline)[disabled]:active, .btn.green-seagreen:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-seagreen:not(.btn-outline), fieldset[disabled] .btn.green-seagreen:not(.btn-outline):hover, fieldset[disabled] .btn.green-seagreen:not(.btn-outline):focus, fieldset[disabled] .btn.green-seagreen:not(.btn-outline).focus, fieldset[disabled] .btn.green-seagreen:not(.btn-outline):active, fieldset[disabled] .btn.green-seagreen:not(.btn-outline).active { background-color: #1BA39C; border-color: #1BA39C; } .btn.green-seagreen:not(.btn-outline) .badge { color: #1BA39C; background-color: #FFFFFF; } .btn.btn-outline.green-seagreen { border-color: #1BA39C; color: #1BA39C; background: none; } .btn.btn-outline.green-seagreen:hover, .btn.btn-outline.green-seagreen:active, .btn.btn-outline.green-seagreen:active:hover, .btn.btn-outline.green-seagreen:active:focus, .btn.btn-outline.green-seagreen:focus, .btn.btn-outline.green-seagreen.active { border-color: #1BA39C; color: #FFFFFF; background-color: #1BA39C; } .btn.green-seagreen-stripe { border-left: 4px solid #1BA39C !important; } .btn.green-turquoise:not(.btn-outline) { color: #FFFFFF; background-color: #36D7B7; border-color: #36D7B7; } .btn.green-turquoise:not(.btn-outline):focus, .btn.green-turquoise:not(.btn-outline).focus { color: #FFFFFF; background-color: #24b699; border-color: #24b699; } .btn.green-turquoise:not(.btn-outline):hover { color: #FFFFFF; background-color: #24b699; border-color: #24b699; } .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #24b699; border-color: #24b699; } .btn.green-turquoise:not(.btn-outline):active:hover, .btn.green-turquoise:not(.btn-outline):active:focus, .btn.green-turquoise:not(.btn-outline):active.focus, .btn.green-turquoise:not(.btn-outline).active:hover, .btn.green-turquoise:not(.btn-outline).active:focus, .btn.green-turquoise:not(.btn-outline).active.focus, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #22a98e; border-color: #22a98e; } .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-turquoise:not(.btn-outline).disabled, .btn.green-turquoise:not(.btn-outline).disabled:hover, .btn.green-turquoise:not(.btn-outline).disabled:focus, .btn.green-turquoise:not(.btn-outline).disabled.focus, .btn.green-turquoise:not(.btn-outline).disabled:active, .btn.green-turquoise:not(.btn-outline).disabled.active, .btn.green-turquoise:not(.btn-outline)[disabled], .btn.green-turquoise:not(.btn-outline)[disabled]:hover, .btn.green-turquoise:not(.btn-outline)[disabled]:focus, .btn.green-turquoise:not(.btn-outline)[disabled].focus, .btn.green-turquoise:not(.btn-outline)[disabled]:active, .btn.green-turquoise:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-turquoise:not(.btn-outline), fieldset[disabled] .btn.green-turquoise:not(.btn-outline):hover, fieldset[disabled] .btn.green-turquoise:not(.btn-outline):focus, fieldset[disabled] .btn.green-turquoise:not(.btn-outline).focus, fieldset[disabled] .btn.green-turquoise:not(.btn-outline):active, fieldset[disabled] .btn.green-turquoise:not(.btn-outline).active { background-color: #36D7B7; border-color: #36D7B7; } .btn.green-turquoise:not(.btn-outline) .badge { color: #36D7B7; background-color: #FFFFFF; } .btn.btn-outline.green-turquoise { border-color: #36D7B7; color: #36D7B7; background: none; } .btn.btn-outline.green-turquoise:hover, .btn.btn-outline.green-turquoise:active, .btn.btn-outline.green-turquoise:active:hover, .btn.btn-outline.green-turquoise:active:focus, .btn.btn-outline.green-turquoise:focus, .btn.btn-outline.green-turquoise.active { border-color: #36D7B7; color: #FFFFFF; background-color: #36D7B7; } .btn.green-turquoise-stripe { border-left: 4px solid #36D7B7 !important; } .btn.green-haze:not(.btn-outline) { color: #FFFFFF; background-color: #44b6ae; border-color: #44b6ae; } .btn.green-haze:not(.btn-outline):focus, .btn.green-haze:not(.btn-outline).focus { color: #FFFFFF; background-color: #36918b; border-color: #36918b; } .btn.green-haze:not(.btn-outline):hover { color: #FFFFFF; background-color: #36918b; border-color: #36918b; } .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #36918b; border-color: #36918b; } .btn.green-haze:not(.btn-outline):active:hover, .btn.green-haze:not(.btn-outline):active:focus, .btn.green-haze:not(.btn-outline):active.focus, .btn.green-haze:not(.btn-outline).active:hover, .btn.green-haze:not(.btn-outline).active:focus, .btn.green-haze:not(.btn-outline).active.focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #328680; border-color: #328680; } .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-haze:not(.btn-outline).disabled, .btn.green-haze:not(.btn-outline).disabled:hover, .btn.green-haze:not(.btn-outline).disabled:focus, .btn.green-haze:not(.btn-outline).disabled.focus, .btn.green-haze:not(.btn-outline).disabled:active, .btn.green-haze:not(.btn-outline).disabled.active, .btn.green-haze:not(.btn-outline)[disabled], .btn.green-haze:not(.btn-outline)[disabled]:hover, .btn.green-haze:not(.btn-outline)[disabled]:focus, .btn.green-haze:not(.btn-outline)[disabled].focus, .btn.green-haze:not(.btn-outline)[disabled]:active, .btn.green-haze:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-haze:not(.btn-outline), fieldset[disabled] .btn.green-haze:not(.btn-outline):hover, fieldset[disabled] .btn.green-haze:not(.btn-outline):focus, fieldset[disabled] .btn.green-haze:not(.btn-outline).focus, fieldset[disabled] .btn.green-haze:not(.btn-outline):active, fieldset[disabled] .btn.green-haze:not(.btn-outline).active { background-color: #44b6ae; border-color: #44b6ae; } .btn.green-haze:not(.btn-outline) .badge { color: #44b6ae; background-color: #FFFFFF; } .btn.btn-outline.green-haze { border-color: #44b6ae; color: #44b6ae; background: none; } .btn.btn-outline.green-haze:hover, .btn.btn-outline.green-haze:active, .btn.btn-outline.green-haze:active:hover, .btn.btn-outline.green-haze:active:focus, .btn.btn-outline.green-haze:focus, .btn.btn-outline.green-haze.active { border-color: #44b6ae; color: #FFFFFF; background-color: #44b6ae; } .btn.green-haze-stripe { border-left: 4px solid #44b6ae !important; } .btn.green-jungle:not(.btn-outline) { color: #FFFFFF; background-color: #26C281; border-color: #26C281; } .btn.green-jungle:not(.btn-outline):focus, .btn.green-jungle:not(.btn-outline).focus { color: #FFFFFF; background-color: #1e9765; border-color: #1e9765; } .btn.green-jungle:not(.btn-outline):hover { color: #FFFFFF; background-color: #1e9765; border-color: #1e9765; } .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #1e9765; border-color: #1e9765; } .btn.green-jungle:not(.btn-outline):active:hover, .btn.green-jungle:not(.btn-outline):active:focus, .btn.green-jungle:not(.btn-outline):active.focus, .btn.green-jungle:not(.btn-outline).active:hover, .btn.green-jungle:not(.btn-outline).active:focus, .btn.green-jungle:not(.btn-outline).active.focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #1b8b5c; border-color: #1b8b5c; } .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-jungle:not(.btn-outline).disabled, .btn.green-jungle:not(.btn-outline).disabled:hover, .btn.green-jungle:not(.btn-outline).disabled:focus, .btn.green-jungle:not(.btn-outline).disabled.focus, .btn.green-jungle:not(.btn-outline).disabled:active, .btn.green-jungle:not(.btn-outline).disabled.active, .btn.green-jungle:not(.btn-outline)[disabled], .btn.green-jungle:not(.btn-outline)[disabled]:hover, .btn.green-jungle:not(.btn-outline)[disabled]:focus, .btn.green-jungle:not(.btn-outline)[disabled].focus, .btn.green-jungle:not(.btn-outline)[disabled]:active, .btn.green-jungle:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-jungle:not(.btn-outline), fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover, fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline):active, fieldset[disabled] .btn.green-jungle:not(.btn-outline).active { background-color: #26C281; border-color: #26C281; } .btn.green-jungle:not(.btn-outline) .badge { color: #26C281; background-color: #FFFFFF; } .btn.btn-outline.green-jungle { border-color: #26C281; color: #26C281; background: none; } .btn.btn-outline.green-jungle:hover, .btn.btn-outline.green-jungle:active, .btn.btn-outline.green-jungle:active:hover, .btn.btn-outline.green-jungle:active:focus, .btn.btn-outline.green-jungle:focus, .btn.btn-outline.green-jungle.active { border-color: #26C281; color: #FFFFFF; background-color: #26C281; } .btn.green-jungle-stripe { border-left: 4px solid #26C281 !important; } .btn.green-soft:not(.btn-outline) { color: #FFFFFF; background-color: #3faba4; border-color: #3faba4; } .btn.green-soft:not(.btn-outline):focus, .btn.green-soft:not(.btn-outline).focus { color: #FFFFFF; background-color: #318680; border-color: #318680; } .btn.green-soft:not(.btn-outline):hover { color: #FFFFFF; background-color: #318680; border-color: #318680; } .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #318680; border-color: #318680; } .btn.green-soft:not(.btn-outline):active:hover, .btn.green-soft:not(.btn-outline):active:focus, .btn.green-soft:not(.btn-outline):active.focus, .btn.green-soft:not(.btn-outline).active:hover, .btn.green-soft:not(.btn-outline).active:focus, .btn.green-soft:not(.btn-outline).active.focus, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #2d7b76; border-color: #2d7b76; } .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-soft:not(.btn-outline).disabled, .btn.green-soft:not(.btn-outline).disabled:hover, .btn.green-soft:not(.btn-outline).disabled:focus, .btn.green-soft:not(.btn-outline).disabled.focus, .btn.green-soft:not(.btn-outline).disabled:active, .btn.green-soft:not(.btn-outline).disabled.active, .btn.green-soft:not(.btn-outline)[disabled], .btn.green-soft:not(.btn-outline)[disabled]:hover, .btn.green-soft:not(.btn-outline)[disabled]:focus, .btn.green-soft:not(.btn-outline)[disabled].focus, .btn.green-soft:not(.btn-outline)[disabled]:active, .btn.green-soft:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-soft:not(.btn-outline), fieldset[disabled] .btn.green-soft:not(.btn-outline):hover, fieldset[disabled] .btn.green-soft:not(.btn-outline):focus, fieldset[disabled] .btn.green-soft:not(.btn-outline).focus, fieldset[disabled] .btn.green-soft:not(.btn-outline):active, fieldset[disabled] .btn.green-soft:not(.btn-outline).active { background-color: #3faba4; border-color: #3faba4; } .btn.green-soft:not(.btn-outline) .badge { color: #3faba4; background-color: #FFFFFF; } .btn.btn-outline.green-soft { border-color: #3faba4; color: #3faba4; background: none; } .btn.btn-outline.green-soft:hover, .btn.btn-outline.green-soft:active, .btn.btn-outline.green-soft:active:hover, .btn.btn-outline.green-soft:active:focus, .btn.btn-outline.green-soft:focus, .btn.btn-outline.green-soft.active { border-color: #3faba4; color: #FFFFFF; background-color: #3faba4; } .btn.green-soft-stripe { border-left: 4px solid #3faba4 !important; } .btn.green-dark:not(.btn-outline) { color: #FFFFFF; background-color: #4DB3A2; border-color: #4DB3A2; } .btn.green-dark:not(.btn-outline):focus, .btn.green-dark:not(.btn-outline).focus { color: #FFFFFF; background-color: #3d9082; border-color: #3d9082; } .btn.green-dark:not(.btn-outline):hover { color: #FFFFFF; background-color: #3d9082; border-color: #3d9082; } .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #3d9082; border-color: #3d9082; } .btn.green-dark:not(.btn-outline):active:hover, .btn.green-dark:not(.btn-outline):active:focus, .btn.green-dark:not(.btn-outline):active.focus, .btn.green-dark:not(.btn-outline).active:hover, .btn.green-dark:not(.btn-outline).active:focus, .btn.green-dark:not(.btn-outline).active.focus, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #398578; border-color: #398578; } .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-dark:not(.btn-outline).disabled, .btn.green-dark:not(.btn-outline).disabled:hover, .btn.green-dark:not(.btn-outline).disabled:focus, .btn.green-dark:not(.btn-outline).disabled.focus, .btn.green-dark:not(.btn-outline).disabled:active, .btn.green-dark:not(.btn-outline).disabled.active, .btn.green-dark:not(.btn-outline)[disabled], .btn.green-dark:not(.btn-outline)[disabled]:hover, .btn.green-dark:not(.btn-outline)[disabled]:focus, .btn.green-dark:not(.btn-outline)[disabled].focus, .btn.green-dark:not(.btn-outline)[disabled]:active, .btn.green-dark:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-dark:not(.btn-outline), fieldset[disabled] .btn.green-dark:not(.btn-outline):hover, fieldset[disabled] .btn.green-dark:not(.btn-outline):focus, fieldset[disabled] .btn.green-dark:not(.btn-outline).focus, fieldset[disabled] .btn.green-dark:not(.btn-outline):active, fieldset[disabled] .btn.green-dark:not(.btn-outline).active { background-color: #4DB3A2; border-color: #4DB3A2; } .btn.green-dark:not(.btn-outline) .badge { color: #4DB3A2; background-color: #FFFFFF; } .btn.btn-outline.green-dark { border-color: #4DB3A2; color: #4DB3A2; background: none; } .btn.btn-outline.green-dark:hover, .btn.btn-outline.green-dark:active, .btn.btn-outline.green-dark:active:hover, .btn.btn-outline.green-dark:active:focus, .btn.btn-outline.green-dark:focus, .btn.btn-outline.green-dark.active { border-color: #4DB3A2; color: #FFFFFF; background-color: #4DB3A2; } .btn.green-dark-stripe { border-left: 4px solid #4DB3A2 !important; } .btn.green-sharp:not(.btn-outline) { color: #FFFFFF; background-color: #2ab4c0; border-color: #2ab4c0; } .btn.green-sharp:not(.btn-outline):focus, .btn.green-sharp:not(.btn-outline).focus { color: #FFFFFF; background-color: #218d96; border-color: #218d96; } .btn.green-sharp:not(.btn-outline):hover { color: #FFFFFF; background-color: #218d96; border-color: #218d96; } .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #218d96; border-color: #218d96; } .btn.green-sharp:not(.btn-outline):active:hover, .btn.green-sharp:not(.btn-outline):active:focus, .btn.green-sharp:not(.btn-outline):active.focus, .btn.green-sharp:not(.btn-outline).active:hover, .btn.green-sharp:not(.btn-outline).active:focus, .btn.green-sharp:not(.btn-outline).active.focus, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:hover, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #1e818a; border-color: #1e818a; } .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-sharp:not(.btn-outline).disabled, .btn.green-sharp:not(.btn-outline).disabled:hover, .btn.green-sharp:not(.btn-outline).disabled:focus, .btn.green-sharp:not(.btn-outline).disabled.focus, .btn.green-sharp:not(.btn-outline).disabled:active, .btn.green-sharp:not(.btn-outline).disabled.active, .btn.green-sharp:not(.btn-outline)[disabled], .btn.green-sharp:not(.btn-outline)[disabled]:hover, .btn.green-sharp:not(.btn-outline)[disabled]:focus, .btn.green-sharp:not(.btn-outline)[disabled].focus, .btn.green-sharp:not(.btn-outline)[disabled]:active, .btn.green-sharp:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.green-sharp:not(.btn-outline), fieldset[disabled] .btn.green-sharp:not(.btn-outline):hover, fieldset[disabled] .btn.green-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.green-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.green-sharp:not(.btn-outline):active, fieldset[disabled] .btn.green-sharp:not(.btn-outline).active { background-color: #2ab4c0; border-color: #2ab4c0; } .btn.green-sharp:not(.btn-outline) .badge { color: #2ab4c0; background-color: #FFFFFF; } .btn.btn-outline.green-sharp { border-color: #2ab4c0; color: #2ab4c0; background: none; } .btn.btn-outline.green-sharp:hover, .btn.btn-outline.green-sharp:active, .btn.btn-outline.green-sharp:active:hover, .btn.btn-outline.green-sharp:active:focus, .btn.btn-outline.green-sharp:focus, .btn.btn-outline.green-sharp.active { border-color: #2ab4c0; color: #FFFFFF; background-color: #2ab4c0; } .btn.green-sharp-stripe { border-left: 4px solid #2ab4c0 !important; } .btn.grey:not(.btn-outline) { color: #333333; background-color: #E5E5E5; border-color: #E5E5E5; } .btn.grey:not(.btn-outline):focus, .btn.grey:not(.btn-outline).focus { color: #333333; background-color: #cccccc; border-color: #cccccc; } .btn.grey:not(.btn-outline):hover { color: #333333; background-color: #cccccc; border-color: #cccccc; } .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active, .open > .btn.grey:not(.btn-outline).dropdown-toggle { color: #333333; background-color: #cccccc; border-color: #cccccc; } .btn.grey:not(.btn-outline):active:hover, .btn.grey:not(.btn-outline):active:focus, .btn.grey:not(.btn-outline):active.focus, .btn.grey:not(.btn-outline).active:hover, .btn.grey:not(.btn-outline).active:focus, .btn.grey:not(.btn-outline).active.focus, .open > .btn.grey:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey:not(.btn-outline).dropdown-toggle.focus { color: #333333; background-color: #c4c4c4; border-color: #c4c4c4; } .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active, .open > .btn.grey:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey:not(.btn-outline).disabled, .btn.grey:not(.btn-outline).disabled:hover, .btn.grey:not(.btn-outline).disabled:focus, .btn.grey:not(.btn-outline).disabled.focus, .btn.grey:not(.btn-outline).disabled:active, .btn.grey:not(.btn-outline).disabled.active, .btn.grey:not(.btn-outline)[disabled], .btn.grey:not(.btn-outline)[disabled]:hover, .btn.grey:not(.btn-outline)[disabled]:focus, .btn.grey:not(.btn-outline)[disabled].focus, .btn.grey:not(.btn-outline)[disabled]:active, .btn.grey:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey:not(.btn-outline), fieldset[disabled] .btn.grey:not(.btn-outline):hover, fieldset[disabled] .btn.grey:not(.btn-outline):focus, fieldset[disabled] .btn.grey:not(.btn-outline).focus, fieldset[disabled] .btn.grey:not(.btn-outline):active, fieldset[disabled] .btn.grey:not(.btn-outline).active { background-color: #E5E5E5; border-color: #E5E5E5; } .btn.grey:not(.btn-outline) .badge { color: #E5E5E5; background-color: #333333; } .btn.btn-outline.grey { border-color: #E5E5E5; color: #E5E5E5; background: none; } .btn.btn-outline.grey:hover, .btn.btn-outline.grey:active, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:active:focus, .btn.btn-outline.grey:focus, .btn.btn-outline.grey.active { border-color: #E5E5E5; color: #333333; background-color: #E5E5E5; } .btn.grey-stripe { border-left: 4px solid #E5E5E5 !important; } .btn.grey-steel:not(.btn-outline) { color: #80898e; background-color: #e9edef; border-color: #e9edef; } .btn.grey-steel:not(.btn-outline):focus, .btn.grey-steel:not(.btn-outline).focus { color: #80898e; background-color: #cbd5da; border-color: #cbd5da; } .btn.grey-steel:not(.btn-outline):hover { color: #80898e; background-color: #cbd5da; border-color: #cbd5da; } .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle { color: #80898e; background-color: #cbd5da; border-color: #cbd5da; } .btn.grey-steel:not(.btn-outline):active:hover, .btn.grey-steel:not(.btn-outline):active:focus, .btn.grey-steel:not(.btn-outline):active.focus, .btn.grey-steel:not(.btn-outline).active:hover, .btn.grey-steel:not(.btn-outline).active:focus, .btn.grey-steel:not(.btn-outline).active.focus, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle.focus { color: #80898e; background-color: #c3ced3; border-color: #c3ced3; } .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-steel:not(.btn-outline).disabled, .btn.grey-steel:not(.btn-outline).disabled:hover, .btn.grey-steel:not(.btn-outline).disabled:focus, .btn.grey-steel:not(.btn-outline).disabled.focus, .btn.grey-steel:not(.btn-outline).disabled:active, .btn.grey-steel:not(.btn-outline).disabled.active, .btn.grey-steel:not(.btn-outline)[disabled], .btn.grey-steel:not(.btn-outline)[disabled]:hover, .btn.grey-steel:not(.btn-outline)[disabled]:focus, .btn.grey-steel:not(.btn-outline)[disabled].focus, .btn.grey-steel:not(.btn-outline)[disabled]:active, .btn.grey-steel:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-steel:not(.btn-outline), fieldset[disabled] .btn.grey-steel:not(.btn-outline):hover, fieldset[disabled] .btn.grey-steel:not(.btn-outline):focus, fieldset[disabled] .btn.grey-steel:not(.btn-outline).focus, fieldset[disabled] .btn.grey-steel:not(.btn-outline):active, fieldset[disabled] .btn.grey-steel:not(.btn-outline).active { background-color: #e9edef; border-color: #e9edef; } .btn.grey-steel:not(.btn-outline) .badge { color: #e9edef; background-color: #80898e; } .btn.btn-outline.grey-steel { border-color: #e9edef; color: #e9edef; background: none; } .btn.btn-outline.grey-steel:hover, .btn.btn-outline.grey-steel:active, .btn.btn-outline.grey-steel:active:hover, .btn.btn-outline.grey-steel:active:focus, .btn.btn-outline.grey-steel:focus, .btn.btn-outline.grey-steel.active { border-color: #e9edef; color: #80898e; background-color: #e9edef; } .btn.grey-steel-stripe { border-left: 4px solid #e9edef !important; } .btn.grey-cararra:not(.btn-outline) { color: #333333; background-color: #fafafa; border-color: #fafafa; } .btn.grey-cararra:not(.btn-outline):focus, .btn.grey-cararra:not(.btn-outline).focus { color: #333333; background-color: #e1e1e1; border-color: #e1e1e1; } .btn.grey-cararra:not(.btn-outline):hover { color: #333333; background-color: #e1e1e1; border-color: #e1e1e1; } .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle { color: #333333; background-color: #e1e1e1; border-color: #e1e1e1; } .btn.grey-cararra:not(.btn-outline):active:hover, .btn.grey-cararra:not(.btn-outline):active:focus, .btn.grey-cararra:not(.btn-outline):active.focus, .btn.grey-cararra:not(.btn-outline).active:hover, .btn.grey-cararra:not(.btn-outline).active:focus, .btn.grey-cararra:not(.btn-outline).active.focus, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle.focus { color: #333333; background-color: #d9d9d9; border-color: #d9d9d9; } .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-cararra:not(.btn-outline).disabled, .btn.grey-cararra:not(.btn-outline).disabled:hover, .btn.grey-cararra:not(.btn-outline).disabled:focus, .btn.grey-cararra:not(.btn-outline).disabled.focus, .btn.grey-cararra:not(.btn-outline).disabled:active, .btn.grey-cararra:not(.btn-outline).disabled.active, .btn.grey-cararra:not(.btn-outline)[disabled], .btn.grey-cararra:not(.btn-outline)[disabled]:hover, .btn.grey-cararra:not(.btn-outline)[disabled]:focus, .btn.grey-cararra:not(.btn-outline)[disabled].focus, .btn.grey-cararra:not(.btn-outline)[disabled]:active, .btn.grey-cararra:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-cararra:not(.btn-outline), fieldset[disabled] .btn.grey-cararra:not(.btn-outline):hover, fieldset[disabled] .btn.grey-cararra:not(.btn-outline):focus, fieldset[disabled] .btn.grey-cararra:not(.btn-outline).focus, fieldset[disabled] .btn.grey-cararra:not(.btn-outline):active, fieldset[disabled] .btn.grey-cararra:not(.btn-outline).active { background-color: #fafafa; border-color: #fafafa; } .btn.grey-cararra:not(.btn-outline) .badge { color: #fafafa; background-color: #333333; } .btn.btn-outline.grey-cararra { border-color: #fafafa; color: #fafafa; background: none; } .btn.btn-outline.grey-cararra:hover, .btn.btn-outline.grey-cararra:active, .btn.btn-outline.grey-cararra:active:hover, .btn.btn-outline.grey-cararra:active:focus, .btn.btn-outline.grey-cararra:focus, .btn.btn-outline.grey-cararra.active { border-color: #fafafa; color: #333333; background-color: #fafafa; } .btn.grey-cararra-stripe { border-left: 4px solid #fafafa !important; } .btn.grey-gallery:not(.btn-outline) { color: #ffffff; background-color: #555555; border-color: #555555; } .btn.grey-gallery:not(.btn-outline):focus, .btn.grey-gallery:not(.btn-outline).focus { color: #ffffff; background-color: #3b3b3b; border-color: #3b3b3b; } .btn.grey-gallery:not(.btn-outline):hover { color: #ffffff; background-color: #3b3b3b; border-color: #3b3b3b; } .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #3b3b3b; border-color: #3b3b3b; } .btn.grey-gallery:not(.btn-outline):active:hover, .btn.grey-gallery:not(.btn-outline):active:focus, .btn.grey-gallery:not(.btn-outline):active.focus, .btn.grey-gallery:not(.btn-outline).active:hover, .btn.grey-gallery:not(.btn-outline).active:focus, .btn.grey-gallery:not(.btn-outline).active.focus, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #343434; border-color: #343434; } .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-gallery:not(.btn-outline).disabled, .btn.grey-gallery:not(.btn-outline).disabled:hover, .btn.grey-gallery:not(.btn-outline).disabled:focus, .btn.grey-gallery:not(.btn-outline).disabled.focus, .btn.grey-gallery:not(.btn-outline).disabled:active, .btn.grey-gallery:not(.btn-outline).disabled.active, .btn.grey-gallery:not(.btn-outline)[disabled], .btn.grey-gallery:not(.btn-outline)[disabled]:hover, .btn.grey-gallery:not(.btn-outline)[disabled]:focus, .btn.grey-gallery:not(.btn-outline)[disabled].focus, .btn.grey-gallery:not(.btn-outline)[disabled]:active, .btn.grey-gallery:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-gallery:not(.btn-outline), fieldset[disabled] .btn.grey-gallery:not(.btn-outline):hover, fieldset[disabled] .btn.grey-gallery:not(.btn-outline):focus, fieldset[disabled] .btn.grey-gallery:not(.btn-outline).focus, fieldset[disabled] .btn.grey-gallery:not(.btn-outline):active, fieldset[disabled] .btn.grey-gallery:not(.btn-outline).active { background-color: #555555; border-color: #555555; } .btn.grey-gallery:not(.btn-outline) .badge { color: #555555; background-color: #ffffff; } .btn.btn-outline.grey-gallery { border-color: #555555; color: #555555; background: none; } .btn.btn-outline.grey-gallery:hover, .btn.btn-outline.grey-gallery:active, .btn.btn-outline.grey-gallery:active:hover, .btn.btn-outline.grey-gallery:active:focus, .btn.btn-outline.grey-gallery:focus, .btn.btn-outline.grey-gallery.active { border-color: #555555; color: #ffffff; background-color: #555555; } .btn.grey-gallery-stripe { border-left: 4px solid #555555 !important; } .btn.grey-cascade:not(.btn-outline) { color: #FFFFFF; background-color: #95A5A6; border-color: #95A5A6; } .btn.grey-cascade:not(.btn-outline):focus, .btn.grey-cascade:not(.btn-outline).focus { color: #FFFFFF; background-color: #798d8f; border-color: #798d8f; } .btn.grey-cascade:not(.btn-outline):hover { color: #FFFFFF; background-color: #798d8f; border-color: #798d8f; } .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #798d8f; border-color: #798d8f; } .btn.grey-cascade:not(.btn-outline):active:hover, .btn.grey-cascade:not(.btn-outline):active:focus, .btn.grey-cascade:not(.btn-outline):active.focus, .btn.grey-cascade:not(.btn-outline).active:hover, .btn.grey-cascade:not(.btn-outline).active:focus, .btn.grey-cascade:not(.btn-outline).active.focus, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #728687; border-color: #728687; } .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-cascade:not(.btn-outline).disabled, .btn.grey-cascade:not(.btn-outline).disabled:hover, .btn.grey-cascade:not(.btn-outline).disabled:focus, .btn.grey-cascade:not(.btn-outline).disabled.focus, .btn.grey-cascade:not(.btn-outline).disabled:active, .btn.grey-cascade:not(.btn-outline).disabled.active, .btn.grey-cascade:not(.btn-outline)[disabled], .btn.grey-cascade:not(.btn-outline)[disabled]:hover, .btn.grey-cascade:not(.btn-outline)[disabled]:focus, .btn.grey-cascade:not(.btn-outline)[disabled].focus, .btn.grey-cascade:not(.btn-outline)[disabled]:active, .btn.grey-cascade:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-cascade:not(.btn-outline), fieldset[disabled] .btn.grey-cascade:not(.btn-outline):hover, fieldset[disabled] .btn.grey-cascade:not(.btn-outline):focus, fieldset[disabled] .btn.grey-cascade:not(.btn-outline).focus, fieldset[disabled] .btn.grey-cascade:not(.btn-outline):active, fieldset[disabled] .btn.grey-cascade:not(.btn-outline).active { background-color: #95A5A6; border-color: #95A5A6; } .btn.grey-cascade:not(.btn-outline) .badge { color: #95A5A6; background-color: #FFFFFF; } .btn.btn-outline.grey-cascade { border-color: #95A5A6; color: #95A5A6; background: none; } .btn.btn-outline.grey-cascade:hover, .btn.btn-outline.grey-cascade:active, .btn.btn-outline.grey-cascade:active:hover, .btn.btn-outline.grey-cascade:active:focus, .btn.btn-outline.grey-cascade:focus, .btn.btn-outline.grey-cascade.active { border-color: #95A5A6; color: #FFFFFF; background-color: #95A5A6; } .btn.grey-cascade-stripe { border-left: 4px solid #95A5A6 !important; } .btn.grey-silver:not(.btn-outline) { color: #FAFCFB; background-color: #BFBFBF; border-color: #BFBFBF; } .btn.grey-silver:not(.btn-outline):focus, .btn.grey-silver:not(.btn-outline).focus { color: #FAFCFB; background-color: #a6a6a6; border-color: #a6a6a6; } .btn.grey-silver:not(.btn-outline):hover { color: #FAFCFB; background-color: #a6a6a6; border-color: #a6a6a6; } .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle { color: #FAFCFB; background-color: #a6a6a6; border-color: #a6a6a6; } .btn.grey-silver:not(.btn-outline):active:hover, .btn.grey-silver:not(.btn-outline):active:focus, .btn.grey-silver:not(.btn-outline):active.focus, .btn.grey-silver:not(.btn-outline).active:hover, .btn.grey-silver:not(.btn-outline).active:focus, .btn.grey-silver:not(.btn-outline).active.focus, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle.focus { color: #FAFCFB; background-color: #9e9e9e; border-color: #9e9e9e; } .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-silver:not(.btn-outline).disabled, .btn.grey-silver:not(.btn-outline).disabled:hover, .btn.grey-silver:not(.btn-outline).disabled:focus, .btn.grey-silver:not(.btn-outline).disabled.focus, .btn.grey-silver:not(.btn-outline).disabled:active, .btn.grey-silver:not(.btn-outline).disabled.active, .btn.grey-silver:not(.btn-outline)[disabled], .btn.grey-silver:not(.btn-outline)[disabled]:hover, .btn.grey-silver:not(.btn-outline)[disabled]:focus, .btn.grey-silver:not(.btn-outline)[disabled].focus, .btn.grey-silver:not(.btn-outline)[disabled]:active, .btn.grey-silver:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-silver:not(.btn-outline), fieldset[disabled] .btn.grey-silver:not(.btn-outline):hover, fieldset[disabled] .btn.grey-silver:not(.btn-outline):focus, fieldset[disabled] .btn.grey-silver:not(.btn-outline).focus, fieldset[disabled] .btn.grey-silver:not(.btn-outline):active, fieldset[disabled] .btn.grey-silver:not(.btn-outline).active { background-color: #BFBFBF; border-color: #BFBFBF; } .btn.grey-silver:not(.btn-outline) .badge { color: #BFBFBF; background-color: #FAFCFB; } .btn.btn-outline.grey-silver { border-color: #BFBFBF; color: #BFBFBF; background: none; } .btn.btn-outline.grey-silver:hover, .btn.btn-outline.grey-silver:active, .btn.btn-outline.grey-silver:active:hover, .btn.btn-outline.grey-silver:active:focus, .btn.btn-outline.grey-silver:focus, .btn.btn-outline.grey-silver.active { border-color: #BFBFBF; color: #FAFCFB; background-color: #BFBFBF; } .btn.grey-silver-stripe { border-left: 4px solid #BFBFBF !important; } .btn.grey-salsa:not(.btn-outline) { color: #FAFCFB; background-color: #ACB5C3; border-color: #ACB5C3; } .btn.grey-salsa:not(.btn-outline):focus, .btn.grey-salsa:not(.btn-outline).focus { color: #FAFCFB; background-color: #8e9bae; border-color: #8e9bae; } .btn.grey-salsa:not(.btn-outline):hover { color: #FAFCFB; background-color: #8e9bae; border-color: #8e9bae; } .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle { color: #FAFCFB; background-color: #8e9bae; border-color: #8e9bae; } .btn.grey-salsa:not(.btn-outline):active:hover, .btn.grey-salsa:not(.btn-outline):active:focus, .btn.grey-salsa:not(.btn-outline):active.focus, .btn.grey-salsa:not(.btn-outline).active:hover, .btn.grey-salsa:not(.btn-outline).active:focus, .btn.grey-salsa:not(.btn-outline).active.focus, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus { color: #FAFCFB; background-color: #8693a7; border-color: #8693a7; } .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-salsa:not(.btn-outline).disabled, .btn.grey-salsa:not(.btn-outline).disabled:hover, .btn.grey-salsa:not(.btn-outline).disabled:focus, .btn.grey-salsa:not(.btn-outline).disabled.focus, .btn.grey-salsa:not(.btn-outline).disabled:active, .btn.grey-salsa:not(.btn-outline).disabled.active, .btn.grey-salsa:not(.btn-outline)[disabled], .btn.grey-salsa:not(.btn-outline)[disabled]:hover, .btn.grey-salsa:not(.btn-outline)[disabled]:focus, .btn.grey-salsa:not(.btn-outline)[disabled].focus, .btn.grey-salsa:not(.btn-outline)[disabled]:active, .btn.grey-salsa:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-salsa:not(.btn-outline), fieldset[disabled] .btn.grey-salsa:not(.btn-outline):hover, fieldset[disabled] .btn.grey-salsa:not(.btn-outline):focus, fieldset[disabled] .btn.grey-salsa:not(.btn-outline).focus, fieldset[disabled] .btn.grey-salsa:not(.btn-outline):active, fieldset[disabled] .btn.grey-salsa:not(.btn-outline).active { background-color: #ACB5C3; border-color: #ACB5C3; } .btn.grey-salsa:not(.btn-outline) .badge { color: #ACB5C3; background-color: #FAFCFB; } .btn.btn-outline.grey-salsa { border-color: #ACB5C3; color: #ACB5C3; background: none; } .btn.btn-outline.grey-salsa:hover, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa.active { border-color: #ACB5C3; color: #FAFCFB; background-color: #ACB5C3; } .btn.grey-salsa-stripe { border-left: 4px solid #ACB5C3 !important; } .btn.grey-salt:not(.btn-outline) { color: #FAFCFB; background-color: #bfcad1; border-color: #bfcad1; } .btn.grey-salt:not(.btn-outline):focus, .btn.grey-salt:not(.btn-outline).focus { color: #FAFCFB; background-color: #a1b1bc; border-color: #a1b1bc; } .btn.grey-salt:not(.btn-outline):hover { color: #FAFCFB; background-color: #a1b1bc; border-color: #a1b1bc; } .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle { color: #FAFCFB; background-color: #a1b1bc; border-color: #a1b1bc; } .btn.grey-salt:not(.btn-outline):active:hover, .btn.grey-salt:not(.btn-outline):active:focus, .btn.grey-salt:not(.btn-outline):active.focus, .btn.grey-salt:not(.btn-outline).active:hover, .btn.grey-salt:not(.btn-outline).active:focus, .btn.grey-salt:not(.btn-outline).active.focus, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle.focus { color: #FAFCFB; background-color: #98aab5; border-color: #98aab5; } .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-salt:not(.btn-outline).disabled, .btn.grey-salt:not(.btn-outline).disabled:hover, .btn.grey-salt:not(.btn-outline).disabled:focus, .btn.grey-salt:not(.btn-outline).disabled.focus, .btn.grey-salt:not(.btn-outline).disabled:active, .btn.grey-salt:not(.btn-outline).disabled.active, .btn.grey-salt:not(.btn-outline)[disabled], .btn.grey-salt:not(.btn-outline)[disabled]:hover, .btn.grey-salt:not(.btn-outline)[disabled]:focus, .btn.grey-salt:not(.btn-outline)[disabled].focus, .btn.grey-salt:not(.btn-outline)[disabled]:active, .btn.grey-salt:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-salt:not(.btn-outline), fieldset[disabled] .btn.grey-salt:not(.btn-outline):hover, fieldset[disabled] .btn.grey-salt:not(.btn-outline):focus, fieldset[disabled] .btn.grey-salt:not(.btn-outline).focus, fieldset[disabled] .btn.grey-salt:not(.btn-outline):active, fieldset[disabled] .btn.grey-salt:not(.btn-outline).active { background-color: #bfcad1; border-color: #bfcad1; } .btn.grey-salt:not(.btn-outline) .badge { color: #bfcad1; background-color: #FAFCFB; } .btn.btn-outline.grey-salt { border-color: #bfcad1; color: #bfcad1; background: none; } .btn.btn-outline.grey-salt:hover, .btn.btn-outline.grey-salt:active, .btn.btn-outline.grey-salt:active:hover, .btn.btn-outline.grey-salt:active:focus, .btn.btn-outline.grey-salt:focus, .btn.btn-outline.grey-salt.active { border-color: #bfcad1; color: #FAFCFB; background-color: #bfcad1; } .btn.grey-salt-stripe { border-left: 4px solid #bfcad1 !important; } .btn.grey-mint:not(.btn-outline) { color: #FFFFFF; background-color: #525e64; border-color: #525e64; } .btn.grey-mint:not(.btn-outline):focus, .btn.grey-mint:not(.btn-outline).focus { color: #FFFFFF; background-color: #3b4448; border-color: #3b4448; } .btn.grey-mint:not(.btn-outline):hover { color: #FFFFFF; background-color: #3b4448; border-color: #3b4448; } .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle { color: #FFFFFF; background-color: #3b4448; border-color: #3b4448; } .btn.grey-mint:not(.btn-outline):active:hover, .btn.grey-mint:not(.btn-outline):active:focus, .btn.grey-mint:not(.btn-outline):active.focus, .btn.grey-mint:not(.btn-outline).active:hover, .btn.grey-mint:not(.btn-outline).active:focus, .btn.grey-mint:not(.btn-outline).active.focus, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:hover, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle.focus { color: #FFFFFF; background-color: #343c40; border-color: #343c40; } .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-mint:not(.btn-outline).disabled, .btn.grey-mint:not(.btn-outline).disabled:hover, .btn.grey-mint:not(.btn-outline).disabled:focus, .btn.grey-mint:not(.btn-outline).disabled.focus, .btn.grey-mint:not(.btn-outline).disabled:active, .btn.grey-mint:not(.btn-outline).disabled.active, .btn.grey-mint:not(.btn-outline)[disabled], .btn.grey-mint:not(.btn-outline)[disabled]:hover, .btn.grey-mint:not(.btn-outline)[disabled]:focus, .btn.grey-mint:not(.btn-outline)[disabled].focus, .btn.grey-mint:not(.btn-outline)[disabled]:active, .btn.grey-mint:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.grey-mint:not(.btn-outline), fieldset[disabled] .btn.grey-mint:not(.btn-outline):hover, fieldset[disabled] .btn.grey-mint:not(.btn-outline):focus, fieldset[disabled] .btn.grey-mint:not(.btn-outline).focus, fieldset[disabled] .btn.grey-mint:not(.btn-outline):active, fieldset[disabled] .btn.grey-mint:not(.btn-outline).active { background-color: #525e64; border-color: #525e64; } .btn.grey-mint:not(.btn-outline) .badge { color: #525e64; background-color: #FFFFFF; } .btn.btn-outline.grey-mint { border-color: #525e64; color: #525e64; background: none; } .btn.btn-outline.grey-mint:hover, .btn.btn-outline.grey-mint:active, .btn.btn-outline.grey-mint:active:hover, .btn.btn-outline.grey-mint:active:focus, .btn.btn-outline.grey-mint:focus, .btn.btn-outline.grey-mint.active { border-color: #525e64; color: #FFFFFF; background-color: #525e64; } .btn.grey-mint-stripe { border-left: 4px solid #525e64 !important; } .btn.red:not(.btn-outline) { color: #ffffff; background-color: #e7505a; border-color: #e7505a; } .btn.red:not(.btn-outline):focus, .btn.red:not(.btn-outline).focus { color: #ffffff; background-color: #e12330; border-color: #e12330; } .btn.red:not(.btn-outline):hover { color: #ffffff; background-color: #e12330; border-color: #e12330; } .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active, .open > .btn.red:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #e12330; border-color: #e12330; } .btn.red:not(.btn-outline):active:hover, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active.focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #d71e2a; border-color: #d71e2a; } .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active, .open > .btn.red:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red:not(.btn-outline).disabled, .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline).disabled:active, .btn.red:not(.btn-outline).disabled.active, .btn.red:not(.btn-outline)[disabled], .btn.red:not(.btn-outline)[disabled]:hover, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled].focus, .btn.red:not(.btn-outline)[disabled]:active, .btn.red:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red:not(.btn-outline), fieldset[disabled] .btn.red:not(.btn-outline):hover, fieldset[disabled] .btn.red:not(.btn-outline):focus, fieldset[disabled] .btn.red:not(.btn-outline).focus, fieldset[disabled] .btn.red:not(.btn-outline):active, fieldset[disabled] .btn.red:not(.btn-outline).active { background-color: #e7505a; border-color: #e7505a; } .btn.red:not(.btn-outline) .badge { color: #e7505a; background-color: #ffffff; } .btn.btn-outline.red { border-color: #e7505a; color: #e7505a; background: none; } .btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active { border-color: #e7505a; color: #ffffff; background-color: #e7505a; } .btn.red-stripe { border-left: 4px solid #e7505a !important; } .btn.red-pink:not(.btn-outline) { color: #ffffff; background-color: #E08283; border-color: #E08283; } .btn.red-pink:not(.btn-outline):focus, .btn.red-pink:not(.btn-outline).focus { color: #ffffff; background-color: #d6595a; border-color: #d6595a; } .btn.red-pink:not(.btn-outline):hover { color: #ffffff; background-color: #d6595a; border-color: #d6595a; } .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #d6595a; border-color: #d6595a; } .btn.red-pink:not(.btn-outline):active:hover, .btn.red-pink:not(.btn-outline):active:focus, .btn.red-pink:not(.btn-outline):active.focus, .btn.red-pink:not(.btn-outline).active:hover, .btn.red-pink:not(.btn-outline).active:focus, .btn.red-pink:not(.btn-outline).active.focus, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #d34d4e; border-color: #d34d4e; } .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-pink:not(.btn-outline).disabled, .btn.red-pink:not(.btn-outline).disabled:hover, .btn.red-pink:not(.btn-outline).disabled:focus, .btn.red-pink:not(.btn-outline).disabled.focus, .btn.red-pink:not(.btn-outline).disabled:active, .btn.red-pink:not(.btn-outline).disabled.active, .btn.red-pink:not(.btn-outline)[disabled], .btn.red-pink:not(.btn-outline)[disabled]:hover, .btn.red-pink:not(.btn-outline)[disabled]:focus, .btn.red-pink:not(.btn-outline)[disabled].focus, .btn.red-pink:not(.btn-outline)[disabled]:active, .btn.red-pink:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-pink:not(.btn-outline), fieldset[disabled] .btn.red-pink:not(.btn-outline):hover, fieldset[disabled] .btn.red-pink:not(.btn-outline):focus, fieldset[disabled] .btn.red-pink:not(.btn-outline).focus, fieldset[disabled] .btn.red-pink:not(.btn-outline):active, fieldset[disabled] .btn.red-pink:not(.btn-outline).active { background-color: #E08283; border-color: #E08283; } .btn.red-pink:not(.btn-outline) .badge { color: #E08283; background-color: #ffffff; } .btn.btn-outline.red-pink { border-color: #E08283; color: #E08283; background: none; } .btn.btn-outline.red-pink:hover, .btn.btn-outline.red-pink:active, .btn.btn-outline.red-pink:active:hover, .btn.btn-outline.red-pink:active:focus, .btn.btn-outline.red-pink:focus, .btn.btn-outline.red-pink.active { border-color: #E08283; color: #ffffff; background-color: #E08283; } .btn.red-pink-stripe { border-left: 4px solid #E08283 !important; } .btn.red-sunglo:not(.btn-outline) { color: #ffffff; background-color: #E26A6A; border-color: #E26A6A; } .btn.red-sunglo:not(.btn-outline):focus, .btn.red-sunglo:not(.btn-outline).focus { color: #ffffff; background-color: #da3f3f; border-color: #da3f3f; } .btn.red-sunglo:not(.btn-outline):hover { color: #ffffff; background-color: #da3f3f; border-color: #da3f3f; } .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #da3f3f; border-color: #da3f3f; } .btn.red-sunglo:not(.btn-outline):active:hover, .btn.red-sunglo:not(.btn-outline):active:focus, .btn.red-sunglo:not(.btn-outline):active.focus, .btn.red-sunglo:not(.btn-outline).active:hover, .btn.red-sunglo:not(.btn-outline).active:focus, .btn.red-sunglo:not(.btn-outline).active.focus, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #d73333; border-color: #d73333; } .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-sunglo:not(.btn-outline).disabled, .btn.red-sunglo:not(.btn-outline).disabled:hover, .btn.red-sunglo:not(.btn-outline).disabled:focus, .btn.red-sunglo:not(.btn-outline).disabled.focus, .btn.red-sunglo:not(.btn-outline).disabled:active, .btn.red-sunglo:not(.btn-outline).disabled.active, .btn.red-sunglo:not(.btn-outline)[disabled], .btn.red-sunglo:not(.btn-outline)[disabled]:hover, .btn.red-sunglo:not(.btn-outline)[disabled]:focus, .btn.red-sunglo:not(.btn-outline)[disabled].focus, .btn.red-sunglo:not(.btn-outline)[disabled]:active, .btn.red-sunglo:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-sunglo:not(.btn-outline), fieldset[disabled] .btn.red-sunglo:not(.btn-outline):hover, fieldset[disabled] .btn.red-sunglo:not(.btn-outline):focus, fieldset[disabled] .btn.red-sunglo:not(.btn-outline).focus, fieldset[disabled] .btn.red-sunglo:not(.btn-outline):active, fieldset[disabled] .btn.red-sunglo:not(.btn-outline).active { background-color: #E26A6A; border-color: #E26A6A; } .btn.red-sunglo:not(.btn-outline) .badge { color: #E26A6A; background-color: #ffffff; } .btn.btn-outline.red-sunglo { border-color: #E26A6A; color: #E26A6A; background: none; } .btn.btn-outline.red-sunglo:hover, .btn.btn-outline.red-sunglo:active, .btn.btn-outline.red-sunglo:active:hover, .btn.btn-outline.red-sunglo:active:focus, .btn.btn-outline.red-sunglo:focus, .btn.btn-outline.red-sunglo.active { border-color: #E26A6A; color: #ffffff; background-color: #E26A6A; } .btn.red-sunglo-stripe { border-left: 4px solid #E26A6A !important; } .btn.red-intense:not(.btn-outline) { color: #ffffff; background-color: #e35b5a; border-color: #e35b5a; } .btn.red-intense:not(.btn-outline):focus, .btn.red-intense:not(.btn-outline).focus { color: #ffffff; background-color: #dc302e; border-color: #dc302e; } .btn.red-intense:not(.btn-outline):hover { color: #ffffff; background-color: #dc302e; border-color: #dc302e; } .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #dc302e; border-color: #dc302e; } .btn.red-intense:not(.btn-outline):active:hover, .btn.red-intense:not(.btn-outline):active:focus, .btn.red-intense:not(.btn-outline):active.focus, .btn.red-intense:not(.btn-outline).active:hover, .btn.red-intense:not(.btn-outline).active:focus, .btn.red-intense:not(.btn-outline).active.focus, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #d62624; border-color: #d62624; } .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-intense:not(.btn-outline).disabled, .btn.red-intense:not(.btn-outline).disabled:hover, .btn.red-intense:not(.btn-outline).disabled:focus, .btn.red-intense:not(.btn-outline).disabled.focus, .btn.red-intense:not(.btn-outline).disabled:active, .btn.red-intense:not(.btn-outline).disabled.active, .btn.red-intense:not(.btn-outline)[disabled], .btn.red-intense:not(.btn-outline)[disabled]:hover, .btn.red-intense:not(.btn-outline)[disabled]:focus, .btn.red-intense:not(.btn-outline)[disabled].focus, .btn.red-intense:not(.btn-outline)[disabled]:active, .btn.red-intense:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-intense:not(.btn-outline), fieldset[disabled] .btn.red-intense:not(.btn-outline):hover, fieldset[disabled] .btn.red-intense:not(.btn-outline):focus, fieldset[disabled] .btn.red-intense:not(.btn-outline).focus, fieldset[disabled] .btn.red-intense:not(.btn-outline):active, fieldset[disabled] .btn.red-intense:not(.btn-outline).active { background-color: #e35b5a; border-color: #e35b5a; } .btn.red-intense:not(.btn-outline) .badge { color: #e35b5a; background-color: #ffffff; } .btn.btn-outline.red-intense { border-color: #e35b5a; color: #e35b5a; background: none; } .btn.btn-outline.red-intense:hover, .btn.btn-outline.red-intense:active, .btn.btn-outline.red-intense:active:hover, .btn.btn-outline.red-intense:active:focus, .btn.btn-outline.red-intense:focus, .btn.btn-outline.red-intense.active { border-color: #e35b5a; color: #ffffff; background-color: #e35b5a; } .btn.red-intense-stripe { border-left: 4px solid #e35b5a !important; } .btn.red-thunderbird:not(.btn-outline) { color: #ffffff; background-color: #D91E18; border-color: #D91E18; } .btn.red-thunderbird:not(.btn-outline):focus, .btn.red-thunderbird:not(.btn-outline).focus { color: #ffffff; background-color: #ab1813; border-color: #ab1813; } .btn.red-thunderbird:not(.btn-outline):hover { color: #ffffff; background-color: #ab1813; border-color: #ab1813; } .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #ab1813; border-color: #ab1813; } .btn.red-thunderbird:not(.btn-outline):active:hover, .btn.red-thunderbird:not(.btn-outline):active:focus, .btn.red-thunderbird:not(.btn-outline):active.focus, .btn.red-thunderbird:not(.btn-outline).active:hover, .btn.red-thunderbird:not(.btn-outline).active:focus, .btn.red-thunderbird:not(.btn-outline).active.focus, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #9d1611; border-color: #9d1611; } .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-thunderbird:not(.btn-outline).disabled, .btn.red-thunderbird:not(.btn-outline).disabled:hover, .btn.red-thunderbird:not(.btn-outline).disabled:focus, .btn.red-thunderbird:not(.btn-outline).disabled.focus, .btn.red-thunderbird:not(.btn-outline).disabled:active, .btn.red-thunderbird:not(.btn-outline).disabled.active, .btn.red-thunderbird:not(.btn-outline)[disabled], .btn.red-thunderbird:not(.btn-outline)[disabled]:hover, .btn.red-thunderbird:not(.btn-outline)[disabled]:focus, .btn.red-thunderbird:not(.btn-outline)[disabled].focus, .btn.red-thunderbird:not(.btn-outline)[disabled]:active, .btn.red-thunderbird:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline), fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):hover, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):focus, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline).focus, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):active, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline).active { background-color: #D91E18; border-color: #D91E18; } .btn.red-thunderbird:not(.btn-outline) .badge { color: #D91E18; background-color: #ffffff; } .btn.btn-outline.red-thunderbird { border-color: #D91E18; color: #D91E18; background: none; } .btn.btn-outline.red-thunderbird:hover, .btn.btn-outline.red-thunderbird:active, .btn.btn-outline.red-thunderbird:active:hover, .btn.btn-outline.red-thunderbird:active:focus, .btn.btn-outline.red-thunderbird:focus, .btn.btn-outline.red-thunderbird.active { border-color: #D91E18; color: #ffffff; background-color: #D91E18; } .btn.red-thunderbird-stripe { border-left: 4px solid #D91E18 !important; } .btn.red-flamingo:not(.btn-outline) { color: #ffffff; background-color: #EF4836; border-color: #EF4836; } .btn.red-flamingo:not(.btn-outline):focus, .btn.red-flamingo:not(.btn-outline).focus { color: #ffffff; background-color: #e02612; border-color: #e02612; } .btn.red-flamingo:not(.btn-outline):hover { color: #ffffff; background-color: #e02612; border-color: #e02612; } .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #e02612; border-color: #e02612; } .btn.red-flamingo:not(.btn-outline):active:hover, .btn.red-flamingo:not(.btn-outline):active:focus, .btn.red-flamingo:not(.btn-outline):active.focus, .btn.red-flamingo:not(.btn-outline).active:hover, .btn.red-flamingo:not(.btn-outline).active:focus, .btn.red-flamingo:not(.btn-outline).active.focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #d22411; border-color: #d22411; } .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-flamingo:not(.btn-outline).disabled, .btn.red-flamingo:not(.btn-outline).disabled:hover, .btn.red-flamingo:not(.btn-outline).disabled:focus, .btn.red-flamingo:not(.btn-outline).disabled.focus, .btn.red-flamingo:not(.btn-outline).disabled:active, .btn.red-flamingo:not(.btn-outline).disabled.active, .btn.red-flamingo:not(.btn-outline)[disabled], .btn.red-flamingo:not(.btn-outline)[disabled]:hover, .btn.red-flamingo:not(.btn-outline)[disabled]:focus, .btn.red-flamingo:not(.btn-outline)[disabled].focus, .btn.red-flamingo:not(.btn-outline)[disabled]:active, .btn.red-flamingo:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-flamingo:not(.btn-outline), fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):active, fieldset[disabled] .btn.red-flamingo:not(.btn-outline).active { background-color: #EF4836; border-color: #EF4836; } .btn.red-flamingo:not(.btn-outline) .badge { color: #EF4836; background-color: #ffffff; } .btn.btn-outline.red-flamingo { border-color: #EF4836; color: #EF4836; background: none; } .btn.btn-outline.red-flamingo:hover, .btn.btn-outline.red-flamingo:active, .btn.btn-outline.red-flamingo:active:hover, .btn.btn-outline.red-flamingo:active:focus, .btn.btn-outline.red-flamingo:focus, .btn.btn-outline.red-flamingo.active { border-color: #EF4836; color: #ffffff; background-color: #EF4836; } .btn.red-flamingo-stripe { border-left: 4px solid #EF4836 !important; } .btn.red-soft:not(.btn-outline) { color: #ffffff; background-color: #d05454; border-color: #d05454; } .btn.red-soft:not(.btn-outline):focus, .btn.red-soft:not(.btn-outline).focus { color: #ffffff; background-color: #bd3434; border-color: #bd3434; } .btn.red-soft:not(.btn-outline):hover { color: #ffffff; background-color: #bd3434; border-color: #bd3434; } .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #bd3434; border-color: #bd3434; } .btn.red-soft:not(.btn-outline):active:hover, .btn.red-soft:not(.btn-outline):active:focus, .btn.red-soft:not(.btn-outline):active.focus, .btn.red-soft:not(.btn-outline).active:hover, .btn.red-soft:not(.btn-outline).active:focus, .btn.red-soft:not(.btn-outline).active.focus, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #b13131; border-color: #b13131; } .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-soft:not(.btn-outline).disabled, .btn.red-soft:not(.btn-outline).disabled:hover, .btn.red-soft:not(.btn-outline).disabled:focus, .btn.red-soft:not(.btn-outline).disabled.focus, .btn.red-soft:not(.btn-outline).disabled:active, .btn.red-soft:not(.btn-outline).disabled.active, .btn.red-soft:not(.btn-outline)[disabled], .btn.red-soft:not(.btn-outline)[disabled]:hover, .btn.red-soft:not(.btn-outline)[disabled]:focus, .btn.red-soft:not(.btn-outline)[disabled].focus, .btn.red-soft:not(.btn-outline)[disabled]:active, .btn.red-soft:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-soft:not(.btn-outline), fieldset[disabled] .btn.red-soft:not(.btn-outline):hover, fieldset[disabled] .btn.red-soft:not(.btn-outline):focus, fieldset[disabled] .btn.red-soft:not(.btn-outline).focus, fieldset[disabled] .btn.red-soft:not(.btn-outline):active, fieldset[disabled] .btn.red-soft:not(.btn-outline).active { background-color: #d05454; border-color: #d05454; } .btn.red-soft:not(.btn-outline) .badge { color: #d05454; background-color: #ffffff; } .btn.btn-outline.red-soft { border-color: #d05454; color: #d05454; background: none; } .btn.btn-outline.red-soft:hover, .btn.btn-outline.red-soft:active, .btn.btn-outline.red-soft:active:hover, .btn.btn-outline.red-soft:active:focus, .btn.btn-outline.red-soft:focus, .btn.btn-outline.red-soft.active { border-color: #d05454; color: #ffffff; background-color: #d05454; } .btn.red-soft-stripe { border-left: 4px solid #d05454 !important; } .btn.red-haze:not(.btn-outline) { color: #ffffff; background-color: #f36a5a; border-color: #f36a5a; } .btn.red-haze:not(.btn-outline):focus, .btn.red-haze:not(.btn-outline).focus { color: #ffffff; background-color: #f03f2a; border-color: #f03f2a; } .btn.red-haze:not(.btn-outline):hover { color: #ffffff; background-color: #f03f2a; border-color: #f03f2a; } .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #f03f2a; border-color: #f03f2a; } .btn.red-haze:not(.btn-outline):active:hover, .btn.red-haze:not(.btn-outline):active:focus, .btn.red-haze:not(.btn-outline):active.focus, .btn.red-haze:not(.btn-outline).active:hover, .btn.red-haze:not(.btn-outline).active:focus, .btn.red-haze:not(.btn-outline).active.focus, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #ef321c; border-color: #ef321c; } .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-haze:not(.btn-outline).disabled, .btn.red-haze:not(.btn-outline).disabled:hover, .btn.red-haze:not(.btn-outline).disabled:focus, .btn.red-haze:not(.btn-outline).disabled.focus, .btn.red-haze:not(.btn-outline).disabled:active, .btn.red-haze:not(.btn-outline).disabled.active, .btn.red-haze:not(.btn-outline)[disabled], .btn.red-haze:not(.btn-outline)[disabled]:hover, .btn.red-haze:not(.btn-outline)[disabled]:focus, .btn.red-haze:not(.btn-outline)[disabled].focus, .btn.red-haze:not(.btn-outline)[disabled]:active, .btn.red-haze:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-haze:not(.btn-outline), fieldset[disabled] .btn.red-haze:not(.btn-outline):hover, fieldset[disabled] .btn.red-haze:not(.btn-outline):focus, fieldset[disabled] .btn.red-haze:not(.btn-outline).focus, fieldset[disabled] .btn.red-haze:not(.btn-outline):active, fieldset[disabled] .btn.red-haze:not(.btn-outline).active { background-color: #f36a5a; border-color: #f36a5a; } .btn.red-haze:not(.btn-outline) .badge { color: #f36a5a; background-color: #ffffff; } .btn.btn-outline.red-haze { border-color: #f36a5a; color: #f36a5a; background: none; } .btn.btn-outline.red-haze:hover, .btn.btn-outline.red-haze:active, .btn.btn-outline.red-haze:active:hover, .btn.btn-outline.red-haze:active:focus, .btn.btn-outline.red-haze:focus, .btn.btn-outline.red-haze.active { border-color: #f36a5a; color: #ffffff; background-color: #f36a5a; } .btn.red-haze-stripe { border-left: 4px solid #f36a5a !important; } .btn.red-mint:not(.btn-outline) { color: #ffffff; background-color: #e43a45; border-color: #e43a45; } .btn.red-mint:not(.btn-outline):focus, .btn.red-mint:not(.btn-outline).focus { color: #ffffff; background-color: #cf1c28; border-color: #cf1c28; } .btn.red-mint:not(.btn-outline):hover { color: #ffffff; background-color: #cf1c28; border-color: #cf1c28; } .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #cf1c28; border-color: #cf1c28; } .btn.red-mint:not(.btn-outline):active:hover, .btn.red-mint:not(.btn-outline):active:focus, .btn.red-mint:not(.btn-outline):active.focus, .btn.red-mint:not(.btn-outline).active:hover, .btn.red-mint:not(.btn-outline).active:focus, .btn.red-mint:not(.btn-outline).active.focus, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:hover, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #c11a25; border-color: #c11a25; } .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-mint:not(.btn-outline).disabled, .btn.red-mint:not(.btn-outline).disabled:hover, .btn.red-mint:not(.btn-outline).disabled:focus, .btn.red-mint:not(.btn-outline).disabled.focus, .btn.red-mint:not(.btn-outline).disabled:active, .btn.red-mint:not(.btn-outline).disabled.active, .btn.red-mint:not(.btn-outline)[disabled], .btn.red-mint:not(.btn-outline)[disabled]:hover, .btn.red-mint:not(.btn-outline)[disabled]:focus, .btn.red-mint:not(.btn-outline)[disabled].focus, .btn.red-mint:not(.btn-outline)[disabled]:active, .btn.red-mint:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.red-mint:not(.btn-outline), fieldset[disabled] .btn.red-mint:not(.btn-outline):hover, fieldset[disabled] .btn.red-mint:not(.btn-outline):focus, fieldset[disabled] .btn.red-mint:not(.btn-outline).focus, fieldset[disabled] .btn.red-mint:not(.btn-outline):active, fieldset[disabled] .btn.red-mint:not(.btn-outline).active { background-color: #e43a45; border-color: #e43a45; } .btn.red-mint:not(.btn-outline) .badge { color: #e43a45; background-color: #ffffff; } .btn.btn-outline.red-mint { border-color: #e43a45; color: #e43a45; background: none; } .btn.btn-outline.red-mint:hover, .btn.btn-outline.red-mint:active, .btn.btn-outline.red-mint:active:hover, .btn.btn-outline.red-mint:active:focus, .btn.btn-outline.red-mint:focus, .btn.btn-outline.red-mint.active { border-color: #e43a45; color: #ffffff; background-color: #e43a45; } .btn.red-mint-stripe { border-left: 4px solid #e43a45 !important; } .btn.yellow:not(.btn-outline) { color: #ffffff; background-color: #c49f47; border-color: #c49f47; } .btn.yellow:not(.btn-outline):focus, .btn.yellow:not(.btn-outline).focus { color: #ffffff; background-color: #a48334; border-color: #a48334; } .btn.yellow:not(.btn-outline):hover { color: #ffffff; background-color: #a48334; border-color: #a48334; } .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active, .open > .btn.yellow:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #a48334; border-color: #a48334; } .btn.yellow:not(.btn-outline):active:hover, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active.focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #987931; border-color: #987931; } .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active, .open > .btn.yellow:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow:not(.btn-outline).disabled, .btn.yellow:not(.btn-outline).disabled:hover, .btn.yellow:not(.btn-outline).disabled:focus, .btn.yellow:not(.btn-outline).disabled.focus, .btn.yellow:not(.btn-outline).disabled:active, .btn.yellow:not(.btn-outline).disabled.active, .btn.yellow:not(.btn-outline)[disabled], .btn.yellow:not(.btn-outline)[disabled]:hover, .btn.yellow:not(.btn-outline)[disabled]:focus, .btn.yellow:not(.btn-outline)[disabled].focus, .btn.yellow:not(.btn-outline)[disabled]:active, .btn.yellow:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow:not(.btn-outline), fieldset[disabled] .btn.yellow:not(.btn-outline):hover, fieldset[disabled] .btn.yellow:not(.btn-outline):focus, fieldset[disabled] .btn.yellow:not(.btn-outline).focus, fieldset[disabled] .btn.yellow:not(.btn-outline):active, fieldset[disabled] .btn.yellow:not(.btn-outline).active { background-color: #c49f47; border-color: #c49f47; } .btn.yellow:not(.btn-outline) .badge { color: #c49f47; background-color: #ffffff; } .btn.btn-outline.yellow { border-color: #c49f47; color: #c49f47; background: none; } .btn.btn-outline.yellow:hover, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow.active { border-color: #c49f47; color: #ffffff; background-color: #c49f47; } .btn.yellow-stripe { border-left: 4px solid #c49f47 !important; } .btn.yellow-gold:not(.btn-outline) { color: #ffffff; background-color: #E87E04; border-color: #E87E04; } .btn.yellow-gold:not(.btn-outline):focus, .btn.yellow-gold:not(.btn-outline).focus { color: #ffffff; background-color: #b66303; border-color: #b66303; } .btn.yellow-gold:not(.btn-outline):hover { color: #ffffff; background-color: #b66303; border-color: #b66303; } .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #b66303; border-color: #b66303; } .btn.yellow-gold:not(.btn-outline):active:hover, .btn.yellow-gold:not(.btn-outline):active:focus, .btn.yellow-gold:not(.btn-outline):active.focus, .btn.yellow-gold:not(.btn-outline).active:hover, .btn.yellow-gold:not(.btn-outline).active:focus, .btn.yellow-gold:not(.btn-outline).active.focus, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #a75b03; border-color: #a75b03; } .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-gold:not(.btn-outline).disabled, .btn.yellow-gold:not(.btn-outline).disabled:hover, .btn.yellow-gold:not(.btn-outline).disabled:focus, .btn.yellow-gold:not(.btn-outline).disabled.focus, .btn.yellow-gold:not(.btn-outline).disabled:active, .btn.yellow-gold:not(.btn-outline).disabled.active, .btn.yellow-gold:not(.btn-outline)[disabled], .btn.yellow-gold:not(.btn-outline)[disabled]:hover, .btn.yellow-gold:not(.btn-outline)[disabled]:focus, .btn.yellow-gold:not(.btn-outline)[disabled].focus, .btn.yellow-gold:not(.btn-outline)[disabled]:active, .btn.yellow-gold:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-gold:not(.btn-outline), fieldset[disabled] .btn.yellow-gold:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-gold:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-gold:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-gold:not(.btn-outline):active, fieldset[disabled] .btn.yellow-gold:not(.btn-outline).active { background-color: #E87E04; border-color: #E87E04; } .btn.yellow-gold:not(.btn-outline) .badge { color: #E87E04; background-color: #ffffff; } .btn.btn-outline.yellow-gold { border-color: #E87E04; color: #E87E04; background: none; } .btn.btn-outline.yellow-gold:hover, .btn.btn-outline.yellow-gold:active, .btn.btn-outline.yellow-gold:active:hover, .btn.btn-outline.yellow-gold:active:focus, .btn.btn-outline.yellow-gold:focus, .btn.btn-outline.yellow-gold.active { border-color: #E87E04; color: #ffffff; background-color: #E87E04; } .btn.yellow-gold-stripe { border-left: 4px solid #E87E04 !important; } .btn.yellow-casablanca:not(.btn-outline) { color: #ffffff; background-color: #f2784b; border-color: #f2784b; } .btn.yellow-casablanca:not(.btn-outline):focus, .btn.yellow-casablanca:not(.btn-outline).focus { color: #ffffff; background-color: #ef541b; border-color: #ef541b; } .btn.yellow-casablanca:not(.btn-outline):hover { color: #ffffff; background-color: #ef541b; border-color: #ef541b; } .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #ef541b; border-color: #ef541b; } .btn.yellow-casablanca:not(.btn-outline):active:hover, .btn.yellow-casablanca:not(.btn-outline):active:focus, .btn.yellow-casablanca:not(.btn-outline):active.focus, .btn.yellow-casablanca:not(.btn-outline).active:hover, .btn.yellow-casablanca:not(.btn-outline).active:focus, .btn.yellow-casablanca:not(.btn-outline).active.focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #ea4b11; border-color: #ea4b11; } .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-casablanca:not(.btn-outline).disabled, .btn.yellow-casablanca:not(.btn-outline).disabled:hover, .btn.yellow-casablanca:not(.btn-outline).disabled:focus, .btn.yellow-casablanca:not(.btn-outline).disabled.focus, .btn.yellow-casablanca:not(.btn-outline).disabled:active, .btn.yellow-casablanca:not(.btn-outline).disabled.active, .btn.yellow-casablanca:not(.btn-outline)[disabled], .btn.yellow-casablanca:not(.btn-outline)[disabled]:hover, .btn.yellow-casablanca:not(.btn-outline)[disabled]:focus, .btn.yellow-casablanca:not(.btn-outline)[disabled].focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:active, .btn.yellow-casablanca:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline), fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):active, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).active { background-color: #f2784b; border-color: #f2784b; } .btn.yellow-casablanca:not(.btn-outline) .badge { color: #f2784b; background-color: #ffffff; } .btn.btn-outline.yellow-casablanca { border-color: #f2784b; color: #f2784b; background: none; } .btn.btn-outline.yellow-casablanca:hover, .btn.btn-outline.yellow-casablanca:active, .btn.btn-outline.yellow-casablanca:active:hover, .btn.btn-outline.yellow-casablanca:active:focus, .btn.btn-outline.yellow-casablanca:focus, .btn.btn-outline.yellow-casablanca.active { border-color: #f2784b; color: #ffffff; background-color: #f2784b; } .btn.yellow-casablanca-stripe { border-left: 4px solid #f2784b !important; } .btn.yellow-crusta:not(.btn-outline) { color: #ffffff; background-color: #f3c200; border-color: #f3c200; } .btn.yellow-crusta:not(.btn-outline):focus, .btn.yellow-crusta:not(.btn-outline).focus { color: #ffffff; background-color: #c09900; border-color: #c09900; } .btn.yellow-crusta:not(.btn-outline):hover { color: #ffffff; background-color: #c09900; border-color: #c09900; } .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #c09900; border-color: #c09900; } .btn.yellow-crusta:not(.btn-outline):active:hover, .btn.yellow-crusta:not(.btn-outline):active:focus, .btn.yellow-crusta:not(.btn-outline):active.focus, .btn.yellow-crusta:not(.btn-outline).active:hover, .btn.yellow-crusta:not(.btn-outline).active:focus, .btn.yellow-crusta:not(.btn-outline).active.focus, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #b18d00; border-color: #b18d00; } .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-crusta:not(.btn-outline).disabled, .btn.yellow-crusta:not(.btn-outline).disabled:hover, .btn.yellow-crusta:not(.btn-outline).disabled:focus, .btn.yellow-crusta:not(.btn-outline).disabled.focus, .btn.yellow-crusta:not(.btn-outline).disabled:active, .btn.yellow-crusta:not(.btn-outline).disabled.active, .btn.yellow-crusta:not(.btn-outline)[disabled], .btn.yellow-crusta:not(.btn-outline)[disabled]:hover, .btn.yellow-crusta:not(.btn-outline)[disabled]:focus, .btn.yellow-crusta:not(.btn-outline)[disabled].focus, .btn.yellow-crusta:not(.btn-outline)[disabled]:active, .btn.yellow-crusta:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline), fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):active, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline).active { background-color: #f3c200; border-color: #f3c200; } .btn.yellow-crusta:not(.btn-outline) .badge { color: #f3c200; background-color: #ffffff; } .btn.btn-outline.yellow-crusta { border-color: #f3c200; color: #f3c200; background: none; } .btn.btn-outline.yellow-crusta:hover, .btn.btn-outline.yellow-crusta:active, .btn.btn-outline.yellow-crusta:active:hover, .btn.btn-outline.yellow-crusta:active:focus, .btn.btn-outline.yellow-crusta:focus, .btn.btn-outline.yellow-crusta.active { border-color: #f3c200; color: #ffffff; background-color: #f3c200; } .btn.yellow-crusta-stripe { border-left: 4px solid #f3c200 !important; } .btn.yellow-lemon:not(.btn-outline) { color: #ffffff; background-color: #F7CA18; border-color: #F7CA18; } .btn.yellow-lemon:not(.btn-outline):focus, .btn.yellow-lemon:not(.btn-outline).focus { color: #ffffff; background-color: #d5ab07; border-color: #d5ab07; } .btn.yellow-lemon:not(.btn-outline):hover { color: #ffffff; background-color: #d5ab07; border-color: #d5ab07; } .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #d5ab07; border-color: #d5ab07; } .btn.yellow-lemon:not(.btn-outline):active:hover, .btn.yellow-lemon:not(.btn-outline):active:focus, .btn.yellow-lemon:not(.btn-outline):active.focus, .btn.yellow-lemon:not(.btn-outline).active:hover, .btn.yellow-lemon:not(.btn-outline).active:focus, .btn.yellow-lemon:not(.btn-outline).active.focus, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #c69f07; border-color: #c69f07; } .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-lemon:not(.btn-outline).disabled, .btn.yellow-lemon:not(.btn-outline).disabled:hover, .btn.yellow-lemon:not(.btn-outline).disabled:focus, .btn.yellow-lemon:not(.btn-outline).disabled.focus, .btn.yellow-lemon:not(.btn-outline).disabled:active, .btn.yellow-lemon:not(.btn-outline).disabled.active, .btn.yellow-lemon:not(.btn-outline)[disabled], .btn.yellow-lemon:not(.btn-outline)[disabled]:hover, .btn.yellow-lemon:not(.btn-outline)[disabled]:focus, .btn.yellow-lemon:not(.btn-outline)[disabled].focus, .btn.yellow-lemon:not(.btn-outline)[disabled]:active, .btn.yellow-lemon:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline), fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):active, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).active { background-color: #F7CA18; border-color: #F7CA18; } .btn.yellow-lemon:not(.btn-outline) .badge { color: #F7CA18; background-color: #ffffff; } .btn.btn-outline.yellow-lemon { border-color: #F7CA18; color: #F7CA18; background: none; } .btn.btn-outline.yellow-lemon:hover, .btn.btn-outline.yellow-lemon:active, .btn.btn-outline.yellow-lemon:active:hover, .btn.btn-outline.yellow-lemon:active:focus, .btn.btn-outline.yellow-lemon:focus, .btn.btn-outline.yellow-lemon.active { border-color: #F7CA18; color: #ffffff; background-color: #F7CA18; } .btn.yellow-lemon-stripe { border-left: 4px solid #F7CA18 !important; } .btn.yellow-saffron:not(.btn-outline) { color: #ffffff; background-color: #F4D03F; border-color: #F4D03F; } .btn.yellow-saffron:not(.btn-outline):focus, .btn.yellow-saffron:not(.btn-outline).focus { color: #ffffff; background-color: #f1c40f; border-color: #f1c40f; } .btn.yellow-saffron:not(.btn-outline):hover { color: #ffffff; background-color: #f1c40f; border-color: #f1c40f; } .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #f1c40f; border-color: #f1c40f; } .btn.yellow-saffron:not(.btn-outline):active:hover, .btn.yellow-saffron:not(.btn-outline):active:focus, .btn.yellow-saffron:not(.btn-outline):active.focus, .btn.yellow-saffron:not(.btn-outline).active:hover, .btn.yellow-saffron:not(.btn-outline).active:focus, .btn.yellow-saffron:not(.btn-outline).active.focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #e4b90d; border-color: #e4b90d; } .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-saffron:not(.btn-outline).disabled, .btn.yellow-saffron:not(.btn-outline).disabled:hover, .btn.yellow-saffron:not(.btn-outline).disabled:focus, .btn.yellow-saffron:not(.btn-outline).disabled.focus, .btn.yellow-saffron:not(.btn-outline).disabled:active, .btn.yellow-saffron:not(.btn-outline).disabled.active, .btn.yellow-saffron:not(.btn-outline)[disabled], .btn.yellow-saffron:not(.btn-outline)[disabled]:hover, .btn.yellow-saffron:not(.btn-outline)[disabled]:focus, .btn.yellow-saffron:not(.btn-outline)[disabled].focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:active, .btn.yellow-saffron:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline), fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):active, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).active { background-color: #F4D03F; border-color: #F4D03F; } .btn.yellow-saffron:not(.btn-outline) .badge { color: #F4D03F; background-color: #ffffff; } .btn.btn-outline.yellow-saffron { border-color: #F4D03F; color: #F4D03F; background: none; } .btn.btn-outline.yellow-saffron:hover, .btn.btn-outline.yellow-saffron:active, .btn.btn-outline.yellow-saffron:active:hover, .btn.btn-outline.yellow-saffron:active:focus, .btn.btn-outline.yellow-saffron:focus, .btn.btn-outline.yellow-saffron.active { border-color: #F4D03F; color: #ffffff; background-color: #F4D03F; } .btn.yellow-saffron-stripe { border-left: 4px solid #F4D03F !important; } .btn.yellow-soft:not(.btn-outline) { color: #ffffff; background-color: #c8d046; border-color: #c8d046; } .btn.yellow-soft:not(.btn-outline):focus, .btn.yellow-soft:not(.btn-outline).focus { color: #ffffff; background-color: #adb52e; border-color: #adb52e; } .btn.yellow-soft:not(.btn-outline):hover { color: #ffffff; background-color: #adb52e; border-color: #adb52e; } .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #adb52e; border-color: #adb52e; } .btn.yellow-soft:not(.btn-outline):active:hover, .btn.yellow-soft:not(.btn-outline):active:focus, .btn.yellow-soft:not(.btn-outline):active.focus, .btn.yellow-soft:not(.btn-outline).active:hover, .btn.yellow-soft:not(.btn-outline).active:focus, .btn.yellow-soft:not(.btn-outline).active.focus, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #a2a92b; border-color: #a2a92b; } .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-soft:not(.btn-outline).disabled, .btn.yellow-soft:not(.btn-outline).disabled:hover, .btn.yellow-soft:not(.btn-outline).disabled:focus, .btn.yellow-soft:not(.btn-outline).disabled.focus, .btn.yellow-soft:not(.btn-outline).disabled:active, .btn.yellow-soft:not(.btn-outline).disabled.active, .btn.yellow-soft:not(.btn-outline)[disabled], .btn.yellow-soft:not(.btn-outline)[disabled]:hover, .btn.yellow-soft:not(.btn-outline)[disabled]:focus, .btn.yellow-soft:not(.btn-outline)[disabled].focus, .btn.yellow-soft:not(.btn-outline)[disabled]:active, .btn.yellow-soft:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-soft:not(.btn-outline), fieldset[disabled] .btn.yellow-soft:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-soft:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-soft:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-soft:not(.btn-outline):active, fieldset[disabled] .btn.yellow-soft:not(.btn-outline).active { background-color: #c8d046; border-color: #c8d046; } .btn.yellow-soft:not(.btn-outline) .badge { color: #c8d046; background-color: #ffffff; } .btn.btn-outline.yellow-soft { border-color: #c8d046; color: #c8d046; background: none; } .btn.btn-outline.yellow-soft:hover, .btn.btn-outline.yellow-soft:active, .btn.btn-outline.yellow-soft:active:hover, .btn.btn-outline.yellow-soft:active:focus, .btn.btn-outline.yellow-soft:focus, .btn.btn-outline.yellow-soft.active { border-color: #c8d046; color: #ffffff; background-color: #c8d046; } .btn.yellow-soft-stripe { border-left: 4px solid #c8d046 !important; } .btn.yellow-haze:not(.btn-outline) { color: #ffffff; background-color: #c5bf66; border-color: #c5bf66; } .btn.yellow-haze:not(.btn-outline):focus, .btn.yellow-haze:not(.btn-outline).focus { color: #ffffff; background-color: #b4ad44; border-color: #b4ad44; } .btn.yellow-haze:not(.btn-outline):hover { color: #ffffff; background-color: #b4ad44; border-color: #b4ad44; } .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #b4ad44; border-color: #b4ad44; } .btn.yellow-haze:not(.btn-outline):active:hover, .btn.yellow-haze:not(.btn-outline):active:focus, .btn.yellow-haze:not(.btn-outline):active.focus, .btn.yellow-haze:not(.btn-outline).active:hover, .btn.yellow-haze:not(.btn-outline).active:focus, .btn.yellow-haze:not(.btn-outline).active.focus, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #a9a240; border-color: #a9a240; } .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-haze:not(.btn-outline).disabled, .btn.yellow-haze:not(.btn-outline).disabled:hover, .btn.yellow-haze:not(.btn-outline).disabled:focus, .btn.yellow-haze:not(.btn-outline).disabled.focus, .btn.yellow-haze:not(.btn-outline).disabled:active, .btn.yellow-haze:not(.btn-outline).disabled.active, .btn.yellow-haze:not(.btn-outline)[disabled], .btn.yellow-haze:not(.btn-outline)[disabled]:hover, .btn.yellow-haze:not(.btn-outline)[disabled]:focus, .btn.yellow-haze:not(.btn-outline)[disabled].focus, .btn.yellow-haze:not(.btn-outline)[disabled]:active, .btn.yellow-haze:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-haze:not(.btn-outline), fieldset[disabled] .btn.yellow-haze:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-haze:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-haze:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-haze:not(.btn-outline):active, fieldset[disabled] .btn.yellow-haze:not(.btn-outline).active { background-color: #c5bf66; border-color: #c5bf66; } .btn.yellow-haze:not(.btn-outline) .badge { color: #c5bf66; background-color: #ffffff; } .btn.btn-outline.yellow-haze { border-color: #c5bf66; color: #c5bf66; background: none; } .btn.btn-outline.yellow-haze:hover, .btn.btn-outline.yellow-haze:active, .btn.btn-outline.yellow-haze:active:hover, .btn.btn-outline.yellow-haze:active:focus, .btn.btn-outline.yellow-haze:focus, .btn.btn-outline.yellow-haze.active { border-color: #c5bf66; color: #ffffff; background-color: #c5bf66; } .btn.yellow-haze-stripe { border-left: 4px solid #c5bf66 !important; } .btn.yellow-mint:not(.btn-outline) { color: #ffffff; background-color: #c5b96b; border-color: #c5b96b; } .btn.yellow-mint:not(.btn-outline):focus, .btn.yellow-mint:not(.btn-outline).focus { color: #ffffff; background-color: #b6a747; border-color: #b6a747; } .btn.yellow-mint:not(.btn-outline):hover { color: #ffffff; background-color: #b6a747; border-color: #b6a747; } .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #b6a747; border-color: #b6a747; } .btn.yellow-mint:not(.btn-outline):active:hover, .btn.yellow-mint:not(.btn-outline):active:focus, .btn.yellow-mint:not(.btn-outline):active.focus, .btn.yellow-mint:not(.btn-outline).active:hover, .btn.yellow-mint:not(.btn-outline).active:focus, .btn.yellow-mint:not(.btn-outline).active.focus, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:hover, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #ab9d43; border-color: #ab9d43; } .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-mint:not(.btn-outline).disabled, .btn.yellow-mint:not(.btn-outline).disabled:hover, .btn.yellow-mint:not(.btn-outline).disabled:focus, .btn.yellow-mint:not(.btn-outline).disabled.focus, .btn.yellow-mint:not(.btn-outline).disabled:active, .btn.yellow-mint:not(.btn-outline).disabled.active, .btn.yellow-mint:not(.btn-outline)[disabled], .btn.yellow-mint:not(.btn-outline)[disabled]:hover, .btn.yellow-mint:not(.btn-outline)[disabled]:focus, .btn.yellow-mint:not(.btn-outline)[disabled].focus, .btn.yellow-mint:not(.btn-outline)[disabled]:active, .btn.yellow-mint:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.yellow-mint:not(.btn-outline), fieldset[disabled] .btn.yellow-mint:not(.btn-outline):hover, fieldset[disabled] .btn.yellow-mint:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-mint:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-mint:not(.btn-outline):active, fieldset[disabled] .btn.yellow-mint:not(.btn-outline).active { background-color: #c5b96b; border-color: #c5b96b; } .btn.yellow-mint:not(.btn-outline) .badge { color: #c5b96b; background-color: #ffffff; } .btn.btn-outline.yellow-mint { border-color: #c5b96b; color: #c5b96b; background: none; } .btn.btn-outline.yellow-mint:hover, .btn.btn-outline.yellow-mint:active, .btn.btn-outline.yellow-mint:active:hover, .btn.btn-outline.yellow-mint:active:focus, .btn.btn-outline.yellow-mint:focus, .btn.btn-outline.yellow-mint.active { border-color: #c5b96b; color: #ffffff; background-color: #c5b96b; } .btn.yellow-mint-stripe { border-left: 4px solid #c5b96b !important; } .btn.purple:not(.btn-outline) { color: #ffffff; background-color: #8E44AD; border-color: #8E44AD; } .btn.purple:not(.btn-outline):focus, .btn.purple:not(.btn-outline).focus { color: #ffffff; background-color: #703688; border-color: #703688; } .btn.purple:not(.btn-outline):hover { color: #ffffff; background-color: #703688; border-color: #703688; } .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active, .open > .btn.purple:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #703688; border-color: #703688; } .btn.purple:not(.btn-outline):active:hover, .btn.purple:not(.btn-outline):active:focus, .btn.purple:not(.btn-outline):active.focus, .btn.purple:not(.btn-outline).active:hover, .btn.purple:not(.btn-outline).active:focus, .btn.purple:not(.btn-outline).active.focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #67317d; border-color: #67317d; } .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active, .open > .btn.purple:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple:not(.btn-outline).disabled, .btn.purple:not(.btn-outline).disabled:hover, .btn.purple:not(.btn-outline).disabled:focus, .btn.purple:not(.btn-outline).disabled.focus, .btn.purple:not(.btn-outline).disabled:active, .btn.purple:not(.btn-outline).disabled.active, .btn.purple:not(.btn-outline)[disabled], .btn.purple:not(.btn-outline)[disabled]:hover, .btn.purple:not(.btn-outline)[disabled]:focus, .btn.purple:not(.btn-outline)[disabled].focus, .btn.purple:not(.btn-outline)[disabled]:active, .btn.purple:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple:not(.btn-outline), fieldset[disabled] .btn.purple:not(.btn-outline):hover, fieldset[disabled] .btn.purple:not(.btn-outline):focus, fieldset[disabled] .btn.purple:not(.btn-outline).focus, fieldset[disabled] .btn.purple:not(.btn-outline):active, fieldset[disabled] .btn.purple:not(.btn-outline).active { background-color: #8E44AD; border-color: #8E44AD; } .btn.purple:not(.btn-outline) .badge { color: #8E44AD; background-color: #ffffff; } .btn.btn-outline.purple { border-color: #8E44AD; color: #8E44AD; background: none; } .btn.btn-outline.purple:hover, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:focus, .btn.btn-outline.purple.active { border-color: #8E44AD; color: #ffffff; background-color: #8E44AD; } .btn.purple-stripe { border-left: 4px solid #8E44AD !important; } .btn.purple-plum:not(.btn-outline) { color: #ffffff; background-color: #8775a7; border-color: #8775a7; } .btn.purple-plum:not(.btn-outline):focus, .btn.purple-plum:not(.btn-outline).focus { color: #ffffff; background-color: #6d5b8e; border-color: #6d5b8e; } .btn.purple-plum:not(.btn-outline):hover { color: #ffffff; background-color: #6d5b8e; border-color: #6d5b8e; } .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #6d5b8e; border-color: #6d5b8e; } .btn.purple-plum:not(.btn-outline):active:hover, .btn.purple-plum:not(.btn-outline):active:focus, .btn.purple-plum:not(.btn-outline):active.focus, .btn.purple-plum:not(.btn-outline).active:hover, .btn.purple-plum:not(.btn-outline).active:focus, .btn.purple-plum:not(.btn-outline).active.focus, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #665585; border-color: #665585; } .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-plum:not(.btn-outline).disabled, .btn.purple-plum:not(.btn-outline).disabled:hover, .btn.purple-plum:not(.btn-outline).disabled:focus, .btn.purple-plum:not(.btn-outline).disabled.focus, .btn.purple-plum:not(.btn-outline).disabled:active, .btn.purple-plum:not(.btn-outline).disabled.active, .btn.purple-plum:not(.btn-outline)[disabled], .btn.purple-plum:not(.btn-outline)[disabled]:hover, .btn.purple-plum:not(.btn-outline)[disabled]:focus, .btn.purple-plum:not(.btn-outline)[disabled].focus, .btn.purple-plum:not(.btn-outline)[disabled]:active, .btn.purple-plum:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-plum:not(.btn-outline), fieldset[disabled] .btn.purple-plum:not(.btn-outline):hover, fieldset[disabled] .btn.purple-plum:not(.btn-outline):focus, fieldset[disabled] .btn.purple-plum:not(.btn-outline).focus, fieldset[disabled] .btn.purple-plum:not(.btn-outline):active, fieldset[disabled] .btn.purple-plum:not(.btn-outline).active { background-color: #8775a7; border-color: #8775a7; } .btn.purple-plum:not(.btn-outline) .badge { color: #8775a7; background-color: #ffffff; } .btn.btn-outline.purple-plum { border-color: #8775a7; color: #8775a7; background: none; } .btn.btn-outline.purple-plum:hover, .btn.btn-outline.purple-plum:active, .btn.btn-outline.purple-plum:active:hover, .btn.btn-outline.purple-plum:active:focus, .btn.btn-outline.purple-plum:focus, .btn.btn-outline.purple-plum.active { border-color: #8775a7; color: #ffffff; background-color: #8775a7; } .btn.purple-plum-stripe { border-left: 4px solid #8775a7 !important; } .btn.purple-medium:not(.btn-outline) { color: #ffffff; background-color: #BF55EC; border-color: #BF55EC; } .btn.purple-medium:not(.btn-outline):focus, .btn.purple-medium:not(.btn-outline).focus { color: #ffffff; background-color: #ae27e7; border-color: #ae27e7; } .btn.purple-medium:not(.btn-outline):hover { color: #ffffff; background-color: #ae27e7; border-color: #ae27e7; } .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #ae27e7; border-color: #ae27e7; } .btn.purple-medium:not(.btn-outline):active:hover, .btn.purple-medium:not(.btn-outline):active:focus, .btn.purple-medium:not(.btn-outline):active.focus, .btn.purple-medium:not(.btn-outline).active:hover, .btn.purple-medium:not(.btn-outline).active:focus, .btn.purple-medium:not(.btn-outline).active.focus, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #a81ae5; border-color: #a81ae5; } .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-medium:not(.btn-outline).disabled, .btn.purple-medium:not(.btn-outline).disabled:hover, .btn.purple-medium:not(.btn-outline).disabled:focus, .btn.purple-medium:not(.btn-outline).disabled.focus, .btn.purple-medium:not(.btn-outline).disabled:active, .btn.purple-medium:not(.btn-outline).disabled.active, .btn.purple-medium:not(.btn-outline)[disabled], .btn.purple-medium:not(.btn-outline)[disabled]:hover, .btn.purple-medium:not(.btn-outline)[disabled]:focus, .btn.purple-medium:not(.btn-outline)[disabled].focus, .btn.purple-medium:not(.btn-outline)[disabled]:active, .btn.purple-medium:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-medium:not(.btn-outline), fieldset[disabled] .btn.purple-medium:not(.btn-outline):hover, fieldset[disabled] .btn.purple-medium:not(.btn-outline):focus, fieldset[disabled] .btn.purple-medium:not(.btn-outline).focus, fieldset[disabled] .btn.purple-medium:not(.btn-outline):active, fieldset[disabled] .btn.purple-medium:not(.btn-outline).active { background-color: #BF55EC; border-color: #BF55EC; } .btn.purple-medium:not(.btn-outline) .badge { color: #BF55EC; background-color: #ffffff; } .btn.btn-outline.purple-medium { border-color: #BF55EC; color: #BF55EC; background: none; } .btn.btn-outline.purple-medium:hover, .btn.btn-outline.purple-medium:active, .btn.btn-outline.purple-medium:active:hover, .btn.btn-outline.purple-medium:active:focus, .btn.btn-outline.purple-medium:focus, .btn.btn-outline.purple-medium.active { border-color: #BF55EC; color: #ffffff; background-color: #BF55EC; } .btn.purple-medium-stripe { border-left: 4px solid #BF55EC !important; } .btn.purple-studio:not(.btn-outline) { color: #ffffff; background-color: #8E44AD; border-color: #8E44AD; } .btn.purple-studio:not(.btn-outline):focus, .btn.purple-studio:not(.btn-outline).focus { color: #ffffff; background-color: #703688; border-color: #703688; } .btn.purple-studio:not(.btn-outline):hover { color: #ffffff; background-color: #703688; border-color: #703688; } .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #703688; border-color: #703688; } .btn.purple-studio:not(.btn-outline):active:hover, .btn.purple-studio:not(.btn-outline):active:focus, .btn.purple-studio:not(.btn-outline):active.focus, .btn.purple-studio:not(.btn-outline).active:hover, .btn.purple-studio:not(.btn-outline).active:focus, .btn.purple-studio:not(.btn-outline).active.focus, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #67317d; border-color: #67317d; } .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-studio:not(.btn-outline).disabled, .btn.purple-studio:not(.btn-outline).disabled:hover, .btn.purple-studio:not(.btn-outline).disabled:focus, .btn.purple-studio:not(.btn-outline).disabled.focus, .btn.purple-studio:not(.btn-outline).disabled:active, .btn.purple-studio:not(.btn-outline).disabled.active, .btn.purple-studio:not(.btn-outline)[disabled], .btn.purple-studio:not(.btn-outline)[disabled]:hover, .btn.purple-studio:not(.btn-outline)[disabled]:focus, .btn.purple-studio:not(.btn-outline)[disabled].focus, .btn.purple-studio:not(.btn-outline)[disabled]:active, .btn.purple-studio:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-studio:not(.btn-outline), fieldset[disabled] .btn.purple-studio:not(.btn-outline):hover, fieldset[disabled] .btn.purple-studio:not(.btn-outline):focus, fieldset[disabled] .btn.purple-studio:not(.btn-outline).focus, fieldset[disabled] .btn.purple-studio:not(.btn-outline):active, fieldset[disabled] .btn.purple-studio:not(.btn-outline).active { background-color: #8E44AD; border-color: #8E44AD; } .btn.purple-studio:not(.btn-outline) .badge { color: #8E44AD; background-color: #ffffff; } .btn.btn-outline.purple-studio { border-color: #8E44AD; color: #8E44AD; background: none; } .btn.btn-outline.purple-studio:hover, .btn.btn-outline.purple-studio:active, .btn.btn-outline.purple-studio:active:hover, .btn.btn-outline.purple-studio:active:focus, .btn.btn-outline.purple-studio:focus, .btn.btn-outline.purple-studio.active { border-color: #8E44AD; color: #ffffff; background-color: #8E44AD; } .btn.purple-studio-stripe { border-left: 4px solid #8E44AD !important; } .btn.purple-wisteria:not(.btn-outline) { color: #ffffff; background-color: #9B59B6; border-color: #9B59B6; } .btn.purple-wisteria:not(.btn-outline):focus, .btn.purple-wisteria:not(.btn-outline).focus { color: #ffffff; background-color: #804399; border-color: #804399; } .btn.purple-wisteria:not(.btn-outline):hover { color: #ffffff; background-color: #804399; border-color: #804399; } .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #804399; border-color: #804399; } .btn.purple-wisteria:not(.btn-outline):active:hover, .btn.purple-wisteria:not(.btn-outline):active:focus, .btn.purple-wisteria:not(.btn-outline):active.focus, .btn.purple-wisteria:not(.btn-outline).active:hover, .btn.purple-wisteria:not(.btn-outline).active:focus, .btn.purple-wisteria:not(.btn-outline).active.focus, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #773f8e; border-color: #773f8e; } .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-wisteria:not(.btn-outline).disabled, .btn.purple-wisteria:not(.btn-outline).disabled:hover, .btn.purple-wisteria:not(.btn-outline).disabled:focus, .btn.purple-wisteria:not(.btn-outline).disabled.focus, .btn.purple-wisteria:not(.btn-outline).disabled:active, .btn.purple-wisteria:not(.btn-outline).disabled.active, .btn.purple-wisteria:not(.btn-outline)[disabled], .btn.purple-wisteria:not(.btn-outline)[disabled]:hover, .btn.purple-wisteria:not(.btn-outline)[disabled]:focus, .btn.purple-wisteria:not(.btn-outline)[disabled].focus, .btn.purple-wisteria:not(.btn-outline)[disabled]:active, .btn.purple-wisteria:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline), fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):hover, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):focus, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline).focus, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):active, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline).active { background-color: #9B59B6; border-color: #9B59B6; } .btn.purple-wisteria:not(.btn-outline) .badge { color: #9B59B6; background-color: #ffffff; } .btn.btn-outline.purple-wisteria { border-color: #9B59B6; color: #9B59B6; background: none; } .btn.btn-outline.purple-wisteria:hover, .btn.btn-outline.purple-wisteria:active, .btn.btn-outline.purple-wisteria:active:hover, .btn.btn-outline.purple-wisteria:active:focus, .btn.btn-outline.purple-wisteria:focus, .btn.btn-outline.purple-wisteria.active { border-color: #9B59B6; color: #ffffff; background-color: #9B59B6; } .btn.purple-wisteria-stripe { border-left: 4px solid #9B59B6 !important; } .btn.purple-seance:not(.btn-outline) { color: #ffffff; background-color: #9A12B3; border-color: #9A12B3; } .btn.purple-seance:not(.btn-outline):focus, .btn.purple-seance:not(.btn-outline).focus { color: #ffffff; background-color: #720d85; border-color: #720d85; } .btn.purple-seance:not(.btn-outline):hover { color: #ffffff; background-color: #720d85; border-color: #720d85; } .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #720d85; border-color: #720d85; } .btn.purple-seance:not(.btn-outline):active:hover, .btn.purple-seance:not(.btn-outline):active:focus, .btn.purple-seance:not(.btn-outline):active.focus, .btn.purple-seance:not(.btn-outline).active:hover, .btn.purple-seance:not(.btn-outline).active:focus, .btn.purple-seance:not(.btn-outline).active.focus, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #660c77; border-color: #660c77; } .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-seance:not(.btn-outline).disabled, .btn.purple-seance:not(.btn-outline).disabled:hover, .btn.purple-seance:not(.btn-outline).disabled:focus, .btn.purple-seance:not(.btn-outline).disabled.focus, .btn.purple-seance:not(.btn-outline).disabled:active, .btn.purple-seance:not(.btn-outline).disabled.active, .btn.purple-seance:not(.btn-outline)[disabled], .btn.purple-seance:not(.btn-outline)[disabled]:hover, .btn.purple-seance:not(.btn-outline)[disabled]:focus, .btn.purple-seance:not(.btn-outline)[disabled].focus, .btn.purple-seance:not(.btn-outline)[disabled]:active, .btn.purple-seance:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-seance:not(.btn-outline), fieldset[disabled] .btn.purple-seance:not(.btn-outline):hover, fieldset[disabled] .btn.purple-seance:not(.btn-outline):focus, fieldset[disabled] .btn.purple-seance:not(.btn-outline).focus, fieldset[disabled] .btn.purple-seance:not(.btn-outline):active, fieldset[disabled] .btn.purple-seance:not(.btn-outline).active { background-color: #9A12B3; border-color: #9A12B3; } .btn.purple-seance:not(.btn-outline) .badge { color: #9A12B3; background-color: #ffffff; } .btn.btn-outline.purple-seance { border-color: #9A12B3; color: #9A12B3; background: none; } .btn.btn-outline.purple-seance:hover, .btn.btn-outline.purple-seance:active, .btn.btn-outline.purple-seance:active:hover, .btn.btn-outline.purple-seance:active:focus, .btn.btn-outline.purple-seance:focus, .btn.btn-outline.purple-seance.active { border-color: #9A12B3; color: #ffffff; background-color: #9A12B3; } .btn.purple-seance-stripe { border-left: 4px solid #9A12B3 !important; } .btn.purple-intense:not(.btn-outline) { color: #ffffff; background-color: #8775a7; border-color: #8775a7; } .btn.purple-intense:not(.btn-outline):focus, .btn.purple-intense:not(.btn-outline).focus { color: #ffffff; background-color: #6d5b8e; border-color: #6d5b8e; } .btn.purple-intense:not(.btn-outline):hover { color: #ffffff; background-color: #6d5b8e; border-color: #6d5b8e; } .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #6d5b8e; border-color: #6d5b8e; } .btn.purple-intense:not(.btn-outline):active:hover, .btn.purple-intense:not(.btn-outline):active:focus, .btn.purple-intense:not(.btn-outline):active.focus, .btn.purple-intense:not(.btn-outline).active:hover, .btn.purple-intense:not(.btn-outline).active:focus, .btn.purple-intense:not(.btn-outline).active.focus, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #665585; border-color: #665585; } .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-intense:not(.btn-outline).disabled, .btn.purple-intense:not(.btn-outline).disabled:hover, .btn.purple-intense:not(.btn-outline).disabled:focus, .btn.purple-intense:not(.btn-outline).disabled.focus, .btn.purple-intense:not(.btn-outline).disabled:active, .btn.purple-intense:not(.btn-outline).disabled.active, .btn.purple-intense:not(.btn-outline)[disabled], .btn.purple-intense:not(.btn-outline)[disabled]:hover, .btn.purple-intense:not(.btn-outline)[disabled]:focus, .btn.purple-intense:not(.btn-outline)[disabled].focus, .btn.purple-intense:not(.btn-outline)[disabled]:active, .btn.purple-intense:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-intense:not(.btn-outline), fieldset[disabled] .btn.purple-intense:not(.btn-outline):hover, fieldset[disabled] .btn.purple-intense:not(.btn-outline):focus, fieldset[disabled] .btn.purple-intense:not(.btn-outline).focus, fieldset[disabled] .btn.purple-intense:not(.btn-outline):active, fieldset[disabled] .btn.purple-intense:not(.btn-outline).active { background-color: #8775a7; border-color: #8775a7; } .btn.purple-intense:not(.btn-outline) .badge { color: #8775a7; background-color: #ffffff; } .btn.btn-outline.purple-intense { border-color: #8775a7; color: #8775a7; background: none; } .btn.btn-outline.purple-intense:hover, .btn.btn-outline.purple-intense:active, .btn.btn-outline.purple-intense:active:hover, .btn.btn-outline.purple-intense:active:focus, .btn.btn-outline.purple-intense:focus, .btn.btn-outline.purple-intense.active { border-color: #8775a7; color: #ffffff; background-color: #8775a7; } .btn.purple-intense-stripe { border-left: 4px solid #8775a7 !important; } .btn.purple-sharp:not(.btn-outline) { color: #ffffff; background-color: #796799; border-color: #796799; } .btn.purple-sharp:not(.btn-outline):focus, .btn.purple-sharp:not(.btn-outline).focus { color: #ffffff; background-color: #61527b; border-color: #61527b; } .btn.purple-sharp:not(.btn-outline):hover { color: #ffffff; background-color: #61527b; border-color: #61527b; } .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #61527b; border-color: #61527b; } .btn.purple-sharp:not(.btn-outline):active:hover, .btn.purple-sharp:not(.btn-outline):active:focus, .btn.purple-sharp:not(.btn-outline):active.focus, .btn.purple-sharp:not(.btn-outline).active:hover, .btn.purple-sharp:not(.btn-outline).active:focus, .btn.purple-sharp:not(.btn-outline).active.focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #5a4c72; border-color: #5a4c72; } .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-sharp:not(.btn-outline).disabled, .btn.purple-sharp:not(.btn-outline).disabled:hover, .btn.purple-sharp:not(.btn-outline).disabled:focus, .btn.purple-sharp:not(.btn-outline).disabled.focus, .btn.purple-sharp:not(.btn-outline).disabled:active, .btn.purple-sharp:not(.btn-outline).disabled.active, .btn.purple-sharp:not(.btn-outline)[disabled], .btn.purple-sharp:not(.btn-outline)[disabled]:hover, .btn.purple-sharp:not(.btn-outline)[disabled]:focus, .btn.purple-sharp:not(.btn-outline)[disabled].focus, .btn.purple-sharp:not(.btn-outline)[disabled]:active, .btn.purple-sharp:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-sharp:not(.btn-outline), fieldset[disabled] .btn.purple-sharp:not(.btn-outline):hover, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):active, fieldset[disabled] .btn.purple-sharp:not(.btn-outline).active { background-color: #796799; border-color: #796799; } .btn.purple-sharp:not(.btn-outline) .badge { color: #796799; background-color: #ffffff; } .btn.btn-outline.purple-sharp { border-color: #796799; color: #796799; background: none; } .btn.btn-outline.purple-sharp:hover, .btn.btn-outline.purple-sharp:active, .btn.btn-outline.purple-sharp:active:hover, .btn.btn-outline.purple-sharp:active:focus, .btn.btn-outline.purple-sharp:focus, .btn.btn-outline.purple-sharp.active { border-color: #796799; color: #ffffff; background-color: #796799; } .btn.purple-sharp-stripe { border-left: 4px solid #796799 !important; } .btn.purple-soft:not(.btn-outline) { color: #ffffff; background-color: #8877a9; border-color: #8877a9; } .btn.purple-soft:not(.btn-outline):focus, .btn.purple-soft:not(.btn-outline).focus { color: #ffffff; background-color: #6e5c91; border-color: #6e5c91; } .btn.purple-soft:not(.btn-outline):hover { color: #ffffff; background-color: #6e5c91; border-color: #6e5c91; } .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle { color: #ffffff; background-color: #6e5c91; border-color: #6e5c91; } .btn.purple-soft:not(.btn-outline):active:hover, .btn.purple-soft:not(.btn-outline):active:focus, .btn.purple-soft:not(.btn-outline):active.focus, .btn.purple-soft:not(.btn-outline).active:hover, .btn.purple-soft:not(.btn-outline).active:focus, .btn.purple-soft:not(.btn-outline).active.focus, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:hover, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle.focus { color: #ffffff; background-color: #675688; border-color: #675688; } .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-soft:not(.btn-outline).disabled, .btn.purple-soft:not(.btn-outline).disabled:hover, .btn.purple-soft:not(.btn-outline).disabled:focus, .btn.purple-soft:not(.btn-outline).disabled.focus, .btn.purple-soft:not(.btn-outline).disabled:active, .btn.purple-soft:not(.btn-outline).disabled.active, .btn.purple-soft:not(.btn-outline)[disabled], .btn.purple-soft:not(.btn-outline)[disabled]:hover, .btn.purple-soft:not(.btn-outline)[disabled]:focus, .btn.purple-soft:not(.btn-outline)[disabled].focus, .btn.purple-soft:not(.btn-outline)[disabled]:active, .btn.purple-soft:not(.btn-outline)[disabled].active, fieldset[disabled] .btn.purple-soft:not(.btn-outline), fieldset[disabled] .btn.purple-soft:not(.btn-outline):hover, fieldset[disabled] .btn.purple-soft:not(.btn-outline):focus, fieldset[disabled] .btn.purple-soft:not(.btn-outline).focus, fieldset[disabled] .btn.purple-soft:not(.btn-outline):active, fieldset[disabled] .btn.purple-soft:not(.btn-outline).active { background-color: #8877a9; border-color: #8877a9; } .btn.purple-soft:not(.btn-outline) .badge { color: #8877a9; background-color: #ffffff; } .btn.btn-outline.purple-soft { border-color: #8877a9; color: #8877a9; background: none; } .btn.btn-outline.purple-soft:hover, .btn.btn-outline.purple-soft:active, .btn.btn-outline.purple-soft:active:hover, .btn.btn-outline.purple-soft:active:focus, .btn.btn-outline.purple-soft:focus, .btn.btn-outline.purple-soft.active { border-color: #8877a9; color: #ffffff; background-color: #8877a9; } .btn.purple-soft-stripe { border-left: 4px solid #8877a9 !important; } /* Circle Buttons */ .btn-circle { border-radius: 25px !important; } .btn-circle-right { border-radius: 0 25px 25px 0 !important; } .btn-circle-left { border-radius: 25px 0 0 25px !important; } .btn-circle-bottom { border-radius: 0 0 25px 25px !important; } .btn-circle-top { border-radius: 25px 25px 0 0 !important; } .btn-icon-only { height: 34px; width: 34px; text-align: center; padding-left: 0; padding-right: 0; } .btn-icon-only > [class^="icon-"], .btn-icon-only > i { text-align: center; margin-top: 2px; } .btn-group.btn-group-circle > .btn:first-child { border-radius: 25px 0 0 25px !important; } .btn-group.btn-group-circle > .btn:last-child { border-radius: 0 25px 25px 0 !important; } .btn-group.btn-group-devided > .btn { margin-right: 5px; } .btn-group.btn-group-devided > .btn:last-child { margin-right: 0; } .btn-group-vertical.btn-group-vertical-circle > .btn:first-child { border-radius: 25px 25px 0 0 !important; } .btn-group-vertical.btn-group-vertical-circle > .btn:last-child { border-radius: 0 0 25px 25px !important; } /*** Image Carousel ***/ .carousel.image-carousel .carousel-inner { padding-top: 0; padding-bottom: 0; } .carousel.image-carousel .carousel-control i { position: absolute; top: 40%; } .carousel.image-carousel.image-carousel-hoverable .carousel-control i { display: none; } .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i { display: inline-block; } .carousel.image-carousel .carousel-control.left i { left: 10px; } .carousel.image-carousel .carousel-control.right i { right: 10px; } .carousel.image-carousel .carousel-indicators { margin-top: 10px; bottom: -7px; } .carousel.image-carousel .carousel-indicators li { background-color: #666; } .carousel.image-carousel .carousel-indicators li.active { background-color: #666; } .carousel.image-carousel .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px 15px 25px 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption p { text-align: left; line-height: 20px; color: #ffffff; } .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h2 { margin: 0 0 5px; } .carousel.image-carousel .carousel-caption h4 a, .carousel.image-carousel .carousel-caption h3 a, .carousel.image-carousel .carousel-caption h2 a { color: #aaa; } .carousel.image-carousel .carousel-caption p { margin-bottom: 0; } .carousel.image-carousel .carousel-caption .item { margin: 0; } /*** Charts and statistics ***/ .chart, .pie, .bars { overflow: hidden; height: 300px; width: 100%; font-family: "Open Sans", sans-serif !important; font-size: 14px; } /*** Statistic lists ***/ .item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; } /*** Chart tooltips ***/ .chart-tooltip { clear: both; z-index: 100; background-color: #736e6e !important; padding: 5px !important; color: #fff; } .chart-tooltip .label { clear: both; display: block; margin-bottom: 2px; } /*** Mini chart containers ***/ .bar-chart, .line-chart { display: none; } /*** Chats ***/ .chats { margin: 0; padding: 0; margin-top: -15px; } .chats li { list-style: none; padding: 5px 0; margin: 10px auto; font-size: 12px; } .chats li .body { display: block; } .chats li .avatar { height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .chats li.in .avatar { float: left; margin-right: 10px; } .chats li.out .avatar { float: right; margin-left: 10px; } .chats li .name { color: #3590c1; font-size: 13px; font-weight: 400; } .chats li .datetime { color: #333; font-size: 13px; font-weight: 400; } .chats li .message { display: block; padding: 5px; position: relative; } .chats li.in .message { text-align: left; border-left: 2px solid #1BBC9B; margin-left: 65px; background: #fafafa; } .chats li.in .message .arrow { display: block; position: absolute; top: 5px; left: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #1BBC9B; } .chats li.out .message { border-right: 2px solid #F3565D; margin-right: 65px; background: #fafafa; text-align: right; } .chats li.out .message .arrow { display: block; position: absolute; top: 5px; right: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #F3565D; } .chats li.out .name, .chats li.out .datetime { text-align: right; } .chat-form { margin-top: 15px; padding: 10px; background-color: #e9eff3; overflow: hidden; clear: both; } .chat-form .input-cont { margin-right: 40px; } .chat-form .input-cont .form-control { border: 1px solid #ddd; width: 100% !important; margin-top: 0; background-color: #fff !important; } .chat-form .input-cont .form-control:focus { border: 1px solid #4b8df9 !important; } .chat-form .btn-cont { margin-top: -41px; position: relative; float: right; width: 44px; } .chat-form .btn-cont .arrow { position: absolute; top: 17px; right: 43px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #4d90fe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chat-form .btn-cont .btn { margin-top: 7px; } .chat-form .btn-cont:hover .arrow { border-right-color: #0362fd; transition: all 0.3s; } .chat-form .btn-cont:hover .btn { background-color: #0362fd; transition: all 0.3s; } /*** Customized Bootstrap Close Icon ***/ .close { display: inline-block; margin-top: 0px; margin-right: 0px; width: 9px; height: 9px; background-repeat: no-repeat !important; text-indent: -10000px; outline: none; background-image: url("../img/remove-icon-small.png") !important; } /*** Customized Bootstrap Dropdowns ***/ /*** Dropdowns ***/ .dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle { border-color: #ddd; } /*** Dropdown Menu ***/ /*rtl:ignore*/ .dropdown-menu { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); } .dropdown-menu { left: 0/*rtl:auto*/; min-width: 175px; position: absolute; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; padding: 0px; background-color: #ffffff; margin: 10px 0px 0px 0px; border: 1px solid #eee; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .dropdown-menu li.divider { background: #f1f3f6; } .dropdown-menu li.header { padding: 8px 14px 2px 14px; } .dropdown-menu > li > a { padding: 8px 16px; color: #6e6e6e; text-decoration: none; display: block; clear: both; font-weight: 300; line-height: 18px; white-space: nowrap; } .dropdown-menu > li > a > [class^="fa-"], .dropdown-menu > li > a > [class*=" fa-"] { color: #888; } .dropdown-menu > li > a > [class^="icon-"], .dropdown-menu > li > a > [class*=" icon-"] { color: #666; } .dropdown-menu > li > a > [class^="glyphicon-"], .dropdown-menu > li > a > [class*=" glyphicon-"] { color: #888; } .dropdown-menu > li:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a { text-decoration: none; background-image: none; background-color: #f6f6f6; color: #555; filter: none; } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px; } .dropdown-menu.bottom-up:before, .dropdown-menu.bottom-up:after { display: none; } .dropdown-menu > li:first-child:hover > a { border-radius: 4px 4px 0px 0px; } .dropdown-menu > li:last-child:hover > a { border-radius: 0px 0px 4px 4px; } .dropdown-hover:hover > .dropdown-menu { display: block; } .dropdown > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .btn-group > .dropdown-menu { margin-top: 10px; } .dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before { position: absolute; top: -8px; left: 9px; right: auto; display: inline-block !important; border-right: 8px solid transparent; border-bottom: 8px solid #e0e0e0; border-left: 8px solid transparent; content: ''; } .dropdown > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .btn-group > .dropdown-menu:after { position: absolute; top: -7px; left: 10px; right: auto; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: ''; } .dropdown > .dropdown-menu.pull-left:before, .dropdown-toggle > .dropdown-menu.pull-left:before, .btn-group > .dropdown-menu.pull-left:before { left: auto; right: 9px; } .dropdown > .dropdown-menu.pull-left:after, .dropdown-toggle > .dropdown-menu.pull-left:after, .btn-group > .dropdown-menu.pull-left:after { left: auto; right: 10px; } .dropdown > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .btn-group > .dropdown-menu.pull-right:before { left: auto; right: 9px; } .dropdown > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .btn-group > .dropdown-menu.pull-right:after { left: auto; right: 10px; } .dropdown.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .btn-group.dropup > .dropdown-menu { margin-top: 0px; margin-bottom: 10px; } .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before, .dropdown-toggle.dropup > .dropdown-menu:after, .dropdown-toggle.dropup > .dropdown-menu:before, .btn-group.dropup > .dropdown-menu:after, .btn-group.dropup > .dropdown-menu:before { display: none !important; } .dropdown-toggle:after { display: none; } /* Dropdown submenu support for Bootsrap 3 */ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 5px; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; font-size: 14px; right: 7px; top: 7px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } .nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; } @media (max-width: 767px) { /* 767px */ .navbar-nav .open .dropdown-menu { position: absolute; float: left; width: auto; margin-top: 0; background-color: #ffffff; border: 1px solid #efefef; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); } .navbar-nav .open .dropdown-menu > li > a { padding: 6px 0 6px 13px; color: #333; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:active { background-color: #eee; } } /*** Dropdown Checkboxes ***/ .dropdown-content { padding: 10px; } .dropdown-content form { margin: 0; } .dropdown.inline .dropdown-menu { display: inline-block; position: relative; } .dropdown-radiobuttons, .dropdown-checkboxes { padding: 5px; } .dropdown-radiobuttons label, .dropdown-checkboxes label { display: block; font-weight: 300; color: #333; margin-bottom: 4px; margin-top: 4px; } .dropdown-radiobuttons label .radio, .dropdown-checkboxes label .radio { margin-right: 3px; } /*-------------------------------------------------- [Dropdown Menu v2] ----------------------------------------------------*/ .dropdown-menu-v2 { top: 100%; right: 0; z-index: 1001; display: none; float: left; min-width: 225px; padding: 20px 0; margin: 25px 0 0; font-size: 13px; text-align: left; list-style: none; position: absolute; background: #242b31; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .dropdown-menu-v2:before { top: -10px; right: 0; width: 0; height: 0; content: ' '; position: absolute; border-style: solid; display: inline-block; border-width: 0 0 15px 15px; border-color: transparent transparent #242b31 transparent; } .dropdown-menu-v2 > li > a { clear: both; color: #606e7a; display: block; font-weight: 600; padding: 8px 20px; position: relative; white-space: nowrap; line-height: 1.42857143; text-transform: uppercase; } .dropdown-menu-v2 > li > a:hover, .dropdown-menu-v2 > li > a:focus { background: #21282e; text-decoration: none; color: #009dc7; } .dropdown-menu-v2 .active > a, .dropdown-menu-v2 .active > a:hover, .dropdown-menu-v2 .active > a:focus, .dropdown-menu-v2 .active > a, .dropdown-menu-v2 .active > a:hover, .dropdown-menu-v2 .active > a:focus, .dropdown-menu-v2 .active > a, .dropdown-menu-v2 .active > a:hover, .dropdown-menu-v2 .active > a:focus { outline: 0; text-decoration: none; background-color: #21282e; color: #009dc7; } .dropdown-menu-v2 .disabled > a, .dropdown-menu-v2 .disabled > a:hover, .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a, .dropdown-menu-v2 .disabled > a:hover, .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a, .dropdown-menu-v2 .disabled > a:hover, .dropdown-menu-v2 .disabled > a:focus { color: #009dc7; } .dropdown-menu-v2 .disabled > a:hover, .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a:hover, .dropdown-menu-v2 .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .dropdown-menu-v2 .divider { height: 1px; margin: 9px 0; overflow: hidden; background: #2e353c; } .dropdown-menu-v2 .badge { top: 8px; right: 10px; position: absolute; } .dropdown-menu-v2.pull-right { right: 0; left: auto; } .open > .dropdown-menu-v2 { display: block; } .pull-right > .dropdown-menu-v2 { right: 0; left: auto; } /*** System feeds ***/ .feeds { margin: 0px; padding: 0px; list-style: none; } .feeds li { background-color: #fafafa; color: #82949a; margin-bottom: 7px; } .feeds li:before, .feeds li:after { display: table; line-height: 0; content: ""; } .feeds li:after { clear: both; } .feeds li:last-child { margin-bottom: 0px; } .feeds li .col1 { float: left; width: 100%; clear: both; } .feeds li .col1 > .cont { float: left; margin-right: 75px; overflow: hidden; } .feeds li .col1 > .cont > .cont-col1 { float: left; margin-right: -100%; } .feeds li .col1 > .cont > .cont-col1 > .label { display: inline-block; padding: 5px 4px 6px 5px; vertical-align: middle; text-align: center; } .feeds li .col1 > .cont > .cont-col1 > .label > i { text-align: center; font-size: 14px; } .feeds li .col1 > .cont > .cont-col2 { float: left; width: 100%; } .feeds li .col1 > .cont > .cont-col2 > .desc { margin-left: 35px; padding-top: 4px; padding-bottom: 5px; overflow: hidden; } .feeds li .col2 { float: left; width: 75px; margin-left: -75px; } .feeds li .col2 > .date { padding: 4px 9px 5px 4px; text-align: right; font-style: italic; color: #c1cbd0; } /*** Form Layouts ****/ /* Static info */ .static-info { margin-bottom: 10px; } .static-info .name { font-size: 14px; } .static-info .value { font-size: 14px; font-weight: 600; } .static-info.align-reverse .name, .static-info.align-reverse .value { text-align: right; } /* Help blocks */ .help-block { margin-top: 5px; margin-bottom: 5px; } .help-inline { font-size: 13px; color: #737373; display: inline-block; padding: 5px; } .form-inline input { margin-bottom: 0px !important; } /* Control Label */ .control-label { margin-top: 1px; font-weight: normal; } .control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; } .form { padding: 0 !important; } .form .form-body { padding: 10px; } .portlet.light .form .form-body { padding-left: 0; padding-right: 0; } .form .form-actions { padding: 20px 10px; margin: 0; background-color: #f5f5f5; border-top: 1px solid #e7ecf1; *zoom: 1; } .portlet.light .form .form-actions { background: none; padding-left: 0; padding-right: 0; } .form .form-actions.noborder { border-top: 0; } .portlet .form .form-actions { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .form .form-actions:before, .form .form-actions:after { content: " "; display: table; } .form .form-actions:after { clear: both; } .form .form-actions.right { padding-left: 0; padding-right: 10px; text-align: right; } .portlet.light .form .form-actions.right { padding-right: 0; } .form .form-actions.left { padding-left: 10px; padding-right: 0; text-align: left; } .portlet.light .form .form-actions.left { padding-left: 0; } .form .form-actions.nobg { background-color: transparent; } .form .form-actions.top { margin-top: 0; margin-bottom: 20px; border-top: 0; border-bottom: 1px solid #e7ecf1; } .portlet.light .form .form-actions.top { background: none; } .form .form-actions .btn-set { display: inline-block; } @media (max-width: 767px) { .form .form-actions { /* 767px */ } .form .form-actions .btn-set { margin-bottom: 3px; margin-top: 3px; float: left !important; } } .form .form-section { margin: 30px 0px 30px 0px; padding-bottom: 5px; border-bottom: 1px solid #e7ecf1; } .form-fit .form .form-section { margin-left: 20px; margin-right: 20px; } /* Checkboxes */ .checkbox, .form-horizontal .checkbox { padding: 0; } .checkbox > label, .form-horizontal .checkbox > label { padding-left: 0; } .checkbox-list > label { display: block; } .checkbox-list > label.checkbox-inline { display: inline-block; } .checkbox-list > label.checkbox-inline:first-child { padding-left: 0; } /* Radio buttons */ .radio-list > label { display: block; } .radio-list > label.radio-inline { display: inline-block; } .radio-list > label.radio-inline:first-child { padding-left: 0; } /* Radio buttons in horizontal forms */ .form-horizontal .radio-list .radio { padding-top: 1px; } .form-horizontal .radio-list > label { margin-bottom: 0; } .form-horizontal .radio > span { margin-top: 2px; } /* Rows seperated form layout */ .form .form-row-seperated .portlet-body { padding: 0; } .form .form-row-seperated .form-group { margin: 0; border-bottom: 1px solid #efefef; padding: 15px 0; } .form .form-row-seperated .form-group.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 13px; } .form .form-row-seperated .form-group .help-block { margin-bottom: 0; } .form .form-row-seperated .form-body { padding: 0; } .form .form-row-seperated .form-actions { padding-left: 15px !important; padding-right: 15px !important; } /* Form bordered */ .form .form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; } .form .form-bordered .form-group > div { padding: 15px; border-left: 1px solid #efefef; } @media (max-width: 991px) { .form .form-bordered .form-group > div { /* 991px */ border-left: 0; } } .form .form-bordered .form-group.last { border-bottom: 0; } .form .form-bordered .form-group .control-label { padding-top: 20px; } @media (max-width: 991px) { .form .form-bordered .form-group .control-label { /* 991px */ padding-top: 10px; } } .form .form-bordered .form-group .help-block { margin-bottom: 0; } .form .form-bordered .form-group .form-control { margin: 0; } .form .form-bordered .form-body { margin: 0; padding: 0; } .form .form-bordered .form-actions { margin-top: 0; padding-left: 16px !important; padding-right: 16px !important; } @media (max-width: 991px) { .form .form-bordered .form-actions { /* 991px */ padding-left: 15px !important; padding-right: 15px !important; } } /* Horizontal bordered form */ .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form .form-horizontal.form-bordered.form-row-stripped .form-control { background: #fff !important; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { background-color: #ffffff; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } /*** Forms ***/ .form-control { outline: none !important; box-shadow: none !important; } .form-control.height-auto { height: auto; } /*** Custom color buttons ***/ .form-control.white { border-color: #ffffff; } .form-control.white:focus { border-color: #e6e6e6; } .form-control.focus-white:focus { border-color: #ffffff; } .form-control.default { border-color: #e1e5ec; } .form-control.default:focus { border-color: #c2cad8; } .form-control.focus-default:focus { border-color: #e1e5ec; } .form-control.dark { border-color: #2f353b; } .form-control.dark:focus { border-color: #181b1f; } .form-control.focus-dark:focus { border-color: #2f353b; } .form-control.blue { border-color: #3598dc; } .form-control.blue:focus { border-color: #217ebd; } .form-control.focus-blue:focus { border-color: #3598dc; } .form-control.blue-madison { border-color: #578ebe; } .form-control.blue-madison:focus { border-color: #3f74a3; } .form-control.focus-blue-madison:focus { border-color: #578ebe; } .form-control.blue-chambray { border-color: #2C3E50; } .form-control.blue-chambray:focus { border-color: #1a242f; } .form-control.focus-blue-chambray:focus { border-color: #2C3E50; } .form-control.blue-ebonyclay { border-color: #22313F; } .form-control.blue-ebonyclay:focus { border-color: #10171e; } .form-control.focus-blue-ebonyclay:focus { border-color: #22313F; } .form-control.blue-hoki { border-color: #67809F; } .form-control.blue-hoki:focus { border-color: #526781; } .form-control.focus-blue-hoki:focus { border-color: #67809F; } .form-control.blue-steel { border-color: #4B77BE; } .form-control.blue-steel:focus { border-color: #395f9d; } .form-control.focus-blue-steel:focus { border-color: #4B77BE; } .form-control.blue-soft { border-color: #4c87b9; } .form-control.blue-soft:focus { border-color: #3b6d97; } .form-control.focus-blue-soft:focus { border-color: #4c87b9; } .form-control.blue-dark { border-color: #5e738b; } .form-control.blue-dark:focus { border-color: #495a6d; } .form-control.focus-blue-dark:focus { border-color: #5e738b; } .form-control.blue-sharp { border-color: #5C9BD1; } .form-control.blue-sharp:focus { border-color: #3782c3; } .form-control.focus-blue-sharp:focus { border-color: #5C9BD1; } .form-control.green { border-color: #32c5d2; } .form-control.green:focus { border-color: #26a1ab; } .form-control.focus-green:focus { border-color: #32c5d2; } .form-control.green-meadow { border-color: #1BBC9B; } .form-control.green-meadow:focus { border-color: #158f76; } .form-control.focus-green-meadow:focus { border-color: #1BBC9B; } .form-control.green-seagreen { border-color: #1BA39C; } .form-control.green-seagreen:focus { border-color: #147772; } .form-control.focus-green-seagreen:focus { border-color: #1BA39C; } .form-control.green-turquoise { border-color: #36D7B7; } .form-control.green-turquoise:focus { border-color: #24b699; } .form-control.focus-green-turquoise:focus { border-color: #36D7B7; } .form-control.green-haze { border-color: #44b6ae; } .form-control.green-haze:focus { border-color: #36918b; } .form-control.focus-green-haze:focus { border-color: #44b6ae; } .form-control.green-jungle { border-color: #26C281; } .form-control.green-jungle:focus { border-color: #1e9765; } .form-control.focus-green-jungle:focus { border-color: #26C281; } .form-control.green-soft { border-color: #3faba4; } .form-control.green-soft:focus { border-color: #318680; } .form-control.focus-green-soft:focus { border-color: #3faba4; } .form-control.green-dark { border-color: #4DB3A2; } .form-control.green-dark:focus { border-color: #3d9082; } .form-control.focus-green-dark:focus { border-color: #4DB3A2; } .form-control.green-sharp { border-color: #2ab4c0; } .form-control.green-sharp:focus { border-color: #218d96; } .form-control.focus-green-sharp:focus { border-color: #2ab4c0; } .form-control.grey { border-color: #E5E5E5; } .form-control.grey:focus { border-color: #cccccc; } .form-control.focus-grey:focus { border-color: #E5E5E5; } .form-control.grey-steel { border-color: #e9edef; } .form-control.grey-steel:focus { border-color: #cbd5da; } .form-control.focus-grey-steel:focus { border-color: #e9edef; } .form-control.grey-cararra { border-color: #fafafa; } .form-control.grey-cararra:focus { border-color: #e1e1e1; } .form-control.focus-grey-cararra:focus { border-color: #fafafa; } .form-control.grey-gallery { border-color: #555555; } .form-control.grey-gallery:focus { border-color: #3b3b3b; } .form-control.focus-grey-gallery:focus { border-color: #555555; } .form-control.grey-cascade { border-color: #95A5A6; } .form-control.grey-cascade:focus { border-color: #798d8f; } .form-control.focus-grey-cascade:focus { border-color: #95A5A6; } .form-control.grey-silver { border-color: #BFBFBF; } .form-control.grey-silver:focus { border-color: #a6a6a6; } .form-control.focus-grey-silver:focus { border-color: #BFBFBF; } .form-control.grey-salsa { border-color: #ACB5C3; } .form-control.grey-salsa:focus { border-color: #8e9bae; } .form-control.focus-grey-salsa:focus { border-color: #ACB5C3; } .form-control.grey-salt { border-color: #bfcad1; } .form-control.grey-salt:focus { border-color: #a1b1bc; } .form-control.focus-grey-salt:focus { border-color: #bfcad1; } .form-control.grey-mint { border-color: #525e64; } .form-control.grey-mint:focus { border-color: #3b4448; } .form-control.focus-grey-mint:focus { border-color: #525e64; } .form-control.red { border-color: #e7505a; } .form-control.red:focus { border-color: #e12330; } .form-control.focus-red:focus { border-color: #e7505a; } .form-control.red-pink { border-color: #E08283; } .form-control.red-pink:focus { border-color: #d6595a; } .form-control.focus-red-pink:focus { border-color: #E08283; } .form-control.red-sunglo { border-color: #E26A6A; } .form-control.red-sunglo:focus { border-color: #da3f3f; } .form-control.focus-red-sunglo:focus { border-color: #E26A6A; } .form-control.red-intense { border-color: #e35b5a; } .form-control.red-intense:focus { border-color: #dc302e; } .form-control.focus-red-intense:focus { border-color: #e35b5a; } .form-control.red-thunderbird { border-color: #D91E18; } .form-control.red-thunderbird:focus { border-color: #ab1813; } .form-control.focus-red-thunderbird:focus { border-color: #D91E18; } .form-control.red-flamingo { border-color: #EF4836; } .form-control.red-flamingo:focus { border-color: #e02612; } .form-control.focus-red-flamingo:focus { border-color: #EF4836; } .form-control.red-soft { border-color: #d05454; } .form-control.red-soft:focus { border-color: #bd3434; } .form-control.focus-red-soft:focus { border-color: #d05454; } .form-control.red-haze { border-color: #f36a5a; } .form-control.red-haze:focus { border-color: #f03f2a; } .form-control.focus-red-haze:focus { border-color: #f36a5a; } .form-control.red-mint { border-color: #e43a45; } .form-control.red-mint:focus { border-color: #cf1c28; } .form-control.focus-red-mint:focus { border-color: #e43a45; } .form-control.yellow { border-color: #c49f47; } .form-control.yellow:focus { border-color: #a48334; } .form-control.focus-yellow:focus { border-color: #c49f47; } .form-control.yellow-gold { border-color: #E87E04; } .form-control.yellow-gold:focus { border-color: #b66303; } .form-control.focus-yellow-gold:focus { border-color: #E87E04; } .form-control.yellow-casablanca { border-color: #f2784b; } .form-control.yellow-casablanca:focus { border-color: #ef541b; } .form-control.focus-yellow-casablanca:focus { border-color: #f2784b; } .form-control.yellow-crusta { border-color: #f3c200; } .form-control.yellow-crusta:focus { border-color: #c09900; } .form-control.focus-yellow-crusta:focus { border-color: #f3c200; } .form-control.yellow-lemon { border-color: #F7CA18; } .form-control.yellow-lemon:focus { border-color: #d5ab07; } .form-control.focus-yellow-lemon:focus { border-color: #F7CA18; } .form-control.yellow-saffron { border-color: #F4D03F; } .form-control.yellow-saffron:focus { border-color: #f1c40f; } .form-control.focus-yellow-saffron:focus { border-color: #F4D03F; } .form-control.yellow-soft { border-color: #c8d046; } .form-control.yellow-soft:focus { border-color: #adb52e; } .form-control.focus-yellow-soft:focus { border-color: #c8d046; } .form-control.yellow-haze { border-color: #c5bf66; } .form-control.yellow-haze:focus { border-color: #b4ad44; } .form-control.focus-yellow-haze:focus { border-color: #c5bf66; } .form-control.yellow-mint { border-color: #c5b96b; } .form-control.yellow-mint:focus { border-color: #b6a747; } .form-control.focus-yellow-mint:focus { border-color: #c5b96b; } .form-control.purple { border-color: #8E44AD; } .form-control.purple:focus { border-color: #703688; } .form-control.focus-purple:focus { border-color: #8E44AD; } .form-control.purple-plum { border-color: #8775a7; } .form-control.purple-plum:focus { border-color: #6d5b8e; } .form-control.focus-purple-plum:focus { border-color: #8775a7; } .form-control.purple-medium { border-color: #BF55EC; } .form-control.purple-medium:focus { border-color: #ae27e7; } .form-control.focus-purple-medium:focus { border-color: #BF55EC; } .form-control.purple-studio { border-color: #8E44AD; } .form-control.purple-studio:focus { border-color: #703688; } .form-control.focus-purple-studio:focus { border-color: #8E44AD; } .form-control.purple-wisteria { border-color: #9B59B6; } .form-control.purple-wisteria:focus { border-color: #804399; } .form-control.focus-purple-wisteria:focus { border-color: #9B59B6; } .form-control.purple-seance { border-color: #9A12B3; } .form-control.purple-seance:focus { border-color: #720d85; } .form-control.focus-purple-seance:focus { border-color: #9A12B3; } .form-control.purple-intense { border-color: #8775a7; } .form-control.purple-intense:focus { border-color: #6d5b8e; } .form-control.focus-purple-intense:focus { border-color: #8775a7; } .form-control.purple-sharp { border-color: #796799; } .form-control.purple-sharp:focus { border-color: #61527b; } .form-control.focus-purple-sharp:focus { border-color: #796799; } .form-control.purple-soft { border-color: #8877a9; } .form-control.purple-soft:focus { border-color: #6e5c91; } .form-control.focus-purple-soft:focus { border-color: #8877a9; } .input-xxs { width: 45px !important; } /* Form uneditable input */ .uneditable-input { padding: 6px 12px; min-width: 206px; font-size: 14px; font-weight: normal; height: 34px; color: #4d6b8a; background-color: #fff; border: 1px solid #c2cad8; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control-static { display: inline-block; margin: 0; } /* Form input sizing */ .input-mini { width: 45px !important; } .input-xsmall { width: 80px !important; } .input-small { width: 145px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 420px !important; } @media (max-width: 768px) { /* 768px */ .input-large { width: 250px !important; } .input-xlarge { width: 300px !important; } } .input-inline { display: inline-block; width: auto; vertical-align: middle; } .input-fixed { overflow: hidden; } .input-fixed { overflow: hidden; } .form-group .input-inline { margin-right: 5px; } @media (max-width: 768px) { /* 768px */ .input-lg { width: 250px !important; } .input-xlg { width: 300px !important; } } /* Circle Inputs */ .input-circle { border-radius: 25px !important; } .input-circle-right { border-radius: 0 25px 25px 0 !important; } .input-circle-left { border-radius: 25px 0 0 25px !important; } .input-circle-bottom { border-radius: 0 0 25px 25px !important; } .input-circle-top { border-radius: 25px 25px 0 0 !important; } /*** Custom icon buttons ***/ .icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; border: 1px solid #ddd; padding: 12px 0px 0px 0px; background-color: #fafafa; background-image: none; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; color: #646464; text-shadow: none; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-btn:hover { text-decoration: none; border-color: #999; color: #444; text-shadow: 0 1px 0px white; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icon-btn:hover > .badge { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icon-btn > div { margin-top: 5px; margin-bottom: 20px; color: #3f444a; font-size: 12px; font-weight: 300; } .icon-btn > .badge { position: absolute; font-size: 11px; font-weight: 300; top: -5px; right: -5px; padding: 3px 6px 3px 6px; color: white; text-shadow: none; border-width: 0; border-style: solid; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icon-btn > i { font-size: 18px; } .ie8 .icon-btn:hover { filter: none; } /*** Input icons ***/ .input-icon { position: relative; left: 0; } .input-icon > .form-control { padding-left: 33px; } .input-group .input-icon > .form-control { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-icon > i { color: #ccc; display: block; position: absolute; margin: 11px 2px 4px 10px; z-index: 3; width: 16px; font-size: 16px; text-align: center; } .modal .input-icon > i { z-index: 10055; } .has-success .input-icon > i { color: #3fc9d5; } .has-warning .input-icon > i { color: #F1C40F; } .has-info .input-icon > i { color: #659be0; } .has-error .input-icon > i { color: #ed6b75; } .input-icon.right { left: auto; right: 0; } .input-icon.right > .form-control { padding-right: 33px; padding-left: 12px; } .input-group .input-icon.right > .form-control { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-icon.right > i { right: 8px; float: right; } .input-icon.input-icon-lg > i { margin-top: 16px; } .input-icon.input-icon-sm > i { margin-top: 8px; font-size: 13px; } /*** Customized Bootstrap Labels ***/ .label { text-shadow: none !important; font-size: 14px; font-weight: 300; padding: 3px 6px 3px 6px; color: #fff; font-family: "Open Sans", sans-serif; } .label.label-sm { font-size: 13px; padding: 2px 5px 2px 5px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { font-size: 75%; } /* Labels variants */ .label-default { background-color: #bac3d0; } .label-default[href]:hover, .label-default[href]:focus { background-color: #9ca8bb; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #3fc9d5; } .label-success[href]:hover, .label-success[href]:focus { background-color: #28acb8; } .label-info { background-color: #659be0; } .label-info[href]:hover, .label-info[href]:focus { background-color: #3a80d7; } .label-warning { background-color: #F1C40F; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #c29d0b; } .label-danger { background-color: #ed6b75; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #e73d4a; } /*** Iconic labels ***/ .label.label-icon { padding: 4px 0px 4px 4px; margin-right: 2px; text-align: center !important; } .label.label-icon > i { font-size: 12px; text-align: center !important; } .ie8 .label.label-icon, .ie9 .label.label-icon { padding: 3px 0px 3px 3px; } /*** Text states ***/ .text-default { color: #bac3d0; } .text-primary { color: #337ab7; } .text-success { color: #3fc9d5; } .text-info { color: #659be0; } .text-warning { color: #F1C40F; } .text-danger { color: #ed6b75; } /*** Customized List Group ***/ /* Contextual variants */ .list-group > li:first-child { border-radius-topleft: 4px; border-radius-topright: 4px; } .list-group > li:last-child { border-radius-bottomleft: 4px; border-radius-bottomright: 4px; } .list-group .list-group-item-success { color: #28acb8; background-color: #b4eaee; } .list-group a.list-group-item-success, .list-group button.list-group-item-success { color: #28acb8; } .list-group a.list-group-item-success .list-group-item-heading, .list-group button.list-group-item-success .list-group-item-heading { color: inherit; } .list-group a.list-group-item-success:hover, .list-group a.list-group-item-success:focus, .list-group button.list-group-item-success:hover, .list-group button.list-group-item-success:focus { color: #28acb8; background-color: #9fe4ea; } .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:hover, .list-group a.list-group-item-success.active:focus, .list-group button.list-group-item-success.active, .list-group button.list-group-item-success.active:hover, .list-group button.list-group-item-success.active:focus { color: #fff; background-color: #28acb8; border-color: #28acb8; } .list-group .list-group-item-info { color: #327ad5; background-color: #e0ebf9; } .list-group a.list-group-item-info, .list-group button.list-group-item-info { color: #327ad5; } .list-group a.list-group-item-info .list-group-item-heading, .list-group button.list-group-item-info .list-group-item-heading { color: inherit; } .list-group a.list-group-item-info:hover, .list-group a.list-group-item-info:focus, .list-group button.list-group-item-info:hover, .list-group button.list-group-item-info:focus { color: #327ad5; background-color: #caddf4; } .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:hover, .list-group a.list-group-item-info.active:focus, .list-group button.list-group-item-info.active, .list-group button.list-group-item-info.active:hover, .list-group button.list-group-item-info.active:focus { color: #fff; background-color: #327ad5; border-color: #327ad5; } .list-group .list-group-item-warning { color: #c29d0b; background-color: #f9e491; } .list-group a.list-group-item-warning, .list-group button.list-group-item-warning { color: #c29d0b; } .list-group a.list-group-item-warning .list-group-item-heading, .list-group button.list-group-item-warning .list-group-item-heading { color: inherit; } .list-group a.list-group-item-warning:hover, .list-group a.list-group-item-warning:focus, .list-group button.list-group-item-warning:hover, .list-group button.list-group-item-warning:focus { color: #c29d0b; background-color: #f7de79; } .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:hover, .list-group a.list-group-item-warning.active:focus, .list-group button.list-group-item-warning.active, .list-group button.list-group-item-warning.active:hover, .list-group button.list-group-item-warning.active:focus { color: #fff; background-color: #c29d0b; border-color: #c29d0b; } .list-group .list-group-item-danger { color: #e73d4a; background-color: #fbe1e3; } .list-group a.list-group-item-danger, .list-group button.list-group-item-danger { color: #e73d4a; } .list-group a.list-group-item-danger .list-group-item-heading, .list-group button.list-group-item-danger .list-group-item-heading { color: inherit; } .list-group a.list-group-item-danger:hover, .list-group a.list-group-item-danger:focus, .list-group button.list-group-item-danger:hover, .list-group button.list-group-item-danger:focus { color: #e73d4a; background-color: #f8cace; } .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:hover, .list-group a.list-group-item-danger.active:focus, .list-group button.list-group-item-danger.active, .list-group button.list-group-item-danger.active:hover, .list-group button.list-group-item-danger.active:focus { color: #fff; background-color: #e73d4a; border-color: #e73d4a; } /*** UI Loading ***/ .loading-message { display: inline-block; min-width: 125px; margin-left: -60px; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle; } .loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .loading-message > span { line-height: 20px; vertical-align: middle; } .page-loading { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: fixed; top: 50%; left: 50%; min-width: 125px; margin-left: -60px; margin-top: -30px; padding: 7px; text-align: center; color: #333; font-size: 13px; border: 1px solid #ddd; background-color: #eee; vertical-align: middle; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .page-loading > span { line-height: 20px; vertical-align: middle; } .page-spinner-bar { position: fixed; z-index: 10051; width: 100px; top: 40%; left: 50%; margin-left: -55px; text-align: center; } .page-spinner-bar > div { margin: 0 5px; width: 18px; height: 18px; background: #eee; border-radius: 100% !important; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-spinner-bar .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .page-spinner-bar .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .block-spinner-bar { display: inline-block; width: 80px; text-align: center; } .block-spinner-bar > div { margin: 0 2px; width: 15px; height: 15px; background: #eee; border-radius: 100% !important; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .block-spinner-bar .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .block-spinner-bar .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } /*** Metro icons ***/ [class^="m-icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 3px; line-height: 14px; vertical-align: top; background-image: url(../img/syncfusion-icons.png); background-position: 0 0; background-repeat: no-repeat; } [class^="m-icon-big-"] { display: inline-block; width: 30px; height: 30px; margin: 6px; vertical-align: middle; background-image: url(../img/syncfusion-icons.png); background-position: 0 0px; background-repeat: no-repeat; } /* large icons */ .btn.m-icon-big { padding: 9px 16px 8px 16px; } .btn.m-icon-big.m-icon-only { padding: 9px 8px 8px 0px; } .btn.m-icon-big [class^="m-icon-big-"] { margin: 0 0 0 10px; } .btn.m-icon-ony > i { margin-left: 0px; } /* default icons */ .btn.m-icon { padding: 7px 14px 7px 14px; } .btn.m-icon [class^="m-icon-"] { margin: 4px 0 0 5px; } .btn.m-icon.m-icon-only { padding: 7px 10px 7px 6px; } /* white icon */ .m-icon-white { background-image: url(../img/syncfusion-icons-white.png); } /* Misc */ .m-icon-swapright { background-position: -27px -10px; } .m-icon-swapdown { background-position: -68px -10px; } .m-icon-swapleft { background-position: -8px -10px; } .m-icon-swapup { background-position: -46px -10px; } .m-icon-big-swapright { background-position: -42px -28px; } .m-icon-big-swapdown { background-position: -115px -28px; } .m-icon-big-swapleft { background-position: -6px -28px; } .m-icon-big-swapup { background-position: -78px -28px; } /*** Customized Bootstrap Modal ***/ .modal { z-index: 10050; outline: none; overflow-y: auto !important; /* Fix content shifting to the right on modal open due to scrollbar closed */ } .page-portlet-fullscreen .modal { z-index: 10060; } .modal .modal-header { border-bottom: 1px solid #EFEFEF; } .modal .modal-header h3 { font-weight: 300; } .modal .modal-header .close { margin-top: 0px !important; } .modal.draggable-modal .modal-header { cursor: move; } .modal .modal-dialog { z-index: 10051; } .modal > .loading { position: absolute; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; } .modal.in .page-loading { display: none; } .modal-open { overflow-y: auto !important; } .modal-open-noscroll { overflow-y: hidden !important; } .modal-backdrop { border: 0; outline: none; } body[ng-controller] .modal-backdrop { z-index: 10049 !important; } .page-portlet-fullscreen .modal-backdrop { z-index: 10059; } .modal-backdrop, .modal-backdrop.fade.in { background-color: #333 !important; } /* Full width modal */ .modal-full.modal-dialog { width: 99%; } @media (max-width: 768px) { .modal-full.modal-dialog { width: auto; } } /*** Notes ***/ .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 { margin-top: 0; } .note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close { margin-right: -10px; } .note p { margin: 0; font-size: 13px; } .note p:last-child { margin-bottom: 0; } .note code, .note .highlight { background-color: #fff; } .note.note-default { background-color: white; border-color: #b0c1d2; color: black; } .note.note-default.note-bordered { background-color: #eef1f5; border-color: #c0cedb; } .note.note-default.note-shadow { background-color: #f1f4f7; border-color: #d1dbe4; box-shadow: 5px 5px rgba(212, 221, 230, 0.2); } .note.note-success { background-color: #c9f0f3; border-color: #60d2dc; color: black; } .note.note-success.note-bordered { background-color: #afe8ee; border-color: #75d8e1; } .note.note-success.note-shadow { background-color: #b4eaee; border-color: #8adee5; box-shadow: 5px 5px rgba(142, 223, 230, 0.2); } .note.note-info { background-color: #f5f8fd; border-color: #8bb4e7; color: #010407; } .note.note-info.note-bordered { background-color: #dbe8f8; border-color: #a0c2ec; } .note.note-info.note-shadow { background-color: #e0ebf9; border-color: #b5cff0; box-shadow: 5px 5px rgba(185, 210, 241, 0.2); } .note.note-warning { background-color: #faeaa9; border-color: #f3cc31; color: black; } .note.note-warning.note-bordered { background-color: #f8e38c; border-color: #f4d249; } .note.note-warning.note-shadow { background-color: #f9e491; border-color: #f6d861; box-shadow: 5px 5px rgba(246, 217, 102, 0.2); } .note.note-danger { background-color: #fef7f8; border-color: #f0868e; color: #210406; } .note.note-danger.note-bordered { background-color: #fbdcde; border-color: #f39da3; } .note.note-danger.note-shadow { background-color: #fbe1e3; border-color: #f6b3b8; box-shadow: 5px 5px rgba(246, 184, 189, 0.2); } /*** Customized Bootstrap Pagination ***/ .pagination { margin: 10px 0; } .pagination.pagination-circle > li:first-child > a { border-radius: 25px 0 0 25px !important; } .pagination.pagination-circle > li:last-child > a { border-radius: 0 25px 25px 0 !important; } .pagination .active > a, .pagination .active > a:hover { background: #eee; border-color: #dddddd; color: #333; } /*** Customized Bootstrap Panels ***/ .panel { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .panel-group .panel { overflow: visible; } .panel .panel-body { font-size: 13px; } .panel .panel-title > a:hover { text-decoration: none; } .accordion .panel .panel-heading { padding: 0; } .accordion .panel .panel-title { padding: 0; } .accordion .panel .panel-title .accordion-toggle { display: block; padding: 10px 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled { background: url("../img/accordion-plusminus.png") no-repeat; background-position: right -19px; margin-right: 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed { background-position: right 12px; } /*** Accordions ***/ .panel-heading { background: #eee; } .panel-heading a { text-decoration: none; } .panel-heading a:active, .panel-heading a:focus, .panel-heading a:hover { text-decoration: none; } /*** Customized Bootstrap Popover ***/ /*rtl:ignore*/ .popover { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); padding: 0; } .popover .popover-title { margin: 0 !important; } /*** Portlets ***/ /* Full Screen portlet mode */ .page-portlet-fullscreen { overflow: hidden; } /* Basic portlet */ .portlet { margin-top: 0px; margin-bottom: 25px; padding: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .portlet.portlet-fullscreen { z-index: 10060; margin: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #fff; } .portlet.portlet-fullscreen > .portlet-body { overflow-y: auto; overflow-x: hidden; padding: 0 10px; } .portlet.portlet-fullscreen > .portlet-title { padding: 0 10px; } .portlet > .portlet-title { border-bottom: 1px solid #eee; padding: 0; margin-bottom: 10px; min-height: 41px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .portlet > .portlet-title:before, .portlet > .portlet-title:after { content: " "; display: table; } .portlet > .portlet-title:after { clear: both; } .portlet > .portlet-title > .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; padding: 10px 0; } .portlet > .portlet-title > .caption.bold { font-weight: 400; } .portlet > .portlet-title > .caption > i { float: left; margin-top: 4px; display: inline-block; font-size: 13px; margin-right: 5px; color: #666; } .portlet > .portlet-title > .caption > i.glyphicon { margin-top: 2px; } .portlet > .portlet-title > .caption > .caption-helper { padding: 0; margin: 0; line-height: 13px; color: #9eacb4; font-size: 13px; font-weight: 400; } .portlet > .portlet-title > .actions { float: right; display: inline-block; padding: 6px 0; } .portlet > .portlet-title > .actions > .dropdown-menu i { color: #555555; } .portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm { padding: 4px 10px; font-size: 13px; line-height: 1.5; } .portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default { padding: 3px 9px; } .portlet > .portlet-title > .actions > .btn > i, .portlet > .portlet-title > .actions > .btn.btn-sm > i, .portlet > .portlet-title > .actions > .btn-group > .btn > i, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i { font-size: 13px; } .portlet > .portlet-title > .actions .btn-icon-only { padding: 5px 7px 3px 7px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default { padding: 4px 6px 2px 6px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i { font-size: 14px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen { font-family: FontAwesome; color: #a0a0a0; padding-top: 3px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm { padding: 3px 3px !important; height: 27px; width: 27px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before { content: "\f065"; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before { content: "\f066"; } .portlet > .portlet-title > .tools { float: right; display: inline-block; padding: 12px 0 8px 0; } .portlet > .portlet-title > .tools > a { display: inline-block; height: 16px; margin-left: 5px; opacity: 1 ; filter: alpha(opacity=100) ; } .portlet > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon.png); background-repeat: no-repeat; width: 11px; } .portlet > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon.png); background-repeat: no-repeat; width: 12px; } .portlet > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon.png); width: 13px; } .portlet > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon.png); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon.png); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.fullscreen { display: inline-block; top: -3px; position: relative; font-size: 13px; font-family: FontAwesome; color: #ACACAC; } .portlet > .portlet-title > .tools > a.fullscreen:before { content: "\f065"; } .portlet > .portlet-title > .tools > a.fullscreen.on:before { content: "\f066"; } .portlet > .portlet-title > .tools > a:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 0.8 ; filter: alpha(opacity=80) ; } .portlet > .portlet-title > .pagination { float: right; display: inline-block; margin: 2px 0 0 0; border: 0; padding: 4px 0; } .portlet > .portlet-title > .nav-tabs { background: none; margin: 1px 0 0 0; float: right; display: inline-block; border: 0; } .portlet > .portlet-title > .nav-tabs > li { background: none; margin: 0; border: 0; } .portlet > .portlet-title > .nav-tabs > li > a { background: none; margin: 5px 0 0 1px; border: 0; padding: 8px 10px; color: #fff; } .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a { color: #333; background: #fff; border: 0; } .portlet > .portlet-body { clear: both; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .portlet > .portlet-body p { margin-top: 0; } .portlet > .portlet-empty { min-height: 125px; } .portlet.full-height-content { margin-bottom: 0; } /* Portlet background colors */ /* Side bordered portlet */ .portlet.bordered { border-left: 2px solid #e6e9ec !important; } .portlet.bordered > .portlet-title { border-bottom: 0; } /* Solid colored portlet */ .portlet.solid { padding: 0 10px 10px 10px; border: 0px; } .portlet.solid > .portlet-title { border-bottom: 0; margin-bottom: 10px; } .portlet.solid > .portlet-title > .caption { padding: 16px 0 2px 0; } .portlet.solid > .portlet-title > .actions { padding: 12px 0 6px 0; } .portlet.solid > .portlet-title > .tools { padding: 14px 0 6px 0; } /* Solid bordered portlet */ .portlet.solid.bordered > .portlet-title { margin-bottom: 10px; } /* Box portlet */ .portlet.box { padding: 0px !important; } .portlet.box > .portlet-title { border-bottom: 0; padding: 0 10px; margin-bottom: 0; color: #fff; } .portlet.box > .portlet-title > .caption { padding: 11px 0 9px 0; } .portlet.box > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.box > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.box > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.box > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.box > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.box > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box > .portlet-title > .actions { padding: 7px 0 5px 0; } .portlet.box > .portlet-body { background-color: #fff; padding: 15px; } /* Light Portlet */ .portlet.light { padding: 12px 20px 15px 20px; background-color: #fff; } .portlet.light.bordered { border: 1px solid #e7ecf1 !important; } .portlet.light.bordered > .portlet-title { border-bottom: 1px solid #eef1f5; } .portlet.light.bg-inverse { background: #f1f4f7; } .portlet.light > .portlet-title { padding: 0; min-height: 48px; } .portlet.light > .portlet-title > .caption { color: #666; padding: 10px 0; } .portlet.light > .portlet-title > .caption > .caption-subject { font-size: 16px; } .portlet.light > .portlet-title > .caption > i { color: #777; font-size: 15px; font-weight: 300; margin-top: 3px; } .portlet.light > .portlet-title > .caption.caption-md > .caption-subject { font-size: 15px; } .portlet.light > .portlet-title > .caption.caption-md > i { font-size: 14px; } .portlet.light > .portlet-title > .actions { padding: 6px 0 14px 0; } .portlet.light > .portlet-title > .actions .btn-default { color: #666; } .portlet.light > .portlet-title > .actions .btn-icon-only { height: 27px; width: 27px; } .portlet.light > .portlet-title > .actions .dropdown-menu li > a { color: #555; } .portlet.light > .portlet-title > .inputs { float: right; display: inline-block; padding: 4px 0; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i { font-size: 14px; margin-top: 9px; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control { height: 30px; padding: 2px 26px 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control { height: 30px; padding: 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .pagination { padding: 2px 0 13px 0; } .portlet.light > .portlet-title > .tools { padding: 10px 0 13px 0; margin-top: 2px; } .portlet.light > .portlet-title > .nav-tabs > li { margin: 0; padding: 0; } .portlet.light > .portlet-title > .nav-tabs > li > a { margin: 0; padding: 12px 13px 13px 13px; font-size: 13px; color: #666; } .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a { margin: 0; background: none; color: #333; } .portlet.light.form-fit { padding: 0; } .portlet.light.form-fit > .portlet-title { padding: 17px 20px 10px 20px; margin-bottom: 0; } .portlet.light .portlet-body { padding-top: 8px; } .portlet.light.portlet-fullscreen > .portlet-body { padding: 8px 0; } .portlet.light.portlet-fit { padding: 0; } .portlet.light.portlet-fit > .portlet-title { padding: 17px 20px 10px 20px; } .portlet.light.portlet-fit > .portlet-body { padding: 10px 20px 20px 20px; } .portlet.light.portlet-datatable.portlet-fit > .portlet-body { padding-top: 10px; padding-bottom: 25px; } .tab-pane > p:last-child { margin-bottom: 0px; } /* Reverse aligned tabs */ .tabs-reversed > li { float: right; margin-right: 0; } .tabs-reversed > li > a { margin-right: 0; } /* jQuery UI Draggable Portlets */ .portlet-sortable:not(.portlet-fullscreen) > .portlet-title { cursor: move; } .portlet-sortable-placeholder { border: 2px dashed #eee; margin-bottom: 25px; } .portlet-sortable-empty { box-shadow: none !important; height: 45px; } /*** Custom colored portlets ***/ .portlet > .portlet-body.white, .portlet.white { background-color: #ffffff; } .portlet.solid.white > .portlet-title, .portlet.solid.white > .portlet-body { border: 0; color: #666; } .portlet.solid.white > .portlet-title > .caption { font-weight: 400; } .portlet.solid.white > .portlet-title > .caption > i { color: #666; } .portlet.solid.white > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.white > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.white > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.white > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.white > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.white > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.white { border: 1px solid white; border-top: 0; } .portlet.box.white > .portlet-title { background-color: #ffffff; } .portlet.box.white > .portlet-title > .caption { color: #666; } .portlet.box.white > .portlet-title > .caption > i { color: #666; } .portlet.box.white > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.white > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.white > .portlet-title > .actions .btn-default:hover, .portlet.box.white > .portlet-title > .actions .btn-default:focus, .portlet.box.white > .portlet-title > .actions .btn-default:active, .portlet.box.white > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.default, .portlet.default { background-color: #e1e5ec; } .portlet.solid.default > .portlet-title, .portlet.solid.default > .portlet-body { border: 0; color: #666; } .portlet.solid.default > .portlet-title > .caption { font-weight: 400; } .portlet.solid.default > .portlet-title > .caption > i { color: #666; } .portlet.solid.default > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.default > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.default > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.default > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.default > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.default > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.default { border: 1px solid white; border-top: 0; } .portlet.box.default > .portlet-title { background-color: #e1e5ec; } .portlet.box.default > .portlet-title > .caption { color: #666; } .portlet.box.default > .portlet-title > .caption > i { color: #666; } .portlet.box.default > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.default > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.default > .portlet-title > .actions .btn-default:hover, .portlet.box.default > .portlet-title > .actions .btn-default:focus, .portlet.box.default > .portlet-title > .actions .btn-default:active, .portlet.box.default > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.dark, .portlet.dark { background-color: #2f353b; } .portlet.solid.dark > .portlet-title, .portlet.solid.dark > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.dark > .portlet-title > .caption { font-weight: 400; } .portlet.solid.dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.dark > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.dark > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.dark > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.dark > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.dark > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.dark { border: 1px solid #464f57; border-top: 0; } .portlet.box.dark > .portlet-title { background-color: #2f353b; } .portlet.box.dark > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.dark > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #616d79; color: #6c7a88; } .portlet.box.dark > .portlet-title > .actions .btn-default > i { color: #738290; } .portlet.box.dark > .portlet-title > .actions .btn-default:hover, .portlet.box.dark > .portlet-title > .actions .btn-default:focus, .portlet.box.dark > .portlet-title > .actions .btn-default:active, .portlet.box.dark > .portlet-title > .actions .btn-default.active { border: 1px solid #798794; color: #8793a0; } .portlet > .portlet-body.blue, .portlet.blue { background-color: #3598dc; } .portlet.solid.blue > .portlet-title, .portlet.solid.blue > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue { border: 1px solid #60aee4; border-top: 0; } .portlet.box.blue > .portlet-title { background-color: #3598dc; } .portlet.box.blue > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #95c9ed; color: #aad4f0; } .portlet.box.blue > .portlet-title > .actions .btn-default > i { color: #b7daf3; } .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default.active { border: 1px solid #c0dff4; color: #d6eaf8; } .portlet > .portlet-body.blue-madison, .portlet.blue-madison { background-color: #578ebe; } .portlet.solid.blue-madison > .portlet-title, .portlet.solid.blue-madison > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-madison > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-madison > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-madison > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-madison { border: 1px solid #7ca7cc; border-top: 0; } .portlet.box.blue-madison > .portlet-title { background-color: #578ebe; } .portlet.box.blue-madison > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-madison > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #a8c4dd; color: #bad1e4; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default > i { color: #c5d8e9; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active { border: 1px solid #cdddec; color: #dfeaf3; } .portlet > .portlet-body.blue-chambray, .portlet.blue-chambray { background-color: #2C3E50; } .portlet.solid.blue-chambray > .portlet-title, .portlet.solid.blue-chambray > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-chambray > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-chambray > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-chambray { border: 1px solid #3e5771; border-top: 0; } .portlet.box.blue-chambray > .portlet-title { background-color: #2C3E50; } .portlet.box.blue-chambray > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-chambray > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #547698; color: #5f83a7; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i { color: #698aac; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active { border: 1px solid #6f90b0; color: #809cb9; } .portlet > .portlet-body.blue-ebonyclay, .portlet.blue-ebonyclay { background-color: #22313F; } .portlet.solid.blue-ebonyclay > .portlet-title, .portlet.solid.blue-ebonyclay > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-ebonyclay { border: 1px solid #344b60; border-top: 0; } .portlet.box.blue-ebonyclay > .portlet-title { background-color: #22313F; } .portlet.box.blue-ebonyclay > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-ebonyclay > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #496a88; color: #527798; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i { color: #587ea2; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active { border: 1px solid #5d83a7; color: #6d90b0; } .portlet > .portlet-body.blue-hoki, .portlet.blue-hoki { background-color: #67809F; } .portlet.solid.blue-hoki > .portlet-title, .portlet.solid.blue-hoki > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-hoki > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-hoki > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-hoki { border: 1px solid #869ab3; border-top: 0; } .portlet.box.blue-hoki > .portlet-title { background-color: #67809F; } .portlet.box.blue-hoki > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-hoki > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #acb9ca; color: #bbc7d4; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i { color: #c5ceda; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active { border: 1px solid #cbd4de; color: #dbe1e8; } .portlet > .portlet-body.blue-steel, .portlet.blue-steel { background-color: #4B77BE; } .portlet.solid.blue-steel > .portlet-title, .portlet.solid.blue-steel > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-steel > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-steel > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-steel > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-steel { border: 1px solid #7093cc; border-top: 0; } .portlet.box.blue-steel > .portlet-title { background-color: #4B77BE; } .portlet.box.blue-steel > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-steel > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9db5dc; color: #b0c3e3; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default > i { color: #bbcce7; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active { border: 1px solid #c3d2e9; color: #d6e0f0; } .portlet > .portlet-body.blue-soft, .portlet.blue-soft { background-color: #4c87b9; } .portlet.solid.blue-soft > .portlet-title, .portlet.solid.blue-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-soft > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-soft > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-soft { border: 1px solid #71a0c7; border-top: 0; } .portlet.box.blue-soft > .portlet-title { background-color: #4c87b9; } .portlet.box.blue-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9dbdd9; color: #afc9e0; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default > i { color: #bad1e4; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #c1d6e7; color: #d4e2ee; } .portlet > .portlet-body.blue-dark, .portlet.blue-dark { background-color: #5e738b; } .portlet.solid.blue-dark > .portlet-title, .portlet.solid.blue-dark > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-dark > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-dark > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-dark { border: 1px solid #788da4; border-top: 0; } .portlet.box.blue-dark > .portlet-title { background-color: #5e738b; } .portlet.box.blue-dark > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9dacbd; color: #acb8c7; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default > i { color: #b5c0cd; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active { border: 1px solid #bbc5d1; color: #cad2db; } .portlet > .portlet-body.blue-sharp, .portlet.blue-sharp { background-color: #5C9BD1; } .portlet.solid.blue-sharp > .portlet-title, .portlet.solid.blue-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-sharp > .portlet-title > .caption { font-weight: 400; } .portlet.solid.blue-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-sharp { border: 1px solid #84b3dc; border-top: 0; } .portlet.box.blue-sharp > .portlet-title { background-color: #5C9BD1; } .portlet.box.blue-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b4d1ea; color: #c7ddef; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i { color: #d3e4f3; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #dbe9f5; color: #eff5fb; } .portlet > .portlet-body.green, .portlet.green { background-color: #32c5d2; } .portlet.solid.green > .portlet-title, .portlet.solid.green > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green { border: 1px solid #5cd1db; border-top: 0; } .portlet.box.green > .portlet-title { background-color: #32c5d2; } .portlet.box.green > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #8edfe6; color: #a3e5eb; } .portlet.box.green > .portlet-title > .actions .btn-default > i { color: #afe8ee; } .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default.active { border: 1px solid #b8ebef; color: #cdf1f4; } .portlet > .portlet-body.green-meadow, .portlet.green-meadow { background-color: #1BBC9B; } .portlet.solid.green-meadow > .portlet-title, .portlet.solid.green-meadow > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-meadow > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-meadow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-meadow > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-meadow { border: 1px solid #2ae0bb; border-top: 0; } .portlet.box.green-meadow > .portlet-title { background-color: #1BBC9B; } .portlet.box.green-meadow > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-meadow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #5fe8cc; color: #75ebd3; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default > i { color: #83edd7; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active { border: 1px solid #8ceeda; color: #a2f2e1; } .portlet > .portlet-body.green-seagreen, .portlet.green-seagreen { background-color: #1BA39C; } .portlet.solid.green-seagreen > .portlet-title, .portlet.solid.green-seagreen > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-seagreen > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-seagreen > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-seagreen { border: 1px solid #22cfc6; border-top: 0; } .portlet.box.green-seagreen > .portlet-title { background-color: #1BA39C; } .portlet.box.green-seagreen > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-seagreen > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #4de1da; color: #63e5de; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i { color: #70e7e1; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active { border: 1px solid #78e9e3; color: #8eece8; } .portlet > .portlet-body.green-turquoise, .portlet.green-turquoise { background-color: #36D7B7; } .portlet.solid.green-turquoise > .portlet-title, .portlet.solid.green-turquoise > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-turquoise > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-turquoise > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-turquoise { border: 1px solid #61dfc6; border-top: 0; } .portlet.box.green-turquoise > .portlet-title { background-color: #36D7B7; } .portlet.box.green-turquoise > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-turquoise > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #94ead9; color: #a9eee0; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i { color: #b6f0e5; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active { border: 1px solid #bef2e8; color: #d3f6ef; } .portlet > .portlet-body.green-haze, .portlet.green-haze { background-color: #44b6ae; } .portlet.solid.green-haze > .portlet-title, .portlet.solid.green-haze > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-haze > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-haze > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-haze { border: 1px solid #67c6bf; border-top: 0; } .portlet.box.green-haze > .portlet-title { background-color: #44b6ae; } .portlet.box.green-haze > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-haze > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #93d7d2; color: #a6deda; } .portlet.box.green-haze > .portlet-title > .actions .btn-default > i { color: #b1e2de; } .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default.active { border: 1px solid #b9e5e2; color: #cbece9; } .portlet > .portlet-body.green-jungle, .portlet.green-jungle { background-color: #26C281; } .portlet.solid.green-jungle > .portlet-title, .portlet.solid.green-jungle > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-jungle > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-jungle > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-jungle > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-jungle { border: 1px solid #41da9a; border-top: 0; } .portlet.box.green-jungle > .portlet-title { background-color: #26C281; } .portlet.box.green-jungle > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-jungle > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #74e4b5; color: #8ae8c1; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default > i { color: #96ebc8; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active { border: 1px solid #9feccc; color: #b4f0d7; } .portlet > .portlet-body.green-soft, .portlet.green-soft { background-color: #3faba4; } .portlet.solid.green-soft > .portlet-title, .portlet.solid.green-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-soft > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-soft > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-soft { border: 1px solid #5bc2bc; border-top: 0; } .portlet.box.green-soft > .portlet-title { background-color: #3faba4; } .portlet.box.green-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #87d3ce; color: #9adad6; } .portlet.box.green-soft > .portlet-title > .actions .btn-default > i { color: #a5deda; } .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #ade1dd; color: #bfe7e5; } .portlet > .portlet-body.green-dark, .portlet.green-dark { background-color: #4DB3A2; } .portlet.solid.green-dark > .portlet-title, .portlet.solid.green-dark > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-dark > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-dark > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-dark > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-dark > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-dark > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-dark > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-dark { border: 1px solid #71c2b5; border-top: 0; } .portlet.box.green-dark > .portlet-title { background-color: #4DB3A2; } .portlet.box.green-dark > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-dark > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9cd5cb; color: #addcd4; } .portlet.box.green-dark > .portlet-title > .actions .btn-default > i { color: #b8e1da; } .portlet.box.green-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.green-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.green-dark > .portlet-title > .actions .btn-default:active, .portlet.box.green-dark > .portlet-title > .actions .btn-default.active { border: 1px solid #bfe4de; color: #d1ebe7; } .portlet > .portlet-body.green-sharp, .portlet.green-sharp { background-color: #2ab4c0; } .portlet.solid.green-sharp > .portlet-title, .portlet.solid.green-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-sharp > .portlet-title > .caption { font-weight: 400; } .portlet.solid.green-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-sharp > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-sharp { border: 1px solid #46cbd7; border-top: 0; } .portlet.box.green-sharp > .portlet-title { background-color: #2ab4c0; } .portlet.box.green-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #79d9e2; color: #8edfe6; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default > i { color: #9ae3e9; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #a2e5eb; color: #b7ebef; } .portlet > .portlet-body.grey, .portlet.grey { background-color: #E5E5E5; } .portlet.solid.grey > .portlet-title, .portlet.solid.grey > .portlet-body { border: 0; color: #333333; } .portlet.solid.grey > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey > .portlet-title > .caption > i { color: #333333; } .portlet.solid.grey > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey { border: 1px solid white; border-top: 0; } .portlet.box.grey > .portlet-title { background-color: #E5E5E5; } .portlet.box.grey > .portlet-title > .caption { color: #333333; } .portlet.box.grey > .portlet-title > .caption > i { color: #333333; } .portlet.box.grey > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.grey-steel, .portlet.grey-steel { background-color: #e9edef; } .portlet.solid.grey-steel > .portlet-title, .portlet.solid.grey-steel > .portlet-body { border: 0; color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-steel { border: 1px solid white; border-top: 0; } .portlet.box.grey-steel > .portlet-title { background-color: #e9edef; } .portlet.box.grey-steel > .portlet-title > .caption { color: #80898e; } .portlet.box.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.grey-cararra, .portlet.grey-cararra { background-color: #fafafa; } .portlet.solid.grey-cararra > .portlet-title, .portlet.solid.grey-cararra > .portlet-body { border: 0; color: #333333; } .portlet.solid.grey-cararra > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-cararra > .portlet-title > .caption > i { color: #333333; } .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cararra { border: 1px solid white; border-top: 0; } .portlet.box.grey-cararra > .portlet-title { background-color: #fafafa; } .portlet.box.grey-cararra > .portlet-title > .caption { color: #333333; } .portlet.box.grey-cararra > .portlet-title > .caption > i { color: #333333; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.grey-gallery, .portlet.grey-gallery { background-color: #555555; } .portlet.solid.grey-gallery > .portlet-title, .portlet.solid.grey-gallery > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.grey-gallery > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-gallery > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-gallery { border: 1px solid #6e6e6e; border-top: 0; } .portlet.box.grey-gallery > .portlet-title { background-color: #555555; } .portlet.box.grey-gallery > .portlet-title > .caption { color: #ffffff; } .portlet.box.grey-gallery > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #8d8d8d; color: #9a9a9a; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i { color: #a2a2a2; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active { border: 1px solid #a7a7a7; color: #b3b3b3; } .portlet > .portlet-body.grey-cascade, .portlet.grey-cascade { background-color: #95A5A6; } .portlet.solid.grey-cascade > .portlet-title, .portlet.solid.grey-cascade > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.grey-cascade > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-cascade > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cascade { border: 1px solid #b1bdbd; border-top: 0; } .portlet.box.grey-cascade > .portlet-title { background-color: #95A5A6; } .portlet.box.grey-cascade > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.grey-cascade > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #d2d9d9; color: #e0e5e5; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i { color: #e8ecec; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active { border: 1px solid #eef0f0; color: #fcfcfc; } .portlet > .portlet-body.grey-silver, .portlet.grey-silver { background-color: #BFBFBF; } .portlet.solid.grey-silver > .portlet-title, .portlet.solid.grey-silver > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-silver { border: 1px solid #d9d9d9; border-top: 0; } .portlet.box.grey-silver > .portlet-title { background-color: #BFBFBF; } .portlet.box.grey-silver > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f7f7f7; color: white; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.grey-salsa, .portlet.grey-salsa { background-color: #ACB5C3; } .portlet.solid.grey-salsa > .portlet-title, .portlet.solid.grey-salsa > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salsa { border: 1px solid #cacfd8; border-top: 0; } .portlet.box.grey-salsa > .portlet-title { background-color: #ACB5C3; } .portlet.box.grey-salsa > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #edeff2; color: #fcfcfd; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.grey-salt, .portlet.grey-salt { background-color: #bfcad1; } .portlet.solid.grey-salt > .portlet-title, .portlet.solid.grey-salt > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salt { border: 1px solid #dde3e6; border-top: 0; } .portlet.box.grey-salt > .portlet-title { background-color: #bfcad1; } .portlet.box.grey-salt > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.grey-mint, .portlet.grey-mint { background-color: #525e64; } .portlet.solid.grey-mint > .portlet-title, .portlet.solid.grey-mint > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.grey-mint > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-mint > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.grey-mint > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-mint { border: 1px solid #697880; border-top: 0; } .portlet.box.grey-mint > .portlet-title { background-color: #525e64; } .portlet.box.grey-mint > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.grey-mint > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #88979e; color: #96a3a9; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default > i { color: #9faab0; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active { border: 1px solid #a4afb5; color: #b2bcc0; } .portlet > .portlet-body.red, .portlet.red { background-color: #e7505a; } .portlet.solid.red > .portlet-title, .portlet.solid.red > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red { border: 1px solid #ed7d84; border-top: 0; } .portlet.box.red > .portlet-title { background-color: #e7505a; } .portlet.box.red > .portlet-title > .caption { color: #ffffff; } .portlet.box.red > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f5b3b7; color: #f8c9cc; } .portlet.box.red > .portlet-title > .actions .btn-default > i { color: #f9d7d9; } .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active { border: 1px solid #fbe0e1; color: #fef6f6; } .portlet > .portlet-body.red-pink, .portlet.red-pink { background-color: #E08283; } .portlet.solid.red-pink > .portlet-title, .portlet.solid.red-pink > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-pink > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-pink > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-pink > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-pink { border: 1px solid #eaabac; border-top: 0; } .portlet.box.red-pink > .portlet-title { background-color: #E08283; } .portlet.box.red-pink > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-pink > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-pink > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f6dcdc; color: #fbf0f0; } .portlet.box.red-pink > .portlet-title > .actions .btn-default > i { color: #fefdfd; } .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } .portlet > .portlet-body.red-sunglo, .portlet.red-sunglo { background-color: #E26A6A; } .portlet.solid.red-sunglo > .portlet-title, .portlet.solid.red-sunglo > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-sunglo > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-sunglo > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-sunglo { border: 1px solid #ea9595; border-top: 0; } .portlet.box.red-sunglo > .portlet-title { background-color: #E26A6A; } .portlet.box.red-sunglo > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-sunglo > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f4c8c8; color: #f8dddd; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i { color: #fbeaea; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active { border: 1px solid #fdf3f3; color: white; } .portlet > .portlet-body.red-intense, .portlet.red-intense { background-color: #e35b5a; } .portlet.solid.red-intense > .portlet-title, .portlet.solid.red-intense > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-intense > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-intense > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-intense > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-intense { border: 1px solid #ea8686; border-top: 0; } .portlet.box.red-intense > .portlet-title { background-color: #e35b5a; } .portlet.box.red-intense > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-intense > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-intense > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f3baba; color: #f7d0d0; } .portlet.box.red-intense > .portlet-title > .actions .btn-default > i { color: #f9dddd; } .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default.active { border: 1px solid #fbe6e6; color: #fefbfb; } .portlet > .portlet-body.red-thunderbird, .portlet.red-thunderbird { background-color: #D91E18; } .portlet.solid.red-thunderbird > .portlet-title, .portlet.solid.red-thunderbird > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-thunderbird > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-thunderbird > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-thunderbird { border: 1px solid #e9403b; border-top: 0; } .portlet.box.red-thunderbird > .portlet-title { background-color: #D91E18; } .portlet.box.red-thunderbird > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-thunderbird > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ef7672; color: #f28c89; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i { color: #f39997; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active { border: 1px solid #f4a2a0; color: #f7b9b7; } .portlet > .portlet-body.red-flamingo, .portlet.red-flamingo { background-color: #EF4836; } .portlet.solid.red-flamingo > .portlet-title, .portlet.solid.red-flamingo > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-flamingo > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-flamingo > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-flamingo { border: 1px solid #f37365; border-top: 0; } .portlet.box.red-flamingo > .portlet-title { background-color: #EF4836; } .portlet.box.red-flamingo > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-flamingo > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f7a79e; color: #f9bcb6; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i { color: #fac9c4; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active { border: 1px solid #fbd2cd; color: #fde7e5; } .portlet > .portlet-body.red-soft, .portlet.red-soft { background-color: #d05454; } .portlet.solid.red-soft > .portlet-title, .portlet.solid.red-soft > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-soft > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-soft > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-soft > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-soft { border: 1px solid #db7c7c; border-top: 0; } .portlet.box.red-soft > .portlet-title { background-color: #d05454; } .portlet.box.red-soft > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-soft > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e8acac; color: #eec0c0; } .portlet.box.red-soft > .portlet-title > .actions .btn-default > i { color: #f1cccc; } .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #f3d4d4; color: #f9e8e8; } .portlet > .portlet-body.red-haze, .portlet.red-haze { background-color: #f36a5a; } .portlet.solid.red-haze > .portlet-title, .portlet.solid.red-haze > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-haze > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-haze > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-haze > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-haze { border: 1px solid #f6958a; border-top: 0; } .portlet.box.red-haze > .portlet-title { background-color: #f36a5a; } .portlet.box.red-haze > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-haze > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-haze > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fbc8c3; color: #fcdeda; } .portlet.box.red-haze > .portlet-title > .actions .btn-default > i { color: #fdebe9; } .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default.active { border: 1px solid #fef3f2; color: white; } .portlet > .portlet-body.red-mint, .portlet.red-mint { background-color: #e43a45; } .portlet.solid.red-mint > .portlet-title, .portlet.solid.red-mint > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.red-mint > .portlet-title > .caption { font-weight: 400; } .portlet.solid.red-mint > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.red-mint > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.red-mint > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.red-mint > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.red-mint > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.red-mint > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.red-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-mint { border: 1px solid #ea676f; border-top: 0; } .portlet.box.red-mint > .portlet-title { background-color: #e43a45; } .portlet.box.red-mint > .portlet-title > .caption { color: #ffffff; } .portlet.box.red-mint > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.red-mint > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f29da2; color: #f5b3b7; } .portlet.box.red-mint > .portlet-title > .actions .btn-default > i { color: #f6c1c4; } .portlet.box.red-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.red-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.red-mint > .portlet-title > .actions .btn-default:active, .portlet.box.red-mint > .portlet-title > .actions .btn-default.active { border: 1px solid #f8cacd; color: #fbe0e2; } .portlet > .portlet-body.yellow, .portlet.yellow { background-color: #c49f47; } .portlet.solid.yellow > .portlet-title, .portlet.solid.yellow > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow { border: 1px solid #d0b36e; border-top: 0; } .portlet.box.yellow > .portlet-title { background-color: #c49f47; } .portlet.box.yellow > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #dfcb9c; color: #e5d5af; } .portlet.box.yellow > .portlet-title > .actions .btn-default > i { color: #e9dbbb; } .portlet.box.yellow > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default.active { border: 1px solid #ecdfc3; color: #f2ead6; } .portlet > .portlet-body.yellow-gold, .portlet.yellow-gold { background-color: #E87E04; } .portlet.solid.yellow-gold > .portlet-title, .portlet.solid.yellow-gold > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-gold > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-gold > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-gold { border: 1px solid #fb9724; border-top: 0; } .portlet.box.yellow-gold > .portlet-title { background-color: #E87E04; } .portlet.box.yellow-gold > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-gold > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fcb460; color: #fdbf79; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i { color: #fdc788; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active { border: 1px solid #fdcb92; color: #fed7ab; } .portlet > .portlet-body.yellow-casablanca, .portlet.yellow-casablanca { background-color: #f2784b; } .portlet.solid.yellow-casablanca > .portlet-title, .portlet.solid.yellow-casablanca > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-casablanca > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-casablanca > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-casablanca { border: 1px solid #f59c7b; border-top: 0; } .portlet.box.yellow-casablanca > .portlet-title { background-color: #f2784b; } .portlet.box.yellow-casablanca > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-casablanca > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fac6b4; color: #fbd8cb; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i { color: #fce3da; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active { border: 1px solid #fdeae3; color: #fffcfb; } .portlet > .portlet-body.yellow-crusta, .portlet.yellow-crusta { background-color: #f3c200; } .portlet.solid.yellow-crusta > .portlet-title, .portlet.solid.yellow-crusta > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-crusta > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-crusta > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-crusta { border: 1px solid #ffd327; border-top: 0; } .portlet.box.yellow-crusta > .portlet-title { background-color: #f3c200; } .portlet.box.yellow-crusta > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-crusta > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ffe064; color: #ffe57e; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i { color: #ffe88d; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active { border: 1px solid #ffea97; color: #ffefb1; } .portlet > .portlet-body.yellow-lemon, .portlet.yellow-lemon { background-color: #F7CA18; } .portlet.solid.yellow-lemon > .portlet-title, .portlet.solid.yellow-lemon > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-lemon > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-lemon > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-lemon { border: 1px solid #f9d549; border-top: 0; } .portlet.box.yellow-lemon > .portlet-title { background-color: #F7CA18; } .portlet.box.yellow-lemon > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-lemon > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fbe384; color: #fce99d; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i { color: #fcecac; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active { border: 1px solid #fceeb6; color: #fdf4ce; } .portlet > .portlet-body.yellow-saffron, .portlet.yellow-saffron { background-color: #F4D03F; } .portlet.solid.yellow-saffron > .portlet-title, .portlet.solid.yellow-saffron > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-saffron > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-saffron > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-saffron { border: 1px solid #f7dc6f; border-top: 0; } .portlet.box.yellow-saffron > .portlet-title { background-color: #F4D03F; } .portlet.box.yellow-saffron > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-saffron > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #faeaa9; color: #fbf0c1; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i { color: #fcf3d0; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active { border: 1px solid #fdf6d9; color: #fefcf1; } .portlet > .portlet-body.yellow-soft, .portlet.yellow-soft { background-color: #c8d046; } .portlet.solid.yellow-soft > .portlet-title, .portlet.solid.yellow-soft > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-soft > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-soft > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-soft > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-soft { border: 1px solid #d4da6f; border-top: 0; } .portlet.box.yellow-soft > .portlet-title { background-color: #c8d046; } .portlet.box.yellow-soft > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-soft > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e3e79f; color: #e9ecb4; } .portlet.box.yellow-soft > .portlet-title > .actions .btn-default > i { color: #ecefc0; } .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #eff1c8; color: #f5f6dc; } .portlet > .portlet-body.yellow-haze, .portlet.yellow-haze { background-color: #c5bf66; } .portlet.solid.yellow-haze > .portlet-title, .portlet.solid.yellow-haze > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-haze > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-haze > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-haze > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-haze { border: 1px solid #d3ce8b; border-top: 0; } .portlet.box.yellow-haze > .portlet-title { background-color: #c5bf66; } .portlet.box.yellow-haze > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-haze > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-haze > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e4e1b7; color: #ebe9ca; } .portlet.box.yellow-haze > .portlet-title > .actions .btn-default > i { color: #efedd5; } .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default.active { border: 1px solid #f2f1dc; color: #f9f8ef; } .portlet > .portlet-body.yellow-mint, .portlet.yellow-mint { background-color: #c5b96b; } .portlet.solid.yellow-mint > .portlet-title, .portlet.solid.yellow-mint > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.yellow-mint > .portlet-title > .caption { font-weight: 400; } .portlet.solid.yellow-mint > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.yellow-mint > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-mint { border: 1px solid #d3ca90; border-top: 0; } .portlet.box.yellow-mint > .portlet-title { background-color: #c5b96b; } .portlet.box.yellow-mint > .portlet-title > .caption { color: #ffffff; } .portlet.box.yellow-mint > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.yellow-mint > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e5dfbc; color: #ece8ce; } .portlet.box.yellow-mint > .portlet-title > .actions .btn-default > i { color: #f0edd9; } .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default.active { border: 1px solid #f3f0e0; color: #faf9f3; } .portlet > .portlet-body.purple, .portlet.purple { background-color: #8E44AD; } .portlet.solid.purple > .portlet-title, .portlet.solid.purple > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple > .portlet-title { background-color: #8E44AD; } .portlet.box.purple > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default.active { border: 1px solid #d4b3e1; color: #dec5e8; } .portlet > .portlet-body.purple-plum, .portlet.purple-plum { background-color: #8775a7; } .portlet.solid.purple-plum > .portlet-title, .portlet.solid.purple-plum > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-plum > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-plum > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-plum > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-plum { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-plum > .portlet-title { background-color: #8775a7; } .portlet.box.purple-plum > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-plum > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active { border: 1px solid #ded9e7; color: #ebe8f0; } .portlet > .portlet-body.purple-medium, .portlet.purple-medium { background-color: #BF55EC; } .portlet.solid.purple-medium > .portlet-title, .portlet.solid.purple-medium > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-medium > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-medium > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-medium > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-medium { border: 1px solid #d083f1; border-top: 0; } .portlet.box.purple-medium > .portlet-title { background-color: #BF55EC; } .portlet.box.purple-medium > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-medium > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e5baf7; color: #eed1fa; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default > i { color: #f3dffb; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active { border: 1px solid #f6e8fc; color: white; } .portlet > .portlet-body.purple-studio, .portlet.purple-studio { background-color: #8E44AD; } .portlet.solid.purple-studio > .portlet-title, .portlet.solid.purple-studio > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-studio > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-studio > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-studio > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-studio { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple-studio > .portlet-title { background-color: #8E44AD; } .portlet.box.purple-studio > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-studio > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default.active { border: 1px solid #d4b3e1; color: #dec5e8; } .portlet > .portlet-body.purple-wisteria, .portlet.purple-wisteria { background-color: #9B59B6; } .portlet.solid.purple-wisteria > .portlet-title, .portlet.solid.purple-wisteria > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-wisteria > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-wisteria > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-wisteria { border: 1px solid #b07cc6; border-top: 0; } .portlet.box.purple-wisteria > .portlet-title { background-color: #9B59B6; } .portlet.box.purple-wisteria > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-wisteria > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #caa7d8; color: #d5b9e0; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i { color: #dbc3e5; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active { border: 1px solid #dfcae8; color: #eadcf0; } .portlet > .portlet-body.purple-seance, .portlet.purple-seance { background-color: #9A12B3; } .portlet.solid.purple-seance > .portlet-title, .portlet.solid.purple-seance > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-seance > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-seance > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-seance > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-seance { border: 1px solid #c217e1; border-top: 0; } .portlet.box.purple-seance > .portlet-title { background-color: #9A12B3; } .portlet.box.purple-seance > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-seance > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #d349ed; color: #d960ef; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default > i { color: #dc6ef0; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default.active { border: 1px solid #de77f1; color: #e48ef4; } .portlet > .portlet-body.purple-intense, .portlet.purple-intense { background-color: #8775a7; } .portlet.solid.purple-intense > .portlet-title, .portlet.solid.purple-intense > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-intense > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-intense > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-intense > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-intense { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-intense > .portlet-title { background-color: #8775a7; } .portlet.box.purple-intense > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-intense > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default.active { border: 1px solid #ded9e7; color: #ebe8f0; } .portlet > .portlet-body.purple-sharp, .portlet.purple-sharp { background-color: #796799; } .portlet.solid.purple-sharp > .portlet-title, .portlet.solid.purple-sharp > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-sharp > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-sharp > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-sharp { border: 1px solid #9486ad; border-top: 0; } .portlet.box.purple-sharp > .portlet-title { background-color: #796799; } .portlet.box.purple-sharp > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-sharp > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b4aac6; color: #c2b9d0; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i { color: #cac3d6; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #cfc9db; color: #ddd8e5; } .portlet > .portlet-body.purple-soft, .portlet.purple-soft { background-color: #8877a9; } .portlet.solid.purple-soft > .portlet-title, .portlet.solid.purple-soft > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.purple-soft > .portlet-title > .caption { font-weight: 400; } .portlet.solid.purple-soft > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.purple-soft > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-soft { border: 1px solid #a396bd; border-top: 0; } .portlet.box.purple-soft > .portlet-title { background-color: #8877a9; } .portlet.box.purple-soft > .portlet-title > .caption { color: #ffffff; } .portlet.box.purple-soft > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c4bcd4; color: #d2cbde; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i { color: #dad5e4; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #dfdbe8; color: #edebf2; } /*** Customized Progress Bars ***/ .progress { border: 0; background-image: none; filter: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress.progress-sm { height: 12px; } /* Custom colors */ .progress-bar.white { background: #ffffff !important; color: #666 !important; } .progress-bar.default { background: #e1e5ec !important; color: #666 !important; } .progress-bar.dark { background: #2f353b !important; color: #FFFFFF !important; } .progress-bar.blue { background: #3598dc !important; color: #FFFFFF !important; } .progress-bar.blue-madison { background: #578ebe !important; color: #FFFFFF !important; } .progress-bar.blue-chambray { background: #2C3E50 !important; color: #FFFFFF !important; } .progress-bar.blue-ebonyclay { background: #22313F !important; color: #FFFFFF !important; } .progress-bar.blue-hoki { background: #67809F !important; color: #FFFFFF !important; } .progress-bar.blue-steel { background: #4B77BE !important; color: #FFFFFF !important; } .progress-bar.blue-soft { background: #4c87b9 !important; color: #FFFFFF !important; } .progress-bar.blue-dark { background: #5e738b !important; color: #FFFFFF !important; } .progress-bar.blue-sharp { background: #5C9BD1 !important; color: #FFFFFF !important; } .progress-bar.green { background: #32c5d2 !important; color: #FFFFFF !important; } .progress-bar.green-meadow { background: #1BBC9B !important; color: #FFFFFF !important; } .progress-bar.green-seagreen { background: #1BA39C !important; color: #FFFFFF !important; } .progress-bar.green-turquoise { background: #36D7B7 !important; color: #FFFFFF !important; } .progress-bar.green-haze { background: #44b6ae !important; color: #FFFFFF !important; } .progress-bar.green-jungle { background: #26C281 !important; color: #FFFFFF !important; } .progress-bar.green-soft { background: #3faba4 !important; color: #FFFFFF !important; } .progress-bar.green-dark { background: #4DB3A2 !important; color: #FFFFFF !important; } .progress-bar.green-sharp { background: #2ab4c0 !important; color: #FFFFFF !important; } .progress-bar.grey { background: #E5E5E5 !important; color: #333333 !important; } .progress-bar.grey-steel { background: #e9edef !important; color: #80898e !important; } .progress-bar.grey-cararra { background: #fafafa !important; color: #333333 !important; } .progress-bar.grey-gallery { background: #555555 !important; color: #ffffff !important; } .progress-bar.grey-cascade { background: #95A5A6 !important; color: #FFFFFF !important; } .progress-bar.grey-silver { background: #BFBFBF !important; color: #FAFCFB !important; } .progress-bar.grey-salsa { background: #ACB5C3 !important; color: #FAFCFB !important; } .progress-bar.grey-salt { background: #bfcad1 !important; color: #FAFCFB !important; } .progress-bar.grey-mint { background: #525e64 !important; color: #FFFFFF !important; } .progress-bar.red { background: #e7505a !important; color: #ffffff !important; } .progress-bar.red-pink { background: #E08283 !important; color: #ffffff !important; } .progress-bar.red-sunglo { background: #E26A6A !important; color: #ffffff !important; } .progress-bar.red-intense { background: #e35b5a !important; color: #ffffff !important; } .progress-bar.red-thunderbird { background: #D91E18 !important; color: #ffffff !important; } .progress-bar.red-flamingo { background: #EF4836 !important; color: #ffffff !important; } .progress-bar.red-soft { background: #d05454 !important; color: #ffffff !important; } .progress-bar.red-haze { background: #f36a5a !important; color: #ffffff !important; } .progress-bar.red-mint { background: #e43a45 !important; color: #ffffff !important; } .progress-bar.yellow { background: #c49f47 !important; color: #ffffff !important; } .progress-bar.yellow-gold { background: #E87E04 !important; color: #ffffff !important; } .progress-bar.yellow-casablanca { background: #f2784b !important; color: #ffffff !important; } .progress-bar.yellow-crusta { background: #f3c200 !important; color: #ffffff !important; } .progress-bar.yellow-lemon { background: #F7CA18 !important; color: #ffffff !important; } .progress-bar.yellow-saffron { background: #F4D03F !important; color: #ffffff !important; } .progress-bar.yellow-soft { background: #c8d046 !important; color: #ffffff !important; } .progress-bar.yellow-haze { background: #c5bf66 !important; color: #ffffff !important; } .progress-bar.yellow-mint { background: #c5b96b !important; color: #ffffff !important; } .progress-bar.purple { background: #8E44AD !important; color: #ffffff !important; } .progress-bar.purple-plum { background: #8775a7 !important; color: #ffffff !important; } .progress-bar.purple-medium { background: #BF55EC !important; color: #ffffff !important; } .progress-bar.purple-studio { background: #8E44AD !important; color: #ffffff !important; } .progress-bar.purple-wisteria { background: #9B59B6 !important; color: #ffffff !important; } .progress-bar.purple-seance { background: #9A12B3 !important; color: #ffffff !important; } .progress-bar.purple-intense { background: #8775a7 !important; color: #ffffff !important; } .progress-bar.purple-sharp { background: #796799 !important; color: #ffffff !important; } .progress-bar.purple-soft { background: #8877a9 !important; color: #ffffff !important; } /*** Dashboard Stats ***/ .dashboard-stat { display: block; margin-bottom: 25px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .dashboard-stat:before, .dashboard-stat:after { content: " "; display: table; } .dashboard-stat:after { clear: both; } .portlet .dashboard-stat:last-child { margin-bottom: 0; } .dashboard-stat .visual { width: 80px; height: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 15px; font-size: 35px; line-height: 35px; } .dashboard-stat .visual > i { margin-left: -35px; font-size: 110px; line-height: 110px; } .dashboard-stat .details { position: absolute; right: 15px; padding-right: 15px; } .dashboard-stat .details .number { padding-top: 25px; text-align: right; font-size: 34px; line-height: 36px; letter-spacing: -1px; margin-bottom: 0px; font-weight: 300; } .dashboard-stat .details .desc { text-align: right; font-size: 16px; letter-spacing: 0px; font-weight: 300; } .dashboard-stat .more { clear: both; display: block; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; font-weight: 300; font-size: 11px; opacity: 0.7; filter: alpha(opacity=70); } .dashboard-stat .more:hover { text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .dashboard-stat .more > i { display: inline-block; margin-top: 1px; float: right; } .dashboard-stat.white { background-color: #ffffff; } .dashboard-stat.white.dashboard-stat-light:hover { background-color: whitesmoke; } .dashboard-stat.white .visual > i { color: #666; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.white .details .number { color: #666; } .dashboard-stat.white .details .desc { color: #666; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.white .more { color: #666; background-color: whitesmoke; } .dashboard-stat.default { background-color: #e1e5ec; } .dashboard-stat.default.dashboard-stat-light:hover { background-color: #d5dae4; } .dashboard-stat.default .visual > i { color: #666; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.default .details .number { color: #666; } .dashboard-stat.default .details .desc { color: #666; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.default .more { color: #666; background-color: #d5dae4; } .dashboard-stat.dark { background-color: #2f353b; } .dashboard-stat.dark.dashboard-stat-light:hover { background-color: #262b30; } .dashboard-stat.dark .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.dark .details .number { color: #FFFFFF; } .dashboard-stat.dark .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.dark .more { color: #FFFFFF; background-color: #262b30; } .dashboard-stat.blue { background-color: #3598dc; } .dashboard-stat.blue.dashboard-stat-light:hover { background-color: #258fd7; } .dashboard-stat.blue .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue .details .number { color: #FFFFFF; } .dashboard-stat.blue .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue .more { color: #FFFFFF; background-color: #258fd7; } .dashboard-stat.blue-madison { background-color: #578ebe; } .dashboard-stat.blue-madison.dashboard-stat-light:hover { background-color: #4884b8; } .dashboard-stat.blue-madison .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-madison .details .number { color: #FFFFFF; } .dashboard-stat.blue-madison .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-madison .more { color: #FFFFFF; background-color: #4884b8; } .dashboard-stat.blue-chambray { background-color: #2C3E50; } .dashboard-stat.blue-chambray.dashboard-stat-light:hover { background-color: #253443; } .dashboard-stat.blue-chambray .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-chambray .details .number { color: #FFFFFF; } .dashboard-stat.blue-chambray .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-chambray .more { color: #FFFFFF; background-color: #253443; } .dashboard-stat.blue-ebonyclay { background-color: #22313F; } .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover { background-color: #1b2732; } .dashboard-stat.blue-ebonyclay .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-ebonyclay .details .number { color: #FFFFFF; } .dashboard-stat.blue-ebonyclay .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-ebonyclay .more { color: #FFFFFF; background-color: #1b2732; } .dashboard-stat.blue-hoki { background-color: #67809F; } .dashboard-stat.blue-hoki.dashboard-stat-light:hover { background-color: #5e7694; } .dashboard-stat.blue-hoki .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-hoki .details .number { color: #FFFFFF; } .dashboard-stat.blue-hoki .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-hoki .more { color: #FFFFFF; background-color: #5e7694; } .dashboard-stat.blue-steel { background-color: #4B77BE; } .dashboard-stat.blue-steel.dashboard-stat-light:hover { background-color: #416db4; } .dashboard-stat.blue-steel .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-steel .details .number { color: #FFFFFF; } .dashboard-stat.blue-steel .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-steel .more { color: #FFFFFF; background-color: #416db4; } .dashboard-stat.blue-soft { background-color: #4c87b9; } .dashboard-stat.blue-soft.dashboard-stat-light:hover { background-color: #447dad; } .dashboard-stat.blue-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-soft .details .number { color: #FFFFFF; } .dashboard-stat.blue-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-soft .more { color: #FFFFFF; background-color: #447dad; } .dashboard-stat.blue-dark { background-color: #5e738b; } .dashboard-stat.blue-dark.dashboard-stat-light:hover { background-color: #56697f; } .dashboard-stat.blue-dark .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-dark .details .number { color: #FFFFFF; } .dashboard-stat.blue-dark .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-dark .more { color: #FFFFFF; background-color: #56697f; } .dashboard-stat.blue-sharp { background-color: #5C9BD1; } .dashboard-stat.blue-sharp.dashboard-stat-light:hover { background-color: #4c91cd; } .dashboard-stat.blue-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-sharp .details .number { color: #FFFFFF; } .dashboard-stat.blue-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-sharp .more { color: #FFFFFF; background-color: #4c91cd; } .dashboard-stat.green { background-color: #32c5d2; } .dashboard-stat.green.dashboard-stat-light:hover { background-color: #2bb8c4; } .dashboard-stat.green .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green .details .number { color: #FFFFFF; } .dashboard-stat.green .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green .more { color: #FFFFFF; background-color: #2bb8c4; } .dashboard-stat.green-meadow { background-color: #1BBC9B; } .dashboard-stat.green-meadow.dashboard-stat-light:hover { background-color: #18aa8c; } .dashboard-stat.green-meadow .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-meadow .details .number { color: #FFFFFF; } .dashboard-stat.green-meadow .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-meadow .more { color: #FFFFFF; background-color: #18aa8c; } .dashboard-stat.green-seagreen { background-color: #1BA39C; } .dashboard-stat.green-seagreen.dashboard-stat-light:hover { background-color: #18918b; } .dashboard-stat.green-seagreen .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-seagreen .details .number { color: #FFFFFF; } .dashboard-stat.green-seagreen .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-seagreen .more { color: #FFFFFF; background-color: #18918b; } .dashboard-stat.green-turquoise { background-color: #36D7B7; } .dashboard-stat.green-turquoise.dashboard-stat-light:hover { background-color: #29cfae; } .dashboard-stat.green-turquoise .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-turquoise .details .number { color: #FFFFFF; } .dashboard-stat.green-turquoise .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-turquoise .more { color: #FFFFFF; background-color: #29cfae; } .dashboard-stat.green-haze { background-color: #44b6ae; } .dashboard-stat.green-haze.dashboard-stat-light:hover { background-color: #3ea7a0; } .dashboard-stat.green-haze .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-haze .details .number { color: #FFFFFF; } .dashboard-stat.green-haze .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-haze .more { color: #FFFFFF; background-color: #3ea7a0; } .dashboard-stat.green-jungle { background-color: #26C281; } .dashboard-stat.green-jungle.dashboard-stat-light:hover { background-color: #23b176; } .dashboard-stat.green-jungle .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-jungle .details .number { color: #FFFFFF; } .dashboard-stat.green-jungle .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-jungle .more { color: #FFFFFF; background-color: #23b176; } .dashboard-stat.green-soft { background-color: #3faba4; } .dashboard-stat.green-soft.dashboard-stat-light:hover { background-color: #3a9c96; } .dashboard-stat.green-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-soft .details .number { color: #FFFFFF; } .dashboard-stat.green-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-soft .more { color: #FFFFFF; background-color: #3a9c96; } .dashboard-stat.green-dark { background-color: #4DB3A2; } .dashboard-stat.green-dark.dashboard-stat-light:hover { background-color: #46a595; } .dashboard-stat.green-dark .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-dark .details .number { color: #FFFFFF; } .dashboard-stat.green-dark .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-dark .more { color: #FFFFFF; background-color: #46a595; } .dashboard-stat.green-sharp { background-color: #2ab4c0; } .dashboard-stat.green-sharp.dashboard-stat-light:hover { background-color: #26a4af; } .dashboard-stat.green-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-sharp .details .number { color: #FFFFFF; } .dashboard-stat.green-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-sharp .more { color: #FFFFFF; background-color: #26a4af; } .dashboard-stat.grey { background-color: #E5E5E5; } .dashboard-stat.grey.dashboard-stat-light:hover { background-color: #dbdbdb; } .dashboard-stat.grey .visual > i { color: #333333; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey .details .number { color: #333333; } .dashboard-stat.grey .details .desc { color: #333333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey .more { color: #333333; background-color: #dbdbdb; } .dashboard-stat.grey-steel { background-color: #e9edef; } .dashboard-stat.grey-steel.dashboard-stat-light:hover { background-color: #dde3e6; } .dashboard-stat.grey-steel .visual > i { color: #80898e; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-steel .details .number { color: #80898e; } .dashboard-stat.grey-steel .details .desc { color: #80898e; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-steel .more { color: #80898e; background-color: #dde3e6; } .dashboard-stat.grey-cararra { background-color: #fafafa; } .dashboard-stat.grey-cararra.dashboard-stat-light:hover { background-color: #f0f0f0; } .dashboard-stat.grey-cararra .visual > i { color: #333333; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-cararra .details .number { color: #333333; } .dashboard-stat.grey-cararra .details .desc { color: #333333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cararra .more { color: #333333; background-color: #f0f0f0; } .dashboard-stat.grey-gallery { background-color: #555555; } .dashboard-stat.grey-gallery.dashboard-stat-light:hover { background-color: #4b4b4b; } .dashboard-stat.grey-gallery .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-gallery .details .number { color: #ffffff; } .dashboard-stat.grey-gallery .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-gallery .more { color: #ffffff; background-color: #4b4b4b; } .dashboard-stat.grey-cascade { background-color: #95A5A6; } .dashboard-stat.grey-cascade.dashboard-stat-light:hover { background-color: #8a9c9d; } .dashboard-stat.grey-cascade .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-cascade .details .number { color: #FFFFFF; } .dashboard-stat.grey-cascade .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cascade .more { color: #FFFFFF; background-color: #8a9c9d; } .dashboard-stat.grey-silver { background-color: #BFBFBF; } .dashboard-stat.grey-silver.dashboard-stat-light:hover { background-color: #b5b5b5; } .dashboard-stat.grey-silver .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-silver .details .number { color: #FAFCFB; } .dashboard-stat.grey-silver .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-silver .more { color: #FAFCFB; background-color: #b5b5b5; } .dashboard-stat.grey-salsa { background-color: #ACB5C3; } .dashboard-stat.grey-salsa.dashboard-stat-light:hover { background-color: #a0aaba; } .dashboard-stat.grey-salsa .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-salsa .details .number { color: #FAFCFB; } .dashboard-stat.grey-salsa .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salsa .more { color: #FAFCFB; background-color: #a0aaba; } .dashboard-stat.grey-salt { background-color: #bfcad1; } .dashboard-stat.grey-salt.dashboard-stat-light:hover { background-color: #b3c0c8; } .dashboard-stat.grey-salt .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-salt .details .number { color: #FAFCFB; } .dashboard-stat.grey-salt .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salt .more { color: #FAFCFB; background-color: #b3c0c8; } .dashboard-stat.grey-mint { background-color: #525e64; } .dashboard-stat.grey-mint.dashboard-stat-light:hover { background-color: #495359; } .dashboard-stat.grey-mint .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-mint .details .number { color: #FFFFFF; } .dashboard-stat.grey-mint .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-mint .more { color: #FFFFFF; background-color: #495359; } .dashboard-stat.red { background-color: #e7505a; } .dashboard-stat.red.dashboard-stat-light:hover { background-color: #e53e49; } .dashboard-stat.red .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red .details .number { color: #ffffff; } .dashboard-stat.red .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red .more { color: #ffffff; background-color: #e53e49; } .dashboard-stat.red-pink { background-color: #E08283; } .dashboard-stat.red-pink.dashboard-stat-light:hover { background-color: #dc7273; } .dashboard-stat.red-pink .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-pink .details .number { color: #ffffff; } .dashboard-stat.red-pink .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-pink .more { color: #ffffff; background-color: #dc7273; } .dashboard-stat.red-sunglo { background-color: #E26A6A; } .dashboard-stat.red-sunglo.dashboard-stat-light:hover { background-color: #df5959; } .dashboard-stat.red-sunglo .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-sunglo .details .number { color: #ffffff; } .dashboard-stat.red-sunglo .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-sunglo .more { color: #ffffff; background-color: #df5959; } .dashboard-stat.red-intense { background-color: #e35b5a; } .dashboard-stat.red-intense.dashboard-stat-light:hover { background-color: #e04a49; } .dashboard-stat.red-intense .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-intense .details .number { color: #ffffff; } .dashboard-stat.red-intense .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-intense .more { color: #ffffff; background-color: #e04a49; } .dashboard-stat.red-thunderbird { background-color: #D91E18; } .dashboard-stat.red-thunderbird.dashboard-stat-light:hover { background-color: #c71b16; } .dashboard-stat.red-thunderbird .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-thunderbird .details .number { color: #ffffff; } .dashboard-stat.red-thunderbird .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-thunderbird .more { color: #ffffff; background-color: #c71b16; } .dashboard-stat.red-flamingo { background-color: #EF4836; } .dashboard-stat.red-flamingo.dashboard-stat-light:hover { background-color: #ed3723; } .dashboard-stat.red-flamingo .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-flamingo .details .number { color: #ffffff; } .dashboard-stat.red-flamingo .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-flamingo .more { color: #ffffff; background-color: #ed3723; } .dashboard-stat.red-soft { background-color: #d05454; } .dashboard-stat.red-soft.dashboard-stat-light:hover { background-color: #cc4444; } .dashboard-stat.red-soft .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-soft .details .number { color: #ffffff; } .dashboard-stat.red-soft .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-soft .more { color: #ffffff; background-color: #cc4444; } .dashboard-stat.red-haze { background-color: #f36a5a; } .dashboard-stat.red-haze.dashboard-stat-light:hover { background-color: #f25947; } .dashboard-stat.red-haze .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-haze .details .number { color: #ffffff; } .dashboard-stat.red-haze .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-haze .more { color: #ffffff; background-color: #f25947; } .dashboard-stat.red-mint { background-color: #e43a45; } .dashboard-stat.red-mint.dashboard-stat-light:hover { background-color: #e22834; } .dashboard-stat.red-mint .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-mint .details .number { color: #ffffff; } .dashboard-stat.red-mint .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-mint .more { color: #ffffff; background-color: #e22834; } .dashboard-stat.yellow { background-color: #c49f47; } .dashboard-stat.yellow.dashboard-stat-light:hover { background-color: #bb953c; } .dashboard-stat.yellow .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow .details .number { color: #ffffff; } .dashboard-stat.yellow .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow .more { color: #ffffff; background-color: #bb953c; } .dashboard-stat.yellow-gold { background-color: #E87E04; } .dashboard-stat.yellow-gold.dashboard-stat-light:hover { background-color: #d47304; } .dashboard-stat.yellow-gold .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-gold .details .number { color: #ffffff; } .dashboard-stat.yellow-gold .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-gold .more { color: #ffffff; background-color: #d47304; } .dashboard-stat.yellow-casablanca { background-color: #f2784b; } .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover { background-color: #f16a38; } .dashboard-stat.yellow-casablanca .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-casablanca .details .number { color: #ffffff; } .dashboard-stat.yellow-casablanca .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-casablanca .more { color: #ffffff; background-color: #f16a38; } .dashboard-stat.yellow-crusta { background-color: #f3c200; } .dashboard-stat.yellow-crusta.dashboard-stat-light:hover { background-color: #dfb200; } .dashboard-stat.yellow-crusta .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-crusta .details .number { color: #ffffff; } .dashboard-stat.yellow-crusta .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-crusta .more { color: #ffffff; background-color: #dfb200; } .dashboard-stat.yellow-lemon { background-color: #F7CA18; } .dashboard-stat.yellow-lemon.dashboard-stat-light:hover { background-color: #f2c308; } .dashboard-stat.yellow-lemon .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-lemon .details .number { color: #ffffff; } .dashboard-stat.yellow-lemon .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-lemon .more { color: #ffffff; background-color: #f2c308; } .dashboard-stat.yellow-saffron { background-color: #F4D03F; } .dashboard-stat.yellow-saffron.dashboard-stat-light:hover { background-color: #f3cb2c; } .dashboard-stat.yellow-saffron .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-saffron .details .number { color: #ffffff; } .dashboard-stat.yellow-saffron .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-saffron .more { color: #ffffff; background-color: #f3cb2c; } .dashboard-stat.yellow-soft { background-color: #c8d046; } .dashboard-stat.yellow-soft.dashboard-stat-light:hover { background-color: #c3cc36; } .dashboard-stat.yellow-soft .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-soft .details .number { color: #ffffff; } .dashboard-stat.yellow-soft .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-soft .more { color: #ffffff; background-color: #c3cc36; } .dashboard-stat.yellow-haze { background-color: #c5bf66; } .dashboard-stat.yellow-haze.dashboard-stat-light:hover { background-color: #bfb957; } .dashboard-stat.yellow-haze .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-haze .details .number { color: #ffffff; } .dashboard-stat.yellow-haze .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-haze .more { color: #ffffff; background-color: #bfb957; } .dashboard-stat.yellow-mint { background-color: #c5b96b; } .dashboard-stat.yellow-mint.dashboard-stat-light:hover { background-color: #bfb25c; } .dashboard-stat.yellow-mint .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-mint .details .number { color: #ffffff; } .dashboard-stat.yellow-mint .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-mint .more { color: #ffffff; background-color: #bfb25c; } .dashboard-stat.purple { background-color: #8E44AD; } .dashboard-stat.purple.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple .details .number { color: #ffffff; } .dashboard-stat.purple .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple .more { color: #ffffff; background-color: #823e9e; } .dashboard-stat.purple-plum { background-color: #8775a7; } .dashboard-stat.purple-plum.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-plum .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-plum .details .number { color: #ffffff; } .dashboard-stat.purple-plum .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-plum .more { color: #ffffff; background-color: #7c699f; } .dashboard-stat.purple-medium { background-color: #BF55EC; } .dashboard-stat.purple-medium.dashboard-stat-light:hover { background-color: #b843ea; } .dashboard-stat.purple-medium .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-medium .details .number { color: #ffffff; } .dashboard-stat.purple-medium .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-medium .more { color: #ffffff; background-color: #b843ea; } .dashboard-stat.purple-studio { background-color: #8E44AD; } .dashboard-stat.purple-studio.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple-studio .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-studio .details .number { color: #ffffff; } .dashboard-stat.purple-studio .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-studio .more { color: #ffffff; background-color: #823e9e; } .dashboard-stat.purple-wisteria { background-color: #9B59B6; } .dashboard-stat.purple-wisteria.dashboard-stat-light:hover { background-color: #924dae; } .dashboard-stat.purple-wisteria .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-wisteria .details .number { color: #ffffff; } .dashboard-stat.purple-wisteria .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-wisteria .more { color: #ffffff; background-color: #924dae; } .dashboard-stat.purple-seance { background-color: #9A12B3; } .dashboard-stat.purple-seance.dashboard-stat-light:hover { background-color: #8a10a0; } .dashboard-stat.purple-seance .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-seance .details .number { color: #ffffff; } .dashboard-stat.purple-seance .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-seance .more { color: #ffffff; background-color: #8a10a0; } .dashboard-stat.purple-intense { background-color: #8775a7; } .dashboard-stat.purple-intense.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-intense .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-intense .details .number { color: #ffffff; } .dashboard-stat.purple-intense .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-intense .more { color: #ffffff; background-color: #7c699f; } .dashboard-stat.purple-sharp { background-color: #796799; } .dashboard-stat.purple-sharp.dashboard-stat-light:hover { background-color: #6f5f8d; } .dashboard-stat.purple-sharp .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-sharp .details .number { color: #ffffff; } .dashboard-stat.purple-sharp .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-sharp .more { color: #ffffff; background-color: #6f5f8d; } .dashboard-stat.purple-soft { background-color: #8877a9; } .dashboard-stat.purple-soft.dashboard-stat-light:hover { background-color: #7d6ba1; } .dashboard-stat.purple-soft .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-soft .details .number { color: #ffffff; } .dashboard-stat.purple-soft .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-soft .more { color: #ffffff; background-color: #7d6ba1; } .dashboard-stat-light { padding-bottom: 20px; margin-bottom: 20px; } .dashboard-stat-light .details { margin-bottom: 5px; } .dashboard-stat-light .details .number { font-weight: 300; margin-bottom: 0px; } /*** Dashboard Stats 2 ***/ .dashboard-stat2 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #fff; padding: 15px 15px 30px 15px; margin-bottom: 20px; } .dashboard-stat2.bordered { border: 1px solid #e7ecf1; } .dashboard-stat2 .display { margin-bottom: 20px; } .dashboard-stat2 .display:before, .dashboard-stat2 .display:after { content: " "; display: table; } .dashboard-stat2 .display:after { clear: both; } .dashboard-stat2 .display .number { float: left; display: inline-block; } .dashboard-stat2 .display .number h3 { margin: 0 0 2px 0; padding: 0; font-size: 30px; font-weight: 400; } .dashboard-stat2 .display .number h3 > small { font-size: 23px; } .dashboard-stat2 .display .number small { font-size: 14px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .display .icon { display: inline-block; float: right; padding: 7px 0 0 0; } .dashboard-stat2 .display .icon > i { color: #cbd4e0; font-size: 26px; } .dashboard-stat2 .progress-info { clear: both; } .dashboard-stat2 .progress-info .progress { margin: 0; height: 4px; clear: both; display: block; } .dashboard-stat2 .progress-info .status { margin-top: 5px; font-size: 11px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .progress-info .status .status-title { float: left; display: inline-block; } .dashboard-stat2 .progress-info .status .status-number { float: right; display: inline-block; } /*** Text Stats ***/ .text-stat h3 { margin-top: 5px; margin-bottom: 0px; font-size: 18px; } .text-stat span { font-size: 13px !important; } @media (max-width: 767px) { /* 767px */ .text-stat { margin-top: 20px; } } /*** Social Icons ***/ .social-icons { padding: 0; margin: 0; } .social-icons:before, .social-icons:after { content: " "; display: table; } .social-icons:after { clear: both; } .social-icons li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px; text-indent: -9999px; } .social-icons li > a { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover > a { background-position: 0 -38px; } .social-icons li .amazon { background: url(../img/social/amazon.png) no-repeat; } .social-icons li .behance { background: url(../img/social/behance.png) no-repeat; } .social-icons li .blogger { background: url(../img/social/blogger.png) no-repeat; } .social-icons li .deviantart { background: url(../img/social/deviantart.png) no-repeat; } .social-icons li .dribbble { background: url(../img/social/dribbble.png) no-repeat; } .social-icons li .dropbox { background: url(../img/social/dropbox.png) no-repeat; } .social-icons li .evernote { background: url(../img/social/evernote.png) no-repeat; } .social-icons li .facebook { background: url(../img/social/facebook.png) no-repeat; } .social-icons li .forrst { background: url(../img/social/forrst.png) no-repeat; } .social-icons li .github { background: url(../img/social/github.png) no-repeat; } .social-icons li .googleplus { background: url(../img/social/googleplus.png) no-repeat; } .social-icons li .jolicloud { background: url(../img/social/jolicloud.png) no-repeat; } .social-icons li .last-fm { background: url(../img/social/last-fm.png) no-repeat; } .social-icons li .linkedin { background: url(../img/social/linkedin.png) no-repeat; } .social-icons li .picasa { background: url(../img/social/picasa.png) no-repeat; } .social-icons li .pintrest { background: url(../img/social/pintrest.png) no-repeat; } .social-icons li .rss { background: url(../img/social/rss.png) no-repeat; } .social-icons li .skype { background: url(../img/social/skype.png) no-repeat; } .social-icons li .spotify { background: url(../img/social/spotify.png) no-repeat; } .social-icons li .stumbleupon { background: url(../img/social/stumbleupon.png) no-repeat; } .social-icons li .tumblr { background: url(../img/social/tumblr.png) no-repeat; } .social-icons li .twitter { background: url(../img/social/twitter.png) no-repeat; } .social-icons li .vimeo { background: url(../img/social/vimeo.png) no-repeat; } .social-icons li .wordpress { background: url(../img/social/wordpress.png) no-repeat; } .social-icons li .xing { background: url(../img/social/xing.png) no-repeat; } .social-icons li .yahoo { background: url(../img/social/yahoo.png) no-repeat; } .social-icons li .youtube { background: url(../img/social/youtube.png) no-repeat; } .social-icons li .vk { background: url(../img/social/vk.png) no-repeat; } .social-icons li .instagram { background: url(../img/social/instagram.png) no-repeat; } .social-icons li .reddit { background: url(../img/social/reddit.png) no-repeat; } .social-icons li .aboutme { background: url(../img/social/aboutme.png) no-repeat; } .social-icons li .flickr { background: url(../img/social/flickr.png) no-repeat; } .social-icons li .foursquare { background: url(../img/social/foursquare.png) no-repeat; } .social-icons li .gravatar { background: url(../img/social/gravatar.png) no-repeat; } .social-icons li .klout { background: url(../img/social/klout.png) no-repeat; } .social-icons li .myspace { background: url(../img/social/myspace.png) no-repeat; } .social-icons li .quora { background: url(../img/social/quora.png) no-repeat; } .social-icons.social-icons-color > li > a { opacity: 0.7; background-position: 0 -38px !important; } .social-icons.social-icons-color > li > a:hover { opacity: 1; } .social-icons.social-icons-circle > li > a { border-radius: 25px !important; } /*** Inline Social Icons ***/ .social-icon { display: inline-block !important; width: 28px; height: 28px; background-position: 0 0; background-repeat: no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icon.social-icon-circle { border-radius: 25px !important; } .social-icon.amazon { background: url(../img/social/amazon.png) no-repeat; } .social-icon.behance { background: url(../img/social/behance.png) no-repeat; } .social-icon.blogger { background: url(../img/social/blogger.png) no-repeat; } .social-icon.deviantart { background: url(../img/social/deviantart.png) no-repeat; } .social-icon.dribbble { background: url(../img/social/dribbble.png) no-repeat; } .social-icon.dropbox { background: url(../img/social/dropbox.png) no-repeat; } .social-icon.evernote { background: url(../img/social/evernote.png) no-repeat; } .social-icon.facebook { background: url(../img/social/facebook.png) no-repeat; } .social-icon.forrst { background: url(../img/social/forrst.png) no-repeat; } .social-icon.github { background: url(../img/social/github.png) no-repeat; } .social-icon.googleplus { background: url(../img/social/googleplus.png) no-repeat; } .social-icon.jolicloud { background: url(../img/social/jolicloud.png) no-repeat; } .social-icon.last-fm { background: url(../img/social/last-fm.png) no-repeat; } .social-icon.linkedin { background: url(../img/social/linkedin.png) no-repeat; } .social-icon.picasa { background: url(../img/social/picasa.png) no-repeat; } .social-icon.pintrest { background: url(../img/social/pintrest.png) no-repeat; } .social-icon.rss { background: url(../img/social/rss.png) no-repeat; } .social-icon.skype { background: url(../img/social/skype.png) no-repeat; } .social-icon.spotify { background: url(../img/social/spotify.png) no-repeat; } .social-icon.stumbleupon { background: url(../img/social/stumbleupon.png) no-repeat; } .social-icon.tumblr { background: url(../img/social/tumblr.png) no-repeat; } .social-icon.twitter { background: url(../img/social/twitter.png) no-repeat; } .social-icon.vimeo { background: url(../img/social/vimeo.png) no-repeat; } .social-icon.wordpress { background: url(../img/social/wordpress.png) no-repeat; } .social-icon.xing { background: url(../img/social/xing.png) no-repeat; } .social-icon.yahoo { background: url(../img/social/yahoo.png) no-repeat; } .social-icon.youtube { background: url(../img/social/youtube.png) no-repeat; } .social-icon.vk { background: url(../img/social/vk.png) no-repeat; } .social-icon.instagram { background: url(../img/social/instagram.png) no-repeat; } .social-icon.reddit { background: url(../img/social/reddit.png) no-repeat; } .social-icon.aboutme { background: url(../img/social/aboutme.png) no-repeat; } .social-icon.flickr { background: url(../img/social/flickr.png) no-repeat; } .social-icon.foursquare { background: url(../img/social/foursquare.png) no-repeat; } .social-icon.gravatar { background: url(../img/social/gravatar.png) no-repeat; } .social-icon.klout { background: url(../img/social/klout.png) no-repeat; } .social-icon.myspace { background: url(../img/social/myspace.png) no-repeat; } .social-icon.quora { background: url(../img/social/quora.png) no-repeat; } .social-icon:hover { background-position: 0 -38px; } .social-icon-color { opacity: 0.7; background-position: 0 -38px !important; } .social-icon-color:hover { opacity: 1; } /*** Scrollable Tables ***/ .table-scrollable { width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #e7ecf1; margin: 10px 0 !important; } .DTS .table-scrollable { border: 0; } .table-scrollable.table-scrollable-borderless { border: 0; } .table-scrollable > .table { width: 100% !important; margin: 0 !important; margin-bottom: 0; background-color: #fff; } .table-scrollable > .table > thead > tr > th, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > td { white-space: nowrap; } .table-scrollable > .table-bordered { border: 0; } .table-scrollable > .table-bordered > thead > tr > th:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-scrollable > .table-bordered > thead > tr > th:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-scrollable > .table-bordered > thead > tr:last-child > th, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } /*** Customized Bootstrap Tables ***/ .table td, .table th { font-size: 14px; } .table.table-bordered thead > tr > th { border-bottom: 0; } .table td .img-responsive { width: 100%; } /*** Responsive Flip Scroll Tables ***/ .flip-scroll table { width: 100%; } @media only screen and (max-width: 768px) { /* 768px */ .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .flip-scroll * html .flip-content { zoom: 1; } .flip-scroll *:first-child + html .flip-content { zoom: 1; } .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } .flip-scroll th, .flip-scroll td { margin: 0; vertical-align: top; } .flip-scroll th { text-align: left; border: 0 !important; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 13px !important; padding: 5px; width: auto !important; } .flip-scroll table { display: block; position: relative; width: 100%; } .flip-scroll thead { display: block; float: left; } .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .flip-scroll .flip-content tbody tr td { font-size: 13px; line-height: 1.483; } .flip-scroll .table-bordered.flip-content tbody tr td { font-size: 13px; line-height: 1.43; } .flip-scroll thead tr { display: block; } .flip-scroll th { display: block; text-align: right; } .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; } /* sort out borders */ .flip-scroll th { border-bottom: 0; border-left: 0; } .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } .flip-scroll tbody tr { border-left: 1px solid #ddd; } .flip-scroll th:last-child, .flip-scroll td:last-child { border-bottom: 1px solid #ddd; } } /*** Custom tables ***/ .table-toolbar { margin-bottom: 20px; } .table-toolbar:before, .table-toolbar:after { content: " "; display: table; } .table-toolbar:after { clear: both; } .table.table-full-width { width: 100% !important; } .table .btn { margin-top: 0px; margin-left: 0px; margin-right: 5px; } .table thead tr th { font-size: 14px; font-weight: 600; } .table-advance { margin-bottom: 10px !important; } .table-advance thead { color: #3f444a; } .table-advance thead tr th { background-color: #f1f4f7; font-size: 14px; font-weight: 400; color: #3f444a; } .table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger { position: absolute; margin-top: -5px; float: left; width: 2px; height: 30px; margin-right: 20px !important; } .table-advance tr td { border-left-width: 0px; } .table-advance tr td:first-child { border-left-width: 2px !important; } .table-advance tr td.highlight:first-child a { margin-left: 15px; } .table-advance td.highlight div.primary { border-left: 2px solid #337ab7; } .table-advance td.highlight div.success { border-left: 2px solid #3fc9d5; } .table-advance td.highlight div.info { border-left: 2px solid #659be0; } .table-advance td.highlight div.warning { border-left: 2px solid #F1C40F; } .table-advance td.highlight div.danger { border-left: 2px solid #ed6b75; } @media (max-width: 767px) { /* 767px */ .table-advance tr > td.highlight:first-child a { margin-left: 8px; } } /*** Light Table ***/ .table.table-light { border: 0 !important; } .table.table-light > thead > tr:hover > th { background: none; } .table.table-light > thead > tr.uppercase { text-transform: uppercase; } .table.table-light > thead > tr > th { font-weight: 600; font-size: 13px; color: #93a2a9; font-family: "Open Sans", sans-serif; border: 0; border-bottom: 1px solid #F2F5F8; } .table.table-light > tbody > tr:last-child > td { border: 0; } .table.table-light > tbody > tr > td { border: 0; border-bottom: 1px solid #F2F5F8; color: #8896a0; vertical-align: middle; } .table.table-light > tbody > tr > td.fit { width: 1px; padding-right: 3px; } .table.table-light > tbody > tr > td .user-pic { display: inline-block; vertical-align: middle; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover, .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th { background: #f9fafb; } /*** Customized Bootstrap Tabs ***/ /* Tabs and pills */ .nav-tabs, .nav-pills { margin-bottom: 10px; } .nav-tabs > li > a, .nav-pills > li > a { font-size: 14px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a > .badge, .nav-pills > li > a > .badge { margin-top: -6px; } .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, .nav-pills > li .dropdown-menu:before, .nav-pills > li .dropdown-menu:after { display: none; } .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, .nav-pills.nav-tabs-sm > li > a, .nav-pills.nav-pills-sm > li > a { font-size: 13px; } .nav-tabs .dropdown.open > .dropdown-toggle, .nav-pills .dropdown.open > .dropdown-toggle { background: #eee; color: #0d638f; border-color: transparent; } /* Left and right tabs */ .tabs-right.nav-tabs, .tabs-left.nav-tabs { border-bottom: 0; } .tabs-right.nav-tabs > li, .tabs-left.nav-tabs > li { float: none; } .tabs-right.nav-tabs > li > a, .tabs-left.nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; } /* Left tabs */ .tabs-left.nav-tabs { border-right: 1px solid #ddd; } .tabs-left.nav-tabs > li > a { display: block; margin-right: -1px; } .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } /* Right tabs */ .tabs-right.nav-tabs { border-left: 1px solid #ddd; } .tabs-right.nav-tabs > li > a { display: block; margin-left: -1px; } .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right.nav-tabs > li.active > a, .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } /* Below tabs */ .tabs-below > .nav-tabs, .tabs-below > .nav-pills { border-bottom: 0; margin-bottom: 0px; margin-top: 10px; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; margin-bottom: 0; margin-top: 10px; } .tabs-below > .nav-tabs > li > a { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > li > a .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .tabs-below > .nav-tabs .active a, .tabs-below > .nav-tabs .active a:hover .active a:focus { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-color: transparent #ddd #ddd #ddd !important; } /*** Custom tabs ***/ /* In BS3.0.0 tabbable class was removed. We had to added it back */ .tabbable:before, .tabbable:after { content: " "; display: table; } .tabbable:after { clear: both; } .tabbable-custom { margin-bottom: 15px; padding: 0px; overflow: hidden; /* justified tabs */ /* boxless tabs */ /* below justified tabs */ /* full width tabs */ /* below tabs */ } .tabbable-custom > .nav-tabs { border: none; margin: 0px; } .tabbable-custom > .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; } .tabbable-custom > .nav-tabs > li > a { margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .tabbable-custom > .nav-tabs > li > a:hover { background: none; border-color: transparent; } .tabbable-custom > .nav-tabs > li.active { border-top: 3px solid #ed6b75; margin-top: 0; position: relative; } .tabbable-custom > .nav-tabs > li.active > a { border-top: none !important; font-weight: 400; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .tabbable-custom > .nav-tabs > li.active > a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-top: none; background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom > .tab-content { background-color: #fff; border: 1px solid #ddd; padding: 10px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabbable-custom.nav-justified > .tab-content { margin-top: -1px; } .tabbable-custom.boxless > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below.nav-justified .tab-content { margin-top: 0px; margin-bottom: -2px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tabbable-custom.tabbable-full-width > .nav-tabs > li > a { color: #424242; font-size: 15px; padding: 9px 15px; } .tabbable-custom.tabbable-full-width > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li > a { border-top: none; border-bottom: 2px solid transparent; margin-top: -1px; } .tabbable-custom.tabs-below .nav-tabs > li.active { border-top: none; border-bottom: 3px solid #d12610; margin-bottom: 0; position: relative; } .tabbable-custom.tabs-below .nav-tabs > li.active > a { border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom.tabbable-noborder > .nav-tabs > li > a { border: 0; } .tabbable-custom.tabbable-noborder .tab-content { border: 0; } .portlet:not(.light) .tabbable-line { padding-top: 15px; } .tabbable-line > .nav-tabs { border: none; margin: 0px; } .tabbable-line > .nav-tabs > li { margin: 0; } .tabbable-line > .nav-tabs > li > a { background: none !important; border: 0; margin: 0; padding-left: 15px; padding-right: 15px; color: #737373; } .tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.active { background: none; border-bottom: 4px solid #3fc9d5; position: relative; } .tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333; } .tabbable-line > .nav-tabs > li.active > a > i { color: #404040; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { background: none; border-bottom: 4px solid #a7e6ec; } .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333; } .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line > .tab-content { margin-top: 0; border: 0; border-top: 1px solid #eef1f5; padding: 30px 0; } .page-container-bg-solid .tabbable-line > .tab-content { border-top: 1px solid #dae2ea; } .portlet .tabbable-line > .tab-content { padding-bottom: 0; } .tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; } .tabbable-line.tabs-below > .nav-tabs > li > a { margin-top: 0; } .tabbable-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0; border-top: 4px solid #fbdcde; } .tabbable-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #ed6b75; } .tabbable-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } .portlet .tabbable-bordered { margin-top: 20px; } .tabbable-bordered .nav-tabs { margin-bottom: 0; border-bottom: 0; } .tabbable-bordered .tab-content { padding: 30px 20px 20px 20px; border: 1px solid #ddd; background: #ffffff; } /*** Tiles(new in v1.1.1) ***/ .tiles { margin-right: -10px; } .tiles:before, .tiles:after { display: table; content: " "; } .tiles:after { clear: both; } .tiles .tile { display: block; letter-spacing: 0.02em; float: left; height: 135px; width: 135px !important; cursor: pointer; text-decoration: none; color: #ffffff; position: relative; font-weight: 300; font-size: 12px; letter-spacing: 0.02em; line-height: 20px; overflow: hidden; border: 4px solid transparent; margin: 0 10px 10px 0; } .tiles .tile:after, .tiles .tile:before { content: ""; float: left; } .tiles .tile.double { width: 280px !important; } .tiles .tile.double-down { height: 280px !important; } .tiles .tile.double-down i { margin-top: 95px; } .tiles .tile:hover { border-color: #aaa !important; } .tiles .tile:active, .tiles .tile.selected { border-color: #ccc !important; } .tiles .tile.selected .corner:after { content: ""; display: inline-block; border-left: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #ccc; position: absolute; top: -3px; right: -3px; } .tiles .tile.selected .check:after { content: ""; font-family: FontAwesome; font-size: 13px; content: "\f00c"; display: inline-block; position: absolute; top: 2px; right: 2px; } .tiles .tile.icon { padding: 0; } .tiles .tile.image .tile-body { padding: 0 !important; } .tiles .tile.image .tile-body > img { width: 100%; height: auto; min-height: 100%; max-width: 100%; } .tiles .tile.image .tile-body h3 { display: inline-block; } .tiles .tile .tile-body { height: 100%; vertical-align: top; padding: 10px 10px; overflow: hidden; position: relative; font-weight: 400; font-size: 12px; color: #000000; color: #ffffff; margin-bottom: 10px; } .tiles .tile .tile-body p { font-weight: 400; font-size: 13px; color: #000000; color: #ffffff; line-height: 20px; overflow: hidden; } .tiles .tile .tile-body p:hover { color: rgba(0, 0, 0, 0.8); } .tiles .tile .tile-body p:active { color: rgba(0, 0, 0, 0.4); } .tiles .tile .tile-body p:hover { color: #ffffff; } .tiles .tile .tile-body img { float: left; margin-right: 10px; } .tiles .tile .tile-body img.pull-right { float: right !important; margin-left: 10px; margin-right: 0px; } .tiles .tile .tile-body > .content { display: inline-block; } .tiles .tile .tile-body > i { margin-top: 17px; display: block; font-size: 56px; line-height: 56px; text-align: center; } .tiles .tile .tile-body h1, .tiles .tile .tile-body h2, .tiles .tile .tile-body h3, .tiles .tile .tile-body h4, .tiles .tile .tile-body h5, .tiles .tile .tile-body h6, .tiles .tile .tile-body p { padding: 0; margin: 0; line-height: 14px; } .tiles .tile .tile-body h1:hover, .tiles .tile .tile-body h2:hover, .tiles .tile .tile-body h3:hover, .tiles .tile .tile-body h4:hover, .tiles .tile .tile-body h5:hover, .tiles .tile .tile-body h6:hover, .tiles .tile .tile-body p:hover { color: #ffffff; } .tiles .tile .tile-body h3, .tiles .tile .tile-body h4 { margin-bottom: 5px; } .tiles .tile .tile-object { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; background-color: transparent; *zoom: 1; } .tiles .tile .tile-object:before, .tiles .tile .tile-object:after { display: table; content: ""; } .tiles .tile .tile-object:after { clear: both; } .tiles .tile .tile-object > .name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 10px; margin-right: 15px; font-weight: 400; font-size: 13px; color: #ffffff; } .tiles .tile .tile-object > .name > i { vertical-align: middle; display: block; font-size: 24px; height: 18px; width: 24px; } .tiles .tile .tile-object > .number { position: absolute; bottom: 0; right: 0; margin-bottom: 0; color: #ffffff; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; line-height: 14px; margin-bottom: 8px; margin-right: 10px; } /*** Custimized Bootstrap Wells ***/ .well { border: 0; padding: 20px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /*-------------------------------------------------- [Widgets] ----------------------------------------------------*/ /*** Widget Background Colors ***/ .widget-bg-color-purple { background: #9a7caf; } .widget-bg-color-purple-dark { background: #4b365a; } .widget-bg-color-purple-light { background: #674d79; } .widget-bg-color-green { background: #4db3a4; } .widget-bg-color-red { background: #f36a5a; } .widget-bg-color-blue { background: #5b9bd1; } .widget-bg-color-gray { background: #323c45; } .widget-bg-color-gray-dark { background: #144f57; } .widget-bg-color-white { background: #fff; } .widget-bg-color-dark { background: #3e4f5e; } .widget-bg-color-dark-light { background: #8e9daa; } .widget-bg-color-fb { background: #475e98; } .widget-bg-color-tw { background: #55acee; } /*** Widget Title Colors ***/ .widget-title-color-purple { color: #9a7caf; } .widget-title-color-purple-dark { color: #4b365a; } .widget-title-color-purple-light { color: #674d79; } .widget-title-color-green { color: #4db3a4; } .widget-title-color-red { color: #f36a5a; } .widget-title-color-blue { color: #5b9bd1; } .widget-title-color-gray { color: #323c45; } .widget-title-color-gray-dark { color: #144f57; } .widget-title-color-white { color: #fff; } .widget-title-color-dark { color: #3e4f5e; } .widget-title-color-dark-light { color: #8e9daa; } .widget-title-color-fb { color: #475e98; } .widget-title-color-tw { color: #55acee; } .overflow-h { overflow: hidden; } /*** Widget Carousel ***/ .widget-carousel .carousel-indicators { left: -18%; bottom: 10px; margin-left: 0; } .widget-carousel .carousel-indicators-red > li { border-color: #f36a5a; } .widget-carousel .carousel-indicators-red > li.active { background: #f36a5a; } /*** Widget Gradient ***/ .widget-gradient { position: relative; min-height: 350px; overflow: hidden; background-size: cover; background-position: 50% 50%; border-radius: 4px; } .widget-gradient .widget-gradient-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; padding: 20px; } .widget-gradient .widget-gradient-body .widget-gradient-title { font-size: 21px; font-weight: 600; color: #fff; margin: 0; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions { position: absolute; right: 20px; bottom: 20px; padding: 0; margin: 0; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li { font-size: 14px; padding: 0 0 0 8px; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child { padding-left: 0; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a { color: #fff; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover { color: #a1afbb; text-decoration: none; } /*** Widget Gradient ***/ .widget-wrap-img { border-radius: 4px; position: relative; min-height: 350px; padding: 20px; } .widget-wrap-img .widget-wrap-img-title { font-size: 21px; font-weight: 600; color: #3e4f5e; margin: 0 0 20px; } .widget-wrap-img .widget-wrap-img-element { position: absolute; bottom: 0; right: 0; } /*** Widget Tab ***/ .widget-tab { min-height: 420px; border-radius: 4px; } .widget-tab .nav-tabs { margin: 0; border-color: #eff1f3; } .widget-tab .nav-tabs > li { margin: 0 10px; } .widget-tab .nav-tabs > li:first-child { margin-left: 20px; } .widget-tab .nav-tabs > li > a { border: 0; font-weight: bold; color: #8e9daa; text-transform: uppercase; padding: 20px 0; } .widget-tab .nav-tabs > li > a > i { color: #8e9daa; } .widget-tab .nav-tabs > li.open, .widget-tab .nav-tabs > li:hover { border-bottom: 1px solid #f36a5a; } .widget-tab .nav-tabs > li.open > a, .widget-tab .nav-tabs > li:hover > a { border: 0; background: inherit; color: #f36a5a; } .widget-tab .nav-tabs > li.open > a > i, .widget-tab .nav-tabs > li:hover > a > i { color: #f36a5a; } .widget-tab .nav-tabs > li.active { border-bottom: 1px solid #f36a5a; position: relative; } .widget-tab .nav-tabs > li.active > a { border: 0; color: #f36a5a; } .widget-tab .nav-tabs > li.active > a > i { color: #f36a5a; } .widget-tab .tab-content { padding: 20px; color: #8e9daa; } .widget-tab .slimScrollBar { right: 10px !important; margin-top: 17px !important; margin-bottom: 17px !important; } /*** Widget News ***/ .widget-news { overflow: hidden; margin-right: 10px; border-radius: 4px; } .widget-news .widget-news-left-elem { float: left; width: 100px; height: auto; margin-right: 15px; } .widget-news .widget-news-right-body { overflow: hidden; } .widget-news .widget-news-right-body .widget-news-right-body-title { font-size: 16px; font-weight: 600; color: #3e4f5e; margin: 0 0 5px; clear: both; } .widget-news .widget-news-right-body .widget-news-right-body-title .label { float: right; font-weight: 600; background: #a1afbb; border-radius: 3px !important; } .widget-news .widget-news-right-body p { font-size: 13px; } /*** Widget Thumb ***/ .widget-thumb { padding: 20px; border-radius: 4px; } .widget-thumb.bordered { border: 1px solid #e7ecf1; } .widget-thumb .widget-thumb-heading { font-size: 14px; font-weight: bold; color: #8e9daa; margin: 0 0 20px 0; } .widget-thumb .widget-thumb-wrap { overflow: hidden; } .widget-thumb .widget-thumb-wrap .widget-thumb-icon { float: left; width: 60px; height: 60px; display: inline-block; font-size: 20px; line-height: 41px; color: #fff; text-align: center; padding: 10px; margin-right: 15px; } .widget-thumb .widget-thumb-body { overflow: hidden; } .widget-thumb .widget-thumb-body .widget-thumb-subtitle { padding-top: 2px; display: block; font-size: 14px; font-weight: 600; color: #8e9daa; } .widget-thumb .widget-thumb-body .widget-thumb-body-stat { display: block; font-size: 30px; font-weight: 600; color: #3e4f5e; } /*** Widget Socials ***/ .widget-socials { border-radius: 4px; min-height: 250px; padding: 20px; } .widget-socials .widget-socials-title { font-size: 25px; font-weight: 700; line-height: 1.4; color: #fff; margin: 0 0 20px; } .widget-socials .widget-social-subtitle { color: #fff; font-weight: 200; line-height: 1.4; } .widget-socials .widget-social-subtitle a { color: #fff; } .widget-socials .widget-socials-paragraph { display: block; color: #65727d; } .widget-socials .widget-social-icon-fb, .widget-socials .widget-social-icon-tw { font-size: 30px; margin: 30px 0; } .widget-socials .widget-social-icon-fb { color: #2b3f72; } .widget-socials .widget-social-icon-tw { color: #3686c3; } /*** Widget Comments ***/ .widget-comments { min-height: 420px; } /*** Widget Media ***/ .widget-media { border-radius: 4px; border-bottom: 1px solid #f6f9fc; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; } .widget-media .widget-media-elements { float: left; margin-right: 20px; } .widget-media .widget-media-avatar { width: 55px; height: 55px; display: block; } .widget-media .widget-btn-default { display: inline-block; font-size: 12px; color: #96a2b1; border: 1px solid #ebf0f6; padding: 3px 10px; } .widget-media .widget-btn-default .widget-btn-icon { line-height: 1.5; } .widget-media .widget-btn-default:hover { background: #ebf0f6; text-decoration: none; } .widget-media .widget-btn-red { display: inline-block; font-size: 12px; color: #f36a5a; border: 1px solid #ebf0f6; padding: 3px 10px; } .widget-media .widget-btn-red .widget-btn-icon { line-height: 1.5; } .widget-media .widget-btn-red:hover { color: #fff; background: #f36a5a; text-decoration: none; } .widget-media .widget-btn-blue { display: inline-block; font-size: 12px; color: #fff; border: 1px solid #ebf0f6; padding: 3px 10px; background: #337ab7; } .widget-media .widget-btn-blue .widget-btn-icon { line-height: 1.5; } .widget-media .widget-btn-blue:hover { color: #337ab7; background: #fff; text-decoration: none; } .widget-media .widget-media-body { overflow: hidden; } .widget-media .widget-media-body .widget-media-body-title { font-size: 15px; font-weight: 600; color: #5b9bd1; margin: 0 0 7px; } .widget-media .widget-media-body .widget-media-body-subtitle { font-size: 13px; color: #7e8c9e; } /*** Widget Blog ***/ .widget-blog { border-radius: 4px; background: #fff; padding: 20px; background-position: center center; background-size: cover; padding-top: 30px; } .widget-blog .widget-blog-heading { position: relative; margin-bottom: 30px; } .widget-blog .widget-blog-heading:before { position: absolute; bottom: -15px; left: 50%; width: 50px; height: 1px; border-width: 1px; background: #8e9daa; margin-left: -25px; content: " "; } .widget-blog .widget-blog-title { font-size: 20px; font-weight: 400; color: #3e4f5e; margin: 0 0 15px; } .widget-blog .widget-blog-title a { color: #3e4f5e; } .widget-blog .widget-blog-subtitle { display: block; font-size: 13px; color: #8e9daa; letter-spacing: 3px; } .widget-blog .btn-widget-purple { display: inline-block; font-size: 13px; color: #8e9daa; border: 1px solid #8e9daa; padding: 7px 17px; } .widget-blog .btn-widget-purple:hover { color: #fff; background: #8e9daa; text-decoration: none; } /*** Widget Progress ***/ .widget-progress { min-height: 420px; } .widget-progress .widget-progress-element { border-radius: 4px; overflow: hidden; padding: 30px 10px; } .widget-progress .widget-progress-title { display: block; color: #fff; margin-bottom: 5px; } .widget-progress .progress { height: 3px; background: rgba(255, 255, 255, 0.2); margin-bottom: 0; } /*** Widget Gradient ***/ .widget-map { border-radius: 4px; min-height: 350px; border-radius: 3px; } .widget-map .widget-map-mapplic { border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-map .widget-map-mapplic .mapplic-container { background: #5b9bd1; } .widget-map .widget-map-mapplic .mapplic-layer.world > img { opacity: .3; } .widget-map .widget-map-body { background: #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 20px; overflow: hidden; } .widget-map .widget-sparkline-chart { width: 25%; float: left; border-left: 1px solid #e7eff7; padding: 0 15px; } .widget-map .widget-sparkline-chart:first-child { border-left: none; } .widget-map .widget-sparkline-chart .widget-sparkline-title { display: block; font-size: 12px; font-weight: 600; color: #a1afbb; } /* Widget Map for max-width 480px */ @media (max-width: 480px) { /* 480px */ .widget-map .widget-sparkline-chart { width: 50%; border-left: none; margin-top: 10px; margin-bottom: 10px; } } /*** Widget Subscribe ***/ .widget-subscribe { border-radius: 4px; min-height: 250px; overflow: hidden; padding: 30px; } .widget-subscribe .widget-subscribe-no { float: left; font-size: 67px; font-weight: 600; line-height: 1; color: #9a7caf; } .widget-subscribe .widget-subscribe-title { font-size: 25px; font-weight: 700; line-height: 1.4; margin: 0 0 15px 45px; } .widget-subscribe .widget-subscribe-subtitle { font-size: 15px; font-weight: 600; } .widget-subscribe .widget-subscribe-subtitle-link { color: #cab0dd; } .widget-subscribe.widget-subscribe-quote { position: relative; } .widget-subscribe.widget-subscribe-quote:before { position: absolute; top: 2px; font-size: 70px; color: #fff; content: "\201C"; } /* Widget Subscribe for media queries */ @media (max-width: 767px) { /* 767px */ .widget-subscribe.widget-subscribe-border { border-top: 1px solid #f5f8fb; border-bottom: 1px solid #f5f8fb; border-right: none; } } @media (min-width: 768px) { /* 768px */ .widget-subscribe.widget-subscribe-border { border-left: 1px solid #f5f8fb; border-right: 1px solid #f5f8fb; } } @media (min-width: 767px) and (max-width: 991px) { /* 767px & 991px */ .widget-subscribe.widget-subscribe-border { border-left: none; } .widget-subscribe.widget-subscribe-border-top { border-top: 1px solid #f5f8fb; } } /*-------------------------------------------------- [Material Design] ----------------------------------------------------*/ .page-md .widget-bg-color-white, .page-md .widget-map, .page-md .widget-carousel, .page-md .widget-progress-element, .page-md .widget-socials, .page-md .widget-blog { box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.03); } /*** AngularJS Basic Animations ***/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(15px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(15px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(15px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } } .fade-in-up { -webkit-animation: fadeInUp 0.5s; animation: fadeInUp 0.5s; } @-webkit-keyframes bounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bounceDelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes input-focus { 0% { left: 20%; width: 20%; } 99% { width: 0; left: 0; opacity: 1; } 100% { opacity: 0; } } .m-heading-1 { margin: 0 0 20px 0; background: #ffffff; padding-left: 15px; border-left: 8px solid #88909a; } .m-heading-1 > h3 { font-size: 20px; color: #3f444a; font-weight: 500; margin: 0 0 15px 0; } .m-heading-1 > h3 > i { font-size: 18px; color: #88909a; } .m-heading-1 > p { color: #5c6873; margin: 10px 0 0 0; } .m-heading-1 > p:first-child { margin-top: 0; } .m-heading-1.m-bordered { border-right: 1px solid #10161c; border-top: 1px solid #10161c; border-bottom: 1px solid #10161c; padding: 15px 15px; } .page-container-bg-solid .m-heading-1.m-bordered { border-right: 0; border-top: 0; border-bottom: 0; } .m-heading-1.m-title-md > h3 { font-size: 18px; margin-bottom: 10px; } .m-heading-1.m-title-md > h3 > i { font-size: 16px; color: #88909a; } .m-heading-1.m-title-md > p { margin: 15px 0; } .m-heading-1.m-title-sm > h3 { font-size: 16px; margin-bottom: 10px; } .m-heading-1.m-title-sm > h3 > i { font-size: 14px; color: #88909a; } .m-heading-1.m-title-sm > p { margin: 10px 0; } @media (max-width: 991px) { /* 991px */ .m-heading-1 { margin: 0px 0; } } /*** Timeline ***/ .timeline { margin: 0; padding: 0; position: relative; margin-bottom: 30px; } .timeline:before { content: ''; position: absolute; display: block; width: 4px; background: #f5f6fa; top: 0px; bottom: 0px; margin-left: 38px; } .timeline .timeline-item { margin: 0; padding: 0; } .timeline .timeline-badge { float: left; position: relative; padding-right: 30px; height: 80px; width: 80px; } .timeline .timeline-badge-userpic { width: 80px; border: 4px #f5f6fa solid; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .timeline .timeline-badge-userpic img { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; vertical-align: middle !important; } .timeline .timeline-icon { width: 80px; height: 80px; background-color: #f5f6fa; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; padding-top: 30px; padding-left: 22px; } .timeline .timeline-icon i { font-size: 34px; } .timeline .timeline-body { position: relative; padding: 20px; margin-top: 20px; margin-left: 110px; background-color: #f5f6fa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .timeline .timeline-body:before, .timeline .timeline-body:after { content: " "; display: table; } .timeline .timeline-body:after { clear: both; } .timeline .timeline-body-arrow { position: absolute; top: 30px; left: -14px; width: 0; height: 0; border-style: solid; border-width: 14px 14px 14px 0; border-color: transparent #f5f6fa transparent transparent; } .timeline .timeline-body-head { margin-bottom: 10px; } .timeline .timeline-body-head-caption { float: left; } .timeline .timeline-body-title { font-size: 16px; font-weight: 600; } .timeline .timeline-body-alerttitle { font-size: 16px; font-weight: 600; } .timeline .timeline-body-time { font-size: 14px; margin-left: 10px; } .timeline .timeline-body-head-actions { float: right; } .timeline .timeline-body-head-actions .btn-group { margin-top: -2px; } .timeline .timeline-body-content { font-size: 14px; margin-top: 35px; } .timeline .timeline-body-img { width: 100px; height: 100px; margin: 5px 20px 0 0px; } .timeline.white-bg:before { background: #fff; } .timeline.white-bg .timeline-badge-userpic { border-color: #fff; } .timeline.white-bg .timeline-icon { background-color: #fff; } .timeline.white-bg .timeline-body { background-color: #fff; } .timeline.white-bg .timeline-body-arrow { border-color: transparent #fff transparent transparent; } @media (max-width: 768px) { .timeline .timeline-body-head-caption { width: 100%; } .timeline .timeline-body-head-actions { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; } } @media (max-width: 480px) { .timeline:before { margin-left: 28px; } .timeline .timeline-badge { padding-right: 40px; width: 60px; height: 60px; } .timeline .timeline-badge-userpic { width: 60px; } .timeline .timeline-icon { width: 60px; height: 60px; padding-top: 23px; padding-left: 18px; } .timeline .timeline-icon i { font-size: 25px; } .timeline .timeline-body { margin-left: 80px; } .timeline .timeline-body-arrow { top: 17px; } } /*** Tasks Widget ***/ .tasks-widget:after { clear: both; } .tasks-widget .task-list { list-style: none; padding: 0; margin: 0; } .tasks-widget .task-list > li { position: relative; padding: 10px 0; border-bottom: 1px solid #F4F6F9; } .tasks-widget .task-list > li:hover { background: #F4F6F9; } .tasks-widget .task-list > li.last-line { border-bottom: none; } .tasks-widget .task-list > li.task-done { background: #f6f6f6; } .tasks-widget .task-list > li.task-done:hover { background: #f4f4f4; } .tasks-widget .task-list > li.task-done .task-title-sp { text-decoration: line-through; } .tasks-widget .task-list > li > .task-bell { margin-left: 10px; } .tasks-widget .task-list > li > .task-checkbox { float: left; width: 30px; } .tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] { cursor: pointer; } .tasks-widget .task-list > li > .task-title { color: #838FA1; margin-right: 10px; } .tasks-widget .task-list > li > .task-title .task-title-sp { margin-right: 5px; } .tasks-widget .task-list > li .task-config-btn { margin-top: -1px; } .tasks-widget .task-list > li > .task-config { display: none; position: absolute; top: 10px; right: 10px; } .tasks-widget .task-list > li:hover > .task-config { display: block; margin-bottom: 0 !important; } .tasks-widget .task-footer { margin-top: 5px; } .tasks-widget .task-footer:before, .tasks-widget .task-footer:after { content: " "; display: table; } .tasks-widget .task-footer:after { clear: both; } @media only screen and (max-width: 480px) { .tasks-widget .task-config-btn { float: inherit; display: block; } .tasks-widget .task-list-projects li > .label { margin-bottom: 5px; } } /*** Custom color buttons ***/ .bg-white { background: #ffffff; } .bg-hover-white:hover { background: #ffffff; } .font-white { color: #ffffff !important; } .bg-font-white { color: #666 !important; } .border-white { border-color: #ffffff !important; } .border-top-white { border-top-color: #ffffff !important; } .border-bottom-white { border-bottom-color: #ffffff !important; } .border-left-white { border-left-color: #ffffff !important; } .border-right-white { border-right-color: #ffffff !important; } .bg-default { background: #e1e5ec; } .bg-hover-default:hover { background: #e1e5ec; } .font-default { color: #e1e5ec !important; } .bg-font-default { color: #666 !important; } .border-default { border-color: #e1e5ec !important; } .border-top-default { border-top-color: #e1e5ec !important; } .border-bottom-default { border-bottom-color: #e1e5ec !important; } .border-left-default { border-left-color: #e1e5ec !important; } .border-right-default { border-right-color: #e1e5ec !important; } .bg-dark { background: #2f353b; } .bg-hover-dark:hover { background: #2f353b; } .font-dark { color: #2f353b !important; } .bg-font-dark { color: #FFFFFF !important; } .border-dark { border-color: #2f353b !important; } .border-top-dark { border-top-color: #2f353b !important; } .border-bottom-dark { border-bottom-color: #2f353b !important; } .border-left-dark { border-left-color: #2f353b !important; } .border-right-dark { border-right-color: #2f353b !important; } .bg-blue { background: #3598dc; } .bg-hover-blue:hover { background: #3598dc; } .font-blue { color: #3598dc !important; } .bg-font-blue { color: #FFFFFF !important; } .border-blue { border-color: #3598dc !important; } .border-top-blue { border-top-color: #3598dc !important; } .border-bottom-blue { border-bottom-color: #3598dc !important; } .border-left-blue { border-left-color: #3598dc !important; } .border-right-blue { border-right-color: #3598dc !important; } .bg-blue-madison { background: #578ebe; } .bg-hover-blue-madison:hover { background: #578ebe; } .font-blue-madison { color: #578ebe !important; } .bg-font-blue-madison { color: #FFFFFF !important; } .border-blue-madison { border-color: #578ebe !important; } .border-top-blue-madison { border-top-color: #578ebe !important; } .border-bottom-blue-madison { border-bottom-color: #578ebe !important; } .border-left-blue-madison { border-left-color: #578ebe !important; } .border-right-blue-madison { border-right-color: #578ebe !important; } .bg-blue-chambray { background: #2C3E50; } .bg-hover-blue-chambray:hover { background: #2C3E50; } .font-blue-chambray { color: #2C3E50 !important; } .bg-font-blue-chambray { color: #FFFFFF !important; } .border-blue-chambray { border-color: #2C3E50 !important; } .border-top-blue-chambray { border-top-color: #2C3E50 !important; } .border-bottom-blue-chambray { border-bottom-color: #2C3E50 !important; } .border-left-blue-chambray { border-left-color: #2C3E50 !important; } .border-right-blue-chambray { border-right-color: #2C3E50 !important; } .bg-blue-ebonyclay { background: #22313F; } .bg-hover-blue-ebonyclay:hover { background: #22313F; } .font-blue-ebonyclay { color: #22313F !important; } .bg-font-blue-ebonyclay { color: #FFFFFF !important; } .border-blue-ebonyclay { border-color: #22313F !important; } .border-top-blue-ebonyclay { border-top-color: #22313F !important; } .border-bottom-blue-ebonyclay { border-bottom-color: #22313F !important; } .border-left-blue-ebonyclay { border-left-color: #22313F !important; } .border-right-blue-ebonyclay { border-right-color: #22313F !important; } .bg-blue-hoki { background: #67809F; } .bg-hover-blue-hoki:hover { background: #67809F; } .font-blue-hoki { color: #67809F !important; } .bg-font-blue-hoki { color: #FFFFFF !important; } .border-blue-hoki { border-color: #67809F !important; } .border-top-blue-hoki { border-top-color: #67809F !important; } .border-bottom-blue-hoki { border-bottom-color: #67809F !important; } .border-left-blue-hoki { border-left-color: #67809F !important; } .border-right-blue-hoki { border-right-color: #67809F !important; } .bg-blue-steel { background: #4B77BE; } .bg-hover-blue-steel:hover { background: #4B77BE; } .font-blue-steel { color: #4B77BE !important; } .bg-font-blue-steel { color: #FFFFFF !important; } .border-blue-steel { border-color: #4B77BE !important; } .border-top-blue-steel { border-top-color: #4B77BE !important; } .border-bottom-blue-steel { border-bottom-color: #4B77BE !important; } .border-left-blue-steel { border-left-color: #4B77BE !important; } .border-right-blue-steel { border-right-color: #4B77BE !important; } .bg-blue-soft { background: #4c87b9; } .bg-hover-blue-soft:hover { background: #4c87b9; } .font-blue-soft { color: #4c87b9 !important; } .bg-font-blue-soft { color: #FFFFFF !important; } .border-blue-soft { border-color: #4c87b9 !important; } .border-top-blue-soft { border-top-color: #4c87b9 !important; } .border-bottom-blue-soft { border-bottom-color: #4c87b9 !important; } .border-left-blue-soft { border-left-color: #4c87b9 !important; } .border-right-blue-soft { border-right-color: #4c87b9 !important; } .bg-blue-dark { background: #5e738b; } .bg-hover-blue-dark:hover { background: #5e738b; } .font-blue-dark { color: #5e738b !important; } .bg-font-blue-dark { color: #FFFFFF !important; } .border-blue-dark { border-color: #5e738b !important; } .border-top-blue-dark { border-top-color: #5e738b !important; } .border-bottom-blue-dark { border-bottom-color: #5e738b !important; } .border-left-blue-dark { border-left-color: #5e738b !important; } .border-right-blue-dark { border-right-color: #5e738b !important; } .bg-blue-sharp { background: #5C9BD1; } .bg-hover-blue-sharp:hover { background: #5C9BD1; } .font-blue-sharp { color: #5C9BD1 !important; } .bg-font-blue-sharp { color: #FFFFFF !important; } .border-blue-sharp { border-color: #5C9BD1 !important; } .border-top-blue-sharp { border-top-color: #5C9BD1 !important; } .border-bottom-blue-sharp { border-bottom-color: #5C9BD1 !important; } .border-left-blue-sharp { border-left-color: #5C9BD1 !important; } .border-right-blue-sharp { border-right-color: #5C9BD1 !important; } .bg-green { background: #32c5d2; } .bg-hover-green:hover { background: #32c5d2; } .font-green { color: #32c5d2 !important; } .bg-font-green { color: #FFFFFF !important; } .border-green { border-color: #32c5d2 !important; } .border-top-green { border-top-color: #32c5d2 !important; } .border-bottom-green { border-bottom-color: #32c5d2 !important; } .border-left-green { border-left-color: #32c5d2 !important; } .border-right-green { border-right-color: #32c5d2 !important; } .bg-green-meadow { background: #1BBC9B; } .bg-hover-green-meadow:hover { background: #1BBC9B; } .font-green-meadow { color: #1BBC9B !important; } .bg-font-green-meadow { color: #FFFFFF !important; } .border-green-meadow { border-color: #1BBC9B !important; } .border-top-green-meadow { border-top-color: #1BBC9B !important; } .border-bottom-green-meadow { border-bottom-color: #1BBC9B !important; } .border-left-green-meadow { border-left-color: #1BBC9B !important; } .border-right-green-meadow { border-right-color: #1BBC9B !important; } .bg-green-seagreen { background: #1BA39C; } .bg-hover-green-seagreen:hover { background: #1BA39C; } .font-green-seagreen { color: #1BA39C !important; } .bg-font-green-seagreen { color: #FFFFFF !important; } .border-green-seagreen { border-color: #1BA39C !important; } .border-top-green-seagreen { border-top-color: #1BA39C !important; } .border-bottom-green-seagreen { border-bottom-color: #1BA39C !important; } .border-left-green-seagreen { border-left-color: #1BA39C !important; } .border-right-green-seagreen { border-right-color: #1BA39C !important; } .bg-green-turquoise { background: #36D7B7; } .bg-hover-green-turquoise:hover { background: #36D7B7; } .font-green-turquoise { color: #36D7B7 !important; } .bg-font-green-turquoise { color: #FFFFFF !important; } .border-green-turquoise { border-color: #36D7B7 !important; } .border-top-green-turquoise { border-top-color: #36D7B7 !important; } .border-bottom-green-turquoise { border-bottom-color: #36D7B7 !important; } .border-left-green-turquoise { border-left-color: #36D7B7 !important; } .border-right-green-turquoise { border-right-color: #36D7B7 !important; } .bg-green-haze { background: #44b6ae; } .bg-hover-green-haze:hover { background: #44b6ae; } .font-green-haze { color: #44b6ae !important; } .bg-font-green-haze { color: #FFFFFF !important; } .border-green-haze { border-color: #44b6ae !important; } .border-top-green-haze { border-top-color: #44b6ae !important; } .border-bottom-green-haze { border-bottom-color: #44b6ae !important; } .border-left-green-haze { border-left-color: #44b6ae !important; } .border-right-green-haze { border-right-color: #44b6ae !important; } .bg-green-jungle { background: #26C281; } .bg-hover-green-jungle:hover { background: #26C281; } .font-green-jungle { color: #26C281 !important; } .bg-font-green-jungle { color: #FFFFFF !important; } .border-green-jungle { border-color: #26C281 !important; } .border-top-green-jungle { border-top-color: #26C281 !important; } .border-bottom-green-jungle { border-bottom-color: #26C281 !important; } .border-left-green-jungle { border-left-color: #26C281 !important; } .border-right-green-jungle { border-right-color: #26C281 !important; } .bg-green-soft { background: #3faba4; } .bg-hover-green-soft:hover { background: #3faba4; } .font-green-soft { color: #3faba4 !important; } .bg-font-green-soft { color: #FFFFFF !important; } .border-green-soft { border-color: #3faba4 !important; } .border-top-green-soft { border-top-color: #3faba4 !important; } .border-bottom-green-soft { border-bottom-color: #3faba4 !important; } .border-left-green-soft { border-left-color: #3faba4 !important; } .border-right-green-soft { border-right-color: #3faba4 !important; } .bg-green-dark { background: #4DB3A2; } .bg-hover-green-dark:hover { background: #4DB3A2; } .font-green-dark { color: #4DB3A2 !important; } .bg-font-green-dark { color: #FFFFFF !important; } .border-green-dark { border-color: #4DB3A2 !important; } .border-top-green-dark { border-top-color: #4DB3A2 !important; } .border-bottom-green-dark { border-bottom-color: #4DB3A2 !important; } .border-left-green-dark { border-left-color: #4DB3A2 !important; } .border-right-green-dark { border-right-color: #4DB3A2 !important; } .bg-green-sharp { background: #2ab4c0; } .bg-hover-green-sharp:hover { background: #2ab4c0; } .font-green-sharp { color: #2ab4c0 !important; } .bg-font-green-sharp { color: #FFFFFF !important; } .border-green-sharp { border-color: #2ab4c0 !important; } .border-top-green-sharp { border-top-color: #2ab4c0 !important; } .border-bottom-green-sharp { border-bottom-color: #2ab4c0 !important; } .border-left-green-sharp { border-left-color: #2ab4c0 !important; } .border-right-green-sharp { border-right-color: #2ab4c0 !important; } .bg-grey { background: #E5E5E5; } .bg-hover-grey:hover { background: #E5E5E5; } .font-grey { color: #E5E5E5 !important; } .bg-font-grey { color: #333333 !important; } .border-grey { border-color: #E5E5E5 !important; } .border-top-grey { border-top-color: #E5E5E5 !important; } .border-bottom-grey { border-bottom-color: #E5E5E5 !important; } .border-left-grey { border-left-color: #E5E5E5 !important; } .border-right-grey { border-right-color: #E5E5E5 !important; } .bg-grey-steel { background: #e9edef; } .bg-hover-grey-steel:hover { background: #e9edef; } .font-grey-steel { color: #e9edef !important; } .bg-font-grey-steel { color: #80898e !important; } .border-grey-steel { border-color: #e9edef !important; } .border-top-grey-steel { border-top-color: #e9edef !important; } .border-bottom-grey-steel { border-bottom-color: #e9edef !important; } .border-left-grey-steel { border-left-color: #e9edef !important; } .border-right-grey-steel { border-right-color: #e9edef !important; } .bg-grey-cararra { background: #fafafa; } .bg-hover-grey-cararra:hover { background: #fafafa; } .font-grey-cararra { color: #fafafa !important; } .bg-font-grey-cararra { color: #333333 !important; } .border-grey-cararra { border-color: #fafafa !important; } .border-top-grey-cararra { border-top-color: #fafafa !important; } .border-bottom-grey-cararra { border-bottom-color: #fafafa !important; } .border-left-grey-cararra { border-left-color: #fafafa !important; } .border-right-grey-cararra { border-right-color: #fafafa !important; } .bg-grey-gallery { background: #555555; } .bg-hover-grey-gallery:hover { background: #555555; } .font-grey-gallery { color: #555555 !important; } .bg-font-grey-gallery { color: #ffffff !important; } .border-grey-gallery { border-color: #555555 !important; } .border-top-grey-gallery { border-top-color: #555555 !important; } .border-bottom-grey-gallery { border-bottom-color: #555555 !important; } .border-left-grey-gallery { border-left-color: #555555 !important; } .border-right-grey-gallery { border-right-color: #555555 !important; } .bg-grey-cascade { background: #95A5A6; } .bg-hover-grey-cascade:hover { background: #95A5A6; } .font-grey-cascade { color: #95A5A6 !important; } .bg-font-grey-cascade { color: #FFFFFF !important; } .border-grey-cascade { border-color: #95A5A6 !important; } .border-top-grey-cascade { border-top-color: #95A5A6 !important; } .border-bottom-grey-cascade { border-bottom-color: #95A5A6 !important; } .border-left-grey-cascade { border-left-color: #95A5A6 !important; } .border-right-grey-cascade { border-right-color: #95A5A6 !important; } .bg-grey-silver { background: #BFBFBF; } .bg-hover-grey-silver:hover { background: #BFBFBF; } .font-grey-silver { color: #BFBFBF !important; } .bg-font-grey-silver { color: #FAFCFB !important; } .border-grey-silver { border-color: #BFBFBF !important; } .border-top-grey-silver { border-top-color: #BFBFBF !important; } .border-bottom-grey-silver { border-bottom-color: #BFBFBF !important; } .border-left-grey-silver { border-left-color: #BFBFBF !important; } .border-right-grey-silver { border-right-color: #BFBFBF !important; } .bg-grey-salsa { background: #ACB5C3; } .bg-hover-grey-salsa:hover { background: #ACB5C3; } .font-grey-salsa { color: #ACB5C3 !important; } .bg-font-grey-salsa { color: #FAFCFB !important; } .border-grey-salsa { border-color: #ACB5C3 !important; } .border-top-grey-salsa { border-top-color: #ACB5C3 !important; } .border-bottom-grey-salsa { border-bottom-color: #ACB5C3 !important; } .border-left-grey-salsa { border-left-color: #ACB5C3 !important; } .border-right-grey-salsa { border-right-color: #ACB5C3 !important; } .bg-grey-salt { background: #bfcad1; } .bg-hover-grey-salt:hover { background: #bfcad1; } .font-grey-salt { color: #bfcad1 !important; } .bg-font-grey-salt { color: #FAFCFB !important; } .border-grey-salt { border-color: #bfcad1 !important; } .border-top-grey-salt { border-top-color: #bfcad1 !important; } .border-bottom-grey-salt { border-bottom-color: #bfcad1 !important; } .border-left-grey-salt { border-left-color: #bfcad1 !important; } .border-right-grey-salt { border-right-color: #bfcad1 !important; } .bg-grey-mint { background: #525e64; } .bg-hover-grey-mint:hover { background: #525e64; } .font-grey-mint { color: #525e64 !important; } .bg-font-grey-mint { color: #FFFFFF !important; } .border-grey-mint { border-color: #525e64 !important; } .border-top-grey-mint { border-top-color: #525e64 !important; } .border-bottom-grey-mint { border-bottom-color: #525e64 !important; } .border-left-grey-mint { border-left-color: #525e64 !important; } .border-right-grey-mint { border-right-color: #525e64 !important; } .bg-red { background: #e7505a; } .bg-hover-red:hover { background: #e7505a; } .font-red { color: #e7505a !important; } .bg-font-red { color: #ffffff !important; } .border-red { border-color: #e7505a !important; } .border-top-red { border-top-color: #e7505a !important; } .border-bottom-red { border-bottom-color: #e7505a !important; } .border-left-red { border-left-color: #e7505a !important; } .border-right-red { border-right-color: #e7505a !important; } .bg-red-pink { background: #E08283; } .bg-hover-red-pink:hover { background: #E08283; } .font-red-pink { color: #E08283 !important; } .bg-font-red-pink { color: #ffffff !important; } .border-red-pink { border-color: #E08283 !important; } .border-top-red-pink { border-top-color: #E08283 !important; } .border-bottom-red-pink { border-bottom-color: #E08283 !important; } .border-left-red-pink { border-left-color: #E08283 !important; } .border-right-red-pink { border-right-color: #E08283 !important; } .bg-red-sunglo { background: #E26A6A; } .bg-hover-red-sunglo:hover { background: #E26A6A; } .font-red-sunglo { color: #E26A6A !important; } .bg-font-red-sunglo { color: #ffffff !important; } .border-red-sunglo { border-color: #E26A6A !important; } .border-top-red-sunglo { border-top-color: #E26A6A !important; } .border-bottom-red-sunglo { border-bottom-color: #E26A6A !important; } .border-left-red-sunglo { border-left-color: #E26A6A !important; } .border-right-red-sunglo { border-right-color: #E26A6A !important; } .bg-red-intense { background: #e35b5a; } .bg-hover-red-intense:hover { background: #e35b5a; } .font-red-intense { color: #e35b5a !important; } .bg-font-red-intense { color: #ffffff !important; } .border-red-intense { border-color: #e35b5a !important; } .border-top-red-intense { border-top-color: #e35b5a !important; } .border-bottom-red-intense { border-bottom-color: #e35b5a !important; } .border-left-red-intense { border-left-color: #e35b5a !important; } .border-right-red-intense { border-right-color: #e35b5a !important; } .bg-red-thunderbird { background: #D91E18; } .bg-hover-red-thunderbird:hover { background: #D91E18; } .font-red-thunderbird { color: #D91E18 !important; } .bg-font-red-thunderbird { color: #ffffff !important; } .border-red-thunderbird { border-color: #D91E18 !important; } .border-top-red-thunderbird { border-top-color: #D91E18 !important; } .border-bottom-red-thunderbird { border-bottom-color: #D91E18 !important; } .border-left-red-thunderbird { border-left-color: #D91E18 !important; } .border-right-red-thunderbird { border-right-color: #D91E18 !important; } .bg-red-flamingo { background: #EF4836; } .bg-hover-red-flamingo:hover { background: #EF4836; } .font-red-flamingo { color: #EF4836 !important; } .bg-font-red-flamingo { color: #ffffff !important; } .border-red-flamingo { border-color: #EF4836 !important; } .border-top-red-flamingo { border-top-color: #EF4836 !important; } .border-bottom-red-flamingo { border-bottom-color: #EF4836 !important; } .border-left-red-flamingo { border-left-color: #EF4836 !important; } .border-right-red-flamingo { border-right-color: #EF4836 !important; } .bg-red-soft { background: #d05454; } .bg-hover-red-soft:hover { background: #d05454; } .font-red-soft { color: #d05454 !important; } .bg-font-red-soft { color: #ffffff !important; } .border-red-soft { border-color: #d05454 !important; } .border-top-red-soft { border-top-color: #d05454 !important; } .border-bottom-red-soft { border-bottom-color: #d05454 !important; } .border-left-red-soft { border-left-color: #d05454 !important; } .border-right-red-soft { border-right-color: #d05454 !important; } .bg-red-haze { background: #f36a5a; } .bg-hover-red-haze:hover { background: #f36a5a; } .font-red-haze { color: #f36a5a !important; } .bg-font-red-haze { color: #ffffff !important; } .border-red-haze { border-color: #f36a5a !important; } .border-top-red-haze { border-top-color: #f36a5a !important; } .border-bottom-red-haze { border-bottom-color: #f36a5a !important; } .border-left-red-haze { border-left-color: #f36a5a !important; } .border-right-red-haze { border-right-color: #f36a5a !important; } .bg-red-mint { background: #e43a45; } .bg-hover-red-mint:hover { background: #e43a45; } .font-red-mint { color: #e43a45 !important; } .bg-font-red-mint { color: #ffffff !important; } .border-red-mint { border-color: #e43a45 !important; } .border-top-red-mint { border-top-color: #e43a45 !important; } .border-bottom-red-mint { border-bottom-color: #e43a45 !important; } .border-left-red-mint { border-left-color: #e43a45 !important; } .border-right-red-mint { border-right-color: #e43a45 !important; } .bg-yellow { background: #c49f47; } .bg-hover-yellow:hover { background: #c49f47; } .font-yellow { color: #c49f47 !important; } .bg-font-yellow { color: #ffffff !important; } .border-yellow { border-color: #c49f47 !important; } .border-top-yellow { border-top-color: #c49f47 !important; } .border-bottom-yellow { border-bottom-color: #c49f47 !important; } .border-left-yellow { border-left-color: #c49f47 !important; } .border-right-yellow { border-right-color: #c49f47 !important; } .bg-yellow-gold { background: #E87E04; } .bg-hover-yellow-gold:hover { background: #E87E04; } .font-yellow-gold { color: #E87E04 !important; } .bg-font-yellow-gold { color: #ffffff !important; } .border-yellow-gold { border-color: #E87E04 !important; } .border-top-yellow-gold { border-top-color: #E87E04 !important; } .border-bottom-yellow-gold { border-bottom-color: #E87E04 !important; } .border-left-yellow-gold { border-left-color: #E87E04 !important; } .border-right-yellow-gold { border-right-color: #E87E04 !important; } .bg-yellow-casablanca { background: #f2784b; } .bg-hover-yellow-casablanca:hover { background: #f2784b; } .font-yellow-casablanca { color: #f2784b !important; } .bg-font-yellow-casablanca { color: #ffffff !important; } .border-yellow-casablanca { border-color: #f2784b !important; } .border-top-yellow-casablanca { border-top-color: #f2784b !important; } .border-bottom-yellow-casablanca { border-bottom-color: #f2784b !important; } .border-left-yellow-casablanca { border-left-color: #f2784b !important; } .border-right-yellow-casablanca { border-right-color: #f2784b !important; } .bg-yellow-crusta { background: #f3c200; } .bg-hover-yellow-crusta:hover { background: #f3c200; } .font-yellow-crusta { color: #f3c200 !important; } .bg-font-yellow-crusta { color: #ffffff !important; } .border-yellow-crusta { border-color: #f3c200 !important; } .border-top-yellow-crusta { border-top-color: #f3c200 !important; } .border-bottom-yellow-crusta { border-bottom-color: #f3c200 !important; } .border-left-yellow-crusta { border-left-color: #f3c200 !important; } .border-right-yellow-crusta { border-right-color: #f3c200 !important; } .bg-yellow-lemon { background: #F7CA18; } .bg-hover-yellow-lemon:hover { background: #F7CA18; } .font-yellow-lemon { color: #F7CA18 !important; } .bg-font-yellow-lemon { color: #ffffff !important; } .border-yellow-lemon { border-color: #F7CA18 !important; } .border-top-yellow-lemon { border-top-color: #F7CA18 !important; } .border-bottom-yellow-lemon { border-bottom-color: #F7CA18 !important; } .border-left-yellow-lemon { border-left-color: #F7CA18 !important; } .border-right-yellow-lemon { border-right-color: #F7CA18 !important; } .bg-yellow-saffron { background: #F4D03F; } .bg-hover-yellow-saffron:hover { background: #F4D03F; } .font-yellow-saffron { color: #F4D03F !important; } .bg-font-yellow-saffron { color: #ffffff !important; } .border-yellow-saffron { border-color: #F4D03F !important; } .border-top-yellow-saffron { border-top-color: #F4D03F !important; } .border-bottom-yellow-saffron { border-bottom-color: #F4D03F !important; } .border-left-yellow-saffron { border-left-color: #F4D03F !important; } .border-right-yellow-saffron { border-right-color: #F4D03F !important; } .bg-yellow-soft { background: #c8d046; } .bg-hover-yellow-soft:hover { background: #c8d046; } .font-yellow-soft { color: #c8d046 !important; } .bg-font-yellow-soft { color: #ffffff !important; } .border-yellow-soft { border-color: #c8d046 !important; } .border-top-yellow-soft { border-top-color: #c8d046 !important; } .border-bottom-yellow-soft { border-bottom-color: #c8d046 !important; } .border-left-yellow-soft { border-left-color: #c8d046 !important; } .border-right-yellow-soft { border-right-color: #c8d046 !important; } .bg-yellow-haze { background: #c5bf66; } .bg-hover-yellow-haze:hover { background: #c5bf66; } .font-yellow-haze { color: #c5bf66 !important; } .bg-font-yellow-haze { color: #ffffff !important; } .border-yellow-haze { border-color: #c5bf66 !important; } .border-top-yellow-haze { border-top-color: #c5bf66 !important; } .border-bottom-yellow-haze { border-bottom-color: #c5bf66 !important; } .border-left-yellow-haze { border-left-color: #c5bf66 !important; } .border-right-yellow-haze { border-right-color: #c5bf66 !important; } .bg-yellow-mint { background: #c5b96b; } .bg-hover-yellow-mint:hover { background: #c5b96b; } .font-yellow-mint { color: #c5b96b !important; } .bg-font-yellow-mint { color: #ffffff !important; } .border-yellow-mint { border-color: #c5b96b !important; } .border-top-yellow-mint { border-top-color: #c5b96b !important; } .border-bottom-yellow-mint { border-bottom-color: #c5b96b !important; } .border-left-yellow-mint { border-left-color: #c5b96b !important; } .border-right-yellow-mint { border-right-color: #c5b96b !important; } .bg-purple { background: #8E44AD; } .bg-hover-purple:hover { background: #8E44AD; } .font-purple { color: #8E44AD !important; } .bg-font-purple { color: #ffffff !important; } .border-purple { border-color: #8E44AD !important; } .border-top-purple { border-top-color: #8E44AD !important; } .border-bottom-purple { border-bottom-color: #8E44AD !important; } .border-left-purple { border-left-color: #8E44AD !important; } .border-right-purple { border-right-color: #8E44AD !important; } .bg-purple-plum { background: #8775a7; } .bg-hover-purple-plum:hover { background: #8775a7; } .font-purple-plum { color: #8775a7 !important; } .bg-font-purple-plum { color: #ffffff !important; } .border-purple-plum { border-color: #8775a7 !important; } .border-top-purple-plum { border-top-color: #8775a7 !important; } .border-bottom-purple-plum { border-bottom-color: #8775a7 !important; } .border-left-purple-plum { border-left-color: #8775a7 !important; } .border-right-purple-plum { border-right-color: #8775a7 !important; } .bg-purple-medium { background: #BF55EC; } .bg-hover-purple-medium:hover { background: #BF55EC; } .font-purple-medium { color: #BF55EC !important; } .bg-font-purple-medium { color: #ffffff !important; } .border-purple-medium { border-color: #BF55EC !important; } .border-top-purple-medium { border-top-color: #BF55EC !important; } .border-bottom-purple-medium { border-bottom-color: #BF55EC !important; } .border-left-purple-medium { border-left-color: #BF55EC !important; } .border-right-purple-medium { border-right-color: #BF55EC !important; } .bg-purple-studio { background: #8E44AD; } .bg-hover-purple-studio:hover { background: #8E44AD; } .font-purple-studio { color: #8E44AD !important; } .bg-font-purple-studio { color: #ffffff !important; } .border-purple-studio { border-color: #8E44AD !important; } .border-top-purple-studio { border-top-color: #8E44AD !important; } .border-bottom-purple-studio { border-bottom-color: #8E44AD !important; } .border-left-purple-studio { border-left-color: #8E44AD !important; } .border-right-purple-studio { border-right-color: #8E44AD !important; } .bg-purple-wisteria { background: #9B59B6; } .bg-hover-purple-wisteria:hover { background: #9B59B6; } .font-purple-wisteria { color: #9B59B6 !important; } .bg-font-purple-wisteria { color: #ffffff !important; } .border-purple-wisteria { border-color: #9B59B6 !important; } .border-top-purple-wisteria { border-top-color: #9B59B6 !important; } .border-bottom-purple-wisteria { border-bottom-color: #9B59B6 !important; } .border-left-purple-wisteria { border-left-color: #9B59B6 !important; } .border-right-purple-wisteria { border-right-color: #9B59B6 !important; } .bg-purple-seance { background: #9A12B3; } .bg-hover-purple-seance:hover { background: #9A12B3; } .font-purple-seance { color: #9A12B3 !important; } .bg-font-purple-seance { color: #ffffff !important; } .border-purple-seance { border-color: #9A12B3 !important; } .border-top-purple-seance { border-top-color: #9A12B3 !important; } .border-bottom-purple-seance { border-bottom-color: #9A12B3 !important; } .border-left-purple-seance { border-left-color: #9A12B3 !important; } .border-right-purple-seance { border-right-color: #9A12B3 !important; } .bg-purple-intense { background: #8775a7; } .bg-hover-purple-intense:hover { background: #8775a7; } .font-purple-intense { color: #8775a7 !important; } .bg-font-purple-intense { color: #ffffff !important; } .border-purple-intense { border-color: #8775a7 !important; } .border-top-purple-intense { border-top-color: #8775a7 !important; } .border-bottom-purple-intense { border-bottom-color: #8775a7 !important; } .border-left-purple-intense { border-left-color: #8775a7 !important; } .border-right-purple-intense { border-right-color: #8775a7 !important; } .bg-purple-sharp { background: #796799; } .bg-hover-purple-sharp:hover { background: #796799; } .font-purple-sharp { color: #796799 !important; } .bg-font-purple-sharp { color: #ffffff !important; } .border-purple-sharp { border-color: #796799 !important; } .border-top-purple-sharp { border-top-color: #796799 !important; } .border-bottom-purple-sharp { border-bottom-color: #796799 !important; } .border-left-purple-sharp { border-left-color: #796799 !important; } .border-right-purple-sharp { border-right-color: #796799 !important; } .bg-purple-soft { background: #8877a9; } .bg-hover-purple-soft:hover { background: #8877a9; } .font-purple-soft { color: #8877a9 !important; } .bg-font-purple-soft { color: #ffffff !important; } .border-purple-soft { border-color: #8877a9 !important; } .border-top-purple-soft { border-top-color: #8877a9 !important; } .border-bottom-purple-soft { border-bottom-color: #8877a9 !important; } .border-left-purple-soft { border-left-color: #8877a9 !important; } .border-right-purple-soft { border-right-color: #8877a9 !important; } /*** Color library demo ***/ .color-demo { border: 1px solid #eee; margin: 0 0 20px 0; cursor: pointer; } .color-demo .color-view { padding: 35px 10px; text-align: center; font-size: 18px; } .color-demo .color-info { border-top: 1px solid #eee; padding: 10px 10px; text-align: center; } /****************************** 3RD PARTY PLUGIN CUSTOMIZATION ******************************/ /* Cubic Bezier Transition */ /*** Bootstrap Colorpicker ***/ .input-group.color .input-group-btn i { position: absolute; display: block; cursor: pointer; width: 20px; height: 20px; right: 6px; } .colorpicker.dropdown-menu { padding: 5px; } /* change z-index when opened in modal */ .modal-open .colorpicker { z-index: 10055 !important; } /*** Bootstrap Datepaginator ***/ .datepaginator a { font-family: 'Open Sans'; font-size: 13px; font-weight: 300; } .datepicker .today { background-image: none !important; filter: none !important; } #dp-calendar { right: 4px !important; } .datepaginator .fa-angle-right:before { content: "๏„…"/*rtl:"๏„„"*/; } .datepaginator .fa-angle-left:before { content: "๏„„"/*rtl:"๏„…"*/; } /*** Bootstrap Datepicker ***/ .datepicker.dropdown-menu { padding: 5px; } .datepicker .selected { background-color: #909090 !important; background-image: none !important; filter: none !important; } .datepicker .active { background-color: #4b8df8 !important; background-image: none !important; filter: none !important; } .datepicker .active:hover { background-color: #2678FC !important; background-image: none !important; filter: none !important; } .datepicker .input-daterange input { text-align: left; } /* change z-index when opened in modal */ .modal-open .datepicker { z-index: 10055 !important; } .datepicker table td { color: #000; font-weight: 300 !important; font-family: 'Open Sans' !important; } .datepicker table th { color: #333; font-family: 'Open Sans' !important; font-weight: 400 !important; } .datepicker.dropdown-menu { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #efefef; } .datepicker .fa-angle-left:before { content: "๏„„"/*rtl:"๏„…"*/; } .datepicker .fa-angle-right:before { content: "๏„…"/*rtl:"๏„„"*/; } /*** Bootstrap Daterangepicker ***/ .modal-open .daterangepicker { z-index: 10055 !important; } .daterangepicker { margin-top: 4px; } .daterangepicker td { text-shadow: none; } .daterangepicker td.active { background-color: #4b8df8; background-image: none; filter: none; } .daterangepicker th { font-weight: 400; font-size: 14px; } .daterangepicker .ranges input[type="text"] { width: 70px !important; font-size: 11px; vertical-align: middle; } .daterangepicker .ranges label { font-weight: 300; display: block; } .daterangepicker .ranges { width: 170px; } .daterangepicker .ranges ul > li.active { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .daterangepicker .ranges .btn { margin-top: 10px; } .daterangepicker.dropdown-menu { padding: 5px; } .daterangepicker .ranges li { color: #333; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #4b8df8 !important; border: 1px solid #4b8df8 !important; color: #fff; } .daterangepicker .range_inputs input { margin-bottom: 0 !important; } .daterangepicker .fa-angle-right:before { content: "๏„…"/*rtl:"๏„„"*/; } .daterangepicker .fa-angle-left:before { content: "๏„„"/*rtl:"๏„…"*/; } /*** Bootstrap Datetimepicker ***/ .datetimepicker table td { color: #000; font-weight: 300 !important; font-family: 'Open Sans' !important; } .datetimepicker table th { font-family: 'Open Sans' !important; font-weight: 400 !important; } .datetimepicker.dropdown-menu { padding: 5px; } .datetimepicker .active { background-color: #4b8df8 !important; background-image: none !important; filter: none !important; } .datetimepicker .active:hover { background-color: #2678FC !important; background-image: none !important; filter: none !important; } .datetimepicker .fa-angle-left:before { content: "๏„„"/*rtl:"๏„…"*/; } .datetimepicker .fa-angle-right:before { content: "๏„…"/*rtl:"๏„„"*/; } /* change z-index when opened in modal */ .modal-open .datetimepicker { z-index: 10055; } /*** Bootstrap Editable ***/ .editable-input table, .editable-input table th, .editable-input table td, .editable-input table tr { border: 0 !important; } .editable-input .combodate select { margin-bottom: 5px; } /*** Jansy File Input plugin css changes ***/ .fileinput { margin-bottom: 0; } .fileinput .close { float: none; } .fileinput .input-group { white-space: nowrap; overflow: hidden; } /*** Bootstrap Markdown ***/ .md-input { padding: 5px !important; border-bottom: 0 !important; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .md-editor { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .md-editor .btn-toolbar { margin-left: 0px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .md-editor .btn-toolbar .btn-group .btn-sm.btn { padding-bottom: 3px; } .md-editor .btn-toolbar .btn-group .btn-primary { padding-top: 5px; padding-bottom: 7px; } .md-editor.active { border: 1px solid #999999; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /*** Error state for WYSIWYG Editors ***/ .has-error .md-editor { border: 1px solid #fbe1e3 !important; } .has-success .md-editor { border: 1px solid #b4eaee !important; } .has-warning .md-editor { border: 1px solid #f9e491 !important; } /*** Bootstrap Modal ***/ /* fix: content shifting to the right on modal open */ .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable { overflow-y: auto !important; } .modal-scrollable { overflow: hidden !important; } /* BS 3.3.1 fix */ .modal-backdrop { position: fixed; bottom: 0; } .modal-scrollable { overflow: hidden !important; z-index: 10051; overflow-y: scroll !important; } /*** Bootstrap Select ***/ .bootstrap-select .btn { border-color: #c2cad8; } .has-error .bootstrap-select .btn { border-color: #fbe1e3; } .has-success .bootstrap-select .btn { border-color: #b4eaee; } .has-warning .bootstrap-select .btn { border-color: #f9e491; } .bootstrap-select.open .btn { border-color: #93a1bb; } .bootstrap-select.open.dropup .btn { border-color: #93a1bb; } .bootstrap-select .btn:focus { outline: none !important; outline-offset: 0; } .bootstrap-select.btn-group .dropdown-menu { margin-top: 1px; } .bootstrap-select.btn-group .dropdown-menu > li > dt > .text { font-weight: 600; font-family: 'Open Sans'; font-size: 14px; } .bootstrap-select.btn-group .dropdown-menu .text-muted { color: #999 !important; } .bootstrap-select .caret { border: 0; width: auto; height: auto; margin-top: -10px !important; } .bootstrap-select .caret:before { content: "\f107"; display: inline-block; border: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; } .bootstrap-select .selected i { color: #aaa; } .bootstrap-select .dropdown-menu { z-index: 9999 !important; } /*** Bootstrap Switch ***/ .bootstrap-switch { border-color: #c2cad8; } .bootstrap-switch.bootstrap-switch-focused { box-shadow: none; border-color: #c2cad8; } /*** Color variants ***/ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #337ab7; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #659be0; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #3fc9d5; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { color: #fff; background: #F1C40F; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #ed6b75; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #444; background: #e8eaef; } /* Bootstrap switch on portlet headers */ .portlet:not(.light) > .portlet-title > .actions > .bootstrap-switch { border-color: transparent; margin-top: 0px; } /*** Bootstrap Time Picker ***/ .bootstrap-timepicker-widget table td a { padding: 4px 0; } .bootstrap-timepicker-widget input, .bootstrap-timepicker-widget input:focus { outline: none !important; border: 0; } .modal-open .bootstrap-timepicker-widget { z-index: 10055 !important; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before, .bootstrap-timepicker-widget.timepicker-orient-bottom:after { top: auto; } /*** Toastr Notifications ***/ .toast { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast .toast-close-button { display: inline-block; margin-top: 0px; margin-right: 0px; text-indent: -100000px; width: 11px; height: 16px; background-repeat: no-repeat !important; background-image: url("../img/portlet-remove-icon-white.png") !important; } .toast-top-center { top: 12px; margin: 0 auto; left: 50%; margin-left: -150px; } .toast-top-center .toast { margin: 0 !important; } .toast-bottom-center { bottom: 12px; margin: 0 auto; left: 50%; margin-left: -150px; } .toast-bottom-center .toast { margin: 0 !important; } /*** Bootstrap Wizard ***/ .form-wizard .progress { margin-bottom: 30px; } .form-wizard .steps { padding: 10px 0; margin-bottom: 15px; background-color: #fff; background-image: none; filter: none; border: 0px; box-shadow: none; } .form-wizard .steps > li > a.step { background-color: #fff; background-image: none; filter: none; border: 0px; box-shadow: none; } .form-wizard .steps > li > a.step:hover { background: none; } .form-wizard .steps > li > a.step > .number { background-color: #eee; display: inline-block; text-align: center !important; font-size: 16px; font-weight: 300; padding: 11px 15px 13px 15px; margin-right: 10px; height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .form-wizard .steps > li > a.step > .desc { display: inline-block; font-size: 16px; font-weight: 300; } .form-wizard .steps > li > a.step > .desc > i { display: none; } .form-wizard .steps > li.active > a.step .number { background-color: #3fc9d5; color: #fff; } .form-wizard .steps > li.active > a.step .desc { color: #333; } .form-wizard .steps > li.done > a.step .number { background-color: #F1C40F; color: #fff; } .form-wizard .steps > li.done > a.step .desc { color: #333; } .form-wizard .steps > li.done > a.step .desc i { font-size: 12px; font-weight: normal; color: #999; display: inline-block; } @media (min-width: 768px) and (max-width: 1200px) { /* 768px & 1200px */ .form-wizard .step .desc { margin-top: 10px; display: block; } } @media (max-width: 768px) { /* 768px */ .form-wizard .steps > li > a { text-align: left; } } /*! * Tab drop for Bootstrap */ .tabbable-tabdrop .nav-tabs, .tabbable-tabdrop .nav-pills { position: relative; } .tabbable-tabdrop .nav-tabs .caret, .tabbable-tabdrop .nav-pills .caret { display: none; } .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i, .tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i { font-size: 14px; } .tabbable-tabdrop .dropdown-menu:after { right: 10px; left: auto; } .tabbable-tabdrop .dropdown-menu:before { right: 9px; left: auto; } /*** wysihtml5 ***/ .wysihtml5-sandbox { width: 100% !important; } .wysihtml5-toolbar li { margin: 0px; height: 29px; } .wysihtml5-toolbar li .dropdown-menu { margin-top: 5px; } /*** Error state for WYSIWYG Editors ***/ .has-error .wysihtml5-sandbox { border: 1px solid #fbe1e3 !important; } .has-success .wysihtml5-sandbox { border: 1px solid #b4eaee !important; } .has-warning .wysihtml5-sandbox { border: 1px solid #f9e491 !important; } /*** Error state for WYSIWYG Editors ***/ .note-editor { border: 1px solid #c2cad8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .note-editor .note-toolbar { border-bottom: 1px solid #c2cad8; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .note-editor .note-statusbar { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .note-editor .note-statusbar .note-resizebar { border-top: 1px solid #c2cad8; } .note-editor.fullscreen { z-index: 11000; width: 100% !important; } .note-editor .dropdown-menu:before { left: 9px; right: auto; } .note-editor .dropdown-menu:after { left: 10px; right: auto; } .note-link-dialog .checkbox { margin-left: 20px; } .has-error .note-editor { border: 1px solid #fbe1e3 !important; } .has-success .note-editor { border: 1px solid #b4eaee !important; } .has-warning .note-editor { border: 1px solid #f9e491 !important; } /*** Bootstrap GtreeTable ***/ .gtreetable .dropdown-menu { margin-top: 0px; } .gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before { display: none !important; } .gtreetable .node-action .form-control { position: relative; top: 2px; display: inline-block; } .gtreetable .node-icon-selected, .gtreetable .node-icon-handle, .gtreetable .node-icon-ce, .gtreetable .node-icon-type { opacity: 0.6 ; filter: alpha(opacity=60) ; } /*** Modify bootstrap-tagsinput plugin's css ***/ .bootstrap-tagsinput .tag [data-role="remove"] { box-shadow: none; font-family: arial; } .bootstrap-tagsinput .tag [data-role="remove"]:after { font-family: arial; } .bootstrap-tagsinput .tag [data-role="remove"]:hover { text-decoration: none; box-shadow: none; } /*** Bootbox ***/ .bootbox .bootbox-close-button { margin-top: 0px !important; } /*-------------------------------------------------- [CSS Animation Amchart] ----------------------------------------------------*/ .CSSAnimationChart { width: 100%; height: 500px; } .CSSAnimationChart a { color: #bbb !important; font-size: 12px !important; } .amcharts-graph-g2 .amcharts-graph-stroke { stroke-dasharray: 3px 3px; stroke-linejoin: round; stroke-linecap: round; -webkit-animation: am-moving-dashes 1s linear infinite; animation: am-moving-dashes 1s linear infinite; } @-webkit-keyframes am-moving-dashes { 100% { stroke-dashoffset: -31px; } } @keyframes am-moving-dashes { 100% { stroke-dashoffset: -31px; } } .lastBullet { -webkit-animation: am-pulsating 1s ease-out infinite; animation: am-pulsating 1s ease-out infinite; } @-webkit-keyframes am-pulsating { 0% { stroke-opacity: 1; stroke-width: 0px; } 100% { stroke-opacity: 0; stroke-width: 50px; } } @keyframes am-pulsating { 0% { stroke-opacity: 1; stroke-width: 0px; } 100% { stroke-opacity: 0; stroke-width: 50px; } } .amcharts-graph-column-front { -webkit-transition: all 0.3s 0.3s ease-out; transition: all 0.3s 0.3s ease-out; } .amcharts-graph-column-front:hover { fill: #496375; stroke: #496375; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .amcharts-graph-g3 { stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 500%; stroke-dasharray: 0 \0; /* fixes IE prob */ stroke-dashoffset: 0 \0; /* fixes IE prob */ -webkit-animation: am-draw 40s; animation: am-draw 40s; } @-webkit-keyframes am-draw { 0% { stroke-dashoffset: 500%; } 100% { stroke-dashoffset: 0px; } } @keyframes am-draw { 0% { stroke-dashoffset: 500%; } 100% { stroke-dashoffset: 0px; } } /*-------------------------------------------------- [Mao Amchart] ----------------------------------------------------*/ .mapChart { width: 100%; height: 500px; } .mapChart a { color: #bbb !important; font-size: 12px !important; } /*-------------------------------------------------- [Column Line] ----------------------------------------------------*/ .columnLine { width: 100%; height: 350px; font-size: 11px; } .amcharts-graph-graph2 .amcharts-graph-stroke { stroke-dasharray: 4px 5px; stroke-linejoin: round; stroke-linecap: round; -webkit-animation: am-moving-dashes 1s linear infinite; animation: am-moving-dashes 1s linear infinite; } @-webkit-keyframes am-moving-dashes { 100% { stroke-dashoffset: -28px; } } @keyframes am-moving-dashes { 100% { stroke-dashoffset: -28px; } } /*-------------------------------------------------- [Animated Pie Chart] ----------------------------------------------------*/ .animated-pie-chart { width: 100%; height: 350px; font-size: 11px; } /*** CKEditor css changes ***/ .cke { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .cke .cke-top { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .cke .cke-bottom { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .cke_bottom, .cke_inner, .cke_top, .cke_reset, .cke_dialog_title, .cke_dialog_footer, .cke_dialog { background-image: none !important; filter: none; border-top: 0; border-bottom: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow: none; } .cke_dialog_ui_button, .cke_dialog_tab { background-image: none !important; filter: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .cke_dialog_ui_button:hover, .cke_dialog_tab:hover { text-decoration: none; text-shadow: none; } .cke_dialog_ui_input_text { background-image: none !important; filter: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cke_combo_button, .cke_button, .cke_toolbar, .cke_toolgroup { background-image: none !important; filter: none !important; border: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cke_button, .cke_combo_button, .cke_panel_grouptitle, .cke_hc.cke_panel_listItem a { background-image: none !important; filter: none; text-shadow: none; } .cke_button:hover, .cke_combo_button:hover { background-color: #ddd; } .cke_toolbar_break { background-image: none !important; filter: none !important; border: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; } /*** Error state for WYSIWYG Editors ***/ .has-error .cke { border: 1px solid #fbe1e3 !important; } .has-success .cke { border: 1px solid #b4eaee !important; } .has-warning .cke { border: 1px solid #f9e491 !important; } /*** Clockface ***/ .modal-open .clockface { z-index: 10055 !important; } .clockface .cell .inner.active, .clockface .cell .outer.active { background-color: #4b8df8 !important; background-image: none; filter: none; } /*** Datatables general customization ***/ .table-checkable tr > th:first-child, .table-checkable tr > td:first-child { text-align: center; max-width: 50px; min-width: 40px; padding-left: 0; padding-right: 0; } table.dataTable thead th, table.dataTable thead td { border-bottom: 2px solid #e7ecf1; outline: none !important; } table.dataTable.no-footer { border-bottom-color: #e7ecf1; } table.dataTable tr.heading > th { background-color: #fbfcfd; } table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 { background: #fbfcfd !important; } /*** Extended pagination ***/ .paging_bootstrap_extended { margin: 5px 0 0 0 !important; padding: 0 !important; float: none !important; font-size: 13px; } .dataTables_extended_wrapper { margin-top: 10px; } .dataTables_extended_wrapper .seperator { padding: 0 2px; } .dataTables_extended_wrapper .table.dataTable { margin: 20px 0 !important; } .dataTables_extended_wrapper div.dataTables_paginate, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_info { display: inline-block; float: none !important; padding: 0 !important; margin: 0 !important; position: static !important; } .dataTables_extended_wrapper .table-group-actions > span { font-size: 13px; } @media (max-width: 480px) { .dataTables_extended_wrapper div.dataTables_paginate, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_info { display: block; margin-bottom: 10px !important; } .dataTables_extended_wrapper .seperator { display: none !important; } } .dataTables_extended_wrapper div.dataTables_length label { margin: 0 !important; padding: 0 !important; font-size: 13px; float: none !important; display: inline-block !important; } .table-container .table-actions-wrapper { display: none; } /*** Scroller Extension ***/ .dataTables_scroll { margin-bottom: 10px; } .dataTables_scrollHead { border-bottom: 2px solid #e7ecf1 !important; } .dataTables_scrollHead thead th { border-bottom: 0 !important; } .dataTables_scrollBody { border-bottom: 1px solid #e7ecf1 !important; } .table-both-scroll .dataTables_scrollBody { border-bottom: 0 !important; } /*** Datatables processing ***/ .dataTables_wrapper .dataTables_processing { width: 200px; display: inline-block; padding: 7px; left: 50%; margin-left: -100px; margin-top: 10px; text-align: center; color: #3f444a; border: 1px solid #e7ecf1; background: #eef1f5; vertical-align: middle; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } /*** Tool Buttons ***/ button.dt-button, div.dt-button, a.dt-button { background-image: none !important; } button.dt-button:last-child, div.dt-button:last-child, a.dt-button:last-child { margin-right: 0; } .dataTables_wrapper .dt-buttons { float: right; } .portlet.light .dataTables_wrapper .dt-buttons { margin-top: -64px; } .portlet.box .dataTables_wrapper .dt-buttons { margin-top: -50px; } /*** Rot Details ***/ .dataTable .row-details.row-details-close { background: url("../img/datatable-row-openclose.png") no-repeat 0 0; } .dataTable .row-details.row-details-open { background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px; } /*** Sorting ***/ 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, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { display: none; } table.dataTable thead .sorting { background: url("../plugins/datatables/images/sort_both.png") no-repeat center right; } table.dataTable thead .sorting_asc { background: url("../plugins/datatables/images/sort_asc.png") no-repeat center right; } table.dataTable thead .sorting_desc { background: url("../plugins/datatables/images/sort_desc.png") no-repeat center right; } table.dataTable thead .sorting_asc_disabled { background: url("../plugins/datatables/images/sort_asc_disabled.png") no-repeat center right; } table.dataTable thead .sorting_desc_disabled { background: url("../plugins/datatables/images/sort_desc_disabled.png") no-repeat center right; } table.dataTable th:active { outline: none; } /*** Fixed Header ***/ table.dataTable.fixedHeader-floating { margin-top: 0 !important; margin-bottom: 0 !important; border: 1px solid #dee5ec; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .table-header-fixed thead > tr > th { border-top: 0; } .table > tfoot > tr > th, .table > tfoot > tr > td { border-bottom: 0; padding: 10px 18px; border-top: 1px solid #e7ecf1; font-weight: 600; } /*** Responsive Datatables ***/ .table.dataTable.dt-responsive .table.dataTable.responsive { width: 100%; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { text-align: center; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { box-shadow: none !important; background-color: #b0c1d2; font-weight: 300; vertical-align: middle; line-height: 16px; border: 0; } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { background-color: #3fc9d5; font-weight: 300; vertical-align: middle; line-height: 14px; border: 0; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 10px; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { text-align: center; margin-top: -8px; } table.dataTable > tbody > tr.child ul li { border: 0; } /*** Dropzone css changes(new in v1.1.1) ***/ .dropzone { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .dropzone-file-area { border: 2px dashed #028AF4; background: white; padding: 20px; margin: 0 auto; text-align: center; } @media (max-width: 768px) { /* 768px */ .dropzone-file-area { width: auto; } } /*** Fancy box fix overlay fix ***/ .fancybox-overlay { z-index: 100000; } .fancybox-opened { z-index: 100001; } /*** FuelUX Spinners ***/ .spinner-buttons.btn-group-vertical .btn { text-align: center; margin: 0; height: 17px; width: 22px; padding-left: 6px; padding-right: 6px; padding-top: 0px; } .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up { border-radius: 0; border-top-right-radius: 4px !important; } .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down { border-radius: 0; border-bottom-right-radius: 4px; } /*** Fullcalendar ***/ /* External events */ .external-event { display: inline-block; cursor: move; margin-bottom: 5px; margin-left: 5px; } .fc-scroller { overflow-y: auto; overflow-x: hidden; } .fc-month-view .fc-scroller { height: auto !important; } .portlet .event-form-title { font-size: 16px; margin-top: 4px; font-weight: 400; margin-bottom: 10px; } .portlet.calendar .fc-button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; border: 0; height: 35px; padding: 5px 8px 8px 8px; margin-left: 2px; border-top-style: none; border-bottom-style: none; border-right-style: solid; border-left-style: solid; border-color: #ddd; background: transparent; color: #fff; top: -48px; outline: none !important; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .portlet.calendar .fc-toolbar { margin-bottom: 0px; } .portlet.calendar .fc-toolbar h2 { margin-top: 3px; font-size: 17px; } .portlet.calendar .fc-header { margin-bottom: -21px; } .portlet.calendar .fc-button-prev { padding-right: 10px; padding-left: 8px; } .portlet.calendar .fc-button-next { padding-right: 8px; padding-left: 10px; } .portlet.calendar .fc-button .fc-icon { height: 20px; top: -5px; } .portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover { color: #666; background-color: #fff; } .portlet.calendar .fc-button.fc-state-disabled { color: #ddd; } .portlet.calendar .fc-button .fc-icon-left-single-arrow { font-family: FontAwesome; display: inline-block; font-size: 16px; } .portlet.calendar .fc-button .fc-icon-left-single-arrow:after { content: ""; margin: 0; } .portlet.calendar .fc-button .fc-icon-left-single-arrow:before { content: "\f104"; } .portlet.calendar .fc-button .fc-icon-right-single-arrow { font-family: FontAwesome; display: inline-block; font-size: 16px; } .portlet.calendar .fc-button .fc-icon-right-single-arrow:after { margin: 0; content: ""; } .portlet.calendar .fc-button .fc-icon-right-single-arrow:before { content: "\f105"; } .portlet.calendar .fc-text-arrow { font-size: 22px; font-family: "Courier New", Courier, monospace; vertical-align: baseline; } .portlet.calendar .fc-event { border: 0px; background-color: #69a4e0; color: #fff; } .portlet.calendar .fc-event .fc-content { border: 0px; padding: 5px 7px; } .portlet.calendar .fc-event .fc-time { float: left; text-align: left; color: #fff; font-size: 14px; font-weight: 300; padding-right: 5px; } .portlet.calendar .fc-event .fc-title { text-align: left; float: left; color: #fff; font-size: 14px; font-weight: 300; } .portlet.calendar .fc-header-title h2 { font-size: 14px; line-height: 20px; font-weight: 400; color: #111; } .portlet.calendar .fc-widget-header { background-image: none; filter: none; background-color: #eee; text-transform: uppercase; font-weight: 300; } .portlet.calendar.light .fc-button { top: -60px; color: #666; text-transform: uppercase; font-size: 12px; padding-bottom: 35px; } .portlet.calendar.light .fc-button .fc-text-arrow { margin-top: -6px; display: inline-block; } .portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover { color: #333; border-bottom: 2px solid #3fc9d5; } .portlet.calendar.light .fc-button.fc-state-disabled { color: #aaa; } .portlet.calendar .mobile .fc-button { padding: 0px 6px 20px 6px; margin-left: 2px; border: 0; background-color: #ddd; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; text-shadow: none; text-align: center; } .portlet.calendar .mobile .fc-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-state-active { background-color: #eee; } .portlet.calendar .mobile .fc-button.fc-state-disabled { color: #bbb; } .portlet.calendar .mobile .fc-button-prev { margin-right: 5px; margin-top: -2px; } .portlet.calendar .mobile .fc-button-next { margin-right: -0px; margin-top: -2px; } .portlet.calendar .mobile .fc-header-space { margin: 0px; padding: 0px; width: 0px; } .portlet.calendar .mobile .fc-header-left { position: absolute; z-index: 10; } .portlet.calendar .mobile .fc-header-left .fc-button { top: -2px; } .portlet.calendar .mobile .fc-header-right { position: relative; right: 0; } .portlet.calendar .mobile .fc-header-right .fc-button { top: 35px; } .portlet.calendar .mobile .fc-content { margin-top: 53px; } /*** Google Maps ***/ .gmaps { height: 300px; width: 100%; /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ } .gmaps img { max-width: none; } #gmap_static div { background-repeat: no-repeat; background-position: 50% 50%; height: 100%; display: block; height: 300px; } #gmap_routes_instructions { margin-top: 10px; margin-bottom: 0px; } /*** Gritter notification modify ***/ #gritter-notice-wrapper { right: 1px !important; } .gritter-close { left: auto !important; right: 3px !important; } .gritter-title { font-family: 'Open Sans'; font-size: 18px; font-weight: 300; } /*** Dashboard Charts(new in v1.2.1) ***/ .easy-pie-chart, .sparkline-chart { text-align: center; } .sparkline-chart { margin-top: 15px; position: relative; } .easy-pie-chart .number { font-size: 14px !important; font-weight: 300; margin: 0 auto; position: relative; text-align: center; width: 75px; height: 75px; line-height: 75px; } .easy-pie-chart .number canvas { position: absolute; top: 0; left: 0; } .sparkline-chart .number { width: 100px; margin: 0 auto; margin-bottom: 10px; } .sparkline-chart .title, .easy-pie-chart .title { display: block; text-align: center; color: #333; font-weight: 300; font-size: 16px; margin-top: 5px; margin-bottom: 10px; } .sparkline-chart .title:hover, .easy-pie-chart .title:hover { color: #666; text-decoration: none; } .sparkline-chart .title > i, .easy-pie-chart .title > i { margin-top: 5px; } /*** jQuery File Upload ***/ .blueimp-gallery .close { background-image: url("../img/portlet-remove-icon-white.png") !important; margin-top: -2px; } .blueimp-gallery .prev, .blueimp-gallery .next { border-radius: 23px !important; } /*** jQuery Multi Select ***/ .ms-container .ms-list { border: 1px solid #e5e5e5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ms-container .ms-optgroup-label { font-size: 14px; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { font-size: 13px; } .ms-container .ms-list.ms-focus { border-color: #999999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { color: #333; background-color: #eee; } .ms-container .form-control { margin-bottom: 5px; } /*** jQuery Notific8 Plugin ***/ .jquery-notific8-message { font-size: 13px; } [class*="jquery-notific8"], [class*="jquery-notific8"]:after, [class*="jquery-notific8"]:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .right .jquery-notific8-close-sticky span, .left .jquery-notific8-close-sticky span { font-size: 10px; } .jquery-notific8-heading { font-weight: 300; font-size: 16px; } /*** Password Strength(in v1.4) ***/ .password-strength .password-verdict { display: inline-block; margin-top: 6px; margin-left: 5px; } .password-strength .progress { margin-top: 5px; margin-bottom: 0; } .password-strength .progress-bar { padding: 2px; } /*** jQuery Slimscroll ***/ .scroller { padding: 0px; margin: 0px; padding-right: 12px; overflow: hidden; } .scroller-footer { margin-top: 10px; } .scroller-footer:before, .scroller-footer:after { content: " "; display: table; } .scroller-footer:after { clear: both; } .portlet-body .slimScrollBar { margin-right: 0px; } /*** jQuery Sparkline ***/ .jqstooltip { width: auto !important; height: auto !important; } .easy-pie-chart, .sparkline-chart { text-align: center; } .sparkline-chart { margin-top: 15px; position: relative; } .easy-pie-chart .number { font-size: 16px; font-weight: 300; width: 85px; margin: 0 auto; } .sparkline-chart .number { width: 100px; margin: 0 auto; margin-bottom: 10px; } .sparkline-chart .title, .easy-pie-chart .title { display: block; text-align: center; color: #333; font-weight: 300; font-size: 16px; margin-top: 5px; margin-bottom: 10px; } .sparkline-chart .title:hover, .easy-pie-chart .title:hover { color: #666; text-decoration: none; } .sparkline-chart .title > i, .easy-pie-chart .title > i { margin-top: 5px; } /*** jQuery UI Sliders(new in v1.1.1) ***/ .slider { border: 0; padding: 0; display: block; margin: 12px 5px; min-height: 11px; } .ui-slider-vertical { width: 11px; } .ui-slider-horizontal .ui-slider-handle { top: -3px; } .ui-slider-vertical .ui-slider-handle { left: -3px; } .ui-slider-vertical, .ui-slider-handle { filter: none !important; background-image: none !important; } /*** JQVMAP Plugin ***/ .jqvmap-zoomout, .jqvmap-zoomin { height: 16px; width: 16px; background-color: #666; } .vmaps { position: relative; overflow: hidden; height: 300px; } /*** Jstree ***/ .jstree-default .jstree-clicked { border: 0; background-color: #e1e1e1; box-shadow: none; } .jstree-default .jstree-hovered { border: 0; background-color: #eee; box-shadow: none; } .jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked { background: none; border: 0; background-color: #e1e1e1; box-shadow: none; } .jstree-default .jstree-wholerow-hovered, .jstree-wholerow .jstree-wholerow-hovered { border: 0; background-color: #eee; box-shadow: none; } .jstree-icon.icon-lg { margin-top: 1px; } .jstree-open > .jstree-anchor > .fa-folder:before { margin-left: 2px; content: "\f07c"; } .jstree-default.jstree-rtl .jstree-last { background: transparent; background-repeat: no-repeat; } .vakata-context, .vakata-context ul { padding: 0; min-width: 125px; background-color: #ffffff; font-size: 14px; font-family: "Segoe UI",Helvetica, Arial, sans-serif; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #efefef; } .vakata-context li { border: 0; } .vakata-context li a { padding: 0 10px; border: 0; } .vakata-context li a i { display: none; } .vakata-context li a .vakata-contextmenu-sep { display: none; } .vakata-context .vakata-context-hover > a, .vakata-context li a:hover { background-color: #eee; color: #333; box-shadow: none; margin: 0; } .vakata-context .vakata-context-hover > a .span, .vakata-context .vakata-context-hover > a .ins, .vakata-context li a:hover .span, .vakata-context li a:hover .ins { border: 0 !important; } .vakata-context li a span, .vakata-context li a ins { display: none; border: 0 !important; } .vakata-context .vakata-context-separator a, .vakata-context-rtl .vakata-context-separator a { margin: 0; border: 0; } .jstree-rename-input { background-color: #ffffff !important; border: 1px solid #e5e5e5 !important; outline: none !important; padding: 2px 6px !important; margin-right: -4px !important; } /*** NoUIRangeSlider ***/ .noUi-horizontal { margin: 9px 0; } /*** Color variants ***/ .noUi-primary .noUi-connect { background: #337ab7; } .noUi-info .noUi-connect { background: #659be0; } .noUi-success .noUi-connect { background: #3fc9d5; } .noUi-warning .noUi-connect { background: #F1C40F; } .noUi-danger .noUi-connect { background: #ed6b75; } .noUi-default .noUi-connect { background: #bac3d0; } /* Conect slider */ /* For this slider, disable the 'origin' size. */ .noui-connect .noUi-origin { right: auto; width: 0; } /* Position the bar and color it. */ .noui-connect .connect { position: absolute; top: 0; bottom: 0; background: #80C9F5; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); } /* When the slider is moved by tap, transition the connect bar like the handle. */ .noui-connect.noUi-state-tap .connect { -webkit-transition: left 300ms, right 300ms; transition: left 300ms, right 300ms; } /** noUI Tooltips **/ .noUi-handle .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; font-size: 12px; border-radius: 3px; background: #fff; top: -55px; padding: 5px; left: -10px; text-align: center; min-width: 50px; } .noUi-handle .noUi-tooltip strong { display: block; padding: 2px; } /*** Google reCaptcha ***/ .form-recaptcha-img { margin-bottom: 10px; clear: both; border: 1px solid #e5e5e5; padding: 5px; } iframe[src="about:blank"] { display: none; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { -webkit-box-shadow: none; box-shadow: none; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { cursor: pointer; display: inline-block; font-weight: 700; margin-right: 3px; } .select2-container--bootstrap .select2-results__group { display: block; font-size: 12px; white-space: nowrap; font-weight: 600; font-family: "Open Sans", sans-serif; } .select2-container--bootstrap .select2-selection { font-family: "Open Sans", sans-serif; } .select2-dropdown { z-index: 10060; } .select2-close-mask { z-index: 10055; } .modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { width: auto !important; } .select2-result-repository { padding-top: 4px; padding-bottom: 3px; } .select2-result-repository__avatar { float: left; width: 60px; margin-right: 10px; } .select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 2px; } .select2-result-repository__meta { margin-left: 70px; } .select2-result-repository__title { color: black; font-weight: bold; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; } .select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 1em; } .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; color: #aaa; font-size: 11px; } .select2-result-repository__description { font-size: 13px; color: #777; margin-top: 4px; } .select2-results__option--highlighted .select2-result-repository__title { color: white; } .select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers { color: #c1d7e9; } /*** jQuery Uniform ***/ .checker { margin-top: -2px !important; margin-right: 2px !important; } .checker input, .radio input { outline: none !important; } div.checker.disabled span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled:hover, div.radio.disabled:hover { cursor: not-allowed; } div.radio, div.checker { margin-right: 0; margin-left: 3px; } /*** Morris Charts ***/ .portlet-body-morris-fit { margin-right: -20px; margin-left: -20px; margin-bottom: -15px; } .portlet-body-morris-fit > svg { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .morris-hover.morris-default-style .morris-hover-row-label { text-align: left; font-weight: 400; font-size: 15px; color: #7D8C9D; font-family: "Open Sans", sans-serif; } .morris-hover.morris-default-style .morris-hover-point { text-align: left; font-size: 14px; font-weight: 400; font-family: "Open Sans", sans-serif; } /*** iCheck ***/ .icheck-list > label { display: block; margin-bottom: 8px; } .icheck-list > label:last-child { margin-bottom: 0; } .form-horizontal .icheck-inline { margin-top: 8px; } .icheck-inline > label { display: inline-block; margin-left: 15px; } .icheck-inline > label:first-child { margin-left: 0; } div[class*='icheckbox_'], div[class*='iradio_'] { margin-right: 5px; top: -1px !important; } .icheck-colors { padding: 0; margin: 0; list-style: none; } .icheck-colors > li { padding: 0; margin: 4px; float: left; display: inline-block; height: 20px; width: 20px; background: #000000; opacity: 0.6 ; filter: alpha(opacity=60) ; } .icheck-colors > li:first-child { margin-left: 0; } .icheck-colors > li:hover { opacity: 1 ; filter: alpha(opacity=100) ; cursor: pointer; } .icheck-colors > li.active { height: 26px; margin-top: 0; opacity: 0.6 ; filter: alpha(opacity=60) ; } .icheck-colors > li.red { background: #d54e21; } .icheck-colors > li.green { background: #78a300; } .icheck-colors > li.blue { background: #0e76a8; } .icheck-colors > li.aero { background: #9cc2cb; } .icheck-colors > li.grey { background: #73716e; } .icheck-colors > li.orange { background: #f70; } .icheck-colors > li.yellow { background: #fc0; } .icheck-colors > li.pink { background: #ff66b5; } .icheck-colors > li.purple { background: #6a5a8c; } /*** AngularJS UI-select ***/ .ui-select-match-close { margin-top: 5px !important; margin-left: 5px !important; } .minicolors-swatch { border: 0; } /*** Codemirror Plugin ***/ .CodeMirror { border: 1px solid #eee; height: auto; } /*** Prism Plugin ***/ pre[class*="language-"] { padding: 10px; background: none !important; border: 1px solid #f1f4f7 !important; box-shadow: none !important; margin: 0; } pre[class*="language-"] code { background: none !important; box-shadow: none !important; border: 0 !important; } .socicon { position: relative; top: 1px; display: inline-block; font-family: 'socicon'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .socicon-btn:empty .socicon:empty { width: 1em; } .socicon-btn { position: relative; display: inline-block; font-family: 'socicon'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; width: 44px; height: 44px; padding-top: 11px; font-size: 24px; border: 1px solid #e7ecf1; color: #3f444a; transition: background, color 0.3s; } .socicon-btn.socicon-solid { border: 0; width: 46px; height: 46px; padding-top: 12px; } .socicon-btn.socicon-btn-circle { border-radius: 44px !important; } .socicon-btn:hover { transition: background, color 0.3s; text-decoration: none; } .socicon-btn.socicon-lg { width: 54px; height: 54px; padding-top: 13px; font-size: 28px; } .socicon-btn.socicon-lg.socicon-solid { border: 0; width: 55px; height: 55px; padding-top: 13px; } .socicon-btn.socicon-sm { width: 30px; height: 30px; padding-top: 8px; font-size: 16px; } .socicon-btn.socicon-sm.socicon-solid { border: 0; width: 30px; height: 30px; padding-top: 8px; } .socicons .socicon-btn { margin-bottom: 5px; } .socicon-twitter:before { content: "a"; } .socicon-facebook:before { content: "b"; } .socicon-google:before { content: "c"; } .socicon-pinterest:before { content: "d"; } .socicon-foursquare:before { content: "e"; } .socicon-yahoo:before { content: "f"; } .socicon-skype:before { content: "g"; } .socicon-yelp:before { content: "h"; } .socicon-feedburner:before { content: "i"; } .socicon-linkedin:before { content: "j"; } .socicon-viadeo:before { content: "k"; } .socicon-xing:before { content: "l"; } .socicon-myspace:before { content: "m"; } .socicon-soundcloud:before { content: "n"; } .socicon-spotify:before { content: "o"; } .socicon-grooveshark:before { content: "p"; } .socicon-lastfm:before { content: "q"; } .socicon-youtube:before { content: "r"; } .socicon-vimeo:before { content: "s"; } .socicon-dailymotion:before { content: "t"; } .socicon-vine:before { content: "u"; } .socicon-flickr:before { content: "v"; } .socicon-500px:before { content: "w"; } .socicon-instagram:before { content: "x"; } .socicon-wordpress:before { content: "y"; } .socicon-tumblr:before { content: "z"; } .socicon-blogger:before { content: "A"; } .socicon-technorati:before { content: "B"; } .socicon-reddit:before { content: "C"; } .socicon-dribbble:before { content: "D"; } .socicon-stumbleupon:before { content: "E"; } .socicon-digg:before { content: "F"; } .socicon-envato:before { content: "G"; } .socicon-behance:before { content: "H"; } .socicon-delicious:before { content: "I"; } .socicon-deviantart:before { content: "J"; } .socicon-forrst:before { content: "K"; } .socicon-playstore:before { content: "L"; } .socicon-zerply:before { content: "M"; } .socicon-wikipedia:before { content: "N"; } .socicon-apple:before { content: "O"; } .socicon-flattr:before { content: "P"; } .socicon-github:before { content: "Q"; } .socicon-chimein:before { content: "R"; } .socicon-friendfeed:before { content: "S"; } .socicon-newsvine:before { content: "T"; } .socicon-identica:before { content: "U"; } .socicon-bebo:before { content: "V"; } .socicon-zynga:before { content: "W"; } .socicon-steam:before { content: "X"; } .socicon-xbox:before { content: "Y"; } .socicon-windows:before { content: "Z"; } .socicon-outlook:before { content: "1"; } .socicon-coderwall:before { content: "2"; } .socicon-tripadvisor:before { content: "3"; } .socicon-appnet:before { content: "4"; } .socicon-goodreads:before { content: "5"; } .socicon-tripit:before { content: "6"; } .socicon-lanyrd:before { content: "7"; } .socicon-slideshare:before { content: "8"; } .socicon-buffer:before { content: "9"; } .socicon-rss:before { content: ","; } .socicon-vkontakte:before { content: ";"; } .socicon-disqus:before { content: ":"; } .socicon-houzz:before { content: "+"; } .socicon-mail:before { content: "@"; } .socicon-patreon:before { content: "="; } .socicon-paypal:before { content: "-"; } .socicon-playstation:before { content: "^"; } .socicon-smugmug:before { content: "ยจ"; } .socicon-swarm:before { content: "$"; } .socicon-triplej:before { content: "*"; } .socicon-yammer:before { content: "&"; } .socicon-stackoverflow:before { content: "("; } .socicon-drupal:before { content: "#"; } .socicon-odnoklassniki:before { content: "."; } .socicon-android:before { content: "_"; } .socicon-meetup:before { content: "]"; } .socicon-persona:before { content: ")"; } .test { color: #e1e5ec; border-color: #2ab4c0; background: #e43a45; } /* Cubic Bezier Transition */ /**** Boby ****/ body { background-color: #fff; } body.page-md { background: white; } /****** General ******/ /* Theme Font Color */ .theme-font { color: #F3C200 !important; } /* Pace - Page Progress */ .pace .pace-progress { background: #F3C200; } /* Theme Light Portlet */ .portlet.light .btn.btn-circle.btn-icon-only.btn-default { border-color: #bbc2ce; } .portlet.light .btn.btn-circle.btn-icon-only.btn-default > i { font-size: 13px; color: #a6b0bf; } .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active { color: #fff; background: #F3C200; border-color: #F3C200; } .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i { color: #fff; } /****** Page Header ******/ .page-header { background-color: #fff; /* Page Header Top */ /* Page Header Menu */ } .page-header .page-header-top { /* Top menu */ } .page-header .page-header-top.fixed { background: #fff !important; box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); } .page-header .page-header-top .top-menu .navbar-nav { /* Top Links */ /* Separator */ /* Extended Dropdowns */ /* Notification */ /* Inbox */ /* Tasks */ /* User */ /* Language */ /* Dark version */ } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator { border-left: 1px solid #E3E8EC; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i { color: #C1CCD1; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { background-color: #fff; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i { color: #a4b4bb; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default { background-color: #f36a5a; color: #ffffff; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #fff; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i { color: #a4b4bb; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator { border-left: 1px solid #E3E8EC; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { border-bottom-color: #f7f8fa; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { background: #f7f8fa; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { color: #6f949c; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { color: #337ab7; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { color: #23527c; text-decoration: none; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { border-bottom: 1px solid #EFF2F6 !important; color: #222222; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { background: #f8f9fa; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { background: #f1f1f1; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #e4e4e4; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { background-color: #F3C200; color: #ffffff; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { border-color: transparent transparent transparent #F3C200; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { color: #5b9bd1; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { background-color: #dfe2e9; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username { color: #8ea3b6; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { color: #8ea3b6; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { width: 195px; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i { color: #7089a2; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { color: #8ea3b6; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname { color: #7089a2; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { background: #2e343b; border: 0; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { border-bottom-color: #2e343b; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { background: #272c33; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { color: #a2abb7; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { color: #5496cf; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a { color: #aaafb7; border-bottom: 1px solid #3b434c !important; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i { color: #6FA7D7; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover { background: #373e47; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { border-bottom: 0 !important; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { background: #3b434c; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { background: #23272d; } .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #181b1e; } .page-header .page-header-menu { background: #444d58; /* Default Mega Menu */ /* Light Mega Menu */ /* Header seaech box */ } .page-header .page-header-menu.fixed { box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); } .page-header .page-header-menu .hor-menu .navbar-nav { /* Mega menu content */ /* Classic menu */ } .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(85, 97, 111, 0.2); } .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { color: #ced5de; } .page-header .page-header-menu .hor-menu .navbar-nav > li > a { color: #BCC2CB; } .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i { color: #BCC2CB; } .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover { color: #ffffff; background: #55616f !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i { color: #ffffff; } .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover { color: #f1f1f1; background: #4E5966; } .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i { color: #BCC2CB; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu { box-shadow: 5px 5px rgba(85, 97, 111, 0.2); background: #55616f; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a { color: #ced5de; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i { color: #6fa7d7; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a { color: #ced5de; background: #5d6b7a; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i { color: #6fa7d7; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover { color: #ced5de; background: #5d6b7a; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i { color: #6fa7d7; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider { background-color: #606d7d; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after { color: #6fa7d7; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav { /* Mega menu content */ /* Classic menu */ } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(85, 97, 111, 0.2); } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { color: #555; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a { color: #BCC2CB; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i { color: #BCC2CB; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover { color: #ffffff; background: #55616f; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i { color: #ffffff; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a { color: #333 !important; background: #fafafc !important; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i { color: #333 !important; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover { color: #f1f1f1; background: #4E5966; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i { color: #BCC2CB; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu { box-shadow: 5px 5px rgba(85, 97, 111, 0.2); background: #fafafc; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a { color: #000; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i { color: #6fa7d7; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a { color: #000; background: #eaeaf2; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i { color: #6fa7d7; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover { color: #000; background: #eaeaf2; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i { color: #6fa7d7; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider { background-color: #ededf4; } .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu { border: 1px solid #eaeaf2; border-top: 0; } .page-header .page-header-menu .search-form { background: #38414c; } .page-header .page-header-menu .search-form .input-group { background: #38414c; } .page-header .page-header-menu .search-form .input-group .form-control { color: #616d7d; background: #38414c; } .page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder { color: #5f6a7a; opacity: 1; } .page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder { color: #5f6a7a; } .page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder { color: #5f6a7a; } .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i { color: #616d7d; } /****** Page Footer ******/ .page-prefooter { background: #48525e; color: #a2abb7; } .page-prefooter h2 { color: #F3C200; } .page-prefooter a { color: #F3C200; } .page-prefooter .subscribe-form .form-control { background: #343b44; border-color: #343b44; color: #a2abb7; } .page-prefooter .subscribe-form .form-control::-moz-placeholder { color: #939eac; opacity: 1; } .page-prefooter .subscribe-form .form-control:-ms-input-placeholder { color: #939eac; } .page-prefooter .subscribe-form .form-control::-webkit-input-placeholder { color: #939eac; } .page-prefooter .subscribe-form .btn { color: #fff; background-color: #ffcc03; border-color: #ffcc03; } .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus { color: #fff; background-color: #cfa500; border-color: #cfa500; } .page-prefooter .subscribe-form .btn:hover { color: #fff; background-color: #cfa500; border-color: #cfa500; } .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active, .open > .page-prefooter .subscribe-form .btn.dropdown-toggle { color: #fff; background-color: #cfa500; border-color: #cfa500; } .page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus, .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover, .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus, .open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus { color: #fff; background-color: #c09900; border-color: #c09900; } .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active, .open > .page-prefooter .subscribe-form .btn.dropdown-toggle { background-image: none; } .page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn.focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active { background-color: #ffcc03; border-color: #ffcc03; } .page-prefooter .subscribe-form .btn .badge { color: #ffcc03; background-color: #fff; } .page-footer { background: #3b434c; color: #a2abb7; } /* Scroll Top */ .scroll-to-top > i { color: #657383; font-size: 32px; opacity: 0.7 ; filter: alpha(opacity=70) ; } @media (min-width: 992px) { /* 992px */ .page-header { /* Page Header Menu */ } .page-header .page-header-menu.fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 9995; } } @media (max-width: 991px) { /* 991px */ .page-header .page-header-menu { background: #eff3f8; /* Horizontal mega menu */ } .page-header .page-header-menu .hor-menu .navbar-nav { background: #fff !important; /* Mega menu content */ /* Classic menu */ } .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: none; } .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { border-right: none !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { color: #72808a; } .page-header .page-header-menu .hor-menu .navbar-nav > li { border-bottom: 1px solid #F0F0F0; } .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child { border-bottom: 0; } .page-header .page-header-menu .hor-menu .navbar-nav > li > a { background: none !important; color: #666 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i { color: #666 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a { background: none !important; color: #F3C200 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i { color: #F3C200 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover { color: #fff !important; background: #F3C200 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i { color: #fff !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu { border: 0 !important; border-top: 1px solid #eee; box-shadow: none !important; background: #fff !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider { border-bottom: 1px solid #F0F0F0; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child { margin-top: 1px; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a { color: #666 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i { color: #666 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a { background: none !important; color: #F3C200 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i { color: #F3C200 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover { color: #fff !important; background: #F3C200 !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i { color: #fff !important; } .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after, .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after { color: #fff !important; } .page-header .page-header-menu .hor-menu .nav { border: 0 !important; margin: 0 !important; } .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a, .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover { border: 0 !important; margin: 0 !important; color: #fff !important; background: #ffce0d !important; } .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i, .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i { color: #fff !important; } .page-header .search-form { background: #fff !important; } .page-header .search-form .input-group { background: #fff !important; } .page-header .search-form .input-group .form-control { background: #fff !important; } .page-header .search-form .input-group .input-group-btn .btn.submit { background: #F3C200; } .page-header .search-form .input-group .input-group-btn .btn.submit i { color: #fff !important; } .page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active { background: #caa100; } } @media (max-width: 480px) { /* 480px */ .page-header { /* Top menu */ } .page-header .top-menu { background-color: #fff; } .page-header-fixed-mobile .page-header .top-menu { background-color: #fff; } .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background-color: white; } .page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background: none; } .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover { background-color: #fff; } } /**** CSS3 Spinner Bar ****/ .page-spinner-bar > div, .block-spinner-bar > div { background: #ffce0d; } /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any styles * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * * Plugins * global/plugins/bootstrap-select/bootstrap-select.css * * */