<br />
<b>Warning</b>:  file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found
 in <b>/home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php</b> on line <b>88</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in <b>/home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php</b> on line <b>215</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in <b>/home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php</b> on line <b>216</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in <b>/home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php</b> on line <b>217</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in <b>/home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php</b> on line <b>218</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in <b>/home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php</b> on line <b>219</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in <b>/home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php</b> on line <b>220</b><br />
PK       ! ä£óP  P    _navbar.scssnu „[µü¤        .navbar-nav {

  .form-inline .input-group {
    width: 100%;
  }

  .nav-item {
    &.active {
      .nav-link {
        color: $white;
      }
    }
    &.dropdown {
      .dropdown-toggle {
        &::after {
          width: 1rem;
          text-align: center;
          float: right;
          vertical-align: 0;
          border: 0;
          font-weight: 900;
          content: '\f105';
          font-family: 'Font Awesome 5 Free';
        }
      }
      &.show {
        .dropdown-toggle::after {
          content: '\f107';
        }
      }
      &.no-arrow {
        .dropdown-toggle::after {
          display: none;
        }
      }
    }
    .nav-link {
      &:focus {
        // remove outline for Safari and Firefox
        outline: none;
      }
      .badge {
        position: absolute;
        margin-left: 0.75rem;
        top: 0.3rem;
        font-weight: 400;
        font-size: 0.5rem;
      }
    }
  }

  @media(min-width: 768px) {

    .form-inline .input-group {
      width: auto;
    }

  }

}

.sidebar {
  width: $sidebar-collapsed-width !important;
  background-color: $gray-900;
  min-height: calc(100vh - #{$navbar-base-height});
  @include sidebar-icons;
  .nav-item {
    .nav-link {
      color: fade-out($white, 0.5);
      &:active,
      &:focus,
      &:hover {
        color: fade-out($white, 0.25);
      }
    }
  }
  &.toggled {
    width: 0 !important;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .sidebar {
    width: $sidebar-base-width !important;

    .nav-item {
      .nav-link {
        display: block;
        width: 100%;
        text-align: left;
        padding: 1rem;
        width: $sidebar-base-width;
        span {
          font-size: 1rem;
          display: inline;
        }
      }
      .dropdown-menu {
        position: static !important;
        margin: 0 1rem;
        // Position fix for Firefox
        top: 0;
      }
      &.dropdown .dropdown-toggle::after {
        display: block;
      }
    }
    &.toggled {
      overflow: visible;
      width: $sidebar-collapsed-width !important;
      @include sidebar-icons;
    }
  }
}
PK       ! º€eŒè   è     _utilities.scssnu „[µü¤        // Additional Text Helper Class
.smaller {
  font-size: 0.7rem;
}

// Helper class for the overflow property
.o-hidden {
  overflow: hidden !important;
}

// Helper classes for z-index
.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}
PK       ! }
{í~  ~    _global.scssnu „[µü¤        // Global styling for this template

html {
  position: relative;
  min-height: 100%;
}

body {
  height: 100%;
}

#wrapper {
  display: flex;
  #content-wrapper {
    overflow-x: hidden;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: $sticky-footer-height;
  }
}

// Scroll to top button
.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: $white;
  background: fade-out($gray-800, .5);
  line-height: 46px;
  &:focus,
  &:hover {
    color: white;
  }
  &:hover {
    background: $gray-800;
  }
  i {
    font-weight: 800;
  }
}
PK       ! Ñ
ÞU  U    _login.scssnu „[µü¤        :root {
  --input-padding-x: 0.75rem;
  --input-padding-y: 0.75rem;
}

.card-login {
  max-width: 25rem;
}

.card-register {
  max-width: 40rem;
}

.form-label-group {
  position: relative;
}

.form-label-group > input,
.form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}
PK       ! ÿ¯å      _footer.scssnu „[µü¤        footer.sticky-footer {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - #{$sidebar-collapsed-width});
  height: $sticky-footer-height;
  background-color: $gray-200;
  .copyright {
    line-height: 1;
    font-size: 0.8rem;
  }
  @media (min-width: 768px) {
    width: calc(100% - #{$sidebar-base-width});
  }
}

body.sidebar-toggled {
  footer.sticky-footer {
    width: 100%;
  }
  @media (min-width: 768px) {
    footer.sticky-footer {
      width: calc(100% - #{$sidebar-collapsed-width});
    }
  }
}
PK       ! µ°Ûæ  æ    _cards.scssnu „[µü¤        // Styling for custom cards
// Custom class for the background icon in card blocks
.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1.25rem;
  right: -1rem;
  opacity: 0.4;

  font-size: 5rem;
  @include rotate;
}

// Override breakpoints for card columns to work well with sidebar layout
.card-columns {
  @media (min-width: 576px) {
    column-count: 1;
  }
  @media (min-width: 768px) {
    column-count: 2;
  }
  @media (min-width: 1200px) {
    column-count: 2;
  }
}
PK       ! ²9L0ã)  ã)    _variables.scssnu „[µü¤        // Variables
// --------------------------

$fa-font-path:        "../fonts" !default;
//$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts" !default; // for referencing Bootstrap CDN font files directly
$fa-css-prefix:       fa !default;
$fa-version:          "4.0.3" !default;
$fa-border-color:     #eee !default;
$fa-inverse:          #fff !default;
$fa-li-width:        (30em / 14) !default;

$fa-var-glass: "\f000";
$fa-var-music: "\f001";
$fa-var-search: "\f002";
$fa-var-envelope-o: "\f003";
$fa-var-heart: "\f004";
$fa-var-star: "\f005";
$fa-var-star-o: "\f006";
$fa-var-user: "\f007";
$fa-var-film: "\f008";
$fa-var-th-large: "\f009";
$fa-var-th: "\f00a";
$fa-var-th-list: "\f00b";
$fa-var-check: "\f00c";
$fa-var-times: "\f00d";
$fa-var-search-plus: "\f00e";
$fa-var-search-minus: "\f010";
$fa-var-power-off: "\f011";
$fa-var-signal: "\f012";
$fa-var-cog: "\f013";
$fa-var-trash-o: "\f014";
$fa-var-home: "\f015";
$fa-var-file-o: "\f016";
$fa-var-clock-o: "\f017";
$fa-var-road: "\f018";
$fa-var-download: "\f019";
$fa-var-arrow-circle-o-down: "\f01a";
$fa-var-arrow-circle-o-up: "\f01b";
$fa-var-inbox: "\f01c";
$fa-var-play-circle-o: "\f01d";
$fa-var-repeat: "\f01e";
$fa-var-refresh: "\f021";
$fa-var-list-alt: "\f022";
$fa-var-lock: "\f023";
$fa-var-flag: "\f024";
$fa-var-headphones: "\f025";
$fa-var-volume-off: "\f026";
$fa-var-volume-down: "\f027";
$fa-var-volume-up: "\f028";
$fa-var-qrcode: "\f029";
$fa-var-barcode: "\f02a";
$fa-var-tag: "\f02b";
$fa-var-tags: "\f02c";
$fa-var-book: "\f02d";
$fa-var-bookmark: "\f02e";
$fa-var-print: "\f02f";
$fa-var-camera: "\f030";
$fa-var-font: "\f031";
$fa-var-bold: "\f032";
$fa-var-italic: "\f033";
$fa-var-text-height: "\f034";
$fa-var-text-width: "\f035";
$fa-var-align-left: "\f036";
$fa-var-align-center: "\f037";
$fa-var-align-right: "\f038";
$fa-var-align-justify: "\f039";
$fa-var-list: "\f03a";
$fa-var-outdent: "\f03b";
$fa-var-indent: "\f03c";
$fa-var-video-camera: "\f03d";
$fa-var-picture-o: "\f03e";
$fa-var-pencil: "\f040";
$fa-var-map-marker: "\f041";
$fa-var-adjust: "\f042";
$fa-var-tint: "\f043";
$fa-var-pencil-square-o: "\f044";
$fa-var-share-square-o: "\f045";
$fa-var-check-square-o: "\f046";
$fa-var-arrows: "\f047";
$fa-var-step-backward: "\f048";
$fa-var-fast-backward: "\f049";
$fa-var-backward: "\f04a";
$fa-var-play: "\f04b";
$fa-var-pause: "\f04c";
$fa-var-stop: "\f04d";
$fa-var-forward: "\f04e";
$fa-var-fast-forward: "\f050";
$fa-var-step-forward: "\f051";
$fa-var-eject: "\f052";
$fa-var-chevron-left: "\f053";
$fa-var-chevron-right: "\f054";
$fa-var-plus-circle: "\f055";
$fa-var-minus-circle: "\f056";
$fa-var-times-circle: "\f057";
$fa-var-check-circle: "\f058";
$fa-var-question-circle: "\f059";
$fa-var-info-circle: "\f05a";
$fa-var-crosshairs: "\f05b";
$fa-var-times-circle-o: "\f05c";
$fa-var-check-circle-o: "\f05d";
$fa-var-ban: "\f05e";
$fa-var-arrow-left: "\f060";
$fa-var-arrow-right: "\f061";
$fa-var-arrow-up: "\f062";
$fa-var-arrow-down: "\f063";
$fa-var-share: "\f064";
$fa-var-expand: "\f065";
$fa-var-compress: "\f066";
$fa-var-plus: "\f067";
$fa-var-minus: "\f068";
$fa-var-asterisk: "\f069";
$fa-var-exclamation-circle: "\f06a";
$fa-var-gift: "\f06b";
$fa-var-leaf: "\f06c";
$fa-var-fire: "\f06d";
$fa-var-eye: "\f06e";
$fa-var-eye-slash: "\f070";
$fa-var-exclamation-triangle: "\f071";
$fa-var-plane: "\f072";
$fa-var-calendar: "\f073";
$fa-var-random: "\f074";
$fa-var-comment: "\f075";
$fa-var-magnet: "\f076";
$fa-var-chevron-up: "\f077";
$fa-var-chevron-down: "\f078";
$fa-var-retweet: "\f079";
$fa-var-shopping-cart: "\f07a";
$fa-var-folder: "\f07b";
$fa-var-folder-open: "\f07c";
$fa-var-arrows-v: "\f07d";
$fa-var-arrows-h: "\f07e";
$fa-var-bar-chart-o: "\f080";
$fa-var-twitter-square: "\f081";
$fa-var-facebook-square: "\f082";
$fa-var-camera-retro: "\f083";
$fa-var-key: "\f084";
$fa-var-cogs: "\f085";
$fa-var-comments: "\f086";
$fa-var-thumbs-o-up: "\f087";
$fa-var-thumbs-o-down: "\f088";
$fa-var-star-half: "\f089";
$fa-var-heart-o: "\f08a";
$fa-var-sign-out: "\f08b";
$fa-var-linkedin-square: "\f08c";
$fa-var-thumb-tack: "\f08d";
$fa-var-external-link: "\f08e";
$fa-var-sign-in: "\f090";
$fa-var-trophy: "\f091";
$fa-var-github-square: "\f092";
$fa-var-upload: "\f093";
$fa-var-lemon-o: "\f094";
$fa-var-phone: "\f095";
$fa-var-square-o: "\f096";
$fa-var-bookmark-o: "\f097";
$fa-var-phone-square: "\f098";
$fa-var-twitter: "\f099";
$fa-var-facebook: "\f09a";
$fa-var-github: "\f09b";
$fa-var-unlock: "\f09c";
$fa-var-credit-card: "\f09d";
$fa-var-rss: "\f09e";
$fa-var-hdd-o: "\f0a0";
$fa-var-bullhorn: "\f0a1";
$fa-var-bell: "\f0f3";
$fa-var-certificate: "\f0a3";
$fa-var-hand-o-right: "\f0a4";
$fa-var-hand-o-left: "\f0a5";
$fa-var-hand-o-up: "\f0a6";
$fa-var-hand-o-down: "\f0a7";
$fa-var-arrow-circle-left: "\f0a8";
$fa-var-arrow-circle-right: "\f0a9";
$fa-var-arrow-circle-up: "\f0aa";
$fa-var-arrow-circle-down: "\f0ab";
$fa-var-globe: "\f0ac";
$fa-var-wrench: "\f0ad";
$fa-var-tasks: "\f0ae";
$fa-var-filter: "\f0b0";
$fa-var-briefcase: "\f0b1";
$fa-var-arrows-alt: "\f0b2";
$fa-var-users: "\f0c0";
$fa-var-link: "\f0c1";
$fa-var-cloud: "\f0c2";
$fa-var-flask: "\f0c3";
$fa-var-scissors: "\f0c4";
$fa-var-files-o: "\f0c5";
$fa-var-paperclip: "\f0c6";
$fa-var-floppy-o: "\f0c7";
$fa-var-square: "\f0c8";
$fa-var-bars: "\f0c9";
$fa-var-list-ul: "\f0ca";
$fa-var-list-ol: "\f0cb";
$fa-var-strikethrough: "\f0cc";
$fa-var-underline: "\f0cd";
$fa-var-table: "\f0ce";
$fa-var-magic: "\f0d0";
$fa-var-truck: "\f0d1";
$fa-var-pinterest: "\f0d2";
$fa-var-pinterest-square: "\f0d3";
$fa-var-google-plus-square: "\f0d4";
$fa-var-google-plus: "\f0d5";
$fa-var-money: "\f0d6";
$fa-var-caret-down: "\f0d7";
$fa-var-caret-up: "\f0d8";
$fa-var-caret-left: "\f0d9";
$fa-var-caret-right: "\f0da";
$fa-var-columns: "\f0db";
$fa-var-sort: "\f0dc";
$fa-var-sort-asc: "\f0dd";
$fa-var-sort-desc: "\f0de";
$fa-var-envelope: "\f0e0";
$fa-var-linkedin: "\f0e1";
$fa-var-undo: "\f0e2";
$fa-var-gavel: "\f0e3";
$fa-var-tachometer: "\f0e4";
$fa-var-comment-o: "\f0e5";
$fa-var-comments-o: "\f0e6";
$fa-var-bolt: "\f0e7";
$fa-var-sitemap: "\f0e8";
$fa-var-umbrella: "\f0e9";
$fa-var-clipboard: "\f0ea";
$fa-var-lightbulb-o: "\f0eb";
$fa-var-exchange: "\f0ec";
$fa-var-cloud-download: "\f0ed";
$fa-var-cloud-upload: "\f0ee";
$fa-var-user-md: "\f0f0";
$fa-var-stethoscope: "\f0f1";
$fa-var-suitcase: "\f0f2";
$fa-var-bell-o: "\f0a2";
$fa-var-coffee: "\f0f4";
$fa-var-cutlery: "\f0f5";
$fa-var-file-text-o: "\f0f6";
$fa-var-building-o: "\f0f7";
$fa-var-hospital-o: "\f0f8";
$fa-var-ambulance: "\f0f9";
$fa-var-medkit: "\f0fa";
$fa-var-fighter-jet: "\f0fb";
$fa-var-beer: "\f0fc";
$fa-var-h-square: "\f0fd";
$fa-var-plus-square: "\f0fe";
$fa-var-angle-double-left: "\f100";
$fa-var-angle-double-right: "\f101";
$fa-var-angle-double-up: "\f102";
$fa-var-angle-double-down: "\f103";
$fa-var-angle-left: "\f104";
$fa-var-angle-right: "\f105";
$fa-var-angle-up: "\f106";
$fa-var-angle-down: "\f107";
$fa-var-desktop: "\f108";
$fa-var-laptop: "\f109";
$fa-var-tablet: "\f10a";
$fa-var-mobile: "\f10b";
$fa-var-circle-o: "\f10c";
$fa-var-quote-left: "\f10d";
$fa-var-quote-right: "\f10e";
$fa-var-spinner: "\f110";
$fa-var-circle: "\f111";
$fa-var-reply: "\f112";
$fa-var-github-alt: "\f113";
$fa-var-folder-o: "\f114";
$fa-var-folder-open-o: "\f115";
$fa-var-smile-o: "\f118";
$fa-var-frown-o: "\f119";
$fa-var-meh-o: "\f11a";
$fa-var-gamepad: "\f11b";
$fa-var-keyboard-o: "\f11c";
$fa-var-flag-o: "\f11d";
$fa-var-flag-checkered: "\f11e";
$fa-var-terminal: "\f120";
$fa-var-code: "\f121";
$fa-var-reply-all: "\f122";
$fa-var-mail-reply-all: "\f122";
$fa-var-star-half-o: "\f123";
$fa-var-location-arrow: "\f124";
$fa-var-crop: "\f125";
$fa-var-code-fork: "\f126";
$fa-var-chain-broken: "\f127";
$fa-var-question: "\f128";
$fa-var-info: "\f129";
$fa-var-exclamation: "\f12a";
$fa-var-superscript: "\f12b";
$fa-var-subscript: "\f12c";
$fa-var-eraser: "\f12d";
$fa-var-puzzle-piece: "\f12e";
$fa-var-microphone: "\f130";
$fa-var-microphone-slash: "\f131";
$fa-var-shield: "\f132";
$fa-var-calendar-o: "\f133";
$fa-var-fire-extinguisher: "\f134";
$fa-var-rocket: "\f135";
$fa-var-maxcdn: "\f136";
$fa-var-chevron-circle-left: "\f137";
$fa-var-chevron-circle-right: "\f138";
$fa-var-chevron-circle-up: "\f139";
$fa-var-chevron-circle-down: "\f13a";
$fa-var-html5: "\f13b";
$fa-var-css3: "\f13c";
$fa-var-anchor: "\f13d";
$fa-var-unlock-alt: "\f13e";
$fa-var-bullseye: "\f140";
$fa-var-ellipsis-h: "\f141";
$fa-var-ellipsis-v: "\f142";
$fa-var-rss-square: "\f143";
$fa-var-play-circle: "\f144";
$fa-var-ticket: "\f145";
$fa-var-minus-square: "\f146";
$fa-var-minus-square-o: "\f147";
$fa-var-level-up: "\f148";
$fa-var-level-down: "\f149";
$fa-var-check-square: "\f14a";
$fa-var-pencil-square: "\f14b";
$fa-var-external-link-square: "\f14c";
$fa-var-share-square: "\f14d";
$fa-var-compass: "\f14e";
$fa-var-caret-square-o-down: "\f150";
$fa-var-caret-square-o-up: "\f151";
$fa-var-caret-square-o-right: "\f152";
$fa-var-eur: "\f153";
$fa-var-gbp: "\f154";
$fa-var-usd: "\f155";
$fa-var-inr: "\f156";
$fa-var-jpy: "\f157";
$fa-var-rub: "\f158";
$fa-var-krw: "\f159";
$fa-var-btc: "\f15a";
$fa-var-file: "\f15b";
$fa-var-file-text: "\f15c";
$fa-var-sort-alpha-asc: "\f15d";
$fa-var-sort-alpha-desc: "\f15e";
$fa-var-sort-amount-asc: "\f160";
$fa-var-sort-amount-desc: "\f161";
$fa-var-sort-numeric-asc: "\f162";
$fa-var-sort-numeric-desc: "\f163";
$fa-var-thumbs-up: "\f164";
$fa-var-thumbs-down: "\f165";
$fa-var-youtube-square: "\f166";
$fa-var-youtube: "\f167";
$fa-var-xing: "\f168";
$fa-var-xing-square: "\f169";
$fa-var-youtube-play: "\f16a";
$fa-var-dropbox: "\f16b";
$fa-var-stack-overflow: "\f16c";
$fa-var-instagram: "\f16d";
$fa-var-flickr: "\f16e";
$fa-var-adn: "\f170";
$fa-var-bitbucket: "\f171";
$fa-var-bitbucket-square: "\f172";
$fa-var-tumblr: "\f173";
$fa-var-tumblr-square: "\f174";
$fa-var-long-arrow-down: "\f175";
$fa-var-long-arrow-up: "\f176";
$fa-var-long-arrow-left: "\f177";
$fa-var-long-arrow-right: "\f178";
$fa-var-apple: "\f179";
$fa-var-windows: "\f17a";
$fa-var-android: "\f17b";
$fa-var-linux: "\f17c";
$fa-var-dribbble: "\f17d";
$fa-var-skype: "\f17e";
$fa-var-foursquare: "\f180";
$fa-var-trello: "\f181";
$fa-var-female: "\f182";
$fa-var-male: "\f183";
$fa-var-gittip: "\f184";
$fa-var-sun-o: "\f185";
$fa-var-moon-o: "\f186";
$fa-var-archive: "\f187";
$fa-var-bug: "\f188";
$fa-var-vk: "\f189";
$fa-var-weibo: "\f18a";
$fa-var-renren: "\f18b";
$fa-var-pagelines: "\f18c";
$fa-var-stack-exchange: "\f18d";
$fa-var-arrow-circle-o-right: "\f18e";
$fa-var-arrow-circle-o-left: "\f190";
$fa-var-caret-square-o-left: "\f191";
$fa-var-dot-circle-o: "\f192";
$fa-var-wheelchair: "\f193";
$fa-var-vimeo-square: "\f194";
$fa-var-try: "\f195";
$fa-var-plus-square-o: "\f196";

PK       ! ðéh½  ½    _mixins.scssnu „[µü¤        // Mixins
// --------------------------

@mixin fa-icon-rotate($degrees, $rotation) {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate($degrees);
     -moz-transform: rotate($degrees);
      -ms-transform: rotate($degrees);
       -o-transform: rotate($degrees);
          transform: rotate($degrees);
}

@mixin fa-icon-flip($horiz, $vert, $rotation) {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale($horiz, $vert);
     -moz-transform: scale($horiz, $vert);
      -ms-transform: scale($horiz, $vert);
       -o-transform: scale($horiz, $vert);
          transform: scale($horiz, $vert);
}
PK       ! E>v#6  6    sb-admin.scssnu „[µü¤        // Import Custom Variables
@import "variables.scss";

// Import Bootstrap
@import "../vendor/bootstrap/scss/bootstrap.scss";

// Import Custom SCSS
@import "mixins.scss";
@import "global.scss";
@import "utilities.scss";
@import "navbar.scss";
@import "cards.scss";
@import "login.scss";
@import "footer.scss";
PK       ! <¦˜Í´|  ´|  
  style.scssnu „[µü¤        // Global Elements
html {
  height: 100%
}

body {
  padding-top: 0px;
  height: 100%;
  position: relative;
  font-size: 13px;
}

// Bootstrap Wrap
* {
  outline: none;
}
.row {
  & > [class*="col-"] {
    margin-bottom: 25px;
  }
}

.row.no-margin-bottom {
  & > [class*="col-"] {
    margin-bottom: 10px;
  }
}

.row.no-gap {
  margin-left: 0;
  margin-right: 0;
  & > [class*="col-"] {
    padding-left:0;
    padding-right: 0px;
  }
}

.no-padding {
  padding: 0px !important;
}

.float-left {
  float: left;
}
.float-right {
  float: right;
}

.clear-both {
  clear: both;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

//  Font
.font-weight-300 {
  font-weight: 300;
}

// Global Class
.text-indent {
  text-indent: 1em;
}

// Navbar
.navbar {
  z-index: 10001;
  padding-left: 60px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;

  & > .container, & > .container-fluid {
    z-index: 10001;
    .navbar-brand {
      height: 60px;
      line-height: 60px;
      margin-left: 0px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      padding: 0;
      font-size: 1.5em;

      .fa-angle-right {
        margin-left: 5px;
        margin-right: 5px;
      }
    }

    .navbar-expand-toggle {
      width: 60px;
      height: 60px;
      background-color: transparent;
      border: 0px;
      float: left;

      -moz-transition: all 0.25s linear;
      -webkit-transition: all 0.25s linear;
      transition: all 0.25s linear;

      opacity: 0.75;
    }

    .navbar-expand-toggle .icon {
      font-size: 1.4em;
    }


    .navbar-right-expand-toggle {
      width: 60px;
      height: 60px;
      background-color: transparent;
      border: 0px;
      // float: left;
      position: absolute;
      right: 0;

      -moz-transition: all 0.25s linear;
      -webkit-transition: all 0.25s linear;
      transition: all 0.25s linear;

      opacity: 0.75;
    }

    .navbar-right-expand-toggle .icon {
      font-size: 1.4em;
    }
  }

  .navbar-breadcrumb {
    margin-left: 0px;
    background-color: transparent;
    padding: 0px;
    float: left;

    & > li {
      height: 60px;
      line-height: 60px;
      vertical-align: middle;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 1.5em;

    }
  }

  .navbar-nav {
    & > li {
      & > a {
        font-family: 'Roboto Condensed', sans-serif;
        height: 60px;
        line-height: 60px;
        padding: 0px 20px 0px 20px;
      }
    }
  }

  .dropdown-menu {
    padding: 0;
    border: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;

    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;

    z-index: -1;
    position: absolute;

    .title {
      font-family: 'Roboto Condensed', sans-serif;
      padding: 5px 10px;

      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

    }

    .message {
      font-family: 'Roboto Condensed', sans-serif;
      text-align: center;
      padding: 10px 20px;
    }

    .notifications.list-group {
      list-style: none;
      padding: 0;
      margin: 0;

      .list-group-item {
        min-width: 250px;
        padding: 8px;
        border: 0;
        border-bottom: 1px solid #EEE;

        .icon {
          margin-right: 5px;
        }
      }

      .badge {
        border-radius: 1em;
      }

      .list-group-item:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
      }
      .list-group-item:first-child {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
      }

      a.list-group-item:hover {
        cursor: pointer;
      }
    }
  }
  .dropdown.profile {
    .dropdown-menu {
      width: 305px;
      padding-bottom: 0px;
      text-align: center;

      li.profile-img {
        padding: 0px;
        max-height: 300px;
        overflow: hidden;

        img.profile-img {
          width: 100%;
          height: auto;
          margin: 0px;
          border: 0;
        }
      }
      .profile-info {
        font-family: 'Roboto Condensed', sans-serif;
        padding: 15px;

        .username {
          font-size: 1.8em;
        }
      }
    }
  }
}

// Side Menu Lib
.app-container {
  min-height: 100%;
  position:relative;
  padding-bottom: 30px;

  .app-footer {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 65px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;

    .wrapper {
      padding: 10px 35px;
      padding-left: 25px;
      height: 50px;
      line-height: 50px;
      vertical-align: middle;
    }
  }
  .content-container {

    margin-right: 0;
    margin-left: 0;
    .side-menu {
      overflow-y: auto;
      z-index: 100000;
      position: fixed;
      width: 60px;
      height: 100%;
      -webkit-transition: all 0.25s;
      transition: all 0.25s;

      .navbar-header {
        width: 100%;
        border-bottom: 0px solid #e7e7e7;

        .navbar-brand {
          width: 455px;
          line-height: 60px;
          height: 60px;
          padding: 0;
          width: 100%;
          overflow: hidden;
          font-family: 'Roboto Condensed', sans-serif;

          .icon {
            width: 60px;
            text-align: center;
            display: inline-block;
          }

          .title {
            margin-left: -10px;
            display: none;
          }
        }
        .navbar-expand-toggle {
          position: absolute;
          right: 0;
          width: 60px;
          height: 60px;
          background-color: transparent;
          border: 0px;
          -moz-transition: all 0.25s linear;
          -webkit-transition: all 0.25s linear;
          transition: all 0.25s linear;

          opacity: 0.75;
        }
      }

      .navbar {
        border: none;
        padding-left: 0px;
      }

      .navbar-nav {
        li {
          display: block;
          width: 100%;
          overflow: hidden;

          a {
            font-family: 'Roboto Condensed', sans-serif;
            padding: 0 10px 0 10px;
            height: 46px;
            line-height: 46px;
            display: block;
            white-space: nowrap;

            .icon {
              margin-left: 0px;
              width: 38px;
              text-align: center;
              font-size: 1.1em;
              display: inline-block;
            }

            .title {
              width: 0px;
              white-space: nowrap;
              padding-left: 6px;
              display: none;
            }
          }
        }

        li.dropdown {
          border:0;
          margin-bottom: 0;
          border-radius: 0;

          box-shadow: none;
          ul {
            li {
              a {
                height: 44px;
                line-height: 44px;
                vertical-align: middle;
                padding: 0em 1.2em;
              }
            }
          }

          & > a:after {
           content: "";
           position: absolute;
           right: 1em;

          }
        }

        .panel-collapse.in {
          display: none;
        }
      }
    }

    .side-menu:hover {
      width: 250px;
      .navbar-header {
        .navbar-brand {

          .title {
            display: inline-block;
          }
        }
      }

      .navbar-nav {
        li {
          a {
            .title {
              width: 192px;
              display: inline-block;
            }
          }
        }
        li.dropdown {
          & > a:after {
            font-family: FontAwesome;
            content: "\f107";
            position: absolute;
            right: 1em;
          }
        }
      }
      .panel-collapse.in {
        display: block;
      }
    }

    .side-body {
      padding-top: 70px;
    }

    .side-body.padding-top {
      padding-top: 84px;
    }
  }
}
.app-container.expanded {
  .app-footer {
    left: 250px;
    .wrapper {
      padding-left: 25px;
    }
  }

  .content-container {

    .navbar-top {
      padding-left: 250px;
    }
    .side-menu {
      width: 250px;

      .navbar-header {
        .navbar-brand {

          .title {
            display: inline-block;
          }
        }
      }

      .navbar-nav {
        li {
          a {
            .title {
              display: inline-block;
            }
          }

          .panel-collapse.in {
            display: block;
          }
        }
        li.dropdown {
          & > a:after {
            font-family: FontAwesome;
            content: "\f107";
            position: absolute;
            right: 1em;
          }
        }
      }
    }
  }
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
  margin-left: -15px;
  margin-right: -15px;
}

.page-title {
  font-family: 'Roboto Condensed', sans-serif;
  margin-left: -10px;
  margin-right: -10px;
  padding: 15px 10px;
  margin-bottom: 0px;
  height: auto;

  .title {
    font-size: 2em;
  }

  .page-action {
    float: right;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
  }
}

.sub-title {
  font-family: 'Roboto Condensed', sans-serif;
  & > * {
    display: inline-block;
  }

  h3 {
    margin-right: 10px;
  }

  .description {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9em;
  }

  .action {
    .btn {
      padding: 0 0.5em;
    }
  }
}

/* Main body section */
.app-container .side-body {
  margin-left: 75px;
  margin-right: 15px;

  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.app-container.expanded .side-body {
  margin-left: 260px;
}

/* small screen */
@media (max-width: 768px) {
  .navbar {
    padding-left: 0;
    .navbar-header {
      width: auto;
      display: block;
    }
    .navbar-nav {
      width: auto;
      margin: 0;
      & > li {
        display: inline-block;
      }
    }
    .navbar-right {
      position: absolute;
      top: 0;
      right: -100%;
      height: 100%;
      width: 100%;

      -moz-transition: all 0.25s linear;
      -webkit-transition: all 0.25s linear;
      transition: all 0.25s linear;

      .open {
        .dropdown-menu {
          position: absolute;
        }
      }
    }
    .navbar-right.expanded {
      right: 0;
    }
  }
  .app-container {
    .navbar-top {
      min-width: 300px;
    }
    .content-container {
      .side-menu {
        margin-left: -250px;
        width: 0px;
      }
      .side-body {
        margin-left: 10px;
      }
    }
  }
  .app-container.expanded {
    .navbar-top {
      min-width: 480px;
      padding-left: 0px;
    }
    .side-menu {
      margin-left: 0px;
      width: 250px;
    }
    .side-body {
      margin-left: 10px;
    }
  }
  .app-container, .app-container.expanded {
    .app-footer {
      .wrapper {
        padding-left: 25px;
      }
    }
  }
}

/* Card */
.card {
  background-color: #FFF;
  border-radius: 1px;
  overflow: hidden;
  position: relative;

  .card-body {
    padding: 25px;

    .sub-title {
      font-size: 1.2em;
      padding: 1.2em 0em 0.4em 0em;
      margin-bottom: 25px;

      .description {
        padding-left: 0.4em;
        font-size: 0.8em;
        opacity: 0.8;
      }
    }
  }

  .card-body.half-padding {
    padding: 12.5px;
  }

  .card-header {
    .card-title {
      padding: 1.2em 25px;
      float: left;

      .title {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5em;
        text-decoration: none;
      }

      .description {
      }
    }

    .pull-right {
      padding: 0.5em 1em;
    }
  }

  .card-header:after {
    content:'';
    display:block;
    clear:both;
  }

  .card-profile-img {

    img {
      width: 100%;
      height: auto;
    }
  }

  .card-jumbotron {
    padding: 1.5em 1.5em;
  }
}

.card:hover {
  .card-header {
    .title {
      text-decoration: none !important;
    }
  }
}

.card.summary-inline {
  .card-body {
    padding: 20px;
    .icon {
    }
    .content {
      float: right;

      .title {
        font-family: 'Lato', sans-serif;
        margin-top: -0.3em;
        font-size: 3.5em;
        text-align: right;
      }

      .sub-title {
        font-family: 'Lato', sans-serif;
        font-size: 0.9em;
        text-align: right;
        margin-top: -10px;

        margin-bottom: 0;
        padding: 0;
        border-bottom: 0;
      }
    }
  }
}

.card.profile {
  .card-body {
    padding: 0.5em 0.8em;
  }

  .card-footer {
    padding: 0.5em 0.8em;
  }
}

// Panel
.panel {
  border-radius: 1px;

  .panel-heading {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
}

// Chart
.chart {
  padding: 15px;
}
.chart.no-padding {
  padding: 0;
  margin-bottom: -5px;
}

// Button {
.btn {
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 1px;
  border-width: 1px;
  font-family: 'Roboto Condensed', sans-serif;
}

.btn-group-lg {
  & > .btn, & > .btn-lg {
    border-radius: 1px;
  }
}

// Progress Bar
.progress {
  border-radius: 1px;
  box-shadow: none;

  .progress-bar {
    box-shadow: none;
  }
}

// Pagination
.pagination {
  margin-top: 5px;
  margin-bottom: 5px;

  li:first-child {
    & > a , span{
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }
  }

  li:last-child {
    & > a , span{
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
    }
  }
}

// Form
.form-control {
  border-radius: 1px;
  box-shadow: none;
}

// Modal
.bs-example-modal {
  .modal {
    z-index: 100;
    position: relative;
    display: block;
  }
}

.modal {
  z-index: 100001;

  .modal-dialog {
    .modal-header {

      font-family: 'Roboto Condensed', sans-serif;

    }
    .modal-content {
      border-radius: 1px;
      box-shadow: none;
    }

    .modal-footer {
      .btn {
        margin-top: 0;
        margin-bottom: 0;
      }
    }
  }
}
.modal-backdrop {
  z-index: 100000;
}
.modal-backdrop.in {
  opacity: 0.8;
}

// Alert
.alert {
  border-width: 0px;
  border-radius: 1px;
}

// List Group
.list-group {

  .badge {
    border-radius: 1px;
  }

  .list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .list-group-item:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
}

// Checkbox
.checkbox3, .radio3 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.checkbox-inline {
  margin-bottom: 5px;
}
.checkbox3 label, .radio3 label  {
  padding: 8px 0 8px 30px;
}
.checkbox3 label::before, .radio3 label::before {
  top: 5px;
}
.checkbox3 label::after, .radio3 label::after {
  top: 5px;
}
.checkbox3 label, .radio3 label , .checkbox-inline, .radio-inline {
  font-weight: normal;
}

// Bootstrap Switch
.bootstrap-switch {
  border-radius: 1px;
}

// Thumbnail
.thumbnail {
  border-radius: 1px;
  padding: 0;

  .caption {
    padding: 0.5em 1.2em;

    .h1, .h2, .h3, h1, h2, h3 {
      margin-top: 15px;
    }
  }
}

// Login Pages
body.login-page {
  background: url(../../img/app-header-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  // background-color: #22A7F0;

  .login-box {
    width: 100%;
    max-width: 320px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    padding: 0;

    & > .title {
      margin-bottom: 1em;
    }

    & > .row {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
    }
  }

  .login-form {
    padding: 0em;

    .login-header {
      margin-bottom: 1.2em;
      font-size: 1.5em;
    }

    .login-body {
      padding: 1.5em;
      border-radius: 1px;
    }

    input {
      margin-bottom: 0.8em;
      margin-top: 0.5em;
      padding: 1.2em 1em;
      font-size: 1.1em;
      border-radius: 1px;
    }
  }

  .login-button {
    .btn {
      padding: 0.5em 2em;
      font-size: 1.1em;
      border-radius: 1px;
      margin-bottom: 0;
    }
  }

  .login-footer {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    text-align: right;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}


@media (max-width: 768px) {

  body.login-page {
    .login-form {
      .login-header {
        margin-bottom: 1em;
      }
    }
    .login-box {
      width: 100%;
      max-width: 260px;
    }
  }
}

// DataTable
.dataTables_wrapper  {
  .row {
    margin-bottom: 0.5em;
  }
  .top {
    margin-bottom: 6px;
    position: relative;
  }
  .bottom {
    margin-top: 6px;
  }

  .top:after , .bottom:after {
    position: relative;
    clear: both;
    display: block;
    content: '';
  }

  .dataTables_paginate {
    .paginate_button {
      padding: 0;
      margin-left: 0;
      border: 0;
    }
    .paginate_button:hover , .paginate_button.disabled  , .paginate_button.disabled:hover, .paginate_button.disabled:active{
      border: 0;
    }
  }

  tfoot {
    display: none;
  }
}

.code-preview {
  width: 100%;
  min-height: 400px;
}

// Tabs

.nav-tabs {
  & > li {
    margin-bottom: -1px;
    & > a {
      border-radius: 0;
      border: 0;
    }
  }
  & > li.active {
    & > a, & > a:focus , & > a:hover{
      border-radius: 0;
      border-top: 0;
    }
  }
}
.tab-content {
  & > div {
  padding: 20px;

  }
}

// Overide BS3 Tab for Position
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left , .tabs-right{
  display: table;
}
.tabs-left > .nav-tabs {
  display:table-cell;
  margin-right: 19px;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
}


.tabs-right > .nav-tabs {
  display:table-cell;
  margin-left: 19px;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
}

.tab:after {
  content: '';
  display: block;
  clear:both;
}


// Tab Step Horizontal
.step {
  .nav-tabs {
    border-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;

    & > li[class^="col-"] {
      padding-left: 0;
      padding-right: 0;
    }

    & > li:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }

    & > li {
      border-right: 0;
      & > a {
        margin-right: 0;
        display: block;
        width: 100%;
        padding: 1em;
        padding-left: 2em;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        border-bottom: 0;

        .icon {
          font-size: 2.5em;
          display: inline-block;
          margin-right: 0.25em;
          vertical-align: middle;

        }
        .step-title {
          width: auto;
          display: inline-block;
          vertical-align: middle;
          text-align: left;

          .title {
            font-weight: bold;
            font-size: 1.1em;
          }

          .description {
            font-size: 0.9em;
          }
        }
      }
      & > a:hover {
        border-bottom: 0;
      }
    }

    & > li:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      right: -15px;
      transform: translate(0%, -50%);
      z-index: 100001;
    }

    & > li:before {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      right: -16px;
      transform: translate(0%, -50%);
      z-index: 100000;
    }

    & > li.active {
      & > a  , & > a:focus , & > a:hover {
        border: 0;
        border-radius: 0;
        border-bottom: 0;
      }
    }

    & > li:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
    }

    & > li:last-child:before , & > li:last-child:after {
      display: none;
    }
  }

  .tab-content {
    & > div {
      padding: 0;
    }
  }
}

.step.card-no-padding {
  .nav-tabs {
    margin-bottom: 0px;
    & > li {
      border-radius: 0;
    }
  }
  .tab-content {
    & > div {
      padding: 20px;
    }
  }
}

.step.tabs-left {
  .tab-content {
    padding: 5px 15px;
    display: table-cell;
    vertical-align: top;
    & > div {
      padding: 20px;
    }
  }
  .nav-tabs {
    border-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;

    & > li[class^="col-"] {
      padding-left: 0;
      padding-right: 0;
    }

    & > li:first-child {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

    & > li {
      border-right: 0px;
      min-width: 250px;
      display: table;
      width: 250px;

      & > a {
        margin-right: 0;
        display: table-cell;
        width: 100%;
        padding: 1em;
        padding-left: 2em;
        vertical-align: middle;
        table-layout:fixed;
        white-space: nowrap;
        overflow: hidden;

        .icon {
          font-size: 2.5em;
          display: inline-block;
          margin-right: 0.25em;
          vertical-align: middle;

        }
        .step-title {
          width: auto;
          display: inline-block;
          vertical-align: middle;

          .title {
            font-weight: bold;
            font-size: 1.1em;
          }

          .description {
            font-size: 0.9em;
          }
        }
      }
      & > a:hover {
        border-bottom: 0;
      }
    }

    & > li:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      transform: translate(0%, -50%);
      z-index: 10000;
      display: none;
    }

    & > li:before {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      right: -16px;
      transform: translate(0%, -50%);
      z-index: 10000;
      display: none;
    }

    & > li.active {
      & > a  , & > a:focus , & > a:hover {
        border: 0;
        border-radius: 0;
        border-bottom: 0;
      }
    }

    & > li.active:after, & > li.active:before {
      display: block;
    }

    & > li:last-child {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
    }
  }
}


@media (max-width: 768px) {
  .step {
    .nav-tabs {

      & > li:after {
        display: none;
      }

      & > li:before {
        display: none;
      }
    }
  }
}

// Loader
.loader-container {
  display: none;
}

.loader {
  .loader-container {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1003;
  }
}

// Loader Backdrop
.loader:after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(0,0,0,0.9);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  border-radius: 1px;
}

// Pricing Table
.pricing-table {
  .pt-header {
    text-align: center;
    padding: 1em;

    .plan-pricing {
      .pricing {
        font-size: 2.5em;
      }

      .pricing-type {
        opacity: 0.9;
      }
    }
  }

  .pt-body {
    padding: 1em;
    text-align: center;

    .plan-detail {
      padding: 0;
      margin: 0;
      list-style: none;
    }
  }

  .pt-footer {
    padding: 0.75em;
    text-align: center;
  }
}

// Icons Pages
.icons-list {
  list-style: none;
  margin: 0;
  padding: 0;

  & > li {
    float: left;
    text-align: center;
    width: 100px;
    height: 100px;
    padding: 8px;

    span {
      display: block;
    }
    .glyphicon {
      font-size: 1.5em;
    }
    .glyphicon-class {
      margin-top: 8px;
      font-size: 0.75em;
    }
  }
}
.icons-list:after {
  content: '';
  display: block;
  position: relative;
  clear: both;
}

// Example Style
.row.example {
  & > [class*='col-'] {
    & > div {
      background-color: #EEE;
      padding: 10px;
      border: 1px solid #DDD
    }
  }
}

// Breadcrumb
.breadcrumb {
  margin-bottom: 0;
  & > li+li:before {
    font-family: FontAwesome;
    content: '\f105';
    margin-right: 3px;
  }
}

// Message-list
.message-list {
  margin: 0;
  padding: 0;
  list-style-type: none;

  & > a {
    & > li {
      border-bottom: 1px dotted #EEE;
      padding: 8px;
      & > .message-block {
        padding-left: 70px;
        min-height: 60px;

        .username {
          font-size: 12px;
          font-weight: bold;
        }
        .message-datetime {
          font-size: 10px;
          color: #AAA;
        }
        .message {
          font-size: 12px;
        }
      }
      .profile-img {
        width: 60px;
        height: 60px;
      }
    }
  }
  & > a:hover {
    li {

      background-color: rgba(0, 0, 0, 0.01);
    }
  }
}

// Example Item
.bs-example {
  & > * {
    margin-bottom: 20px;
  }

  & > *:last-child {
    margin-bottom: 5px;
  }
}

// Landing Pages
.landing-page {
  font-family: 'Roboto Condensed', sans-serif;
  .navbar {
    .navbar-toggle {
      position: absolute;
      right: 0;
      border-radius: 0;
      border:0;
      height: 44px;
      padding: 0 15px;
    }
  }

  .app-header {
    padding-top: 100px;
    background-image:url('../img/app-header-bg.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    margin-bottom: 0;

    .app-logo {
      margin-bottom: 20px;
    }

    .app-title {

    }

    .app-description {
      margin-bottom: 40px;
    }
  }
  .app-content-a, .app-content-b {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .app-content-b.feature-1 {

    background-image:url('../img/bg/picjumbo.com_HNCK3558.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    margin-bottom: 0;
  }
  .app-content-b.contact-us {
    padding-top: 60px;
    padding-bottom: 60px;

    background-image:url('../img/contact-us-bg.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    margin-bottom: 0;

    .contact-us-header {
      font-weight: 300;
      font-size: 46px;
    }

    .contact-us-description {
      font-weight: 300;
      font-size: 18px;
      opacity: 0.9;
      text-indent: 40px;
    }

    form {
      margin-top: 20px;
      input {
        padding: 10px;
        width: 100%;
        border: 0px;
      }
    }
  }
  .app-content-header {
    font-weight: 300;
    font-size: 46px;
  }
  .app-content-description {
    font-weight: 300;
    font-size: 18px;
  }

  .app-footer {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;

    p {
      margin: 0;
    }
  }


  .navbar-affix {
      width: 100%;
      height: 60px;
      border-top: 2px rgba(78, 205, 196, 0.8);
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      position: fixed;
      -webkit-box-shadow: 0px 0px 6px 0px rgba(96, 100, 109, 0.4);
      box-shadow: 0px 0px 6px 0px rgba(96, 100, 109, 0.4);
  }
  .navbar.affix {
      z-index: 4000;
      background-color: rgba(255,255,255,0.95) !important;
      height: 60px;
      opacity: 1;
      margin-top: 0px;
  }
  .navbar-affix.affix li a {
      height: 60px;
      line-height: 60px;
  }
  .navbar-affix.affix .navbar-nav>li>a {
      background-color: transparent;
      font-weight: 400;
      color: #333;
  }

  .navbar {
    padding-left: 0px;
    background-color: transparent;
    box-shadow: none;

    .navbar-right {
      position: relative;
      right: 0;
    }

    .navbar-header {
      border-bottom: 0px solid #e7e7e7;

      .navbar-brand {
        width: 45px;
        line-height: 60px;
        height: 60px;
        padding: 0;
        width: 100%;
        overflow: hidden;
        padding-left: 0px;
        font-family: 'Roboto Condensed', sans-serif;

        .icon {
          width: 50px;
          text-align: center;
          display: inline-block;
        }

        .title {
          margin-left: -10px;
          display: inline-block;
        }
      }
      .navbar-expand-toggle {
        position: absolute;
        right: 0;
        width: 60px;
        height: 60px;
        background-color: transparent;
        border: 0px;
        -moz-transition: all 0.25s linear;
        -webkit-transition: all 0.25s linear;
        transition: all 0.25s linear;

        opacity: 0.75;
      }
    }
  }
}
@media only screen and (max-width : 768px) {

  .landing-page {
    .navbar {
      .navbar-header {
        .navbar-brand {
          padding-left: 15px;
        }
      }
    }
  }
}

.row-example {
  & > [class*="col-"] {
    margin-bottom: 0px;
  }
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    // margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 100px;
    margin-bottom: 20px;
  }
}
PK       ! ËM¹(j  (j    themes/flat-blue.scssnu „[µü¤        
$color-white: #FFF;
$color-light-grey-1: #FDFDFD;
$color-light-grey: #F9F9F9;
$color-lighter-grey: #F0F0F0;
$color-grey: #EAEAEA;
$color-grey-level1: #E4E4E4;
$color-grey-level2: #DDD;
$color-grey-level3: #CCC;
$color-dark-grey: #2f2f30;


$color-clearer-dark-blue: #9eaabd;
$color-clear-dark-blue: #73849d;
$color-dark-blue: #353d47;
$color-dark-blue-1: #22A7F0;
$color-dark-blue-hover: #363c46;

$color-dark-black: #232323;

$color-clear-red: #ffb8aa;
$color-lightest-red: #fb927d;
$color-light-red: #19B5FE;
$color-red: #FA2A00;
$color-darkest-red: #7c1a06;

$color-light-green: #88F159;

$color-clear-yellow: #ffe5a2;
$color-yellow: #FABE28;
$color-dark-yellow: #ffb400;
$color-darkest-yellow: #85630f;

$color-bgreen: #88C100;

$color-clear-green-sea: #99e9d9;
$color-green-sea: #1ABC9C;
$color-dark-green-sea: #16A085;
$color-darkest-green-sea: #006551;

$color-clear-blue: #91d5fb;
$color-blue: #22A7F0;
$color-darkest-blue: #09486b;

$color-light-gblue: #00B9BD;
$color-gblue: #007E80;
$color-dark-gblue: #004853;

$theme-menu-bg-color: #D4D4D4;
$theme-success-color: #00B16A;
$color-blue: #22A7F0;
$theme-danger-color: $color-red;

// Blue Themes
.flat-blue {

  background-color: $color-light-grey;

  a {
    color: $color-dark-blue-hover;
  }

  a:hover {
    color: $color-darkest-blue;
  }

  .app-footer {
    opacity: 0.7;
    color: $color-dark-blue;
  }

  // Navbar
  .navbar, .navbar.navbar-default {
    border-bottom: 0px;

    box-shadow: 0 1px 2px rgba(0,0,0,0.08);

    & > .container-fluid {
      background-color: $color-white;
    }

    .navbar-header {

      .navbar-brand {
        color: $color-light-grey;
      }

      .navbar-expand-toggle {
        color: $color-dark-blue;
      }
      .navbar-right-expand-toggle {
        color: $color-dark-blue;
      }
    }

    .navbar-breadcrumb {
      li {
        color: $color-dark-blue;
        a {
          color: $color-dark-blue;
        }
      }
    }
    .navbar-nav {
      & > li {
        border-left: 1px solid $color-light-grey;
        & > a {
          color: $color-dark-blue;
        }
      }
      & > li:hover {
        & > a {
          color: $color-dark-blue-1;
        }
      }
      & > li.open {
        & > a {
          background-color: transparent;
          color: $color-blue;
        }
      }
      & > li.danger {

        & > a {
          background-color: transparent;
          border-bottom: 4px solid $theme-danger-color;
          color: $theme-danger-color;
        }
      }
      & > li.danger.open {
        & > a {
          background-color: $color-red;
          color: $color-white;
        }
      }
      .dropdown-menu {
        background-color: $color-light-grey;
        border-color: $color-grey-level1;
        .title {
          background-color: $color-white;
          .badge {
            background-color: $color-dark-blue;
          }
        }
      }
      .dropdown-menu.danger {
        border-color: $theme-danger-color;
        .title {
          background-color: $theme-danger-color;
          color: $color-white;

          .badge {
            background-color: $color-white;
            color: $theme-danger-color;
          }
        }
      }
    }
  }

  .navbar.navbar-inverse {
    background-color: $color-dark-blue;
    border-bottom: 0px;

    box-shadow: 0 1px 1px rgba(0,0,0,0.1);

    & > .container-fluid {
      background-color: $color-dark-blue;
    }

    .navbar-header {

      .navbar-brand {
        color: $color-light-grey;
      }

      .navbar-expand-toggle {
        color: $color-white;
      }
      .navbar-right-expand-toggle {
        color: $color-white;
      }
    }

    .navbar-breadcrumb {
      li {
        color: $color-white;
        a {
          color: $color-white;
        }
      }
    }
    .navbar-nav {
      & > li {
        border-left: 1px solid $color-dark-blue-hover;
        & > a {
          color: $color-white;
        }
      }
      & > li:hover {
        & > a {
          color: $color-dark-blue-1;
        }
      }
      & > li.open {

        & > a {
          background-color: transparent;
          color: $color-blue;
        }
      }
      & > li.danger {

        & > a {
          background-color: transparent;
          border-bottom: 4px solid $theme-danger-color;
          color: $color-white;
        }
      }
      & > li.danger.open {
        & > a {
          background-color: $color-red;
        }
      }
      .dropdown-menu {
        background-color: $color-light-grey;
        border-color: $color-dark-blue;
        .title {
          background-color: $color-white;
          .badge {
            background-color: $color-dark-blue;
          }
        }
      }
      .dropdown-menu.danger {
        border-color: $theme-danger-color;
        .title {
          background-color: $theme-danger-color;
          color: $color-white;

          .badge {
            background-color: $color-white;
            color: $theme-danger-color;
          }
        }
      }
    }
  }

  // Menu Bar
  .side-menu {
    background-color: $color-white;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);

    .navbar-header {
      background-color: $color-blue;
      margin-bottom: 4px;
      .navbar-brand {
        color: $color-light-red;
      }
    }

    .navbar-nav {
      width: 100%;
    }

    .navbar {
      background-color: $color-white;
      border-bottom: 0px;

      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;

      li {
        & > a {
          color: $color-dark-blue-hover;
        }
      }
      li.active {
        border-left: 0;

        & > a {
          border-right: 4px solid $color-blue;
          background-color: $color-white;
        }
      }
      & > li:hover {
        & > a {
          background-color: $color-red;
          color: $color-white;
        }
      }

      li.dropdown {

        background-color: transparent;
        & > .panel-collapse {
          background-color: $color-grey-level1;
        }

        .panel-body {
          padding: 0 7px;
        }
      }
    }
  }

  .side-menu.sidebar-inverse {
    background-color: $color-dark-blue;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);

    .navbar {
      background-color: $color-dark-blue;
      border-bottom: 0px;

      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;

      li {
        border-left: 0;
        & > a {
          color: $color-white;
        }
      }
      li.active {

        & > a {

          .icon {
            margin-left: -3px;
          }
          color: $color-dark-blue;
          border-left: 3px solid $color-blue;
          border-right: 0px solid $color-blue;
          background-color: $color-white;
        }
      }
      & > li:hover {
        & > a {
          background-color: $color-red;
          color: $color-white;
        }
      }

      li.dropdown {
        & > .panel-collapse {
          background-color: rgba(0,0,0,0.1);
        }

        .panel-body {
          padding: 0 7px;
        }
      }
    }
  }

  /* small screen */
  @media (max-width: 768px) {
    .navbar.navbar-default {
      .navbar-nav > li {
        border-left: 0;
      }
      .navbar-right {
        background-color: $color-white;
        .open {
          .dropdown-menu {
          }
        }
      }
    }
    .navbar.navbar-inverse {
      .navbar-nav > li {
        border-left: 0;
      }
      .navbar-right {
        background-color: $color-dark-blue;
        .open {
          .dropdown-menu {
          }
        }
      }
    }
  }

  // Card
  .card.red {
    background-color: $color-red;
    color: $color-white;
  }

  .card.yellow {
    background-color: $color-dark-yellow;
    color: $color-white;
  }

  .card.green {
    background-color: $color-green-sea;
    color: $color-white;
  }

  .card.blue {
    background-color: $color-blue;
    color: $color-white;
  }

  .card.dark {
    background-color: $color-dark-blue;
    color: $color-white;
  }

  .card.red , .card.yellow , .card.green , .card.blue , .card.dark {
    border: 0;
    .card-header {
      border-bottom: 0;
      .title {
       color: $color-white;
      }
    }
  }

  .card {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 0px solid $color-grey-level1;
    .card-header {
      border-bottom: 1px solid $color-grey-level1;
      .title {
        color: $color-dark-blue;
      }
    }

    .card-body {
      .sub-title {
        border-bottom: 1px solid $color-grey;
      }
    }

    .card-header.no-border {
      border-bottom: 0;
    }

    .card-jumbotron {
      background-color: $color-grey;
    }
  }

  // Jumbotron Color
  .card.primary {
    .card-jumbotron {
      background-color: $color-dark-blue;
      color: $color-white;
    }
  }

  .card.profile {
    .card-body {
    }

    .card-footer {
      border-top: 1px solid $color-light-grey;
    }
  }

  .card.summary-inline.red:hover {
    background-color: $color-darkest-red;
  }

  .card.summary-inline.yellow:hover {
    background-color: $color-darkest-yellow;
  }

  .card.summary-inline.green:hover {
    background-color: $color-darkest-green-sea
  }

  .card.summary-inline.blue:hover {
    background-color: $color-dark-blue;
  }
  .card.summary-inline.dark:hover {
    background-color: $color-darkest-blue;
  }

  .card.card-success {
    .card-header {
      background-color: $color-green-sea;
      .title {
        color: $color-white;
      }
    }
  }

  .card.card-info {
    .card-header {
      background-color: $color-blue;
      .title {
        color: $color-white;
      }
    }
  }

   // Panel
  .panel.panel-default {
    border: 1px solid $color-grey;
    .panel-heading {
      border-bottom: 1px solid $color-grey;
      background-color: $color-lighter-grey;
    }
  }

  .panel.panel-primary {
    border: 1px solid $color-dark-blue;
    .panel-heading {
      border-bottom: 1px solid $color-dark-blue;
      background-color: $color-clear-dark-blue;
      color: $color-white;
    }
  }

  .panel.panel-success {
    border: 1px solid $color-green-sea;
    .panel-heading {
      border-bottom: 1px solid $color-green-sea;
      background-color: $color-clear-green-sea;
      color: $color-darkest-green-sea;
    }
  }

  .panel.panel-info {
    border: 1px solid $color-blue;
    .panel-heading {
      border-bottom: 1px solid $color-blue;
      background-color: $color-clear-blue;
      color: $color-darkest-blue;
    }
  }

  .panel.panel-warning {
    border: 1px solid $color-yellow;
    .panel-heading {
      border-bottom: 1px solid $color-yellow;
      background-color: $color-clear-yellow;
      color: $color-darkest-yellow;
    }
  }

  .panel.panel-danger {
    border: 1px solid $color-lightest-red;
    .panel-heading {
      border-bottom: 1px solid $color-lightest-red;
      background-color: $color-clear-red;
      color: $color-darkest-red
    }
  }


  // Panel with Fresh color
  .panel.fresh-color.panel-primary {
    border: 1px solid $color-dark-blue;
    .panel-heading {
      border-bottom: 1px solid $color-dark-blue;
      background-color: $color-dark-blue;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-success {
    border: 1px solid $color-green-sea;
    .panel-heading {
      border-bottom: 1px solid $color-green-sea;
      background-color: $color-green-sea;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-info {
    border: 1px solid $color-blue;
    .panel-heading {
      border-bottom: 1px solid $color-blue;
      background-color: $color-blue;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-warning {
    border: 1px solid $color-yellow;
    .panel-heading {
      border-bottom: 1px solid $color-yellow;
      background-color: $color-yellow;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-danger {
    border: 1px solid $color-red;
    .panel-heading {
      border-bottom: 1px solid $color-red;
      background-color: $color-red;
      color: $color-white;
    }
  }

  // Button
  .btn.btn-default {
    background-color: $color-lighter-grey;
    border-color: $color-grey;
  }
  .btn.btn-default:hover {
    background-color: $color-grey;
  }

  .btn.btn-primary {
    background-color: $color-dark-blue;
    color: $color-white;
    border-color: $color-dark-blue;
  }

  .btn.btn-success {
    background-color: $color-green-sea;
    color: $color-white;
    border-color: $color-green-sea;
  }

  .btn.btn-warning {
    background-color: $color-yellow;
    color: $color-white;
    border-color: $color-yellow;
  }

  .btn.btn-info {
    background-color: $color-blue;
    color: $color-white;
    border-color: $color-blue;
  }
  .btn.btn-danger {
    background-color: $color-red;
    color: $color-white;
    border-color: $color-red;
  }
  .btn.btn-link {
    color: $color-dark-blue;
  }

  // Progress Bar
  .progress {
    .progress-bar {
      background-color: $color-dark-blue;
      color: $color-white;
    }
    .progress-bar.progress-bar-success {
      background-color: $color-green-sea;
    }
    .progress-bar.progress-bar-info {
      background-color: $color-blue;
    }
    .progress-bar.progress-bar-warning {
      background-color: $color-yellow;
    }
    .progress-bar.progress-bar-danger {
      background-color: $color-red;
    }
  }

  // Font Color
  .color-white {
    color: $color-white;
  }

  // Pagination
  .pagination {
    & > li {
      & > a {
        color: $color-dark-blue;
      }
    }
    .active {
      & > a , & > a:focus, & > a:hover , span , & > span:focus, & > span:hover {
        background-color: $color-dark-blue;
        border-color: $color-dark-blue;
        color: $color-white;
      }
    }
  }

  // Modal
  .modal.modal-primary {
    .modal-header {
      background-color: $color-dark-blue;
      color: $color-white;
    }
  }

  .modal.modal-success {
    .modal-header {
      background-color: $color-green-sea;
      color: $color-white;
    }
  }

  .modal.modal-info {
    .modal-header {
      background-color: $color-blue;
      color: $color-white;
    }
  }

  .modal.modal-warning {
    .modal-header {
      background-color: $color-yellow;
      color: $color-white;
    }
  }

  .modal.modal-danger {
    .modal-header {
      background-color: $color-red;
      color: $color-white;
    }
  }

  // Alert
  .alert.alert-success {
    background-color: $color-clear-green-sea;
    color: $color-darkest-green-sea;
    border-color: $color-green-sea;

    .alert-link {
      color: $color-darkest-green-sea;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-green-sea;
    }
  }
  .alert.alert-info {
    background-color: $color-clear-blue;
    color: $color-darkest-blue;
    border-color: $color-blue;

    .alert-link {
      color: $color-darkest-blue;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-blue;
    }
  }
  .alert.alert-warning {
    background-color: $color-clear-yellow;
    border-color: $color-yellow;
    color: $color-darkest-yellow;

    .alert-link {
      color: $color-darkest-yellow;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-yellow;
    }
  }
  .alert.alert-danger {
    background-color: $color-clear-red;
    border-color: $color-lightest-red;
    color: $color-darkest-red;

    .alert-link {
      color: $color-darkest-red;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-red;
    }
  }

  .alert.fresh-color {
    color: $color-white;
    .alert-link {
      color: $color-white;
      text-decoration: underline;
    }
    .btn-link {
      color: $color-white;
    }
  }

  .alert.fresh-color.alert-success {
    background-color: $color-green-sea;
  }
  .alert.fresh-color.alert-info {
    background-color: $color-blue;
  }
  .alert.fresh-color.alert-warning {
    background-color: $color-yellow;
  }
  .alert.fresh-color.alert-danger {
    background-color: $color-red;
    border-color: $color-red;
  }


  // List Group
  .list-group {
    .list-group-item.active {
      background-color: $color-dark-blue;
      color: $color-white;
      border-color: $color-dark-blue;

      .badge {
        color: $color-dark-blue;
      }
    }

    .list-group-item.list-group-item-success {
      background-color: $color-clear-green-sea;
      color: $color-darkest-green-sea;
      border-color: $color-clear-green-sea;

      .badge {
        background-color: $color-white;
        color: $color-green-sea;
      }
    }

    .list-group-item.list-group-item-info {
      background-color: $color-clear-blue;
      color: $color-darkest-blue;
      border-color: $color-clear-blue;

      .badge {
        background-color: $color-white;
        color: $color-blue;
      }
    }

    .list-group-item.list-group-item-warning {
      background-color: $color-clear-yellow;
      color: $color-darkest-yellow;
      border-color: $color-clear-yellow;

      .badge {
        background-color: $color-white;
        color: $color-yellow;
      }
    }

    .list-group-item.list-group-item-danger {
      background-color: $color-clear-red;
      color: $color-darkest-red;
      border-color: $color-clear-red;

      .badge {
        background-color: $color-white;
        color: $color-red;
      }
    }
  }


  // Bootstrap Switch
  .bootstrap-switch {
    border-color: $color-grey;
    .bootstrap-switch-primary {
      background-color: $color-dark-blue;
    }
  }

  // Table
  .table {
    .active {
      td, th {
        background-color: $color-grey;
      }
    }
    .success {
      color: $color-darkest-green-sea;

      td, th {
        background-color: $color-clear-green-sea;
      }
    }
    .info {
      color: $color-darkest-blue;

      td, th {
        background-color: $color-clear-blue;
      }
    }
    .warning {
      color: $color-darkest-yellow;

      td, th {
        background-color: $color-clear-yellow;
      }
    }
    .danger {
      color: $color-darkest-red;

      td, th {
        background-color: $color-clear-red;
      }
    }

    & > tbody , & > tfoot {
      & > tr {
        & > td , & > th {
          border-color: $color-grey;
        }
      }
    }
    & > thead {
      & > tr {
        & > th {
          border-color: $color-grey;
        }
      }
    }
  }
  .table.table-striped {
    & > tbody {
      & > tr:nth-of-type(odd) {
        background-color: $color-light-grey-1;
      }
    }
  }

  // Login page
  .login-box {
    .login-form {
      .login-header  {
        color: $color-white;
      }
      .login-body {
        background-color: $color-white;
      }
    }

    input {
      background-color: $color-light-grey;
      border: 1px solid $color-light-grey;
    }

    .login-footer {
      a {
        color: $color-white;
      }
      a:hover {
        color: $color-white;
        text-decoration: underline;
      }
    }
  }

  // Badge
  .badge.primary {
    background-color: $color-dark-blue;
  }
  .badge.success {
    background-color: $color-green-sea;
  }
  .badge.info {
    background-color: $color-blue;
  }
  .badge.warning {
    background-color: $color-yellow;
  }
  .badge.danger {
    background-color: $color-red;
  }

  // Tabs
  .nav-tabs {
    background-color: $color-grey;

    & > li {
      & > a:hover {
        background-color: $color-grey;
      }
    }

    & > li.active {
      & > a:hover {
        background-color: $color-white;
      }
    }
  }


  // Overide BS3 Tab for Position

  .tabs-below > .nav-tabs {
    border-top: 1px solid $color-grey-level1;
  }

  .tabs-below > .nav-tabs > li > a:hover,
  .tabs-below > .nav-tabs > li > a:focus {
    border-top-color: $color-grey-level1;
    border-bottom-color: transparent;
  }

  .tabs-below > .nav-tabs > .active > a,
  .tabs-below > .nav-tabs > .active > a:hover,
  .tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent $color-grey-level1 $color-grey-level1 $color-grey-level1;
  }

  .tabs-left > .nav-tabs {
    border-right: 1px solid $color-grey-level1;
  }

  .tabs-left > .nav-tabs > li > a:hover,
  .tabs-left > .nav-tabs > li > a:focus {
    border-color: $color-grey-level1 $color-grey-level1 $color-grey-level1  $color-grey-level1;
  }

  .tabs-left > .nav-tabs .active > a,
  .tabs-left > .nav-tabs .active > a:hover,
  .tabs-left > .nav-tabs .active > a:focus {
    border-color: $color-grey-level1 transparent $color-grey-level1 $color-grey-level1;
    *border-right-color: $color-white;
  }

  .tabs-right > .nav-tabs {
    border-left: 1px solid $color-grey-level1;
  }

  .tabs-right > .nav-tabs > li > a:hover,
  .tabs-right > .nav-tabs > li > a:focus {
    border-color: $color-grey-level1 $color-grey-level1 $color-grey-level1 $color-grey-level1;
  }

  .tabs-right > .nav-tabs .active > a,
  .tabs-right > .nav-tabs .active > a:hover,
  .tabs-right > .nav-tabs .active > a:focus {
    border-color: $color-grey-level1 $color-grey-level1 $color-grey-level1 transparent;
    *border-left-color: $color-white;
  }


  // Step
  .step {
    .nav-tabs {
      background-color: $color-white;
    }
  }


  // Tab Step Horizontal
  .step {
    .nav-tabs {
      & > li {
        border: 1px solid $color-grey-level1;
        border-right: 0;
      }
      & > li:after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid $color-white;
      }
      & > li:before {
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 16px solid $color-grey-level1;
      }
      & > li.active {
        background-color: $color-grey;
        & > a  , & > a:focus , & > a:hover {
          background: transparent;

        }
      }
      & > li:hover {
        background-color: $color-grey;
      }
      & > li:hover:after, & > li.active:after {
        border-left: 15px solid $color-grey;
      }
      & > li:last-child {
        border-right: 1px  solid $color-grey-level1;
      }

      & > li.step-success {
        background-color: $color-clear-green-sea;
        border: 1px solid $color-green-sea;
        a {
          color: $color-darkest-green-sea;
        }
      }

      & > li.step-disabled {
        background-color: $color-clear-green-sea;
      }
      & > li.step-success:after {
        border-left: 15px solid $color-clear-green-sea;
      }
      & > li.step-success.active:hover:after {
        border-left: 15px solid $color-clear-green-sea;
      }

      & > li.step-success:hover:after {
        border-left: 15px solid $color-grey;
      }

    }
  }

  .step.card-no-padding {
    .nav-tabs {

      & > li {
        border: 0px solid transparent;
        border-right: 1px  solid $color-grey-level1;
        border-bottom: 1px  solid $color-grey-level1;
      }
      & > li:last-child {
        border-right: 0px  solid $color-grey-level1;

      }
    }
  }

  .step.tabs-left {
    .nav-tabs {
      & > li {
        border: 1px solid $color-grey-level1;
      }
      & > li:after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid $color-white;
      }
      & > li:before {
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 16px solid $color-grey-level1;
      }
      & > li.active {
        background-color: $color-grey;
        & > a  , & > a:focus , & > a:hover {
          background: transparent;
        }
      }
      & > li:hover {
        background-color: $color-grey;
      }
      & > li:hover:after , & > li.active:after{
        border-left: 15px solid $color-grey;
      }
    }
  }

  .step.tabs-left.card-no-padding {
    .nav-tabs {
      & > li {
        border: 0px solid transparent;
      }
    }
  }

  // pricing table
  .pricing-table {
    box-shadow: 0 1px 1px $color-grey-level3;
    .pt-header {
      background-color: $color-grey-level1;

      .plan-pricing {
        .pricing {
          text-shadow: 0 1px 1px $color-white;
        }
      }
    }

    .pt-body {
      background-color: $color-light-grey;
      .plan-detail {
        border-top: 1px dashed rgba(255,255,255,0.6);
        padding-top: 1em;
        margin-top: 1em;
      }
    }
    .pt-footer {
      background-color: $color-light-grey;
    }
  }

  // pricing table
  .pricing-table.dark-blue {
    .pt-header {
      background-color: $color-dark-blue;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clearer-dark-blue;
      color: $color-dark-blue-hover;
    }
    .pt-footer {
    }
  }
  // pricing table
  .pricing-table.green {
    .pt-header {
      background-color: $color-green-sea;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-green-sea;
      color: $color-darkest-green-sea;
    }
    .pt-footer {
    }
  }

  // pricing table
  .pricing-table.blue {
    .pt-header {
      background-color: $color-blue;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-blue;
      color: $color-darkest-blue;
    }
    .pt-footer {
    }
  }
  // pricing table
  .pricing-table.yellow {
    .pt-header {
      background-color: $color-yellow;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-yellow;
      color: $color-darkest-yellow;
    }
    .pt-footer {
    }
  }
  // pricing table
  .pricing-table.red {
    .pt-header {
      background-color: $color-red;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-red;
      color: $color-darkest-red;
    }
    .pt-footer {
    }
  }
}

// Landing Pages
.flat-blue.landing-page {
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
  }

  .navbar {
    background-color: transparent;
    box-shadow: none;

    .navbar-nav {
      & > .active {
        & > a {
          background-color: transparent;
        }
      }
      & > li {
        border-left: 0px solid $color-light-grey;
        & > a {
          color: $color-white;
        }
      }
    }
    .navbar-collapse {
      border: 0;
    }
  }
  .navbar.affix {
    .navbar-nav {
      & > li {
        & > a {
          color: $color-dark-blue;
        }
      }
      & > li:hover {
        & > a {
          color: $color-blue;
        }
      }
    }
  }

  @media (max-width: 768px) {
    .navbar {
      .navbar-collapse {
        background-color: #333;
      }
      .navbar-right {
        background-color: transparent;
        color: #FFF;
      }
    }
    .navbar.affix {
      .navbar-nav > li > a {
        color: #FFF;
      }
    }
  }

  .navbar.affix {
    .navbar-brand {
      color: $color-dark-blue;
    }
    .navbar-toggle {
      .icon-bar {
          background-color: $color-dark-blue;
      }
    }
  }

  .app-header {
    .app-btn {
      background-color: transparent;
      border: 2px solid $color-white;
    }
  }

  .app-content-a {
    background-color: $color-grey;
  }
}
PK       ! ¹4fKj  Kj    themes/flat-green.scssnu „[µü¤        
$color-white: #FFF;
$color-light-grey-1: #FDFDFD;
$color-light-grey: #F9F9F9;
$color-lighter-grey: #F0F0F0;
$color-grey: #EAEAEA;
$color-grey-level1: #E4E4E4;
$color-grey-level2: #DDD;
$color-grey-level3: #CCC;
$color-dark-grey: #2f2f30;


$color-clearer-dark-blue: #9eaabd;
$color-clear-dark-blue: #73849d;
$color-dark-blue: #2C3E50;
$color-dark-blue-1: #22A7F0;
$color-dark-blue-hover: #363c46;

$color-dark-black: #232323;

$color-clear-red: #ffb8aa;
$color-lightest-red: #fb927d;
$color-light-red: #19B5FE;
$color-red: #FA2A00;
$color-darkest-red: #7c1a06;

$color-light-green: #88F159;

$color-clear-yellow: #ffe5a2;
$color-yellow: #FABE28;
$color-dark-yellow: #ffb400;
$color-darkest-yellow: #85630f;

$color-bgreen: #88C100;

$color-clear-green-sea: #99e9d9;
$color-green-sea: #1ABC9C;
$color-dark-green-sea: #16A085;
$color-darkest-green-sea: #006551;

$color-clear-blue: #91d5fb;
$color-blue: #22A7F0;
$color-darkest-blue: #09486b;

$color-light-gblue: #00B9BD;
$color-gblue: #007E80;
$color-dark-gblue: #004853;

$theme-menu-bg-color: #D4D4D4;
$theme-success-color: #00B16A;
$color-blue: #22A7F0;
$theme-danger-color: $color-red;

// Green Themes
.flat-green {
  background-color: $color-light-grey;
  a {
    color: $color-dark-blue-hover;
  }
  a:hover {
    color: $color-darkest-green-sea;
  }
  .app-footer {
    opacity: 0.7;
    color: $color-dark-blue;
  }

  // Navbar
  .navbar, .navbar.navbar-default {
    border-bottom: 0px;

    box-shadow: 0 1px 2px rgba(0,0,0,0.08);

    & > .container-fluid {
      background-color: $color-white;
    }

    .navbar-header {

      .navbar-brand {
        color: $color-light-grey;
      }

      .navbar-expand-toggle {
        color: $color-dark-blue;
      }
      .navbar-right-expand-toggle {
        color: $color-dark-blue;
      }
    }

    .navbar-breadcrumb {
      li {
        color: $color-dark-blue;
        a {
          color: $color-dark-blue;
        }
      }
    }
    .navbar-nav {
      & > li {
        border-left: 1px solid $color-light-grey;
        & > a {
          color: $color-dark-blue;
        }
      }
      & > li:hover {
        & > a {
          color: $color-dark-green-sea;
        }
      }
      & > li.open {
        & > a {
          background-color: transparent;
          color: $color-darkest-green-sea;
        }
      }
      & > li.danger {

        & > a {
          background-color: transparent;
          border-bottom: 4px solid $theme-danger-color;
          color: $theme-danger-color;
        }
      }
      & > li.danger.open {
        & > a {
          background-color: $color-red;
          color: $color-white;
        }
      }
      .dropdown-menu {
        background-color: $color-light-grey;
        border-color: $color-grey-level1;
        .title {
          background-color: $color-white;
          .badge {
            background-color: $color-dark-blue;
          }
        }
      }
      .dropdown-menu.danger {
        border-color: $theme-danger-color;
        .title {
          background-color: $theme-danger-color;
          color: $color-white;

          .badge {
            background-color: $color-white;
            color: $theme-danger-color;
          }
        }
      }
    }
  }

  .navbar.navbar-inverse {
    background-color: $color-dark-blue;
    border-bottom: 0px;

    box-shadow: 0 1px 1px rgba(0,0,0,0.1);

    & > .container-fluid {
      background-color: $color-dark-blue;
    }

    .navbar-header {

      .navbar-brand {
        color: $color-light-grey;
      }

      .navbar-expand-toggle {
        color: $color-white;
      }
      .navbar-right-expand-toggle {
        color: $color-white;
      }
    }

    .navbar-breadcrumb {
      li {
        color: $color-white;
        a {
          color: $color-white;
        }
      }
    }
    .navbar-nav {
      & > li {
        border-left: 1px solid $color-dark-blue-hover;
        & > a {
          color: $color-white;
        }
      }
      & > li:hover {
        & > a {
          color: $color-dark-blue-1;
        }
      }
      & > li.open {

        & > a {
          background-color: transparent;
          color: $color-blue;
        }
      }
      & > li.danger {

        & > a {
          background-color: transparent;
          border-bottom: 4px solid $theme-danger-color;
          color: $color-white;
        }
      }
      & > li.danger.open {
        & > a {
          background-color: $color-red;
        }
      }
      .dropdown-menu {
        background-color: $color-light-grey;
        border-color: $color-dark-blue;
        .title {
          background-color: $color-white;
          .badge {
            background-color: $color-dark-blue;
          }
        }
      }
      .dropdown-menu.danger {
        border-color: $theme-danger-color;
        .title {
          background-color: $theme-danger-color;
          color: $color-white;

          .badge {
            background-color: $color-white;
            color: $theme-danger-color;
          }
        }
      }
    }
  }

  // Menu Bar
  .side-menu {
    background-color: $color-white;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);

    .navbar-header {
      background-color: $color-green-sea;
      margin-bottom: 4px;
      .navbar-brand {
        color: $color-light-red;
      }
    }

    .navbar-nav {
      width: 100%;
    }

    .navbar {
      background-color: $color-white;
      border-bottom: 0px;

      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;

      li {
        & > a {
          color: $color-dark-blue-hover;
        }
      }
      li.active {
        border-left: 0;

        & > a {
          border-right: 4px solid $color-green-sea;
          background-color: $color-white;
        }
      }
      & > li:hover {
        & > a {
          background-color: $color-red;
          color: $color-white;
        }
      }

      li.dropdown {

        background-color: transparent;
        & > .panel-collapse {
          background-color: $color-grey-level1;
        }

        .panel-body {
          padding: 0 7px;
        }
      }
    }
  }

  .side-menu.sidebar-inverse {
    background-color: $color-dark-blue;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);

    .navbar {
      background-color: $color-dark-blue;
      border-bottom: 0px;

      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;

      li {
        border-left: 0;
        & > a {
          color: $color-white;
        }
      }
      li.active {

        & > a {

          .icon {
            margin-left: -3px;
          }
          color: $color-dark-blue;
          border-left: 3px solid $color-green-sea;
          border-right: 0px solid $color-blue;
          background-color: $color-white;
        }
      }
      & > li:hover {
        & > a {
          background-color: $color-red;
          color: $color-white;
        }
      }

      li.dropdown {
        & > .panel-collapse {
          background-color: rgba(0,0,0,0.1);
        }

        .panel-body {
          padding: 0 7px;
        }
      }
    }
  }

  /* small screen */
  @media (max-width: 768px) {
    .navbar.navbar-default {
      .navbar-nav > li {
        border-left: 0;
      }
      .navbar-right {
        background-color: $color-white;
        .open {
          .dropdown-menu {
          }
        }
      }
    }
    .navbar.navbar-inverse {
      .navbar-nav > li {
        border-left: 0;
      }
      .navbar-right {
        background-color: $color-dark-blue;
        .open {
          .dropdown-menu {
          }
        }
      }
    }
  }

  // Card
  .card.red {
    background-color: $color-red;
    color: $color-white;
  }

  .card.yellow {
    background-color: $color-dark-yellow;
    color: $color-white;
  }

  .card.green {
    background-color: $color-green-sea;
    color: $color-white;
  }

  .card.blue {
    background-color: $color-blue;
    color: $color-white;
  }

  .card.dark {
    background-color: $color-dark-blue;
    color: $color-white;
  }

  .card.red , .card.yellow , .card.green , .card.blue , .card.dark {
    border: 0;
    .card-header {
      border-bottom: 0;
      .title {
       color: $color-white;
      }
    }
  }

  .card {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 0px solid $color-grey-level1;
    .card-header {
      border-bottom: 1px solid $color-grey-level1;
      .title {
        color: $color-dark-blue;
      }
    }

    .card-body {
      .sub-title {
        border-bottom: 1px solid $color-grey;
      }
    }

    .card-header.no-border {
      border-bottom: 0;
    }

    .card-jumbotron {
      background-color: $color-grey;
    }
  }

  // Jumbotron Color
  .card.primary {
    .card-jumbotron {
      background-color: $color-dark-blue;
      color: $color-white;
    }
  }

  .card.profile {
    .card-body {
    }

    .card-footer {
      border-top: 1px solid $color-light-grey;
    }
  }

  .card.summary-inline.red:hover {
    background-color: $color-darkest-red;
  }

  .card.summary-inline.yellow:hover {
    background-color: $color-darkest-yellow;
  }

  .card.summary-inline.green:hover {
    background-color: $color-darkest-green-sea
  }

  .card.summary-inline.blue:hover {
    background-color: $color-dark-blue;
  }
  .card.summary-inline.dark:hover {
    background-color: $color-darkest-blue;
  }

  .card.card-success {
    .card-header {
      background-color: $color-green-sea;
      .title {
        color: $color-white;
      }
    }
  }

  .card.card-info {
    .card-header {
      background-color: $color-blue;
      .title {
        color: $color-white;
      }
    }
  }

   // Panel
  .panel.panel-default {
    border: 1px solid $color-grey;
    .panel-heading {
      border-bottom: 1px solid $color-grey;
      background-color: $color-lighter-grey;
    }
  }

  .panel.panel-primary {
    border: 1px solid $color-dark-blue;
    .panel-heading {
      border-bottom: 1px solid $color-dark-blue;
      background-color: $color-clear-dark-blue;
      color: $color-white;
    }
  }

  .panel.panel-success {
    border: 1px solid $color-green-sea;
    .panel-heading {
      border-bottom: 1px solid $color-green-sea;
      background-color: $color-clear-green-sea;
      color: $color-darkest-green-sea;
    }
  }

  .panel.panel-info {
    border: 1px solid $color-blue;
    .panel-heading {
      border-bottom: 1px solid $color-blue;
      background-color: $color-clear-blue;
      color: $color-darkest-blue;
    }
  }

  .panel.panel-warning {
    border: 1px solid $color-yellow;
    .panel-heading {
      border-bottom: 1px solid $color-yellow;
      background-color: $color-clear-yellow;
      color: $color-darkest-yellow;
    }
  }

  .panel.panel-danger {
    border: 1px solid $color-lightest-red;
    .panel-heading {
      border-bottom: 1px solid $color-lightest-red;
      background-color: $color-clear-red;
      color: $color-darkest-red
    }
  }


  // Panel with Fresh color
  .panel.fresh-color.panel-primary {
    border: 1px solid $color-dark-blue;
    .panel-heading {
      border-bottom: 1px solid $color-dark-blue;
      background-color: $color-dark-blue;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-success {
    border: 1px solid $color-green-sea;
    .panel-heading {
      border-bottom: 1px solid $color-green-sea;
      background-color: $color-green-sea;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-info {
    border: 1px solid $color-blue;
    .panel-heading {
      border-bottom: 1px solid $color-blue;
      background-color: $color-blue;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-warning {
    border: 1px solid $color-yellow;
    .panel-heading {
      border-bottom: 1px solid $color-yellow;
      background-color: $color-yellow;
      color: $color-white;
    }
  }

  .panel.fresh-color.panel-danger {
    border: 1px solid $color-red;
    .panel-heading {
      border-bottom: 1px solid $color-red;
      background-color: $color-red;
      color: $color-white;
    }
  }

  // Button
  .btn.btn-default {
    background-color: $color-lighter-grey;
    border-color: $color-grey;
  }
  .btn.btn-default:hover {
    background-color: $color-grey;
  }

  .btn.btn-primary {
    background-color: $color-dark-blue;
    color: $color-white;
    border-color: $color-dark-blue;
  }

  .btn.btn-success {
    background-color: $color-green-sea;
    color: $color-white;
    border-color: $color-green-sea;
  }

  .btn.btn-warning {
    background-color: $color-yellow;
    color: $color-white;
    border-color: $color-yellow;
  }

  .btn.btn-info {
    background-color: $color-blue;
    color: $color-white;
    border-color: $color-blue;
  }
  .btn.btn-danger {
    background-color: $color-red;
    color: $color-white;
    border-color: $color-red;
  }
  .btn.btn-link {
    color: $color-dark-blue;
  }

  // Progress Bar
  .progress {
    .progress-bar {
      background-color: $color-dark-blue;
      color: $color-white;
    }
    .progress-bar.progress-bar-success {
      background-color: $color-green-sea;
    }
    .progress-bar.progress-bar-info {
      background-color: $color-blue;
    }
    .progress-bar.progress-bar-warning {
      background-color: $color-yellow;
    }
    .progress-bar.progress-bar-danger {
      background-color: $color-red;
    }
  }

  // Font Color
  .color-white {
    color: $color-white;
  }

  // Pagination
  .pagination {
    & > li {
      & > a {
        color: $color-dark-blue;
      }
    }
    .active {
      & > a , & > a:focus, & > a:hover , span , & > span:focus, & > span:hover {
        background-color: $color-dark-blue;
        border-color: $color-dark-blue;
        color: $color-white;
      }
    }
  }

  // Modal
  .modal.modal-primary {
    .modal-header {
      background-color: $color-dark-blue;
      color: $color-white;
    }
  }

  .modal.modal-success {
    .modal-header {
      background-color: $color-green-sea;
      color: $color-white;
    }
  }

  .modal.modal-info {
    .modal-header {
      background-color: $color-blue;
      color: $color-white;
    }
  }

  .modal.modal-warning {
    .modal-header {
      background-color: $color-yellow;
      color: $color-white;
    }
  }

  .modal.modal-danger {
    .modal-header {
      background-color: $color-red;
      color: $color-white;
    }
  }

  // Alert
  .alert.alert-success {
    background-color: $color-clear-green-sea;
    color: $color-darkest-green-sea;
    border-color: $color-green-sea;

    .alert-link {
      color: $color-darkest-green-sea;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-green-sea;
    }
  }
  .alert.alert-info {
    background-color: $color-clear-blue;
    color: $color-darkest-blue;
    border-color: $color-blue;

    .alert-link {
      color: $color-darkest-blue;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-blue;
    }
  }
  .alert.alert-warning {
    background-color: $color-clear-yellow;
    border-color: $color-yellow;
    color: $color-darkest-yellow;

    .alert-link {
      color: $color-darkest-yellow;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-yellow;
    }
  }
  .alert.alert-danger {
    background-color: $color-clear-red;
    border-color: $color-lightest-red;
    color: $color-darkest-red;

    .alert-link {
      color: $color-darkest-red;
      text-decoration: underline;
    }

    .btn-link {
      color: $color-darkest-red;
    }
  }

  .alert.fresh-color {
    color: $color-white;
    .alert-link {
      color: $color-white;
      text-decoration: underline;
    }
    .btn-link {
      color: $color-white;
    }
  }

  .alert.fresh-color.alert-success {
    background-color: $color-green-sea;
  }
  .alert.fresh-color.alert-info {
    background-color: $color-blue;
  }
  .alert.fresh-color.alert-warning {
    background-color: $color-yellow;
  }
  .alert.fresh-color.alert-danger {
    background-color: $color-red;
    border-color: $color-red;
  }


  // List Group
  .list-group {
    .list-group-item.active {
      background-color: $color-dark-blue;
      color: $color-white;
      border-color: $color-dark-blue;

      .badge {
        color: $color-dark-blue;
      }
    }

    .list-group-item.list-group-item-success {
      background-color: $color-clear-green-sea;
      color: $color-darkest-green-sea;
      border-color: $color-clear-green-sea;

      .badge {
        background-color: $color-white;
        color: $color-green-sea;
      }
    }

    .list-group-item.list-group-item-info {
      background-color: $color-clear-blue;
      color: $color-darkest-blue;
      border-color: $color-clear-blue;

      .badge {
        background-color: $color-white;
        color: $color-blue;
      }
    }

    .list-group-item.list-group-item-warning {
      background-color: $color-clear-yellow;
      color: $color-darkest-yellow;
      border-color: $color-clear-yellow;

      .badge {
        background-color: $color-white;
        color: $color-yellow;
      }
    }

    .list-group-item.list-group-item-danger {
      background-color: $color-clear-red;
      color: $color-darkest-red;
      border-color: $color-clear-red;

      .badge {
        background-color: $color-white;
        color: $color-red;
      }
    }
  }


  // Bootstrap Switch
  .bootstrap-switch {
    border-color: $color-grey;
    .bootstrap-switch-primary {
      background-color: $color-dark-blue;
    }
  }

  // Table
  .table {
    .active {
      td, th {
        background-color: $color-grey;
      }
    }
    .success {
      color: $color-darkest-green-sea;

      td, th {
        background-color: $color-clear-green-sea;
      }
    }
    .info {
      color: $color-darkest-blue;

      td, th {
        background-color: $color-clear-blue;
      }
    }
    .warning {
      color: $color-darkest-yellow;

      td, th {
        background-color: $color-clear-yellow;
      }
    }
    .danger {
      color: $color-darkest-red;

      td, th {
        background-color: $color-clear-red;
      }
    }

    & > tbody , & > tfoot {
      & > tr {
        & > td , & > th {
          border-color: $color-grey;
        }
      }
    }
    & > thead {
      & > tr {
        & > th {
          border-color: $color-grey;
        }
      }
    }
  }
  .table.table-striped {
    & > tbody {
      & > tr:nth-of-type(odd) {
        background-color: $color-light-grey-1;
      }
    }
  }

  // Login page
  .login-box {
    .login-form {
      .login-header  {
        color: $color-white;
      }
      .login-body {
        background-color: $color-white;
      }
    }

    input {
      background-color: $color-light-grey;
      border: 1px solid $color-light-grey;
    }

    .login-footer {
      a {
        color: $color-white;
      }
      a:hover {
        color: $color-white;
        text-decoration: underline;
      }
    }
  }

  // Badge
  .badge.primary {
    background-color: $color-dark-blue;
  }
  .badge.success {
    background-color: $color-green-sea;
  }
  .badge.info {
    background-color: $color-blue;
  }
  .badge.warning {
    background-color: $color-yellow;
  }
  .badge.danger {
    background-color: $color-red;
  }

  // Tabs
  .nav-tabs {
    background-color: $color-grey;

    & > li {
      & > a:hover {
        background-color: $color-grey;
      }
    }

    & > li.active {
      & > a:hover {
        background-color: $color-white;
      }
    }
  }


  // Overide BS3 Tab for Position

  .tabs-below > .nav-tabs {
    border-top: 1px solid $color-grey-level1;
  }

  .tabs-below > .nav-tabs > li > a:hover,
  .tabs-below > .nav-tabs > li > a:focus {
    border-top-color: $color-grey-level1;
    border-bottom-color: transparent;
  }

  .tabs-below > .nav-tabs > .active > a,
  .tabs-below > .nav-tabs > .active > a:hover,
  .tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent $color-grey-level1 $color-grey-level1 $color-grey-level1;
  }

  .tabs-left > .nav-tabs {
    border-right: 1px solid $color-grey-level1;
  }

  .tabs-left > .nav-tabs > li > a:hover,
  .tabs-left > .nav-tabs > li > a:focus {
    border-color: $color-grey-level1 $color-grey-level1 $color-grey-level1  $color-grey-level1;
  }

  .tabs-left > .nav-tabs .active > a,
  .tabs-left > .nav-tabs .active > a:hover,
  .tabs-left > .nav-tabs .active > a:focus {
    border-color: $color-grey-level1 transparent $color-grey-level1 $color-grey-level1;
    *border-right-color: $color-white;
  }

  .tabs-right > .nav-tabs {
    border-left: 1px solid $color-grey-level1;
  }

  .tabs-right > .nav-tabs > li > a:hover,
  .tabs-right > .nav-tabs > li > a:focus {
    border-color: $color-grey-level1 $color-grey-level1 $color-grey-level1 $color-grey-level1;
  }

  .tabs-right > .nav-tabs .active > a,
  .tabs-right > .nav-tabs .active > a:hover,
  .tabs-right > .nav-tabs .active > a:focus {
    border-color: $color-grey-level1 $color-grey-level1 $color-grey-level1 transparent;
    *border-left-color: $color-white;
  }


  // Step
  .step {
    .nav-tabs {
      background-color: $color-white;
    }
  }


  // Tab Step Horizontal
  .step {
    .nav-tabs {
      & > li {
        border: 1px solid $color-grey-level1;
        border-right: 0;
      }
      & > li:after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid $color-white;
      }
      & > li:before {
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 16px solid $color-grey-level1;
      }
      & > li.active {
        background-color: $color-grey;
        & > a  , & > a:focus , & > a:hover {
          background: transparent;

        }
      }
      & > li:hover {
        background-color: $color-grey;
      }
      & > li:hover:after, & > li.active:after {
        border-left: 15px solid $color-grey;
      }
      & > li:last-child {
        border-right: 1px  solid $color-grey-level1;
      }

      & > li.step-success {
        background-color: $color-clear-green-sea;
        border: 1px solid $color-green-sea;
        a {
          color: $color-darkest-green-sea;
        }
      }

      & > li.step-disabled {
        background-color: $color-clear-green-sea;
      }
      & > li.step-success:after {
        border-left: 15px solid $color-clear-green-sea;
      }
      & > li.step-success.active:hover:after {
        border-left: 15px solid $color-clear-green-sea;
      }

      & > li.step-success:hover:after {
        border-left: 15px solid $color-grey;
      }

    }
  }

  .step.card-no-padding {
    .nav-tabs {

      & > li {
        border: 0px solid transparent;
        border-right: 1px  solid $color-grey-level1;
        border-bottom: 1px  solid $color-grey-level1;
      }
      & > li:last-child {
        border-right: 0px  solid $color-grey-level1;

      }
    }
  }

  .step.tabs-left {
    .nav-tabs {
      & > li {
        border: 1px solid $color-grey-level1;
      }
      & > li:after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid $color-white;
      }
      & > li:before {
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 16px solid $color-grey-level1;
      }
      & > li.active {
        background-color: $color-grey;
        & > a  , & > a:focus , & > a:hover {
          background: transparent;
        }
      }
      & > li:hover {
        background-color: $color-grey;
      }
      & > li:hover:after , & > li.active:after{
        border-left: 15px solid $color-grey;
      }
    }
  }

  .step.tabs-left.card-no-padding {
    .nav-tabs {
      & > li {
        border: 0px solid transparent;
      }
    }
  }

  // pricing table
  .pricing-table {
    box-shadow: 0 1px 1px $color-grey-level3;
    .pt-header {
      background-color: $color-grey-level1;

      .plan-pricing {
        .pricing {
          text-shadow: 0 1px 1px $color-white;
        }
      }
    }

    .pt-body {
      background-color: $color-light-grey;
      .plan-detail {
        border-top: 1px dashed rgba(255,255,255,0.6);
        padding-top: 1em;
        margin-top: 1em;
      }
    }
    .pt-footer {
      background-color: $color-light-grey;
    }
  }

  // pricing table
  .pricing-table.dark-blue {
    .pt-header {
      background-color: $color-dark-blue;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clearer-dark-blue;
      color: $color-dark-blue-hover;
    }
    .pt-footer {
    }
  }
  // pricing table
  .pricing-table.green {
    .pt-header {
      background-color: $color-green-sea;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-green-sea;
      color: $color-darkest-green-sea;
    }
    .pt-footer {
    }
  }

  // pricing table
  .pricing-table.blue {
    .pt-header {
      background-color: $color-blue;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-blue;
      color: $color-darkest-blue;
    }
    .pt-footer {
    }
  }
  // pricing table
  .pricing-table.yellow {
    .pt-header {
      background-color: $color-yellow;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-yellow;
      color: $color-darkest-yellow;
    }
    .pt-footer {
    }
  }
  // pricing table
  .pricing-table.red {
    .pt-header {
      background-color: $color-red;
      color: $color-white;
    }

    .pt-body {
      background-color: $color-clear-red;
      color: $color-darkest-red;
    }
    .pt-footer {
    }
  }
}

// Landing Pages
.flat-green.landing-page {
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
  }
  .navbar {
    background-color: transparent;
    box-shadow: none;

    .navbar-nav {
      & > .active {
        & > a {
          background-color: transparent;
        }
      }
      & > li {
        border-left: 0px solid $color-light-grey;
        & > a {
          color: $color-white;
        }
      }
    }
    .navbar-collapse {
      border: 0;
    }
  }

  .navbar.affix {
    .navbar-nav {
      & > li {
        & > a {
          color: $color-dark-blue;
        }
      }
      & > li:hover {
        & > a {
          color: $color-blue;
        }
      }
    }
  }

  @media (max-width: 768px) {
    .navbar {
      .navbar-collapse {
        background-color: #333;
      }
      .navbar-right {
        background-color: transparent;
        color: #FFF;
      }
    }
    .navbar.affix {
      .navbar-nav > li > a {
        color: #FFF;
      }
    }
  }

  .navbar.affix {
    .navbar-brand {
      color: $color-dark-blue;
    }
    .navbar-toggle {
      .icon-bar {
          background-color: $color-dark-blue;
      }
    }
  }

  .app-header {
    .app-btn {
      background-color: transparent;
      border: 2px solid $color-white;
    }
  }

  .app-content-a {
    background-color: $color-grey;
  }
}
PK       ! ôPàèx   x     _fixed-width.scssnu „[µü¤        // Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
  width: (18em / 14);
  text-align: center;
}
PK       ! U½
Ög  Ög    _icons.scssnu „[µü¤        /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
.#{$fa-css-prefix}-gear:before,
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
.#{$fa-css-prefix}-rotate-right:before,
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
.#{$fa-css-prefix}-dedent:before,
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
.#{$fa-css-prefix}-edit:before,
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
.#{$fa-css-prefix}-mail-forward:before,
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
.#{$fa-css-prefix}-warning:before,
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
.#{$fa-css-prefix}-bar-chart-o:before { content: $fa-var-bar-chart-o; }
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
.#{$fa-css-prefix}-gears:before,
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
.#{$fa-css-prefix}-group:before,
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
.#{$fa-css-prefix}-chain:before,
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
.#{$fa-css-prefix}-cut:before,
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
.#{$fa-css-prefix}-copy:before,
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
.#{$fa-css-prefix}-save:before,
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
.#{$fa-css-prefix}-unsorted:before,
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
.#{$fa-css-prefix}-sort-down:before,
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
.#{$fa-css-prefix}-sort-up:before,
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
.#{$fa-css-prefix}-rotate-left:before,
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
.#{$fa-css-prefix}-legal:before,
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
.#{$fa-css-prefix}-dashboard:before,
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
.#{$fa-css-prefix}-flash:before,
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
.#{$fa-css-prefix}-paste:before,
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
.#{$fa-css-prefix}-mobile-phone:before,
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
.#{$fa-css-prefix}-mail-reply:before,
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
.#{$fa-css-prefix}-mail-reply-all:before { content: $fa-var-mail-reply-all; }
.#{$fa-css-prefix}-star-half-empty:before,
.#{$fa-css-prefix}-star-half-full:before,
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
.#{$fa-css-prefix}-unlink:before,
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
.#{$fa-css-prefix}-toggle-down:before,
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
.#{$fa-css-prefix}-toggle-up:before,
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
.#{$fa-css-prefix}-toggle-right:before,
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
.#{$fa-css-prefix}-euro:before,
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
.#{$fa-css-prefix}-dollar:before,
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
.#{$fa-css-prefix}-rupee:before,
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
.#{$fa-css-prefix}-cny:before,
.#{$fa-css-prefix}-rmb:before,
.#{$fa-css-prefix}-yen:before,
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
.#{$fa-css-prefix}-ruble:before,
.#{$fa-css-prefix}-rouble:before,
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
.#{$fa-css-prefix}-won:before,
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
.#{$fa-css-prefix}-bitcoin:before,
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; }
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
.#{$fa-css-prefix}-toggle-left:before,
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
.#{$fa-css-prefix}-turkish-lira:before,
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
PK       ! /ãìÏ    
  _core.scssnu „[µü¤        // Base Class Definition
// -------------------------

.#{$fa-css-prefix} {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
PK       ! Ùi9oL  L    _bordered-pulled.scssnu „[µü¤        // Bordered & Pulled
// -------------------------

.#{$fa-css-prefix}-border {
  padding: .2em .25em .15em;
  border: solid .08em $fa-border-color;
  border-radius: .1em;
}

.pull-right { float: right; }
.pull-left { float: left; }

.#{$fa-css-prefix} {
  &.pull-left { margin-right: .3em; }
  &.pull-right { margin-left: .3em; }
}
PK       ! K¦3·  ·  
  _path.scssnu „[µü¤        /* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
  src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
    url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
    url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
    url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
  //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}
PK       ! ýâ”©z  z  
  _list.scssnu „[µü¤        // List Icons
// -------------------------

.#{$fa-css-prefix}-ul {
  padding-left: 0;
  margin-left: $fa-li-width;
  list-style-type: none;
  > li { position: relative; }
}
.#{$fa-css-prefix}-li {
  position: absolute;
  left: -$fa-li-width;
  width: $fa-li-width;
  top: (2em / 14);
  text-align: center;
  &.#{$fa-css-prefix}-lg {
    left: -$fa-li-width + (4em / 14);
  }
}
PK       ! ôÕŸ
•  •    font-awesome.scssnu „[µü¤        /*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "spinning";
@import "rotated-flipped";
@import "stacked";
@import "icons";
PK       ! ZL®;œ  œ    _rotated-flipped.scssnu „[µü¤        // Rotated & Flipped Icons
// -------------------------

.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }

.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
PK       ! í\ââ  â    _stacked.scssnu „[µü¤        // Stacked Icons
// -------------------------

.#{$fa-css-prefix}-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
PK       ! ç$6­w  w    _larger.scssnu „[µü¤        // Icon Sizes
// -------------------------

/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
  font-size: (4em / 3);
  line-height: (3em / 4);
  vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }
PK       ! ÖÀïþ  þ    _spinning.scssnu „[µü¤        // Spinning Icons
// --------------------------

.#{$fa-css-prefix}-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
PK         ! ä£óP  P                  _navbar.scssnu „[µü¤        PK         ! º€eŒè   è               Œ  _utilities.scssnu „[µü¤        PK         ! }
{í~  ~              ³	  _global.scssnu „[µü¤        PK         ! Ñ
ÞU  U              m  _login.scssnu „[µü¤        PK         ! ÿ¯å                ý  _footer.scssnu „[µü¤        PK         ! µ°Ûæ  æ              W  _cards.scssnu „[µü¤        PK         ! ²9L0ã)  ã)              x  _variables.scssnu „[µü¤        PK         ! ðéh½  ½              š@  _mixins.scssnu „[µü¤        PK         ! E>v#6  6              “C  sb-admin.scssnu „[µü¤        PK         ! <¦˜Í´|  ´|  
            E  style.scssnu „[µü¤        PK         ! ËM¹(j  (j              ôÁ  themes/flat-blue.scssnu „[µü¤        PK         ! ¹4fKj  Kj              a, themes/flat-green.scssnu „[µü¤        PK         ! ôPàèx   x               ò– _fixed-width.scssnu „[µü¤        PK         ! U½
Ög  Ög              «— _icons.scssnu „[µü¤        PK         ! /ãìÏ    
            ¼ÿ _core.scssnu „[µü¤        PK         ! Ùi9oL  L               _bordered-pulled.scssnu „[µü¤        PK         ! K¦3·  ·  
            – _path.scssnu „[µü¤        PK         ! ýâ”©z  z  
            ‡ _list.scssnu „[µü¤        PK         ! ôÕŸ
•  •              ; font-awesome.scssnu „[µü¤        PK         ! ZL®;œ  œ              	 _rotated-flipped.scssnu „[µü¤        PK         ! í\ââ  â              ò
 _stacked.scssnu „[µü¤        PK         ! ç$6­w  w               _larger.scssnu „[µü¤        PK         ! ÖÀïþ  þ              Ä _spinning.scssnu „[µü¤        PK            